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

.industries-hero{

    background:
    linear-gradient(rgba(13,71,161,0.75), rgba(0,166,81,0.65)),
    url("../assets/images/industries/industries-bg.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    min-height: 650px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: white;

    padding: 120px 20px;

}

.industries-hero h1{

    color:white;

    font-size:52px;

    margin-bottom:20px;

}

.industries-hero p{

    color:white;

    font-size:20px;

}

/* ==========================================
   INDUSTRY CARDS
========================================== */

.industries-section{

    background:#FFFFFF;

}

.industries-section h2{

    text-align:center;

    margin-bottom:50px;

}

.industry-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}

.industry-card{

    background:#F8FAFC;

    padding:35px;

    border-radius:12px;

    text-align:center;

    box-shadow:var(--shadow);

    transition:.3s;

}

.industry-card:hover{

    transform:translateY(-8px);

}

.industry-card h3{

    color:var(--primary);

    margin-bottom:20px;

}

/* ==========================================
   BENEFITS
========================================== */

.industry-benefits{

    background:#F5F7FA;

}

.industry-benefits h2{

    text-align:center;

    margin-bottom:50px;

}

.benefits-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

    gap:25px;

}

.benefit-card{

    background:white;

    padding:25px;

    border-radius:12px;

    text-align:center;

    font-weight:600;

    box-shadow:var(--shadow);

}