*{

margin:0;

padding:0;

box-sizing:border-box;

}

body{

font-family:'Inter',sans-serif;

background:#fff;

overflow-x:hidden;

padding-top:70px;

}

h1,h2,h3,h4,h5{

font-family:'Poppins',sans-serif;

}

.navbar{
    background:#fff;
    border-bottom:1px solid rgba(13,36,69,.08);
}

.navbar .navbar-nav{
    align-items:center;
}

.navbar .navbar-brand,
.navbar .nav-link{
    color:#0D2445;
}

.navbar .nav-link.active,
.navbar .nav-link:hover{
    color:#F5A623;
}

.quote-btn{
    margin-left:20px;
}

a{

text-decoration:none;

}

.navbar{

padding:8px 0;

transition:.4s;

z-index:1100;

background:rgba(255,255,255,0.98);

backdrop-filter:blur(10px);

}

.logo-s{

background:#F5A623;

color:#fff;

padding:8px 15px;

border-radius:50%;

font-weight:700;

margin-right:10px;

}

.navbar-brand{

font-size:30px;

font-weight:700;

color:#0D2445;

display:flex;

align-items:center;

}

.navbar-brand .navbar-logo,
.navbar-logo{

max-height:80px;

width:auto;

display:block;

margin:0;

padding:0;

}



.nav-link{

color:#0D2445;

margin:0 12px;

font-weight:500;

}

.quote-btn{

background:#F5A623;

padding:12px 28px;

border-radius:40px;

font-weight:600;

color:#fff;

margin-left:20px;

}

.hero{

position:relative;

background:url('../images/hero.jpg');

background-size:cover;

background-position:center;

padding:100px 0 80px;

min-height:calc(100vh - 90px);

display:flex;

align-items:center;

}

.hero .container{
    min-height:100%;
}

.hero .row{
    min-height:100%;
}

.hero-buttons{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:18px;
    margin-top:20px;
}

.btn1,
.btn2{
    min-width:180px;
    text-align:center;
}

.hero h1{
    max-width:660px;
}

.hero p{
    max-width:640px;
}

.overlay{

position:absolute;

width:100%;

height:100%;

background:rgba(13,36,69,.82);

}

.hero .container{

position:relative;

z-index:2;

}

.hero h5{

color:#F5A623;

font-size:18px;

letter-spacing:2px;

margin-bottom:15px;

}

.hero h1{

color:#fff;

font-size:65px;

font-weight:800;

line-height:1.2;

margin-bottom:20px;

}

.hero p{

color:#ddd;

font-size:18px;

line-height:34px;

margin-bottom:35px;

}

.btn1{

background:#F5A623;

padding:16px 35px;

color:#fff;

border-radius:50px;

font-weight:600;

margin-right:15px;

}

.btn2{

border:2px solid #fff;

padding:16px 35px;

color:#fff;

border-radius:50px;

font-weight:600;

}

.brands-section{
    padding:80px 0 100px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.brands-grid{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:20px;
    margin-top:40px;
}

.brand-logo{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:18px;
    padding:18px 16px;
    min-height:110px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(13,36,69,.06);
    transition:.3s ease;
}

.brand-logo img{
    max-width:100%;
    max-height:70px;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:.9;
    transition:.3s ease;
}

.brand-logo:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 24px rgba(13,36,69,.12);
}

.brand-logo:hover img{
    filter:grayscale(0%);
    opacity:1;
}

.registered-section{
    padding:60px 0 80px;
    background:#fff;
}

.registered-logo-card{
    max-width:320px;
    margin:0 auto;
    padding:28px 24px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:22px;
    box-shadow:0 14px 30px rgba(13,36,69,.06);
    display:flex;
    align-items:center;
    justify-content:center;
}

.registered-logo-card img{
    max-width:100%;
    max-height:110px;
    object-fit:contain;
}

@media (max-width: 991px){
    .brands-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 575px){
    .brands-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .brand-logo{
        min-height:90px;
        padding:14px 12px;
    }
}
/* ===========================
   Trusted Industries
=========================== */

.trusted-industries{
    padding:100px 0;
    background:#f8fafc;
}

