:root{
 
    /* Primary Brand Colors */
 
    --primary:#2f9e56;
    --primary-dark:#267f45;
    --primary-light:#4dbd74;
 
    /* Secondary Accent */
 
    --secondary:#266394;
    --secondary-dark:#1d4f77;
    --secondary-light:#4a82af;
 
    /* Soft Accent */
 
    --accent:#edf3c3;
    --accent-dark:#e8f1a9;
    --accent-light:#e4e9c8;
 
    /* Neutral Colors */
 
    --white:#ffffff;
    --light:#f8faf6;
    --dark:#1f2937;
    --text:#4b5563;
 
    /* Borders */
 
    --border:#dfe6d8;
 
    /* Backgrounds */
 
    --bg-light:#f8faf6;
    --bg-accent:#f1f5e6;
 
    /* Effects */
 
    --shadow:0 10px 30px rgba(38,99,148,.12);
 
    /* Gradients */
 
    --gradient-primary:linear-gradient(
        135deg,
        #2f9e56,
        #266394
    );
 
    --gradient-secondary:linear-gradient(
        135deg,
        #266394,
        #2f9e56
    );
 
}

.infra-hero{
padding:120px 0;
background:var(--gradient-primary);
color:var(--white);
}

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

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

.unit-overview,
.machinery-section,
.dispatch-section{
padding:100px 0;
}

.facility-highlights,
.product-handling{
padding:100px 0;
background:var(--light);
}

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

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

.section-heading h2{
color:var(--primary);
font-weight:700;
}

.unit-overview h2,
.machinery-section h2,
.dispatch-section h2{
color:var(--primary);
font-weight:700;
margin:15px 0;
}

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

.highlight-card,
.process-card{
background:var(--white);
padding:35px;
border-radius:20px;
box-shadow:var(--shadow);
text-align:center;
height:100%;
transition:.3s;
}

.highlight-card:hover,
.process-card:hover{
transform:translateY(-8px);
}

.highlight-card h5,
.process-card h4{
color:var(--primary);
margin-bottom:15px;
}

.infra-list{
padding-left:20px;
margin-top:20px;
}

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

.infra-cta{
padding:100px 0;
}

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

.cta-box h2{
margin-bottom:20px;
font-weight:700;
}

@media(max-width:991px){


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

.image-placeholder{
    height:280px;
}

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


}