:root{--navy:#1B2A4A;
    --gray-accent:#6B7A8D;
    --light-bg:#f5f7fa;
}
body{
  font-family: 'Inter', sans-serif;
    overflow-x:hidden;
}

.topbar{
   background: linear-gradient(90deg, #ffb347 0%, #fe9700 45%, #ff6700 100%);
    font-size:13px;
}
.topbar a{
    color:#adb5bd;
    text-decoration:none;
    transition:color .3s;
}
.topbar a:hover{
    color:#8fa8d0;
}

.navbar{
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.navbar-brand img.logo-img{
    height:75px;
	width:auto;
}
.logo-fallback{
    width:50px;
    height:50px;
    background:var(--navy);
    border-radius:4px;
    display:none;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;font-weight:700;
}
.logo-text h1{
    font-size:20px;
    font-weight:700;
    color:var(--navy);
    line-height:1.1;
    margin:0;
}
.logo-text small{
    font-size:10px;
    color:var(--gray-accent);
    letter-spacing:1px;
    text-transform:uppercase;
}
.nav-link{
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
    color:#333!important;
    padding:10px 14px!important;
    position:relative;
    transition:color .3s;
}
.nav-link::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:3px;
/*     background:var(--navy); */
    transition:width .3s;
}
.nav-link:hover
,.nav-link.active{
    color:#ff5700!important;
}
.nav-link:hover::after
,.nav-link.active::after{
    width:100%;
}
.dropdown-menu{
    border:none;
    border-top:3px solid var(--navy);
    border-radius:0 0 8px 8px;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
    min-width:220px;
}
.dropdown-item{
    font-size:13px;
    font-weight:500;
    padding:10px 18px;
    color:#333;
    border-bottom:1px solid #f5f5f5;
    transition:all .2s;
}
.dropdown-item:last-child{
    border-bottom:none;
}
.dropdown-item:hover{
    background:#f0f4ff;
    color:var(--navy);
    padding-left:24px;
}
.dropdown-item .dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--navy);
    opacity:.4;
    display:inline-block;
    margin-right:8px;
    transition:opacity .2s;
}
.dropdown-item:hover .dot{
    opacity:1;
}
.btn-quote{
    background: linear-gradient(90deg, #ffb347 0%, #fe9700 45%, #ff6700 100%);
    color:#fff!important;
    border-radius:4px;
    padding:9px 20px!important;
    margin-left:8px;
	    text-decoration: none;
}
.stats-bar.py-3 {
    background: #000;
}
.btn-quote:hover{
    background:#ff4700!important;
}
.btn-quote::after{
    display:none!important;
}
.navbar-toggler{
    border:none;
    box-shadow:none!important;
}

.current-menu-ancestor .nav-link,
.current-product-ancestor .nav-link{
    color: var(--navy) !important;
}

.current-menu-ancestor .nav-link::after,
.current-product-ancestor .nav-link::after{
    width:100% !important;
}



.hero {
    background: linear-gradient(135deg, #000000 0%, #000000 55%, #fe9700 100%);
    min-height: 500px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.hero-bg-pattern{
    position:absolute;
    inset:0;opacity:.04;
    background-image:repeating-linear-gradient(45deg,#fff 0,#fff 1px,transparent 0,transparent 50%);background-size:20px 20px;
}
.hero-red-bar{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:42%;
    background:rgba(143,168,208,.12);
    clip-path:polygon(12% 0,100% 0,100% 100%,0% 100%);
}
.hero-badge{
    display:inline-block;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.25);
    color:#fff;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    padding:6px 16px;
    border-radius:4px;
}
.hero-title{
    font-family:'Poppins',sans-serif;
    font-size:40px;
    font-weight:700;
    color:#fff;
    line-height:1.05;
}
.hero-title span{
    color:#fe9700;
}
.hero-desc{
    font-size:15px;
    color:rgba(255,255,255,.75);
    line-height:1.7;
}
.btn-hero-primary{
    background:#fff;
    color:var(--navy);
    font-weight:700;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.5px;
    padding:12px 26px;
    border-radius:4px;
    transition:all .3s;
    border:2px solid #fff;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.btn-hero-primary:hover{
    background:transparent;
    color:#fff;
    transform:translateY(-2px);
}
.btn-hero-outline{
    background:transparent;
    color:#fff;
    border:2px solid rgba(255,255,255,.5);
    font-weight:700;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.5px;
    padding:12px 26px;
    border-radius:4px;
    transition:all .3s;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.btn-hero-outline:hover{
    background:#fff;
    color:var(--navy);
    transform:translateY(-2px);
}

.hero-img-wrap{
    position:relative;
}
.hero-img-wrap img{
    width:100%;
    border-radius:12px;
    border:3px solid rgba(143,168,208,.4);
    filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));
}
.hero-img-float{
    position:absolute;
    top:-10px;
    right:-10px;
    width:70px;
    height:70px;
    background:rgba(143,168,208,.2);
    border-radius:50%;
    animation:floatAnim 3s ease-in-out infinite;
}

.stats-bar{
    background:var(--navy);
}
.stat-item{
    color:#fff;
}
.stat-icon{
    font-size:26px;
    opacity:.65;
}
.stat-num{
        font-family:'Poppins',sans-serif;
    font-size:28px;
    font-weight:700;
    line-height:1;
}
.stat-label{
    font-size:11px;
    opacity:.8;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.section-title{
       font-family:'Poppins',sans-serif;
    font-size:38px;
    font-weight:700;
    color:#000;
    display:inline-block;
}
.section-title::after{
    content:'';
    display:block;
    width:60px;
    height:4px;
    background:#ff5700;
/*     opacity:.3; */
    margin:8px auto 0;
}

.cat-card{
    border:1px solid #eee;
    border-radius:8px;
    padding:24px 16px;
    text-align:center;
    transition:all .3s;
    cursor:pointer;
    height:100%;
}
.cat-card:hover{
    border-color:var(--navy);
    box-shadow:0 8px 30px rgba(27,42,74,.15);
    transform:translateY(-5px);
}

.cat-card img {
    width: 137px;
    height: 180px;
    object-fit: contain;
    margin-bottom: 12px;
    transition: transform .3s;
/*     border-radius: 98px; */
}
.cat-card:hover img{
    transform:scale(1.1) rotate(3deg);
}
.cat-card h3{
    font-size:13px;
    font-weight:600;
    color:#333;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin:0;
}

.feat-card{
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 12px rgba(0,0,0,.06);
    transition:all .4s;
    background:#fff;
    height:100%;
}
.feat-card:hover{
    box-shadow:0 12px 40px rgba(0,0,0,.15);
    transform:translateY(-8px);
}
.feat-img-wrap{
    background:#f8f8f8;
    padding:20px;
    text-align:center;
}
.feat-img-wrap img{
    width:100%;
    height:200px;
    object-fit:contain;
    transition:transform .4s;
}
.feat-card:hover .feat-img-wrap img{
    transform:scale(1.08);
}
.feat-info{
    padding:14px;
     text-align: center;
 }
.feat-info h3{
font-size:12px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.5px;
color:#000;
margin-bottom:8px;
}
.feat-info a{
    font-size:11px;
    font-weight:700;
    color:var(--navy);
    text-decoration:none;
    text-transform:uppercase;
    border:1px solid var(--navy);
    padding:4px 12px;
    border-radius:3px;
    transition:all .3s;
}
.feat-info a:hover{
    background:var(--navy);
    color:#fff;
}


.about-img-wrap{
    position:relative;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.2);
}

.about-img-wrap img{
    width:100%;
    display:block;
}

.about-badge{
    position:absolute;
    bottom:20px;
    right:-15px;
    background:var(--navy);
    color:#fff;
    padding:20px 24px;
    border-radius:8px;
        font-family:'Poppins',sans-serif;
    font-size:32px;
    font-weight:700;
    text-align:center;
    line-height:1.1;
    box-shadow:0 10px 30px rgba(27,42,74,.4);
}

.about-badge small{
    display:block;
    font-size:12px;
    font-weight:400;
    font-family:'Barlow',sans-serif;
}

.about-content h3{
    font-size:15px;
    color:var(--gray-accent);
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.about-content h2{
        font-family:'Poppins',sans-serif;
    font-size:38px;
    font-weight:700;
    color:var(--navy);
}

.about-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

.astat{
    text-align:center;
    padding:18px 10px;
    border:1px solid #eee;
    border-radius:8px;
    transition:all .3s;
}

.astat:hover{
    border-color:var(--navy);
    background:#f0f4ff;
}

.astat .num{
       font-family:'Poppins',sans-serif;
    font-size:26px;
    font-weight:700;
    color:var(--navy);
}

.astat .lbl{
    font-size:11px;
    color:#888;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-top:4px;
}

.why-section{
    background:var(--navy);
}

.why-card{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
    border-radius:10px;
    padding:30px 24px;
    text-align:center;
    transition:all .4s;
    height:100%;
}

.why-card:hover{
    background:rgba(255,255,255,.13);
    border-color:rgba(255,255,255,.3);
    transform:translateY(-5px);
}

.why-icon{
    width:64px;
    height:64px;
    background:rgba(255,255,255,.12);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    font-size:28px;
    transition:transform .3s;
}

.why-card:hover .why-icon{
    transform:scale(1.1) rotate(5deg);
}

.why-card h3{
      font-family:'Poppins',sans-serif;
    font-size:18px;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
}

.why-card p{
    font-size:13px;
    color:rgba(255,255,255,.65);
    line-height:1.7;
    margin:0;
}



.dl-banner{
    background:var(--navy);
}

.dl-banner h2{
    font-family:'Poppins',sans-serif;
    font-size:34px;
    font-weight:700;
    color:#fff;
}

.dl-banner p{
    color:rgba(255,255,255,.7);
    font-size:15px;
}

.btn-dl{
    background:#fff;
    color:var(--navy);
    font-weight:700;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.5px;
    padding:13px 28px;
    border-radius:4px;
    text-decoration:none;
    transition:all .3s;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.btn-dl:hover{
    background:rgba(255,255,255,.9);
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.2);
    color:var(--navy);
}




footer{
    background:#0d1b33;
}

.footer-logo{
    height:80px;
    width:auto;
/*     filter:brightness(0) invert(1); */
/*     opacity:.75; */
}

.footer-heading{
    font-family:'Poppins',sans-serif;
    font-size:16px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
}

footer p,
footer li a{
    color:#fff;
    font-size:14px;
    line-height:1.7;
}

.footer-links{
    list-style:none;
    padding:0;
}

.footer-links li{
    margin-bottom:8px;
}

.footer-links li a{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    transition:color .3s;
    display:flex;
    align-items:center;
    gap:6px;
}

.footer-links li a::before{
    content:'›';
    color:#fff;
}

.footer-links li a:hover{
    color:#fff;
}

.footer-contact-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#fff;
    font-size:14px;
    margin-bottom:12px;
}

.footer-contact-item .icon{
    color:#fff;
    flex-shrink:0;
    margin-top:2px;
}

.footer-bottom{
    border-top:1px solid #1e2d4a;
}

.footer-bottom p{
    color:#fff;
    font-size:13px;
    margin:0;
}

@keyframes floatAnim{0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

@media(max-width:991px){
  .hero-title{font-size:36px;}
  .hero-img-wrap{margin-top:30px;}
}
@media(max-width:767px){
  .hero-title{font-size:30px;}
  .about-badge{right:0;}
}
@media (max-width: 767px){

    .astat .num{
        font-size:15px;
        line-height:1.2;
        font-weight:600;
    }

    .astat .lbl{
        font-size:9px;
        line-height:1.3;
    }

    .astat{
        text-align:center;
        padding:10px 5px;
    }
	.btn-hero-outline {
    padding: 12px 51px;
}
	.about-content h2 {
    font-size: 29px;
}
	.section-title {
    font-size: 29px;
}
	.dl-banner h2 {
    font-size: 29px;
}

}



@media (max-width: 767px){

    .topbar .d-flex{
        flex-direction: column;
        text-align: center;
        justify-content: center !important;
        align-items: center !important;
    }

    .topbar .text-light{
        text-align: center;
    }

    .top-social-icon{
        text-align: center;
     
    }
}







@media (max-width: 767px){

    html,
    body{
        overflow-x:hidden;
    }

    .categorySlider{
        overflow:hidden;
    }

    .swiper{
        overflow:hidden;
        width:100%;
    }

    .swiper-wrapper{
        max-width:100%;
    }

}

.woocommerce div.product div.images .woocommerce-product-gallery__image a {
    display: block;
    outline-offset: -2px;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 5px;
}