.industry-hero{
padding:120px 0;
background:var(--gradient-primary);
color:#fff;
}

.hero-tag{
display:inline-block;
padding:8px 20px;
background:rgba(255,255,255,.15);
border-radius:50px;
margin-bottom:20px;
}

.industry-hero h1{
font-size:60px;
font-weight:700;
margin-bottom:20px;
}

.industry-intro,
.bulk-support,
.industry-grid,
.industry-cta{
padding:100px 0;
}

.uniform-needs,
.industry-benefits{
padding:100px 0;
background:var(--light);
}

.section-subtitle{
color:var(--secondary);
font-weight:600;
text-transform:uppercase;
}

.section-heading{
margin-bottom:60px;
}

.section-heading h2,
.industry-intro h2,
.bulk-support h2{
color:var(--primary);
font-weight:700;
}

.image-placeholder{
height:400px;
background:var(--light);
border:2px dashed var(--secondary);
border-radius:25px;
display:flex;
align-items:center;
justify-content:center;
color:var(--primary);
font-size:22px;
font-weight:600;
box-shadow:var(--shadow);
}

.need-card,
.benefit-card{
background:#fff;
padding:35px;
border-radius:20px;
box-shadow:var(--shadow);
height:100%;
text-align:center;
}

.need-card h5,
.benefit-card h5{
color:var(--secondary);
}

.industry-list li{
margin-bottom:12px;
}

.industry-card{
display:block;
background:#fff;
padding:40px;
border-radius:20px;
text-align:center;
text-decoration:none;
color:var(--secondary);
font-weight:600;
box-shadow:var(--shadow);
transition:.3s;
}

.industry-card:hover{
background:var(--primary);
color:#fff;
transform:translateY(-6px);
}

.cta-box{
background:var(--gradient-primary);
color:#fff;
padding:70px;
border-radius:25px;
}

@media(max-width:991px){


.industry-hero h1{
    font-size:40px;
}

.image-placeholder{
    height:280px;
}

.cta-box{
    padding:40px 25px;
}


}


.section-image{
    width:100%;
    height:100%;
    display:block;
    border-radius:20px !important;
    object-fit:cover;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);

}