/* =========================================================
   DISHA Recruitment
   WHY DISHA PAGE — VERSION 4.4 TEST
   Page-specific CSS only.
   Uses:
       css/global-new.css

   Design direction:
   Employer-first, Bangalore-focused, compact, premium.
   New page namespace:
       wd44-
   ========================================================= */


/* =========================================================
   HERO
   ========================================================= */

.wd44-hero{
    padding:34px 0 32px;
    background:var(--light-bg);
}

.wd44-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(360px,.9fr);
    gap:34px;
    align-items:center;
}

.wd44-eyebrow,
.wd44-kicker{
    margin:0 0 8px;
    color:var(--green);
    font-size:13px;
    line-height:1.35;
    font-weight:700;
}

.wd44-hero h1{
    margin:0 0 14px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:clamp(34px,3.3vw,40px);
    line-height:1.12;
    font-weight:700;
}

.wd44-hero-text{
    max-width:760px;
    margin:0 0 18px;
    color:#64748b;
    font-size:15px;
    line-height:1.7;
}

.wd44-hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin:0 0 20px;
}

.wd44-hero-points span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    border:1px solid var(--border);
    border-radius:999px;
    background:#ffffff;
    color:var(--blue);
    font-size:12px;
    line-height:1.3;
    font-weight:700;
}

.wd44-hero-points i{
    color:var(--green);
}

.wd44-hero-image{
    display:flex;
    justify-content:flex-end;
}

.wd44-hero-image img{
    display:block;
    width:min(100%,500px);
    height:auto;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(15,23,42,.10);
}


/* =========================================================
   COMMON SECTION HEADING
   ========================================================= */

.wd44-section-heading{
    max-width:820px;
    margin:0 auto 24px;
    text-align:center;
}

.wd44-section-heading h2{
    margin:0 0 9px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:27px;
    line-height:1.25;
    font-weight:700;
}

.wd44-section-heading > p:last-child{
    margin:0;
    color:#64748b;
    font-size:14px;
    line-height:1.65;
}


/* =========================================================
   EMPLOYER DECISION
   ========================================================= */

.wd44-decision{
    padding:34px 0;
    background:#ffffff;
}

.wd44-decision-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.wd44-decision-card{
    min-width:0;
    padding:19px;
    border:1px solid var(--border);
    border-top:3px solid var(--blue);
    border-radius:12px;
    background:#ffffff;
    box-shadow:0 7px 18px rgba(15,23,42,.05);
}

.wd44-card-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin-bottom:11px;
    border-radius:10px;
    background:#eef6ff;
    color:var(--blue);
}

.wd44-decision-card h3{
    margin:0 0 8px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:16px;
    line-height:1.35;
}

.wd44-decision-card p{
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.65;
}


/* =========================================================
   MORE THAN CANDIDATE PROFILES
   ========================================================= */

.wd44-fit-visual{
    padding:34px 0;
    background:var(--light-bg);
}

.wd44-feature-image{
    max-width:1080px;
    margin:0 auto;
    padding:0;
}

.wd44-feature-image img{
    display:block;
    width:100%;
    height:auto;
    border-radius:14px;
    box-shadow:0 8px 22px rgba(15,23,42,.07);
}


/* =========================================================
   RECRUITMENT APPROACH
   ========================================================= */

.wd44-framework{
    padding:34px 0;
    background:#ffffff;
}

.wd44-process-row{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    max-width:1080px;
    margin:0 auto;
}

.wd44-process-row > div{
    min-width:0;
    padding:17px 13px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#ffffff;
    box-shadow:0 6px 16px rgba(15,23,42,.045);
    text-align:center;
}

.wd44-process-row strong{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    margin:0 auto 8px;
    border-radius:50%;
    background:#eaf8ee;
    color:var(--green);
    font-size:11px;
    line-height:1;
    font-weight:700;
}

.wd44-process-row span{
    display:block;
    margin:0 0 5px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:14px;
    line-height:1.3;
    font-weight:700;
}

.wd44-process-row small{
    display:block;
    color:#64748b;
    font-size:11.5px;
    line-height:1.45;
}


