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

.why-us{

    background:var(--white);

}

.why-us-grid{

    display:grid;

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

    gap:40px;

    margin-top:50px;

}

.why-card{

    display:flex;

    align-items:flex-start;

    gap:20px;

    transition:var(--transition);

}

.why-card:hover{

    transform:translateY(-6px);

}

.why-icon{

    width:72px;

    height:72px;

    min-width:72px;

    border-radius:50%;

    background:rgba(244,180,0,.12);

    display:flex;

    align-items:center;

    justify-content:center;

}

.why-icon i{

    color:var(--primary);

    font-size:28px;

}

.why-card h3{

    margin-bottom:10px;

    font-size:24px;

    color:var(--title);

}

.why-card p{

    margin:0;

    color:var(--text);

    line-height:1.8;

}

@media(max-width:1200px){

    .why-us-grid{

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

    }

}

@media(max-width:768px){

    .why-us-grid{

        grid-template-columns:1fr;

        gap:30px;

    }

    .why-card{

        align-items:center;

    }

}