/*==========================================================
    WHY CHOOSE SUHANA PILES CLINIC
==========================================================*/

.why-ch{

    padding:110px 0;

    background:#ffffff;

}

/*==========================================================
    CONTAINER (fallback in case a global .container
    class isn't already defined on your site)
==========================================================*/

.why-ch .container{

    max-width:1180px;

    margin:0 auto;

    padding:0 24px;

}

/*==========================================================
    BADGE
    (renamed from .section-badge to avoid clashing with
    any existing generic badge class on your site)
==========================================================*/

.why-ch .why-bad{

    display:inline-block !important;

    padding:8px 20px !important;

    margin-bottom:18px !important;

    border-radius:999px !important;

    background:rgba(26,142,75,.08) !important;

    color:#1A8E4B !important;

    font-size:14px !important;

    font-weight:700 !important;

    letter-spacing:.04em !important;

    float:none !important;

    width:auto !important;

}

/*==========================================================
    HEADER
==========================================================*/

.why-ch .why-hea{

    max-width:760px !important;
    font-size: 20px !important;
    margin:0 auto 70px !important;

    text-align:center !important;

    float:none !important;

}

.why-ch .why-hea h2{

    font-size:52px !important;

    font-weight:800 !important;

    color:#000000 !important;

    margin:18px 0 !important;

    line-height:1.2 !important;

    text-align:center !important;

}

.why-ch .why-hea p{

    font-size:20px !important;

    color:#4B5563 !important;

    line-height:1.8 !important;

    text-align:center !important;

}

/*==========================================================
    GRID
==========================================================*/

.why-grid{

    display:grid;

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

    gap:32px;

}

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

.why-card{

    background:#fff;

    border-radius:28px;

    padding:40px 32px;

    text-align:center;

    border:1px solid rgba(26,142,75,.08);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.4s ease;

}

.why-card:hover{

    transform:translateY(-10px);

    box-shadow:0 28px 60px rgba(26,142,75,.16);

}

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

.why-icon{

    width:90px;

    height:90px;

    margin:0 auto 24px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:42px;

    background:linear-gradient(135deg,#1A8E4B,#46BE69);

    box-shadow:0 15px 35px rgba(26,142,75,.25);

}

/*==========================================================
    TEXT
==========================================================*/

.why-card h3{

    font-size:25px;

    font-weight:800;

    color:#1F2937;

    margin-bottom:16px;

}

.why-card p{

    font-size:16px;

    line-height:1.8;
   
    color:#667085;

}

/*==========================================================
    RESPONSIVE
==========================================================*/

@media (max-width:960px){

    .why-grid{

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

    }

}

@media (max-width:640px){

    .why-choose{

        padding:64px 0;

    }

    .why-header h2{

        font-size:34px;

    }

    .why-header p{

        font-size:16px;

    }

    .why-grid{

        grid-template-columns:1fr;

    }

}