/* =========================================================
   TRUST STRIP
   Four columns on desktop — deliberately mirrors the
   approved Office Staff trust-strip behaviour.
   ========================================================= */

.wd44-trust{
    padding:28px 0;
    background:#ffffff;
}

.wd44-trust-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.wd44-trust-grid > div{
    min-width:0;
    min-height:110px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:16px 12px;
    box-sizing:border-box;
    border-radius:11px;
    background:var(--blue);
    color:#ffffff;
    text-align:center;
}

.wd44-trust-grid strong{
    display:block;
    margin:0 0 5px;
    color:#ffffff;
    font-family:"Poppins",Arial,sans-serif;
    font-size:30px;
    line-height:1.05;
    font-weight:700;
}

.wd44-trust-grid span{
    display:block;
    color:#ffffff;
    font-family:"Open Sans",Arial,sans-serif;
    font-size:14px;
    line-height:1.35;
    font-weight:400;
}


/* =========================================================
   THE DISHA DIFFERENCE
   ========================================================= */

.wd44-difference{
    padding:34px 0;
    background:var(--light-bg);
}

.wd44-difference-image{
    max-width:1120px;
    margin:0 auto;
}

.wd44-difference-image img{
    display:block;
    width:100%;
    height:auto;
    border-radius:14px;
    box-shadow:0 8px 22px rgba(15,23,42,.07);
}

.wd44-difference-summary{
    max-width:900px;
    margin:10px auto 0;
    color:#64748b;
    font-size:13px;
    line-height:1.55;
    text-align:center;
}
.wd44-bangalore{
    padding:34px 0;
    background:#ffffff;
}

.wd44-bangalore-box{
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:34px;
    align-items:center;
    max-width:980px;
    margin:0 auto;
    padding:27px;
    border:1px solid #b9e3c3;
    border-radius:14px;
    background:#f5fff8;
}

.wd44-bangalore-box h2{
    margin:0;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:24px;
    line-height:1.3;
}

.wd44-bangalore-box p{
    margin:0 0 9px;
    color:#64748b;
    font-size:13px;
    line-height:1.65;
}

.wd44-bangalore-box p:last-child{
    margin-bottom:0;
}


/* =========================================================
   RECRUITMENT SOLUTIONS
   ========================================================= */

.wd44-services{
    padding:34px 0;
    background:var(--light-bg);
}

.wd44-service-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    max-width:1120px;
    margin:0 auto;
}

.wd44-service-card{
    min-width:0;
    padding:19px;
    border:1px solid var(--border);
    border-top:3px solid var(--green);
    border-radius:12px;
    background:#ffffff;
    box-shadow:0 7px 18px rgba(15,23,42,.045);
}

.wd44-service-card h3{
    margin:0 0 8px;
    color:var(--green);
    font-family:"Poppins",Arial,sans-serif;
    font-size:16px;
    line-height:1.35;
}

.wd44-service-card p{
    min-height:64px;
    margin:0 0 13px;
    color:#64748b;
    font-size:12.5px;
    line-height:1.6;
}

.wd44-service-card a,
.wd44-industry-link a{
    color:var(--blue);
    font-size:12.5px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
}

.wd44-service-card a:hover,
.wd44-industry-link a:hover{
    text-decoration:underline;
    text-underline-offset:3px;
}

.wd44-specialist-links{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:6px 16px;
    max-width:1120px;
    margin:14px auto 0;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
    text-align:center;
}

.wd44-specialist-links a{
    color:var(--blue);
    font-weight:700;
    text-decoration:none;
}

.wd44-specialist-links a:hover{
    text-decoration:underline;
    text-underline-offset:3px;
}

.wd44-industry-link{
    margin:10px auto 0;
    text-align:center;
}


/* =========================================================
   HIRING INSIGHTS
   ========================================================= */

.wd44-insights{
    padding:28px 0;
    background:#ffffff;
}

.wd44-insights-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    max-width:980px;
    margin:0 auto;
    padding:22px 25px;
    border:1px solid #c7e8d0;
    border-radius:13px;
    background:#f7fff9;
}

