/*========== WHY US ==========*/
.why-us{
padding:100px 8%;
background:#f8f8f8;
}

.container{
max-width:1200px;
margin:auto;
}

.section-title{
text-align:center;
margin-bottom:60px;
}

.section-title span{
font-size:14px;
letter-spacing:2px;
color:#4d0505;
font-weight:600;
}

.section-title h2{
font-size:46px;
margin-top:18px;
color:#222;
font-weight:600;
}

/* cards */
.cards-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
}

.why-card{
background:#fff;
padding:45px 35px;
border-radius:1px;
box-shadow:0 6px 22px rgba(0,0,0,.05);
transition:.3s ease;
}

.why-card:hover{
transform:translateY(-8px);
}

.icon{
width:70px;
height:70px;
background:#4d0505;
border-radius:1px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:25px;
}

.icon i{
font-size:30px;
color:#fff;
}

.why-card h3{
font-size:26px;
margin-bottom:18px;
color:#222;
}

.why-card p{
font-size:17px;
line-height:1.8;
color:#666;
}


/*========== Responsive ==========*/
@media(max-width:992px){
.cards-grid{
grid-template-columns:1fr;
}

.section-title h2{
font-size:38px;
}
}

@media(max-width:768px){

.why-us{
padding:70px 7%;
}

.section-title h2{
font-size:32px;
}

.why-card{
padding:35px 28px;
}
}