.blog-section {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 0;
}
@media (max-width: 991px) {
  .blog-section {
    height: auto;
    padding: 20px 0;
  }
}
.blog-section__post-card {
  overflow: hidden;
}
.blog-section__post-card-img {
  transition: all 0.4s ease-in-out;
}
.blog-section__post-card:hover .blog-section__post-card-img {
  transform: scale(1.08);
}
.img-cover-blog {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.blog-section__post-card-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(0deg, #000 0.34%, rgba(0, 0, 0, 0) 99.89%);
}
.dark-mode .blog-section__post-card-footer {
  background: linear-gradient(0deg, #E1EAF6 0.34%, rgba(225, 234, 246, 0) 99.89%);
}
.blog-section__post-card-footer-divider {
  width: 1px;
  height: 16px;
  margin: 0 12px;
  background-color: var(--gray-400);
}
.blog-section__post-card.one-large-col {
  height: 480px;
}
.blog-section__post-card.one-large-col .blog-section__post-card-footer {
  height: 200px;
}
@media (max-width: 991px) {
  .blog-section__post-card.one-large-col {
    height: 360px;
  }
  .blog-section__post-card.one-large-col .blog-section__post-card-footer {
    height: 170px;
  }
}
.blog-section__post-card.four-small-col {
  height: 228px;
}
.blog-section__post-card.four-small-col .blog-section__post-card-footer {
  height: 148px;
}
@media (max-width: 991px) {
  .blog-section__post-card.four-small-col {
    height: 198px;
  }
}
@media (max-width: 450px) {
  .blog-section__post-card {
    height: auto;
  }
  .blog-section__post-card.one-large-col {
    height: 238px;
  }
  .blog-section__post-card.four-small-col {
    height: 138px;
  }
  .blog-section__post-card-footer {
    background: linear-gradient(0deg, #000 0.14%, rgba(0, 0, 0, 0) 99.89%);
  }
  .img-cover-blog {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }
}