.wd44-insights-box h2{
    margin:0 0 7px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:22px;
    line-height:1.3;
}

.wd44-insights-box p:last-child{
    margin:0;
    color:#64748b;
    font-size:12.5px;
    line-height:1.55;
}

.btn-outline-blue{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    padding:10px 15px;
    border:1px solid var(--blue);
    border-radius:7px;
    background:#ffffff;
    color:var(--blue);
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    text-decoration:none;
}

.btn-outline-blue:hover{
    background:#eef6ff;
}


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

.wd44-faq{
    padding:34px 0;
    background:var(--light-bg);
}

.wd44-faq-list{
    max-width:900px;
    margin:0 auto;
}

.wd44-faq-list details{
    margin-bottom:8px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#ffffff;
    overflow:hidden;
}

.wd44-faq-list summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:13px 16px;
    cursor:pointer;
    color:var(--blue);
    font-size:13px;
    line-height:1.4;
    font-weight:700;
    list-style:none;
}

.wd44-faq-list summary::-webkit-details-marker{
    display:none;
}

.wd44-faq-list summary span{
    flex:0 0 auto;
    color:var(--green);
    font-size:18px;
    line-height:1;
}

.wd44-faq-list details[open] summary span{
    transform:rotate(45deg);
}

.wd44-faq-list details p{
    margin:0;
    padding:0 16px 15px;
    color:#64748b;
    font-size:12.5px;
    line-height:1.65;
}


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

.wd44-final-cta{
    padding:36px 0 38px;
    background:#1459A3;
    text-align:center;
}

.wd44-final-cta .wd44-kicker{
    color:#b9f0c7;
}

.wd44-final-cta h2{
    margin:0 0 9px;
    color:#ffffff;
    font-family:"Poppins",Arial,sans-serif;
    font-size:28px;
    line-height:1.25;
}

.wd44-final-cta p{
    max-width:720px;
    margin:0 auto 18px;
    color:#e3eef9;
    font-size:13px;
    line-height:1.65;
}

.wd44-final-cta .btn-green{
    display:inline-flex;
}


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

