/* ==============================
   Home Blog Card Equal Height Fix
   ============================== */

#blog-sec #blogSlider1 .swiper-wrapper {
  align-items: stretch;
}

#blog-sec #blogSlider1 .swiper-slide {
  height: auto;
  display: flex;
}

#blog-sec #blogSlider1 .blog-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Fixed homepage article image area ratio */
#blog-sec #blogSlider1 .blog-card .blog-img {
  width: 100%;
  height: 230px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 30px;
}

/*Images are uniformly cropped to prevent distortion */
#blog-sec #blogSlider1 .blog-card .blog-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  border-radius: 30px;
}

/* The content area automatically fills to ensure consistent button placement */
#blog-sec #blogSlider1 .blog-card .blog-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* The title should be displayed in a maximum of 3 lines to prevent some titles from being too long and making the card too tall */
#blog-sec #blogSlider1 .blog-card .blog-title {
  min-height: 108px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Read More Push to the bottom */
#blog-sec #blogSlider1 .blog-card .link-btn {
  margin-top: auto;
}

/* Tablet image height */
@media (max-width: 1199px) {
  #blog-sec #blogSlider1 .blog-card .blog-img {
    height: 220px;
  }
}

/* Mobile image height */
@media (max-width: 575px) {
  #blog-sec #blogSlider1 .blog-card .blog-img {
    height: 240px;
  }

  #blog-sec #blogSlider1 .blog-card .blog-title {
    min-height: auto;
  }
}