:root{

    --primary:#f97316;
    --primary-dark:#ea580c;

    --dark:#1f2937;
    --dark-2:#111827;

    --light:#f8fafc;

    --gray:#64748b;

}
.hero-section{
    background:#1f2834;
    color:white;
    padding:100px 0;
}

.hero-tag{
    background:#ff6b00;
    padding:8px 15px;
    border-radius:30px;
}

.hero-title{
    font-size:3rem;
    font-weight:700;
    margin-top:20px;
}

.hero-subtitle{
    font-size:1.2rem;
    opacity:.9;
}

.hero-features{
    display:flex;
    gap:20px;
    margin-top:20px;
    flex-wrap:wrap;
}

.stats-section{
    background:#ff6b00;
    color:white;
    padding:40px 0;
}

.stats-section h2{
    font-weight:700;
}

/* .category-card{
    background:white;
    border-radius:12px;
    padding:40px 20px;
    text-align:center;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    transition:.3s;
}

.category-card:hover{
    transform:translateY(-5px);
}

.category-card i{
    font-size:3rem;
    color:#ff6b00;
} */

.cta-section{
    background:#212529;
    color:white;
    padding:80px 0;
}

.bgcol{
    background-color: #128853
}

.navbar{

    position:sticky;
    top:0;
    z-index:9999;

    background:white !important;

    padding:15px 0;

    transition:.3s;

} 

 .navbar-brand{

    color:var(--dark)!important;

    font-weight:800;

    font-size:1.5rem;

}

.nav-link{

    color:var(--dark)!important;

    font-weight:600;

}

.quote-btn{

    background:var(--primary);

    color:white;

    border-radius:50px;

    padding:10px 20px;

    text-decoration:none;

}

.hero-section{

    min-height:85vh;

    display:flex;
    align-items:center;

    background:
    linear-gradient(
        rgba(0,0,0,.65),
        rgba(0,0,0,.65)
    ),
    url('../images/factory-banner.jpg');

    background-size:cover;
    background-position:center;

    color:white;

}

.stat-number{

    font-size:3rem;

    font-weight:800;

    color:#fff;

}

.whatsapp-float{

    position:fixed;

    bottom:25px;
    right:25px;

    z-index:9999;

    background:#25D366;

    color:white;

    padding:15px 22px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    box-shadow:
    0 5px 20px rgba(0,0,0,.25);

}

@media(max-width:768px){

.hero-title{

    font-size:2rem;

}

.hero-section{

    text-align:center;

}

.stats-section .col-md-3{

    margin-bottom:20px;

}

.category-card{

    margin-bottom:20px;

}

}

.categorySwiper{
    padding:20px 0 50px;
}

.category-card-bg{
height:320px;

width:100%;

border-radius:20px;

overflow:hidden;

position:relative;

background-size:cover;

background-position:center;

background-repeat:no-repeat;

box-shadow:
0 10px 30px rgba(0,0,0,.15);

transition:.3s;


}

.category-card-bg:hover{


transform:translateY(-8px);


}

.category-overlay{


position:absolute;

inset:0;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

background:
linear-gradient(
    rgba(0,0,0,.35),
    rgba(0,0,0,.55)
);

}

.category-overlay h4{

color:#fff;

font-size:2rem;

font-weight:800;

margin:0;

text-shadow:
0 2px 10px rgba(0,0,0,.5);


}


.products-hero{

 
background:
linear-gradient(
    rgba(17,24,39,.85),
    rgba(17,24,39,.85)
),
url('../images/factory-banner.jpg');

background-size:cover;
background-position:center;

color:white;

padding:100px 0;
 

}

.products-hero h1{

 
font-size:3rem;
font-weight:800;
 

}

.product-card{

 
background:white;

border-radius:20px;

overflow:hidden;

box-shadow:
0 10px 30px rgba(0,0,0,.08);

transition:.3s;
 

}

.product-card:hover{

 
transform:translateY(-8px);
 

}

.product-image img{

 
width:100%;

height:280px;

object-fit:cover;
 

}

.product-content{

 
padding:20px;
 

}

.product-category{

 
display:inline-block;

background:#f97316;

color:white;

padding:6px 12px;

border-radius:30px;

font-size:.85rem;

margin-bottom:10px;
 

}

.product-specs{

 
margin:15px 0;
 

}

.product-specs div{

 
margin-bottom:5px;
 

}