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

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

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

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

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

.hero-image{
border-radius:14px;
box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.section-icon{
display:block;
width:64px;
height:64px;
object-fit:contain;
margin:0 0 12px;
}

.benefit-icon{
display:block;
width:64px;
height:64px;
object-fit:contain;
margin:0 auto 12px;
}

@media(max-width:767.98px){

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

}