.section-tag{
    color:#F5A623;
    font-weight:700;
    letter-spacing:3px;
    font-size:14px;
    text-transform:uppercase;
}

.section-title{
    font-size:42px;
    font-weight:700;
    color:#0D2445;
    margin:15px 0;
}

.section-subtitle{
    color:#64748b;
    max-width:700px;
    margin:auto;
    font-size:18px;
}

.industry-card{

background:#fff;

border-radius:18px;

overflow:hidden;

height:100%;

min-height:260px;

display:flex;

flex-direction:column;

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

transition:.4s;

}

.industry-card img{

width:100%;

max-width:100%;

height:260px;

min-height:260px;

object-fit:contain;

object-position:center center;

display:block;

background:#f8fafc;

}

.industry-card h5{

    text-align:center;

    padding:20px;

    font-weight:600;

    color:#0D2445;

}

.industry-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 40px rgba(0,0,0,.15);

}
/* ======================================
Product Section
====================================== */

.product-section{

padding:100px 0;

background:#ffffff;

}

.product-card{

background:#fff;

border-radius:20px;

overflow:hidden;

height:100%;

display:flex;

flex-direction:column;

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

transition:.4s;

}

.product-card img{

width:100%;

height:260px;

object-fit:contain;

object-position:center center;

display:block;

background:#f8fafc;

}

.product-content{

padding:30px;

}

.product-content h4{

font-size:24px;

color:#0D2445;

margin-bottom:15px;

font-weight:700;

}

.product-content p{

color:#64748b;

line-height:28px;

margin-bottom:25px;

}

.product-btn{

display:inline-block;

padding:12px 25px;

background:#0D2445;

color:#fff;

border-radius:40px;

transition:.3s;

font-weight:600;

}

.product-btn:hover{

background:#F5A623;

color:#fff;

}

.product-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 50px rgba(0,0,0,.15);

}
.product-content{

flex:1;

display:flex;

flex-direction:column;

}

.product-btn{

margin-top:auto;

}
/* ======================================
WHY CHOOSE US
====================================== */

.why-us{

    padding:100px 0;

    background:#f8fafc;

}

.feature-box{

    background:#fff;

    padding:40px 30px;

    border-radius:18px;

    text-align:center;

    transition:.4s;

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

    height:100%;

}

.feature-box i{

    font-size:55px;

    color:#f5a623;

    margin-bottom:25px;

}

.feature-box h4{

    font-size:24px;

    color:#0D2445;

    margin-bottom:15px;

    font-weight:700;

}

.feature-box p{

    color:#64748b;

    line-height:28px;

}

.feature-box:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(0,0,0,.15);

}
/*====================================
Industries Large Cards
=====================================*/

.industries-section{

padding:100px 0;

background:#ffffff;

}

.industry-large-card{

position:relative;

overflow:hidden;

border-radius:20px;

cursor:pointer;

height:350px;

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

transition:.5s;

}

.industry-large-card img{

width:100%;

height:100%;

object-fit:contain;

background:#f8fafc;

transition:.5s;

}

.industry-overlay{

position:absolute;

left:0;

bottom:0;

width:100%;

padding:30px;

background:linear-gradient(to top,rgba(0,0,0,.85),transparent);

color:white;

}

.industry-overlay h3{

font-size:28px;

font-weight:700;

margin:0;

}

.industry-large-card:hover img{

transform:scale(1.02);

}

.industry-large-card:hover{

transform:translateY(-10px);

}
/*=====================================
Featured Products
======================================*/

.featured-products{

padding:100px 0;

background:#f8fafc;

}

.featured-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.4s;

height:100%;

}

.featured-card img{

width:100%;

height:260px;

object-fit:contain;

object-position:center center;

background:#f8fafc;

}

.featured-content{

padding:25px;

text-align:center;

}

.featured-content h5{

font-size:24px;

font-weight:700;

color:#0D2445;

margin-bottom:10px;

}

.featured-content p{

color:#64748b;

margin-bottom:20px;

}

.quote-btn-small{

display:inline-block;

padding:12px 25px;

background:#F5A623;

color:#fff;

border-radius:40px;

font-weight:600;

transition:.3s;

}

