.customBlogPosts .row-gap{row-gap:16px;}
.customBlogPosts .item-card{opacity:1;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;overflow:hidden;height:100%}
.customBlogPosts .item-card:has(:is(.cta_button,.cta-button,[data-hubspot-cta-id]):focus),.customBlogPosts .item-card:hover{-webkit-box-shadow:15px 10px 20px 0 rgba(0,0,0,.05);box-shadow:15px 10px 20px 0 rgba(0,0,0,.05)}
.customBlogPosts .card-description,.customBlogPosts .card-image{width:100%}
.customBlogPosts .item-card:has(:is(.cta_button,.cta-button,[data-hubspot-cta-id]):focus) .btn-wrapper,.customBlogPosts .item-card:hover .btn-wrapper{max-height:100px;overflow:visible}
.customBlogPosts .media-body{position:relative;display:flex;flex-direction:column;height:100%;justify-content: space-between;}
.customBlogPosts .BlogTag{flex-wrap:wrap;gap:10px;}
.customBlogPosts .BlogTag .tag{line-height: 1.4;padding: 8px 24px;background-color: #F0F7FC;color: #2E90CF;}
.customBlogPosts .BlogTag .tag.bim{color:#A5BE00;background-color:#FBFCF5;}
.customBlogPosts .BlogTag .tag.twin{color:#2E90CF;background-color:#F0F7FC;}
.customBlogPosts .layoutOne .BlogTag{position: absolute;bottom: 40px;left: 40px;z-index: 2;}
.customBlogPosts .layoutTwo .BlogTag .tag{padding:5px 10px}
.customBlogPosts .blog-index__post-image{width:100%;height:100%!important;object-fit:cover;border-radius:0;}
.customBlogPosts .CardHeading a{color:inherit;}
.customBlogPosts .CardHeading h3:hover a{color:var(--primary);}
.customBlogPosts .CardContent {display: flex;flex-direction: column;  justify-content: space-between;height: calc(100% - 260px);}
.customBlogPosts .card-image {height: 260px;}
@media(min-width:1640px){
  
  .customBlogPosts .BlogTag{
    margin-bottom:40px;
  }
  .customBlogPosts .CardContent{
    padding-left:40px;
    padding-right:40px;
  }
  

  .customBlogPosts .layoutTwo .CardContent{padding-bottom:65px;}

}
@media(min-width:768px){
  .customBlogPosts .btn-wrapper .cta-button{min-width:325px;}
}
@media(max-width:991px){
  .customBlogPosts .card-image{height:240px}
  .customBlogPosts .CardContent{height:calc(100% - 240px)}
}
@media(max-width:767px){
  
  .customBlogPosts .BlogTag .tag{5px 15px;font-size:12px;font-weight:700;border-radius:8px;padding:5px 15px;}
  .customBlogPosts .layoutOne .BlogTag{bottom: 20px;left: 15px;}

}
@media(max-width:479px){
  .customBlogPosts .card-image{height:200px}
  .customBlogPosts .CardContent{height:calc(100% - 200px)}
}