.why-us{

padding:110px 0;

background:#f8fafc;

}

.why-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:30px;

margin-top:55px;

}

.why-card{

background:#fff;

padding:40px 30px;

border-radius:28px;

text-align:center;

transition:.35s;

border:1px solid #edf2f7;

box-shadow:0 12px 30px rgba(0,0,0,.05);

}

.why-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.why-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#eef4ff;

font-size:38px;

color:#2563eb;

transition:.35s;

}

.why-card:hover .why-icon{

background:#2563eb;

color:#fff;

transform:rotate(8deg) scale(1.08);

}

.why-card h3{

font-size:24px;

margin-bottom:15px;

color:#111827;

}

.why-card p{

line-height:1.8;

color:#6b7280;

font-size:15px;

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

}