.quote-btn-small:hover{

background:#0D2445;

color:#fff;

}

.featured-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.view-all-btn{

display:inline-block;

padding:16px 40px;

background:#0D2445;

color:#fff;

border-radius:50px;

font-weight:700;

transition:.3s;

}

.view-all-btn:hover{

background:#F5A623;

color:#fff;

}
/*=====================================
OUR PROCESS
======================================*/

.process-section{

padding:100px 0;

background:#ffffff;

}

.process-card{

background:#fff;

border-radius:20px;

padding:40px 30px;

text-align:center;

position:relative;

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

transition:.4s;

height:100%;

}

.process-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.process-number{

position:absolute;

top:20px;

right:20px;

font-size:50px;

font-weight:800;

color:rgba(13,36,69,.08);

}

.process-card i{

font-size:55px;

color:#F5A623;

margin-bottom:20px;

}

.process-card h4{

font-size:24px;

font-weight:700;

color:#0D2445;

margin-bottom:15px;

}

.process-card p{

color:#64748b;

line-height:28px;

}
/*=====================================
COMPANY STATISTICS
======================================*/

.stats-section{

padding:90px 0;

background:#0D2445;

}

.stat-box{

padding:30px;

}

.stat-box i{

font-size:55px;

color:#F5A623;

margin-bottom:20px;

}

.stat-box h2{

font-size:48px;

font-weight:700;

color:#ffffff;

margin-bottom:10px;

}

.stat-box p{

font-size:18px;

color:#d8d8d8;

margin:0;

}
/*=====================================
TESTIMONIALS
======================================*/

.testimonial-section{

padding:100px 0;

background:#f8fafc;

}

.testimonial-card{

background:#fff;

padding:40px 30px;

border-radius:20px;

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

transition:.4s;

height:100%;

}

.testimonial-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.stars{

font-size:24px;

color:#F5A623;

margin-bottom:20px;

}

.testimonial-card p{

font-size:16px;

line-height:30px;

color:#64748b;

font-style:italic;

margin-bottom:25px;

}

.testimonial-card h5{

font-size:22px;

color:#0D2445;

font-weight:700;

margin-bottom:5px;

}

.testimonial-card span{

color:#94A3B8;

font-size:15px;

}
/*=====================================
FAQ
======================================*/

.faq-section{

padding:100px 0;

background:#ffffff;

}

.accordion-item{

border:none;

margin-bottom:20px;

border-radius:15px !important;

overflow:hidden;

box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.accordion-button{

padding:22px;

font-size:18px;

font-weight:600;

color:#0D2445;

background:#ffffff;

}

.accordion-button:not(.collapsed){

background:#0D2445;

color:#ffffff;

}

.accordion-button:focus{

box-shadow:none;

}

.accordion-body{

padding:25px;

font-size:16px;

line-height:30px;

color:#64748b;

}
/*=====================================
CONTACT CTA
======================================*/

.contact-cta{

padding:100px 0;

background:#0D2445;

color:#fff;

}

.contact-cta hr{

border-color:rgba(255,255,255,.2);

margin:50px 0;

}

.cta-tag{

color:#F5A623;

font-weight:700;

letter-spacing:2px;

}

.contact-cta h2{

font-size:48px;

font-weight:700;

margin:20px 0;

}

.contact-cta p{

font-size:18px;

line-height:32px;

color:#d8d8d8;

}

.cta-btn{

display:inline-block;

padding:18px 40px;

background:#F5A623;

color:#fff;

border-radius:50px;

font-weight:700;

transition:.3s;

}

.cta-btn:hover{

background:#fff;

color:#0D2445;

}

.contact-box{

text-align:center;

padding:25px;

}

.contact-box i{

font-size:45px;

color:#F5A623;

margin-bottom:20px;

}

.contact-box h5{

font-size:24px;

margin-bottom:10px;

font-weight:700;

}

.contact-box p{

margin:0;

font-size:17px;

}
/*=====================================
FOOTER
======================================*/

.footer{

background:#08172E;

padding:80px 0 30px;

color:#ffffff;

}

.footer-logo{

font-size:38px;

font-weight:700;

margin-bottom:20px;

}

.footer p{

color:#cfd8e3;

line-height:30px;

}

.footer h4{

margin-bottom:25px;

font-size:22px;

font-weight:700;

}

.footer ul{

list-style:none;

padding:0;

}

.footer ul li{

margin-bottom:15px;

color:#cfd8e3;

}

.footer ul li a{

color:#cfd8e3;

text-decoration:none;

transition:.3s;

}

.footer ul li a:hover{

color:#F5A623;

}

.social-icons{

margin-top:25px;

}

.social-icons a{

display:inline-flex;

align-items:center;

justify-content:center;

width:45px;

height:45px;

background:#102847;

color:white;

border-radius:50%;

margin-right:10px;

transition:.3s;

}

.social-icons a:hover{

background:#F5A623;

}

.footer hr{

margin:50px 0 20px;

border-color:rgba(255,255,255,.15);

}

.footer-bottom{

text-align:center;

}

.footer-bottom p{

margin:0;

font-size:15px;

}

#topBtn{

position:fixed;

bottom:25px;

right:25px;

width:55px;

height:55px;

border:none;

border-radius:50%;

background:#F5A623;

color:#fff;

cursor:pointer;

display:none;

font-size:20px;

box-shadow:0 10px 25px rgba(0,0,0,.3);

z-index:999;

}
/*=====================================
PAGE HERO
======================================*/

