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

   Uses:
   global.css
===================================================== */


/* HERO */

.why-hero{

    background:var(--light-bg);

    padding:35px 0;

}


.why-hero-grid{

    display:grid;

    grid-template-columns:65% 35%;

    gap:30px;

    align-items:center;

}


.why-hero img{

    max-width:320px;

    width:100%;

    border-radius:15px;

}



/* JOURNEY */


.journey-section{

    padding:35px 0;

}


.journey-box{

    background:white;

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

    border-radius:15px;

    padding:25px;

}


.journey-box p{

    font-size:16px;

}



/* TRUST */


.why-trust{

    background:var(--blue);

    color:white;

    padding:15px 0;

}


.why-trust-grid{

    display:grid;

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

    text-align:center;

    font-weight:700;

}


.why-trust span{

    color:#dfffe5;

}




/* PROCESS */


.process-section{

    padding:35px 0;

}


.process-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

}


.process-card{

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

    border-radius:12px;

    padding:18px;

}


.process-card h3{

    color:var(--blue);

}




/* DIFFERENCE */


.diff-section{

    background:var(--light-bg);

    padding:35px 0;

}


.diff-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

}


.diff-box{

    background:white;

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

    border-radius:12px;

    padding:18px;

}


.diff-box i{

    color:var(--green);

}




/* EXPERTISE */


.expertise-grid{

    display:grid;

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

    gap:18px;

}


.expertise-card{

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

    padding:20px;

    border-radius:12px;

    font-weight:700;

}




/* MOBILE */


@media(max-width:900px){


.why-hero-grid,
.process-grid,
.diff-grid,
.expertise-grid{

    grid-template-columns:1fr;

}


.why-trust-grid{

    grid-template-columns:1fr 1fr;

}


}



@media(max-width:600px){


.why-trust-grid{

    grid-template-columns:1fr;

}


}

/* ===============================
   WHY HERO POINTS
================================ */

.why-points{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin:25px 0;

}


.why-points span{

    background:white;

    color:var(--blue);

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

    padding:14px 20px;

    border-radius:12px;

    font-weight:700;

    box-shadow:0 5px 15px rgba(0,0,0,0.06);

}