@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");
:root {
  --mont: "Montserrat", sans-serif;
}

.blog__card {
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.1607843137);
  border-radius: 16px;
}
.blog__card .caption .title {
  font-family: var(--mont);
  font-display: swap;
  font-weight: 600;
  font-size: 1.125rem;
}
.blog__card .caption .title a {
  color: #2B2A68;
}
.blog__card .caption .title a:hover {
  color: var(--brand);
}
.blog__card .caption .desc {
  color: #6A6A6A;
  font-family: var(--mont);
  font-display: swap;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.blog__card .caption .read__more {
  font-weight: 600;
  font-family: var(--mont);
  color: #2B2A68;
  font-size: 13px;
}
.blog__card .caption .read__more:hover {
  color: var(--brand);
  text-decoration: underline;
}

.blog__details__wrapper {
  font-weight: 400;
}

.related__blog__list li {
  margin-bottom: 1rem;
}
.related__blog__list .thumbnial {
  width: 7rem;
}
.related__blog__list .caption {
  width: calc(100% - 7rem);
  padding-left: 1rem;
}
.related__blog__list .caption .desc {
  font-size: 13px;
  line-height: 1.3;
  color: #6A6A6A;
  font-family: var(--mont);
  font-display: swap;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.related__blog__list .title a {
  font-size: 1.125rem;
  font-family: var(--mont);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
}/*# sourceMappingURL=blog.css.map */