/* ===============================
   INDUSTRIES PAGE
   DISHA Recruitment V2
================================ */


/* HERO */

.industries-hero{

    background:var(--light-bg);

    padding:45px 0;

}


.industries-hero p{

    max-width:750px;

    color:var(--light-text);

    line-height:1.7;

}




/* INDUSTRY GRID */


.industries-section{

    padding:50px 0;

}


.industry-grid{

    display:grid;

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

    gap:22px;

}


.industry-card{

    background:white;

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

    border-radius:14px;

    padding:25px;

}


.industry-card h3{

    color:var(--blue);

    margin-bottom:15px;

}


.industry-card ul{

    list-style:none;

}


.industry-card li{

    margin-bottom:10px;

    color:var(--light-text);

}


.industry-card li::before{

    content:"✓";

    color:var(--green);

    font-weight:bold;

    margin-right:8px;

}




/* WHY SECTION */


.industry-why{

    background:var(--light-bg);

    padding:45px 0;

}


.industry-why-grid{

    display:grid;

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

    gap:18px;

}


.industry-point{

    background:white;

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

    border-radius:12px;

    padding:18px;

    font-weight:600;

}


.industry-point i{

    color:var(--green);

}




/* CTA */


.industry-cta{

    text-align:center;

    padding:50px 0;

}




/* MOBILE */


@media(max-width:900px){


.industry-grid,

.industry-why-grid{

    grid-template-columns:1fr;

}


}

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

.industries-hero{

    background:#F5F9FF;

    padding:60px 0;

}


.hero-grid{

    display:grid;

    grid-template-columns:1.3fr 0.7fr;

    align-items:center;

    gap:60px;

}


.hero-content p{

    font-size:17px;

    max-width:650px;

    margin:20px 0;

}


.hero-image img{

    width:100%;

    max-width:380px;

    border-radius:18px;

    display:block;

    margin-left:auto;

}



/* MOBILE */

@media(max-width:768px){

.hero-grid{

    grid-template-columns:1fr;

    gap:30px;

}


.hero-image img{

    max-width:100%;

    margin:auto;

}


}

/* ===============================
   INDUSTRIES SEO SECTION
================================ */


.industries-seo-section{

    padding:50px 0;

    background:#ffffff;

}


.industries-seo-section .container{

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

    padding-top:35px;

}


.industries-seo-section h2{

    margin-bottom:18px;

}


.industries-seo-section p{

    max-width:950px;

}