/* =====================================================
   DISHA Recruitment
   HOME PAGE CSS - Version 2

   Depends on:
   global.css
   ===================================================== */



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


.hero{

    padding:15px 0;

    background:#ffffff;

}


.hero-grid{

    display:grid;

    grid-template-columns:60% 40%;

    align-items:center;

    gap:25px;

}


.hero h1{

    font-size:46px;
    line-height:1.10;
    margin-bottom:12px;
    max-width:650px;

}

.hero-tagline{

    color:var(--green);

    font-size:17px;

    font-weight:700;

    letter-spacing:0.2px;

    margin-bottom:8px;

}

.hero h1 span{

    color:var(--green);

}


.hero-text{

    font-size:18px;

    max-width:620px;

    margin-bottom:20px;

}





.hero-services{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin:25px 0;

}


.hero-service-box{

    background:white;

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

    border-radius:14px;

    padding:15px 22px;

    text-decoration:none;

    min-width:200px;

    box-shadow:0 8px 20px rgba(0,0,0,0.06);

}


.hero-service-box strong{

    display:block;

    color:var(--blue);

    margin-bottom:6px;

}


.hero-service-box small{

    color:var(--light-text);

}



.hero-image img{

    width:92%;
    max-width:520px;
    display:block;
    margin-left:auto;

}




/* =====================================================
   TRUST STRIP
   Compact Experience Snapshot
===================================================== */








.trust-item{

    font-weight:700;

    font-size:15px;

}


.trust-item span{

    color:#dfffe5;

}




/* =====================================================
   OFFICE STAFF RECRUITMENT
   MAIN BUSINESS FOCUS
===================================================== */


.office-section{

    padding:35px 0;

}


.office-title{

    background:var(--green);

    color:white;

    text-align:center;

    padding:8px;

    border-radius:8px;

    margin-bottom:20px;

}


.office-title h2{

    color:white;

}
.office-title p{

    color:white;
    margin-bottom:0;

}

.office-layout{

    display:grid;

    grid-template-columns:65% 35%;

    align-items:center;

    gap:25px;

}


.office-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

}


.office-box{

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

    padding:14px 18px;

    border-radius:10px;

    font-weight:700;

    background:#fff;

}


.office-box i{

    color:var(--green);

    margin-right:8px;

}



.office-image img{

    max-width:280px;

    margin:auto;

    border-radius:12px;

}




.office-action{

    margin-top:22px;

}


/* =====================================================
   HEALTHCARE + INDUSTRIES
===================================================== */

.secondary-services{

    background:var(--light-bg);

    padding:20px 0;

}

.service-two-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

}

.service-card{

    background:#fff;

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

    border-radius:12px;

    padding:18px;

    display:flex;

    flex-direction:column;

    height:100%;

}

.service-card h3{

    margin-bottom:6px;

    font-size:20px;

    line-height:1.25;

}

.service-card p{

    margin-bottom:12px;

    font-size:15px;

    line-height:1.5;

}

.service-card .btn{

    margin-top:auto;

    padding:11px 22px;

    align-self:flex-start;

}



/* =====================================================
   WHY CHOOSE DISHA
===================================================== */

.why-section{

    padding-top:12px;

    padding-bottom:5px;

}

.why-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px;

}

.why-item{

    background:#fff;

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

    padding:10px 14px;

    border-radius:10px;

}

.why-title{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:4px;

}

.why-title i{

    color:var(--green);

    font-size:16px;

    flex-shrink:0;

}

.why-title strong{

    font-size:19px;

    font-weight:600;

}

.why-item small{

    display:block;

    margin-top:4px;

    font-size:15px;

    line-height:1.4;

    color:var(--light-text);

}

.why-section h2{

    margin-bottom:12px;

}

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


.final-cta{

    background:var(--blue);

    color:white;

    text-align:center;

}


.final-cta h2,
.final-cta p{

    color:white;

}


.final-cta .btn{

    margin-top:10px;

}




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


@media(max-width:900px){


.hero-grid,
.office-layout,
.service-two-grid{

    grid-template-columns:1fr;

}


.hero-image img{

    margin:auto;

    width:70%;

}


.office-image img{

    max-width:230px;

}


.trust-grid{

    grid-template-columns:1fr 1fr;

}


}



@media(max-width:600px){


.office-grid,
.why-grid{

    grid-template-columns:1fr;

}


.trust-grid{

    grid-template-columns:1fr;

}


}

/* ===============================
   SERVICE AREA SEO SECTION
================================ */

.service-area-section{

    padding:20px 0 10px;

    background:#ffffff;

}

.service-area-section .container{

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

    padding-top:20px;

}

.service-area-section h2{

    margin-bottom:12px;

}

.service-area-section p{

    max-width:950px;

}

.hero-grid{grid-template-columns:58% 42%;align-items:start}.hero-image img{width:92%;margin-top:-10px}.hero-service-box:first-child{border:2px solid #16A342}.trust-strip{padding:18px 0}.trust-item{padding:18px}.approach-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:10px;align-items:center}.approach-card{padding:14px}.step{width:26px;height:26px;border-radius:50%;background:#16A342;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.flow-arrow{text-align:center;color:#16A342;font-size:22px}.office-layout{grid-template-columns:70% 30%}.office-image img{width:100%;max-width:100%;border-radius:14px}.why-item{padding:10px 14px;section{padding:28px 0}