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

.why-us{

    padding:80px 0;

    background:#f8f6ef;

}

.why-grid{

    display:grid;

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

    gap:24px;

    margin-top:50px;

}

.why-card{

    background:#ffffff;

    border-radius:22px;

    padding:28px 22px;

    text-align:center;

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

    transition:.35s ease;

}

.why-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 45px rgba(0,0,0,.15);

}

.why-icon {

    width: 64px;
    height: 64px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #d4a017;

    background: rgba(212, 160, 23, 0.10);

    border: 1px solid rgba(212, 160, 23, 0.35);

    border-radius: 50%;

}

.why-icon svg {

    width: 32px;
    height: 32px;

    display: block;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;

}

.why-card h3{

    font-size:1.25rem;

    color:#17361e;

    margin-bottom:14px;

}

.why-card p{

    color:#666;

    line-height:1.7;

    font-size:.95rem;

}

/* ==========================================
   TABLET
========================================== */

@media (max-width:992px){

    .why-grid{

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

    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:768px){

    .why-us{

        padding:70px 0;

    }

    .why-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .why-card{

        padding:30px 22px;

    }

}