@media(max-width:1100px){

    .wd44-service-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wd44-difference-text{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:900px){

    .wd44-hero-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .wd44-hero-image{
        justify-content:center;
    }

    .wd44-hero-image img{
        width:min(100%,420px);
    }

    .wd44-decision-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wd44-process-row{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .wd44-bangalore-box{
        grid-template-columns:1fr;
        gap:14px;
    }

}

@media(max-width:767px){

    .wd44-hero,
    .wd44-decision,
    .wd44-fit-visual,
    .wd44-framework,
    .wd44-difference,
    .wd44-bangalore,
    .wd44-services,
    .wd44-faq{
        padding:28px 0;
    }

    .wd44-trust{
        padding:24px 0;
    }

    .wd44-hero h1{
        font-size:32px;
    }

    .wd44-hero-text{
        font-size:14px;
        line-height:1.65;
    }

    .wd44-section-heading{
        margin-bottom:19px;
    }

    .wd44-section-heading h2{
        font-size:24px;
    }

    .wd44-section-heading > p:last-child{
        font-size:13px;
    }

    .wd44-decision-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .wd44-decision-card{
        padding:17px;
    }

    .wd44-feature-image img{
        border-radius:10px;
    }

    .wd44-process-row{
        grid-template-columns:1fr 1fr;
        gap:9px;
    }

    .wd44-process-row > div:last-child{
        grid-column:1 / -1;
    }

    .wd44-trust-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .wd44-trust-grid > div{
        min-height:96px;
        padding:13px 10px;
    }

    .wd44-trust-grid strong{
        font-size:26px;
    }

    .wd44-trust-grid span{
        font-size:12px;
    }

    .wd44-difference-text{
        grid-template-columns:1fr;
        gap:8px;
    }

    .wd44-service-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .wd44-service-card p{
        min-height:0;
    }

    .wd44-specialist-links{
        justify-content:flex-start;
        text-align:left;
    }

    .wd44-insights-box{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
        padding:20px;
    }

    .wd44-insights-box .btn-outline-blue{
        width:100%;
    }

    .wd44-final-cta{
        padding:32px 0 34px;
    }

    .wd44-final-cta h2{
        font-size:25px;
    }

}

@media(max-width:430px){

    .wd44-trust-grid{
        grid-template-columns:1fr;
    }

    .wd44-process-row{
        grid-template-columns:1fr;
    }

    .wd44-process-row > div:last-child{
        grid-column:auto;
    }

    .wd44-hero-points{
        gap:7px;
    }

    .wd44-hero-points span{
        width:100%;
        box-sizing:border-box;
    }

}


/* =========================================================
END — WHY DISHA V4.4 TEST
========================================================= */

/* DISHA TYPOGRAPHY STANDARD V1 — conservative page-specific implementation */
/* Main section headings — 30px */
.wd44-section-heading h2 { font-size:30px; line-height:1.2; }
/* Section supporting text — 15px */
.wd44-section-heading > p:last-child { font-size:15px; line-height:1.55; }
/* Card/compact headings — 17px */
.wd44-decision-card h3,
.wd44-process-row strong,
.wd44-trust-grid strong,
.wd44-service-card h3 { font-size:17px; line-height:1.35; }
/* Card/compact body — 13px minimum */
.wd44-decision-card p,
.wd44-process-row span,
.wd44-process-row small,
.wd44-trust-grid span,
.wd44-service-card p,
.wd44-faq-list summary span,
.wd44-faq-list details p { font-size:13px; line-height:1.48; }

@media (max-width: 768px){
.wd44-section-heading h2{font-size:24px;line-height:1.22;}
.wd44-section-heading > p:last-child{font-size:14px;line-height:1.5;}
.wd44-decision-card h3,
.wd44-process-row strong,
.wd44-trust-grid strong,
.wd44-service-card h3{font-size:16px;line-height:1.35;}
.wd44-decision-card p,
.wd44-process-row span,
.wd44-process-row small,
.wd44-trust-grid span,
.wd44-service-card p,
.wd44-faq-list summary span,
.wd44-faq-list details p{font-size:13px;line-height:1.45;}
}


/* =========================================================
DISHA — COMPACT MOBILE MASTER NAVIGATION
V1
Mobile-only site navigation. Desktop navigation is unchanged.
========================================================= */

.disha-mobile-master-nav-v1{
    display:none !important;
}

@media(max-width:767px){

    .disha-mobile-master-nav-v1{
        display:flex;
        width:100%;
        min-width:0;
        align-items:center;
        justify-content:space-between;
        gap:3px;
        margin:5px 0 0;
        padding:7px 0 8px;
        border-top:1px solid #DDE7F2;
        border-bottom:1px solid #DDE7F2;
        box-sizing:border-box;
        overflow:hidden;
    }

    .disha-mobile-master-nav-v1 a{
        flex:0 1 auto;
        min-width:0;
        margin:0;
        padding:1px 0;
        color:#0052A5;
        text-decoration:none;
        font-size:10.5px;
        font-weight:600;
        line-height:1.15;
        letter-spacing:-.05px;
        white-space:nowrap;
        text-align:center;
    }

    .disha-mobile-master-nav-v1 a.is-active{
        color:#00843D;
        font-weight:700;
    }

    .disha-mobile-master-nav-v1 a:hover{
        color:#00843D;
    }

    .disha-mobile-master-nav-v1 a:last-child{
        display:inline-flex;
        align-items:center;
        gap:2px;
    }

    .site-header .nav-menu{
        display:none !important;
    }
}

@media(max-width:380px){
    .disha-mobile-master-nav-v1{
        gap:2px;
        padding-top:6px;
        padding-bottom:7px;
    }
    .disha-mobile-master-nav-v1 a{
        font-size:9.5px;
    }
}

@media(max-width:340px){
    .disha-mobile-master-nav-v1 a{
        font-size:9px;
    }
}

/* =========================================================
DISHA — COMPACT MOBILE MASTER NAVIGATION
END V1
========================================================= */