.blog-card{border-radius:1.25rem;position:relative;overflow:hidden;height:100%;min-height:450px}.blog-card .overlay-img{max-width:100%;height:100%;width:100%;object-fit:cover;border-radius:1.25rem}.blog-card .blog-info{position:absolute;padding:1.875rem;bottom:0;width:100%;min-height:100px;transform:translateY(28px);background:linear-gradient(180deg,rgba(61,61,61,0),rgba(61,61,61,.52) 30%,rgba(61,61,61,.85) 60%,rgba(61,61,61,.9) 100%,rgba(61,61,61,1) 0);transition:all .3s ease-in-out}.blog-card:hover .blog-info{bottom:0;transform:translateY(13px);transition:all .3s ease-in-out}.blog-card .blog-info .link,.blog-card .blog-info .title{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:clamp(1.125rem,1.0313rem + .5vw,1.25rem);font-weight:400;transition:all .9s ease-in-out}.blog-card .blog-info .title{-webkit-line-clamp:2;line-clamp:2;font-size:clamp(1rem,.8438rem + .5vw,1.125rem)!important;font-weight:400;transition:all .9s ease-in-out}.blog-card .blog-info .blog-detail{overflow:hidden;height:0;transition:all .9s ease-in-out}.blog-card .blog-info .blog-detail .read-more,.blog-card .blog-info .blog-detail .sub-title{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:clamp(1rem,.8438rem + .5vw,1.125rem)!important;font-weight:400;transition:all .9s ease-in-out}.blog-card:hover .blog-info .blog-detail{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;height:auto;transition:all .9s ease-in-out}