.page-hero{

background:linear-gradient(rgba(13,36,69,.8),rgba(13,36,69,.8)),
url('../images/backgrounds/factory-bg.jpg');

background-size:cover;

background-position:center;

padding:140px 0;

text-align:center;

color:#fff;

}

.page-hero h1{

font-size:60px;

font-weight:700;

margin-bottom:20px;

}

.page-hero p{

font-size:22px;

max-width:700px;

margin:auto;

}
.product-search{

background:#ffffff;

}

.product-search input{

padding:18px;

border-radius:50px;

border:2px solid #e5e7eb;

}
/*=====================================
PRODUCT CATEGORIES
======================================*/

.product-categories{

padding:100px 0;

background:#f8fafc;

}

.category-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.4s;

height:100%;

text-align:center;

}

.category-card img{

width:100%;

height:260px;

object-fit:contain;

object-position:center center;

background:#f8fafc;

}

.category-card h4{

margin-top:25px;

font-size:24px;

font-weight:700;

color:#0D2445;

}

.category-card p{

padding:15px 25px 30px;

color:#64748b;

line-height:28px;

}

.category-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(0,0,0,.15);

}
/*=====================================
PRODUCT LIST
======================================*/

.product-list-section{

padding:100px 0;

background:#ffffff;

}

.section-heading{

margin-bottom:50px;

}

.section-heading h2{

font-size:42px;

font-weight:700;

color:#0D2445;

margin-bottom:15px;

}

.section-heading p{

font-size:18px;

color:#64748b;

}

.product-item{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.4s;

height:100%;

}

.product-item img{

width:100%;

height:260px;

object-fit:contain;

object-position:center center;

background:#f8fafc;

}

.product-info{

padding:30px;

}

.product-info h4{

font-size:24px;

font-weight:700;

color:#0D2445;

margin-bottom:15px;

}

.product-info p{

color:#64748b;

line-height:28px;

}

.product-info ul{

padding-left:18px;

margin:20px 0;

}

.product-info li{

margin-bottom:10px;

color:#555;

}

.quote-btn{

display:inline-block;

padding:14px 30px;

background:#F5A623;

color:#fff;

border-radius:40px;

font-weight:600;

transition:.3s;

text-decoration:none;

}

.quote-btn:hover{

background:#0D2445;

color:#fff;

}

.product-item:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.15);

}
/*=====================================
BULK ENQUIRY
======================================*/

.bulk-enquiry{

padding:100px 0;

background:#ffffff;

}

.bulk-enquiry .form-control,
.bulk-enquiry .form-select{

padding:16px;

border-radius:12px;

border:1px solid #d1d5db;

}

.bulk-enquiry textarea{

resize:none;

}

.submit-btn{

background:#0D2445;

color:#fff;

padding:15px 45px;

border:none;

border-radius:50px;

font-size:18px;

font-weight:600;

transition:.3s;

}

