.why{

padding:110px 0;

background:white;

}

.why-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.why-card{

background:#F8FAF6;

padding:40px;

border-radius:20px;

text-align:center;

transition:.35s;

}

.why-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.why-card i{

font-size:55px;

color:#1E5631;

margin-bottom:25px;

}

.why-card h3{

margin-bottom:15px;

font-size:24px;

}

.why-card p{

line-height:1.8;

color:#666;

}

@media(max-width:991px){

.why-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

}