/* ===============================
   HEALTHCARE PAGE
   DISHA Recruitment V2
================================ */


/* HERO */

.healthcare-hero{

    background:var(--light-bg);

    padding:55px 0;

}


.healthcare-hero-grid{

    display:grid;

    grid-template-columns:1.4fr 0.8fr;

    gap:60px;

    align-items:center;

}


.healthcare-hero p{

    max-width:650px;

    line-height:1.8;

    color:var(--light-text);

}


.healthcare-image img{

    width:100%;

    max-width:330px;

    border-radius:18px;

}




/* ===============================
   HEALTHCARE ROLES
================================ */


.healthcare-roles{

    padding:55px 0;

}


.role-grid{

    display:grid;

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

    gap:22px;

}


.role-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:12px;

    padding:28px;

}


.role-card h3{

    color:var(--blue);

    margin-bottom:18px;

}


.role-card ul{

    list-style:none;

    padding:0;

}


.role-card li{

    margin-bottom:14px;

    color:var(--light-text);

}


.role-card li::before{

    content:"✓";

    color:var(--green);

    font-weight:bold;

    margin-right:10px;

}




/* ===============================
   WHY HEALTHCARE
================================ */


.healthcare-why{

    background:var(--light-bg);

    padding:55px 0;

}


.why-health-grid{

    display:grid;

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

    gap:18px;

}


.why-health-item{

    background:#fff;

    border:1px solid var(--border);

    padding:20px;

    border-radius:12px;

    font-weight:600;

}


.why-health-item i{

    color:var(--green);

}




/* ===============================
   CTA
================================ */


.healthcare-cta{

    padding:60px 0;

    text-align:center;

}


.healthcare-cta p{

    color:var(--light-text);

    margin-bottom:25px;

}




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


@media(max-width:900px){


    .healthcare-hero-grid{

        grid-template-columns:1fr;

        text-align:center;

    }


    .healthcare-image img{

        max-width:280px;

    }


    .role-grid,

    .why-health-grid{

        grid-template-columns:1fr;

    }


}

/* ===============================
   HEALTHCARE SEO SECTION
================================ */


.healthcare-seo-section{

    padding:50px 0;

    background:#ffffff;

}


.healthcare-seo-section .container{

    border-top:1px solid var(--border);

    padding-top:35px;

}


.healthcare-seo-section h2{

    margin-bottom:18px;

}


.healthcare-seo-section p{

    max-width:950px;

}

/* ===============================
   FAQ SECTION
================================ */


.faq-section{

    padding:60px 0;

    background:#ffffff;

}


.faq-section h2{

    margin-bottom:25px;

}


.faq-item{

    background:#F5F9FF;

    border:1px solid var(--border);

    border-radius:14px;

    padding:25px;

    margin-bottom:18px;

}


.faq-item h3{

    font-size:20px;

    margin-bottom:10px;

}


.faq-item p{

    margin:0;

}