.blog-card{
border:1px solid #e9ecef;
border-radius:12px;
overflow:hidden;
background:#fff;
height:100%;
box-shadow:0 4px 15px rgba(0,0,0,.05);
transition:all .3s ease;
}

.blog-card:hover{
transform:translateY(-4px);
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.blog-card img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
}

.blog-card .card-body{
padding:1.25rem;
}

.blog-card h2{
font-size:1.15rem;
line-height:1.4;
}

.blog-card p{
color:#555;
}

.content-box{
background:#fff;
border:1px solid #e9ecef;
border-radius:12px;
padding:30px;
}

@media(max-width:767.98px){

.content-box{
padding:20px 15px;
}

.blog-card h2{
font-size:1.05rem;
}

}