.submit-btn:hover{

background:#F5A623;

}
/*=====================================
PRODUCT CTA
======================================*/

.products-cta{

padding:90px 0;

background:#0D2445;

color:#fff;

}

.products-cta h2{

font-size:42px;

font-weight:700;

margin:20px 0;

}

.products-cta p{

font-size:18px;

line-height:32px;

color:#d9d9d9;

}

.products-cta .cta-btn{

display:inline-block;

padding:16px 35px;

background:#F5A623;

color:#fff;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.products-cta .cta-btn:hover{

background:#ffffff;

color:#0D2445;

}
/*=====================================
Navbar Scroll Effect
======================================*/

.navbar{
    transition:.3s;
}

.navbar .nav-link,
.navbar .navbar-brand{
    transition:.3s;
}

.navbar-scrolled{

    background:#ffffff !important;

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

    transition:.3s;

}

.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-brand{
    color:#0D2445 !important;
}

.navbar-scrolled .nav-link:hover{
    color:#F5A623 !important;
}

.navbar-scrolled .navbar-toggler{
    border-color:rgba(13,36,69,.15);
}

/*=====================================
Scroll To Top
======================================*/

#topBtn{

display:none;

justify-content:center;

align-items:center;

position:fixed;

bottom:25px;

right:25px;

width:55px;

height:55px;

border:none;

border-radius:50%;

background:#F5A623;

color:#fff;

font-size:20px;

cursor:pointer;

z-index:9999;

transition:.3s;

}

#topBtn:hover{

transform:translateY(-5px);

background:#0D2445;

}
/* Product Filter */

.filter-btn{

padding:10px 22px;

border:none;

border-radius:30px;

background:#f2f2f2;

font-weight:600;

transition:.3s;

cursor:pointer;

}

.filter-btn:hover{

background:#F5A623;

color:#fff;

}

.filter-btn.active{

background:#0D2445;

color:#fff;

}
.modal-content{

border:none;

border-radius:20px;

}

.modal-body img{

border-radius:15px;

margin-bottom:20px;

}

.modal-body ul{

padding-left:20px;

}

.product-card{

cursor:pointer;

transition:.3s;

}

.product-card:hover{

transform:translateY(-10px);

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

}
/*=====================================
WhatsApp Floating Button
======================================*/

.whatsapp-float{

position:fixed;

bottom:95px;

right:25px;

width:60px;

height:60px;

background:#25D366;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

text-decoration:none;

box-shadow:0 10px 25px rgba(0,0,0,.2);

z-index:9999;

transition:.3s;

animation:whatsappPulse 2s infinite;

}

.whatsapp-float:hover{

color:#fff;

transform:scale(1.1);

}

@keyframes whatsappPulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.08);

}

100%{

transform:scale(1);

}

}
/*=====================================
Preloader
======================================*/

#preloader{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:#ffffff;

display:flex;

justify-content:center;

align-items:center;

z-index:99999;

transition:opacity .6s ease,visibility .6s ease;

}

#preloader.hide{

opacity:0;

visibility:hidden;

}

.loader-content{

text-align:center;

}

.loader-logo{

width:220px;

height:220px;

margin:auto;

border-radius:24px;

background:transparent;

display:flex;

justify-content:center;

align-items:center;

overflow:hidden;

}

.loader-logo img,
.preloader-logo{

max-width:100%;

max-height:100%;

width:auto;

height:auto;

object-fit:contain;

}

.loader-bar{

width:320px;

height:10px;

background:#e9ecef;

border-radius:30px;

overflow:hidden;

margin:24px auto 0;

}

.loader-bar span{

display:block;

height:100%;

width:0;

background:#F5A623;

animation:loading 2s linear forwards;

}

.loader-content h2,
.loader-content p{

display:none;

}




.loader-bar{

width:220px;

height:6px;

background:#e9ecef;

border-radius:30px;

overflow:hidden;

margin:auto;

}

.loader-bar span{

display:block;

height:100%;

width:0;

background:#F5A623;

animation:loading 2s linear forwards;

}

@keyframes loading{

0%{

width:0;

}

100%{

width:100%;

}

}