/*==================================
            WHY US
==================================*/

.why-us{

    padding:120px 40px;

    background:#f8fbf8;

}

.why-us .section-header{

    text-align:center;

    max-width:800px;

    margin:auto;

}

.why-grid{

    max-width:1200px;

    margin:70px auto 0;

    display:grid;

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

    gap:30px;

}

/*==============================
            CARD
==============================*/

.why-card{

    padding:45px 30px;

    background:white;

    border-radius:25px;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.why-card:hover{

    transform:translateY(-10px);

    background:#163c29;

}

.why-card:hover h3,
.why-card:hover p{

    color:white;

}

.why-card:hover .why-icon{

    background:white;

    color:#163c29;

}

/*==============================
            ICON
==============================*/

.why-icon{

    width:80px;

    height:80px;

    margin:auto auto 25px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#59c978;

    color:white;

    font-size:30px;

    transition:.35s;

}

.why-card h3{

    margin-bottom:15px;

    color:#163c29;

}

.why-card p{

    color:#666;

    line-height:1.8;

}