.row:has(.blog-card){
  --bs-gutter-y: 3.2rem;
}
.blog-card-item{
  display: block;
  position: absolute;
  width: calc(100% - 2.4rem);
  height: 100%;
  z-index: 2;
}
.blog-card:has(.blog-card-item) .badge-secondary {
  z-index: 3;
}
.blog-card-img{
  overflow: hidden;
  border-radius: 0.8rem;
}
.blog-card:has(.blog-card-item) {
  position: relative;
}
.blog-card-img img{
  width: 100%;
  height: 28.4rem;
  object-fit: cover;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.blog-card:has(.blog-card-item:hover) .blog-card-img img{
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.blog-card:has(.blog-card-item) p{
  max-height: 8.4rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3; 
  -webkit-box-orient: vertical;
}
@media(min-width:1460px) and (max-width:1499.98px){
  .blog-card-img img {
    height: 28rem;
  }
}
@media(min-width:1360px) and (max-width:1459.98px){
  .row:has(.blog-card) {
    --bs-gutter-y: 2.4rem;
  }
  .blog-card-img img {
    height: 25.3rem;
  }
  .blog-card br{
    display: none;
  }
  .blog-card:has(.blog-card-item) p {
    max-height: 7.2rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  .row:has(.blog-card) {
    --bs-gutter-y: 2.4rem;
  }
  .blog-card-img img {
    height: 22.5rem;
  }
  .blog-card br{
    display: none;
  }
  .blog-card:has(.blog-card-item) p {
    max-height: 7.2rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .row:has(.blog-card) {
    --bs-gutter-y: 2.4rem;
  }
  .blog-card-img img {
    height: 18.3rem;
  }
  .blog-card br{
    display: none;
  }
  .blog-card:has(.blog-card-item) p {
    max-height: 7.2rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .blog-card-img img {
    height: 20.7rem;
  }
  .blog-card:nth-child(n + 3){
    margin-top: 2.4rem;
  }
  .blog-card br{
    display: none;
  }
  .blog-card:has(.blog-card-item) p {
    max-height: 7.2rem;
  }
}
@media(max-width:767.98px){
  .row:has(.blog-card) {
    --bs-gutter-y: 1.5rem;
  }
  .blog-card:nth-child(n + 2){
    margin-top: 2.4rem;
  }
  .blog-card br{
    display: none;
  }
  .blog-card-img img {
    height: 31.6rem;
  }
  .blog-card:has(.blog-card-item) p {
    max-height: 7.2rem;
  }
  .blog-card-btn .btn{
    width: 100%;
  }
}
@media(max-width:575.98px){
  .blog-card-img img {
    height: calc(65.1vw - 3rem);
  }
}