/*====================================
GLOBAL
====================================*/
html,
body{

overflow-x:hidden;

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

}

h1,h2,h3,h4,h5,h6{

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

}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'open sans',sans-serif;
    color:#1f2937;
    padding-top:90px;
}

img{
    max-width:100%;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
    margin:0;
    padding:0;
}

.container{
    max-width:1320px;
}
/* Remove logo link outline */

.navbar-brand{

    outline:none !important;
    border:none !important;
    box-shadow:none !important;

}

.navbar-brand:focus,
.navbar-brand:active,
.navbar-brand:focus-visible{

    outline:none !important;
    border:none !important;
    box-shadow:none !important;

}

.navbar-brand img{

    display:block;

}
/*====================================
HEADER
====================================*/

.site-header{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#ffffff;
    z-index:9999;

    border-bottom:1px solid #ececec;

}

.site-header .navbar{

    min-height:90px;
    padding:0;

}

.navbar-brand img{

    height:65px;

}

.navbar-nav{

    gap:8px;
    align-items:center;

}

.nav-link{

    font-size:15px;
    font-weight:600;
    color:#222 !important;
    padding:12px 15px !important;
    transition:.3s;

}

.nav-link:hover{

    color:#fecc00 !important;

}

.header-btn{

    display:flex;
    align-items:center;
    justify-content:center;

    width:165px;
    height:48px;


    color:#fecc00;
    background-color: BLACK !important;

    border-radius:8px;

    font-weight:600;

    transition:.3s;

}

.header-btn:hover{

    background:#0d6efd;

    color:#fff;

}

.navbar-toggler{

    border:none;

}

.navbar-toggler:focus{

    box-shadow:none;

}

.navbar-toggler i{

    font-size:34px;
}

/*==============================
Active Navigation
==============================*/

.navbar-nav .nav-link{

    color:#1F2937;

    font-family:'Kumbh Sans',sans-serif;

    font-weight:600;

    transition:.3s;

    position:relative;

}

.navbar-nav .nav-link:hover{

    color:#F7C948;

}

.navbar-nav .nav-link.active{

    color:#F7C948;

    font-weight:700;

}
.dropdown-toggle::after{

    display:none !important;

}
.navbar-nav .nav-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:0;

    height:2px;

    background:#F7C948;

    transition:.3s;

}

.navbar-nav .nav-link:hover::after,

.navbar-nav .nav-link.active::after{

    width:100%;

}
/*=========================================
Products Dropdown
==========================================*/

.navbar .dropdown-menu{

    border:none;

    border-radius:12px;

    padding:12px 0;

    min-width:290px;

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

    margin-top:18px;

}

.navbar .dropdown-item{

    padding:12px 22px;

    font-size:15px;

    color:#1F2937;

    transition:.3s;

}

.navbar .dropdown-item:hover{

    background:#F7C948;

    color:#1F2937;

}

@media(min-width:992px){

.navbar .dropdown:hover>.dropdown-menu{

display:block;

}

.navbar .dropdown-toggle::after{

    display:inline-block;
    margin-left:.5rem;
    vertical-align:.15em;
    border-top:.35em solid currentColor;
    border-right:.35em solid transparent;
    border-left:.35em solid transparent;
    border-bottom:0;

}

}

@media(max-width:991px){

.navbar .dropdown-menu{

box-shadow:none;

border-radius:8px;

margin-top:0;

padding:8px 0;

}

.navbar .dropdown-item{

padding:10px 18px;

font-size:14px;

}

}
/*==============================
Mobile
==============================*/

@media(max-width:991px){

body{

    padding-top:80px;

}

.site-header .navbar{

    min-height:80px;

}

.navbar-brand img{

    height:50px;

}

.navbar-collapse{

    background:#fff;
    padding:20px;
    margin-top:15px;
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.nav-item{

    width:100%;

}

.nav-link{

    display:block;
    padding:14px 0 !important;

}

.header-btn{

    width:100%;
    margin-top:15px;

}

}


/*=========================================
Hero
==========================================*/

.hero-section{

    background:#F9C93B;

    padding:90px 0;

    overflow:hidden;

}

.hero-content h1{

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

    font-size:64px;

    font-weight:800;

    line-height:1.08;

    color:#222;

    margin-bottom:25px;

}

.hero-content p{

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

    font-size:20px;

    line-height:34px;

    color:#333;

    max-width:560px;

    margin-bottom:40px;

}

.hero-btn{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.btn-primary{

    background:#222;

    color:#fff;

    padding:16px 34px;

    border-radius:8px;

    font-weight:600;

    transition:.3s;

}

.btn-primary:hover{

    background:#000;

    color:#fff;

}

.btn-secondary{

    background-color:white;

    color:#222;

    padding:16px 34px;

    border-radius:8px;

    font-weight:600;

    transition:.3s;

}

.btn-secondary:hover{

    background:#222;

    color:#fff;

}

.hero-img{

    width:88%;

    animation:float 4s ease-in-out infinite;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

/*=========================
Responsive
==========================*/

@media(max-width:991px){

.hero-section{

text-align:center;

padding:70px 0;

}

.hero-content h1{

font-size:46px;

}

.hero-content p{

margin:auto;

margin-bottom:35px;

}

.hero-btn{

justify-content:center;

}

.hero-img{

margin-top:50px;

width:80%;

}

}

@media(max-width:576px){

.hero-content h1{

font-size:34px;

}

.hero-content p{

font-size:17px;

line-height:30px;

}

.hero-btn{

flex-direction:column;

}

.btn-primary,
.btn-secondary{

width:100%;

text-align:center;

}

.hero-img{

width:90%;

}

}

/*=========================================
Trust Strip
==========================================*/

.trust-strip{

    background:#ffffff;

    padding:70px 0;

}

.trust-card{

    background:#fff;

    border:1px solid #ececec;

    border-radius:16px;

    padding:35px 25px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.trust-card:hover{

    transform:translateY(-8px);

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

}

.trust-icon{

    font-size:42px;

    margin-bottom:20px;

}

.trust-card h3{

    font-size:42px;

    font-weight:800;

    color:#111827;

    margin-bottom:10px;

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

}

.trust-card p{

    font-size:16px;

    color:#64748B;

    margin:0;

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

}

@media(max-width:768px){

.trust-strip{

padding:50px 0;

}

.trust-card{

padding:25px;

}

.trust-card h3{

font-size:34px;

}

}

/*=========================================
About Home
==========================================*/

.about-home{

    padding:100px 0;

    background:#F8FAFC;

}

.section-tag{

    display:inline-block;

    background:#FFE9B5;

    color:#A15C00;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.about-home h2{

    font-size:46px;

    font-weight:800;

    color:#1F2937;

    margin-bottom:25px;

    line-height:1.2;

}

.about-home p{

    font-size:17px;

    color:#64748B;

    line-height:32px;

    margin-bottom:25px;

}

.about-list{

    margin-bottom:35px;

}

.about-list li{

    margin-bottom:12px;

    color:#374151;

    font-weight:500;

}

.about-image{

    border-radius:20px;

    overflow:hidden;

}

.about-image img{

    width:100%;

    transition:.4s;

}

.about-image:hover img{

    transform:scale(1.05);

}

.primary-btn{

    display:inline-block;

    padding:16px 32px;

    background:#222;

    color:#fff;

    border-radius:8px;

    transition:.3s;

    font-weight:600;

}

.primary-btn:hover{

    background:#000;

    color:#fff;

}

@media(max-width:991px){

.about-home{

text-align:center;

padding:70px 0;

}

.about-image{

margin-bottom:40px;

}

.about-home h2{

font-size:36px;

}

.about-list{

text-align:left;

display:inline-block;

}

}

@media(max-width:576px){

.about-home h2{

font-size:30px;

}

.about-home p{

font-size:16px;

line-height:28px;

}

}

/*=========================================
Featured Product
==========================================*/

.featured-product{

    padding:110px 0;

    background:#fff;

}

.section-heading{

    margin-bottom:70px;

}

.section-heading span{

    display:inline-block;

    background:#FFE9B5;

    color:#A15C00;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.section-heading h2{

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;

}

.section-heading p{

    max-width:720px;

    margin:auto;

    color:#6B7280;

    line-height:30px;

}

.product-image{

    text-align:center;

}

.product-image img{

    width:85%;

}

.featured-product h3{

    font-size:34px;

    font-weight:700;

    margin-bottom:20px;

}

.featured-product p{

    color:#6B7280;

    line-height:32px;

}

.feature-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:15px;

    margin:35px 0;

}

.feature-box{

    background:#F8FAFC;

    border-radius:10px;

    padding:16px;

    font-weight:600;

    border:1px solid #ECECEC;

    transition:.3s;

}

.feature-box:hover{

    background:#F5C542;

    color:#111;

}

@media(max-width:991px){

    .section-heading h2 {
        font-size: 30px;
    }
    .featured-product h3{
        font-size: 30px;
    }

    .feature-box{
        font-size: 18px;
    }

    
.feature-grid{

grid-template-columns:1fr;

}

.product-image{

margin-bottom:50px;

}

.featured-product{

text-align:center;

}

}

/*=========================================
Industries
==========================================*/

.industries{

    padding:110px 0;

    background:#F8FAFC;

}

.industry-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

    text-align:center;

    height:100%;

    border:1px solid #ECECEC;

    transition:.35s;

}

.industry-card:hover{

    transform:translateY(-10px);

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

}

.industry-card img{

    width:100%;
    height:180px;
    object-fit:cover;

    border-radius:12px;

    margin-bottom:25px;

}

.industry-card h4{

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}

.industry-card p{

    color:#6B7280;

    line-height:28px;

    margin:0;

}

/*=========================================
PAN INDIA NETWORK
==========================================*/

.india-network{

padding:110px 0;

background:#fff;

}

.network-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

margin-top:40px;

}

.network-item{

padding:28px;

border-radius:14px;

background:#F8FAFC;

border:1px solid #ECECEC;

transition:.3s;

}

.network-item:hover{

background:#F7C948;

transform:translateY(-6px);

}
.india-network h2{

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

    font-size:56px;

    font-weight:800;

    line-height:1.15;

    color:#1F2937;

    margin:20px 0 25px;

}
.india-network p{

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

    font-size:17px;

    line-height:34px;

    color:#64748B;

    max-width:580px;

    margin-bottom:40px;

}

.network-item h4{

font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}

.network-item span{

color:#6B7280;

font-weight:600;

}

@media(max-width:991px){
.network-item h4{
    font-size: 30px;
}
.india-network img{
    margin-top: 40px;
    align-items: center;
    
}
}
/*=========================================
Distributor CTA
==========================================*/

.distributor-cta .section-tag{

    display:inline-block;

    margin:0 auto 25px;

}

.distributor-title{

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

    font-size:56px;

    font-weight:700;

    line-height:1.15;

    color:#1F2937;

    margin-bottom:25px;

}

.distributor-cta .section-description{

    max-width:850px;

    margin:0 auto 50px;

    font-size:18px;

    line-height:34px;

    color:#374151;

}

@media(max-width:991px){

.distributor-title{

    font-size:40px;

}
.india-network h2{
    font-size: 30px;
}
}

@media(max-width:576px){

.distributor-title{

    font-size:32px;

}

}

@media(max-width:991px){

.network-grid{

grid-template-columns:1fr;

}

.india-network{

text-align:center;

}

}

.distributor-cta{

    padding:110px 0;

    background:#F9C93B;

    position:relative;

}

.benefit-card{

    background:#fff;

    padding:22px;

    border-radius:12px;

    text-align:center;

    font-weight:600;

    transition:.3s;

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

}

.benefit-card:hover{

    transform:translateY(-8px);

}
@media(max-width:991px){
   .benefit-card{
    margin: 15px;
    font-size: 20px;
   } 
}
/*=========================================
Franchise
==========================================*/

.franchise-section{

    padding:110px 0;

    background:#fff;

}

.franchise-img{

    width:90%;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.franchise-list{

    margin:35px 0;

}

.franchise-item{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    font-size:17px;

    font-weight:600;

    color:#374151;

}
.franchise-section h2{
    font-family:'kurb',sans-serif;

    font-size:56px;

    font-weight:700;

    line-height:1.15;

    color:#1F2937;

    margin:20px 0 25px;
}
.franchise-item i{

    color:#F7B500;

    font-size:20px;

}

@media(max-width:991px){

.franchise-section{

    text-align:center;

}

.franchise-section h2 {
    font-size: 36px;
}
.franchise-list {
    margin: 35px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    margin-left: 20px;
}
.franchise-img{

    margin-bottom:45px;

}
.franchise-section {
    padding: 80px 0px;
}

.franchise-item{

    justify-content:center;

}

}

/*=========================================
Contact CTA
==========================================*/

.contact-cta{

    padding:110px 0;

    background:#F8FAFC;

}

.contact-box{

    background:#1F2937;

    padding:80px 60px;

    border-radius:24px;

    text-align:center;

    position:relative;

    overflow:hidden;

}

.contact-box .section-title{

    color:#fff;

}
.section-title{
    font-weight: 700;
    font-size: 40px;
}
.contact-box .section-description{

    color:#CBD5E1;

    max-width:700px;

    margin:25px auto 40px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.secondary-btn{

    padding:16px 34px;

    border:2px solid #fff;

    color:#fff;

    border-radius:8px;

    font-weight:600;

    transition:.3s;

}

.secondary-btn:hover{

    background:#fff;

    color:#1F2937;

}

.contact-box::before{

    content:"";

    width:250px;

    height:250px;

    position:absolute;

    background:rgba(255,255,255,.05);

    border-radius:50%;

    top:-120px;

    right:-120px;

}

.contact-box::after{

    content:"";

    width:180px;

    height:180px;

    position:absolute;

    background:rgba(255,255,255,.05);

    border-radius:50%;

    bottom:-80px;

    left:-80px;

}
.contact-cta h2{
     font-family:'kurb',sans-serif;

    font-size:42px;

    font-weight:700;

    line-height:1.15;

    color:#1F2937;

    margin:20px 0 25px;
}

@media(max-width:768px){

.contact-box{

padding:50px 25px;

}
.contact-cta h2{
    font-size: 27px;
}
.primary-btn{
    font-size: 20px;
}
.secondary-btn{
    font-size: 20px;
}
}

/*=========================================
Footer
==========================================*/

.footer{

    background:#111827;

    padding:90px 0 10px;

    color:#fff;

}
.footer-bottom .copyright p{

    margin:0;

    line-height:1.7;

}
.footer-logo{

    width:210px;

    filter:brightness(0) invert(1);

}

.footer-about{

    margin:30px 0;

    max-width:360px;

    color:#CBD5E1;

    line-height:34px;

    font-size:17px;

}

.footer h4{

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

    font-size:21px;

    font-weight:700;

    margin-bottom:30px;

    color:#fff;

}

.footer-links,
.footer-contact{

    padding:0;

    margin:0;

    list-style:none;

}

.footer-links li{

    margin-bottom:18px;

}

.footer-links li a{

    color:#CBD5E1 !important;

    text-decoration:none;

    transition:.3s;

}

.footer-links li a:hover{

    color:#F7C948 !important;

    padding-left:8px;

}

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:15px;
    font-size: 15px;

    margin-bottom:22px;

    color:#CBD5E1;

}

.footer-contact li i{

    color:#F7C948;

    font-size:20px;

    margin-top:3px;

}

.footer-social{

    display:flex;

    gap:15px;

    margin-top:35px;

}

.footer-social a{

    width:48px;

    height:48px;

    background:#abafb5;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:18px;

    transition:.3s;

}

.footer-social a:hover{

    background:#F7C948;

    color:#111827;

    transform:translateY(-5px);

}

.footer hr{

    border-color:#374151;

    margin:60px 0 30px;

}

/*=========================================
Footer Bottom
==========================================*/

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.12);

    margin-top:60px;

    padding:22px 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.footer-bottom .copyright{

    color:#D1D5DB;

    font-size:15px;

    font-weight:500;

}

.footer-bottom .designer{

    color:#D1D5DB;

    font-size:15px;

    font-weight:500;

}

.footer-bottom .designer a{

    color:#F7C948;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.footer-bottom .designer a:hover{

    color:#ffffff;

}


@media(max-width:768px){

.footer {
    padding: 30px 0  30px 0 ;
}
.footer-bottom{

    flex-direction:column;

    gap:12px;

    text-align:center;

}
@media (max-width:576px){

.footer-bottom .copyright,
.footer-bottom .designer{

    font-size:13px;

}

}

}
/*=========================================
Page Banner
==========================================*/

.page-banner{

    position:relative;

    background:url("../img/about-banner.jpg") center center/cover no-repeat;

    min-height:520px;

    display:flex;

    align-items:center;

    overflow:hidden;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(17,24,39,.72);

}

.banner-content{

    position:relative;

    z-index:2;

    max-width:700px;

}

.banner-content h1{

    font-family:'Kumbh Sans',sans-serif;

    font-size:60px;

    font-weight:700;

    color:#fff;

    margin:25px 0;

    line-height:1.15;

}

.banner-content p{

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    line-height:34px;

    color:#E5E7EB;

    margin-bottom:35px;

}

.breadcrumb-nav{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff;

    font-size:16px;

}

.breadcrumb-nav a{

    color:#F7C948;

    text-decoration:none;

}

@media(max-width:991px){

.page-banner{

min-height:430px;

text-align:center;

}

.banner-content{

margin:auto;

}

.banner-content h1{

font-size:44px;

}

.banner-content p{

font-size:18px;

}

.breadcrumb-nav{

justify-content:center;

}

}

@media(max-width:576px){

.banner-content h1{

font-size:34px;

}

}

/*=========================================
Our Story
==========================================*/

.our-story{

    padding:110px 0;

    background:#fff;

}

.story-image{

    overflow:hidden;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.story-image img{

    width:100%;

    transition:.4s;

}

.story-image:hover img{

    transform:scale(1.05);

}

.story-highlights{

    margin:35px 0;

}

.story-point{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:18px;

}

.story-point i{

    color:#F7C948;

    font-size:22px;

    margin-top:2px;

}

.story-point span{

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    color:#374151;

    line-height:1.7;

}
.our-story h2{
font-weight: 600;
font-size: 38px;
}

@media(max-width:991px){
.our-story h2{
    font-size: 30px;
    padding-bottom: 10px;
}
.story-highlights {
    margin: 34px 0;
    align-items: flex-start;
    text-align: left;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
}
    .banner-content h1 {
        font-size: 30px;
    }
    .banner-content p{
        font-size: 15px;
    }
    .our-story{

        padding:80px 0;
        text-align:center;

    }

    .story-image{

        margin-bottom:40px;

    }

    .story-point{

        justify-content:center;
        text-align:left;

    }

}

/*=========================================
Why Choose
==========================================*/

.why-choose{

    padding:110px 0;

    background:#F8FAFC;

}
.why-choose h2{
    font-weight: 600;
    font-size: 38px;
}
.why-choose p{
    font-size: 16px;
}
.choose-card{

    background:#fff;

    padding:40px 30px;

    border-radius:18px;

    text-align:center;

    border:1px solid #ECECEC;

    transition:.35s;

    height:100%;

}

.choose-card:hover{

    transform:translateY(-10px);

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

}

.choose-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#FFF4D6;

    display:flex;

    align-items:center;

    justify-content:center;

}

.choose-icon i{

    font-size:34px;

    color:#F7B500;

}

.choose-card h4{

    font-family:'Kumbh Sans',sans-serif;

    font-size:24px;

    font-weight:700;

    margin-bottom:18px;

}

.choose-card p{

    font-family:'Open Sans',sans-serif;

    color:#6B7280;

    line-height:30px;

    margin:0;
    font-size: 16px;

}
@media(max-width:991px){
    .why-choose h2 {
    font-size: 30px;
        padding-bottom: 10px;
}
}

/*=========================================
Manufacturing Quality
==========================================*/

.quality-section{

    padding:110px 0;

    background:#ffffff;

}
.quality-section h2{
    font-weight: 600;
    font-size: 39px;
}
.quality-section p{
    font-size: 16px !important;
}

.quality-card{

    background:hsla(53, 100%, 50%, 0.043);

    border:1px solid #fcf4d7;

    border-radius:18px;

    padding:40px 30px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.quality-card:hover{

    transform:translateY(-8px);

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

    background:#fff;

}

.quality-card i{

    font-size:48px;

    color:#F7B500;

    margin-bottom:25px;

    display:block;

}

.quality-card h4{

    font-family:'Kumbh Sans',sans-serif;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

    color:#1F2937;

}

.quality-card p{

    font-family:'Open Sans',sans-serif;

    color:#6B7280;

    line-height:30px;

    margin:0;

}
@media(max-width:991px){


.quality-section h2 {
    font-weight: 600;
    font-size: 30px;
}
}
/*=========================================
Markets
==========================================*/

.markets-section{

    padding:110px 0;

    background:#F8FAFC;

}

.markets-section h2{
    font-weight: 600;
    font-size: 38px;
}

.markets-section p{
    font-size: 16px;
}

.state-card{

    background:#fff;

    border-left:5px solid #F7C948;

    border-radius:12px;

    padding:22px 25px;

    margin-bottom:20px;

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

    transition:.3s;

}

.state-card:hover{

    transform:translateX(8px);

}

.state-card h4{

    font-family:'Kumbh Sans',sans-serif;

    font-size:22px;

    font-weight:700;

    margin-bottom:10px;

}

.state-card p{

    font-family:'Open Sans',sans-serif;

    color:#6B7280;

    margin:0;

    line-height:30px;

}

.india-map{

    max-width:500px;
    border-radius: 6px;

    animation:float 4s ease-in-out infinite;

}

@keyframes float{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

@media(max-width:991px){

.markets-section{

text-align:center;

}

.india-map{

margin-top:50px;

max-width:100%;

}
.markets-section h2 {
    font-size: 30px;
}
}

/*=========================================
Product Banner
==========================================*/

.product-banner{

    background:url("../img/product-banner.jpg") center center/cover no-repeat;

}

/*=========================================
Product Overview
==========================================*/

.product-overview{

    padding:110px 0;

    background:#fff;

}
.product-overview h2{
    font-weight: 700;
}


.overview-image{

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.overview-image img{

    width:100%;

    transition:.4s;

}

.overview-image:hover img{

    transform:scale(1.05);

}

.product-points{

    margin:35px 0;

}

.product-points .point{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:18px;

}

.product-points i{

    color:#F7B500;

    font-size:20px;

}

.product-points span{

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    color:#4B5563;

}

.overview-btns{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

/*=========================================
Responsive
==========================================*/

@media(max-width:991px){

.product-overview{

    padding:80px 0;

}
.product-overview h2{
    font-size : 30px;
}

.overview-image{

    margin-bottom:40px;

}
.product-points {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 20px;
}

}

@media(max-width:767px){

.product-overview{

    text-align:center;

}

.product-points .point{

    justify-content:center;

    align-items:flex-start;

    text-align:left;

}

.overview-btns{

    justify-content:center;

}

.section-title{

    font-size:34px;

}

.section-description{

    font-size:16px;

    line-height:30px;

}

}

@media(max-width:576px){

.overview-btns{

    flex-direction:column;

}

.overview-btns a{

    width:100%;

}

}

/*=========================================
Product Range
==========================================*/


.product-specification{

    padding:110px 0;

    background:#F8FAFC;

}
.product-specification h2{
font-weight: 600;
font-size: 40px;
}

/*=========================================
Technical Specifications
==========================================*/

.technical-specifications{

    padding:100px 0;

    background:#f8f9fb;

}

.specification-table{

    margin-top:50px;

    border-radius:18px;

    overflow:hidden;

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

    background:#fff;

}

.specification-table table{

    margin:0;

    min-width:700px;

}

.specification-table th{

    width:35%;

    background:#094898;

    color:#fff;

    padding:18px 24px;

    font-size:17px;

    font-weight:600;

    vertical-align:middle;

    white-space:nowrap;

}

.specification-table td{

    background:#fff;

    color:#555;

    padding:18px 24px;

    line-height:28px;

    vertical-align:middle;

}

.specification-table tr:nth-child(even) td{

    background:#fafafa;

}

/*=========================================
Responsive
==========================================*/

/*=========================================
Technical Specifications Responsive
==========================================*/

@media(max-width:991px){

.technical-specifications{

    padding:80px 0;

}

}

@media(max-width:767px){

.technical-specifications{

    padding:70px 0;

}

.specification-table{

    overflow-x:auto;

    -webkit-overflow-scrolling:touch;

}

.specification-table table{

    min-width:650px;

}

.specification-table th,

.specification-table td{

    padding:15px 18px;

    font-size:15px;

}

}

@media(max-width:576px){

.technical-specifications{

    padding:60px 0;

}

.specification-table th,

.specification-table td{

    font-size:14px;

    padding:12px 15px;

}

}

/*=========================================
Applications
==========================================*/

.product-applications{

    padding:110px 0;

    background:#ffffff;

}
.product-applications h2{
    font-weight: 600;
    font-size: 40px;
}

.application-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.application-card:hover{

    transform:translateY(-8px);

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

}

.application-card img{

    width:100%;

    height:250px;

    object-fit:cover;

}

.application-content{

    padding:28px;

}

.application-content h4{

    font-family:'Kumbh Sans',sans-serif;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

    color:#1F2937;

}

.application-content p{

    font-family:'Open Sans',sans-serif;

    font-size:16px;

    line-height:28px;

    color:#6B7280;

    margin:0;

}
/*=========================================
Applications Responsive
==========================================*/

@media(max-width:991px){

.product-applications{

    padding:80px 0;

}

.application-card img{

    height:220px;

}

}

@media(max-width:767px){

.product-applications{

    padding:70px 0;

}
.product-applications h2{
    font-size: 30px;
}

.application-content{

    padding:22px;

}

.application-content h4{

    font-size:22px;

}

.application-content p{

    font-size:15px;

    line-height:26px;

}

.application-card img{

    height:200px;

}

}

@media(max-width:576px){

.application-card img{

    height:180px;

}

.application-content{

    padding:20px;

}

.application-content h4{

    font-size:20px;

}

.application-content p{

    font-size:14px;

    line-height:24px;

}

}

/*=========================================
Technical Specifications
==========================================*/

.technical-specs{

    padding:110px 0;

    background:#fff;

}

.spec-image{

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.10);

}

.spec-image img{

    width:100%;

    transition:.4s;

}

.spec-image:hover img{

    transform:scale(1.05);

}

.spec-list{

    margin-top:40px;

}

.spec-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 0;

    border-bottom:1px solid #E5E7EB;

}

.spec-row span{

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    color:#374151;

}

.spec-row i{

    color:#F7C948;

    font-size:22px;

}

/*=========================================
Technical Responsive
==========================================*/

@media(max-width:991px){

.technical-specs{

padding:80px 0;

}

.spec-image{

margin-bottom:40px;

}

}

@media(max-width:767px){

.technical-specs{

text-align:center;

padding:70px 0;

}

.spec-row{

padding:15px 0;

}

.spec-row span{

font-size:15px;

}

.spec-row i{

font-size:18px;

}

}

@media(max-width:576px){

.spec-row{

flex-direction:row;

gap:10px;

}

}
/*=========================================
Specifications
==========================================*/

.product-specification{

    padding:110px 0;

    background:#F8FAFC;

}

.spec-table{

    width:100%;

    border-collapse:collapse;

    background:#fff;

    border-radius:16px;

    overflow:hidden;

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

}

.spec-table tr{

    border-bottom:1px solid #ECECEC;

}

.spec-table tr:last-child{

    border-bottom:none;

}

.spec-table th{

    width:35%;

    background:#1F2937;

    color:#fff;

    padding:22px 25px;

    font-family:'Kumbh Sans',sans-serif;

    font-size:18px;

    font-weight:600;

    vertical-align:middle;

}

.spec-table td{

    padding:22px 25px;

    font-family:'Open Sans',sans-serif;

    font-size:16px;

    color:#4B5563;

    background:#fff;

}

.spec-note{

    margin-top:25px;

    font-family:'Open Sans',sans-serif;

    font-size:15px;

    color:#6B7280;

    font-style:italic;

}

.spec-note i{

    color:#F7C948;

    margin-right:8px;

}
/*=========================================
Specifications Responsive
==========================================*/

@media (max-width:991px){

.product-specification{

padding:80px 0;

}

.spec-table th{

font-size:16px;

padding:18px;

}

.spec-table td{

font-size:15px;

padding:18px;

}

}

@media (max-width:767px){

.product-specification{

padding:70px 0;

}

.table-responsive{

border-radius:16px;

}

.spec-table{

min-width:650px;

}

.spec-note{

font-size:14px;

line-height:26px;

}

}
/*=========================================
Best Results Tip
==========================================*/

.best-result-tip{

    padding:100px 0;

    background:#ffffff;

}

.tip-box{

    background:linear-gradient(135deg,#1F2937,#111827);

    border-radius:24px;

    padding:50px;

    color:#fff;

    overflow:hidden;

    position:relative;

}

.tip-box::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    background:rgba(247,201,72,.08);

    border-radius:50%;

    top:-120px;

    right:-80px;

}

.tip-icon{

    width:90px;

    height:90px;

    background:#F7C948;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

}

.tip-icon i{

    font-size:40px;

    color:#1F2937;

}

.tip-box h2{

    font-family:'Kumbh Sans',sans-serif;

    font-size:40px;

    font-weight:700;

    margin:18px 0;

    color:#fff;

}

.tip-box p{

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    line-height:32px;

    color:#E5E7EB;

    margin:0;

}
/*=========================================
Best Results Tip Responsive
==========================================*/

@media(max-width:991px){

.best-result-tip{

padding:80px 0;

}

.tip-box{

padding:40px;

text-align:center;

}

.tip-icon{

margin-bottom:30px;

}

.tip-box h2{

font-size:34px;

}

}

@media(max-width:767px){

.best-result-tip{

padding:70px 0;

}

.tip-box{

padding:30px 25px;

}

.tip-icon{

width:75px;

height:75px;

}

.tip-icon i{

font-size:30px;

}

.tip-box h2{

font-size:28px;

line-height:1.3;

}

.tip-box p{

font-size:15px;

line-height:28px;

}

}

@media(max-width:576px){

.tip-box{

border-radius:18px;

padding:25px 20px;

}

.tip-box h2{

font-size:24px;

}

.tip-box p{

font-size:14px;

line-height:26px;

}

.tip-icon{

width:65px;

height:65px;

}

.tip-icon i{

font-size:26px;

}

}
/*=========================================
Bulk Order CTA
==========================================*/

.bulk-order-cta{

    padding:100px 0;

    background:#ffffff;

}

.bulk-order-box{

    background:linear-gradient(135deg,#F7C948 0%,#FFD86B 100%);

    border-radius:24px;

    padding:60px;

    position:relative;

    overflow:hidden;

}

.bulk-order-box::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    background:rgba(255,255,255,.18);

    border-radius:50%;

    top:-140px;

    right:-80px;

}

.bulk-order-box h2{

    font-family:'Kumbh Sans',sans-serif;

    font-size:44px;

    font-weight:700;

    color:#1F2937;

    margin:18px 0;

}

.bulk-order-box p{

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    line-height:32px;

    color:#374151;

    margin:0;

    max-width:700px;

}

.bulk-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    background:#1F2937;

    color:#fff;

    border-radius:10px;

    text-decoration:none;

    font-family:'Kumbh Sans',sans-serif;

    font-weight:700;

    transition:.35s;

}

.bulk-btn:hover{

    background:#ffffff;

    color:#1F2937;

    transform:translateY(-4px);

}
/*=========================================
Bulk CTA Responsive
==========================================*/

@media(max-width:991px){

.bulk-order-cta{

padding:80px 0;

}

.bulk-order-box{

padding:45px;

text-align:center;

}

.bulk-order-box h2{

font-size:36px;

}

.bulk-btn{

margin-top:35px;

}

}

@media(max-width:767px){

.bulk-order-cta{

padding:70px 0;

}

.bulk-order-box{

padding:35px 25px;

border-radius:18px;

}

.bulk-order-box h2{

font-size:30px;

line-height:1.3;

}

.bulk-order-box p{

font-size:15px;

line-height:28px;

}

.bulk-btn{

width:100%;

padding:16px;

}

}

@media(max-width:576px){

.bulk-order-box{

padding:30px 20px;

}

.bulk-order-box h2{

font-size:26px;

}

.bulk-order-box p{

font-size:14px;

line-height:26px;

}

}
/*=========================================
Distributor Banner
==========================================*/

.distributor-banner{

    background:url("../img/distributor-banner.jpg") center center/cover no-repeat;

}


/*=========================================
Distributor Intro
==========================================*/

.distributor-intro{

    padding:120px 0;

    background:#ffffff;

}

.intro-image{

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.10);

}

.intro-image img{

    width:100%;

    transition:.4s;

}

.intro-image:hover img{

    transform:scale(1.05);

}
@media(max-width:991px){

.distributor-intro{

padding:80px 0;

}

.intro-image{

margin-bottom:40px;

}

}


@media(max-width:767px){

.distributor-intro{

padding:70px 0;

text-align:center;

}

.section-title{

font-size:32px;

}

.section-description{

font-size:15px;

line-height:28px;

}

}


@media(max-width:576px){

.distributor-intro{

padding:60px 0;

}

.section-title{

font-size:28px;

}

.section-description{

font-size:14px;

line-height:26px;

}

}
/*=========================================
Distributor Intro
==========================================*/

.distributor-intro{

    padding:110px 0;

    background:#ffffff;

}
.distributor-intro h2{
    font-weight: 700;
    font-size: 40px;
}
.intro-image{

    overflow:hidden;

    border-radius:20px;

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

}

.intro-image img{

    width:100%;

    transition:.4s;

}

.intro-image:hover img{

    transform:scale(1.05);

}
/*=========================================
Distributor Intro Responsive
==========================================*/

@media(max-width:991px){

.distributor-intro{

    padding:80px 0;

}

.intro-image{

    margin-bottom:20px;

}

}

@media(max-width:767px){

.distributor-intro{

    padding:70px 0;

    text-align:center;

}
.distributor-intro h2{
    font-size: 26px;
}

}


@media(max-width:576px){

.distributor-intro{

    padding:60px 0;

}

}

/*=========================================
Why Distributor Timeline
==========================================*/

.why-distributor{

    padding:110px 0;

    background:#F8FAFC;

}
.why-distributor h2{
    font-weight: 700;
    font-size: 40px;
}

.timeline{

    position:relative;

    max-width:1100px;

    margin:70px auto 0;

}
.timeline-content h4{
    font-size: 20px !important;
}

.timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:100%;

    background:#F7C948;

    transform:translateX(-50%);

}

.timeline-item{

    width:50%;

    position:relative;

    padding:0 60px 60px;

}

.timeline-item.left{

    left:0;

    text-align:right;

}

.timeline-item.right{

    left:50%;

}

.timeline-icon{

    position:absolute;

    top:0;

    width:60px;

    height:60px;

    background:#F7C948;

    color:#1F2937;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

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

}

.timeline-item.left .timeline-icon{

    right:-30px;

}

.timeline-item.right .timeline-icon{

    left:-30px;

}

.timeline-content{

    background:#fff;

    padding:28px;

    border-radius:18px;

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

}

.timeline-content h4{

    font-family:'Kumbh Sans',sans-serif;

    font-size:24px;

    font-weight:700;

    margin-bottom:12px;

}

.timeline-content p{

    font-family:'Open Sans',sans-serif;

    color:#6B7280;

    line-height:28px;

    margin:0;

}
/*=========================================
Timeline Responsive
==========================================*/

@media(max-width:991px){

.timeline::before{

left:30px;

}
.why-distributor h2 {
    font-weight: 700;
    font-size: 30px;
}

.timeline-item{

width:100%;

left:0 !important;

padding:0 0 40px 80px;

text-align:left !important;

}

.timeline-item.left .timeline-icon,
.timeline-item.right .timeline-icon{

left:0;

right:auto;

}

}

@media(max-width:767px){

.why-distributor{

padding:70px 0;

}

.timeline-content{

padding:22px;

}

.timeline-content h4{

font-size:21px;

}

.timeline-content p{

font-size:15px;

line-height:26px;

}

}

@media(max-width:576px){

.timeline-item{

padding-left:70px;

}

.timeline-icon{

width:50px;

height:50px;

font-size:20px;

}

.timeline-content h4{

font-size:19px;

}

.timeline-content p{

font-size:14px;

line-height:24px;

}

}
/*=========================================
Ideal Distributor
==========================================*/

.ideal-distributor{

    padding:110px 0;

    background:#ffffff;

}
.ideal-distributor h2{
    font-weight: 700;
    font-size: 40px;
}

.profile-image{

    overflow:hidden;

    border-radius:20px;

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

}

.profile-image img{

    width:100%;

    transition:.4s;

}

.profile-image:hover img{

    transform:scale(1.05);

}

.profile-list{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.profile-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 22px;

    border-left:5px solid #F7C948;

    background:#F8FAFC;

    border-radius:12px;

    transition:.3s;

}

.profile-item:hover{

    transform:translateX(8px);

    background:#FFF9E8;

}

.profile-item i{

    color:#F7C948;

    font-size:24px;

}

.profile-item span{

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    font-weight:600;

    color:#1F2937;

}
/*=========================================
Ideal Distributor Responsive
==========================================*/

@media(max-width:991px){

.ideal-distributor{

padding:80px 0;

}

.profile-image{

margin-bottom:40px;

}

}

@media(max-width:767px){

.ideal-distributor{

padding:70px 0;

text-align:center;

}
.ideal-distributor h2{
    font-size: 30px;
}

.profile-item{

text-align:left;

padding:16px 18px;

}

.profile-item span{

font-size:15px;

}

}

@media(max-width:576px){

.profile-item{

gap:12px;

}

.profile-item i{

font-size:20px;

}

.profile-item span{

font-size:14px;

}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    /* margin-top: var(--bs-gutter-y); */
}

}
/*=========================================
Open Territories
==========================================*/

.open-territories{

    padding:110px 0;

    background:#F8FAFC;

}
.open-territories h2{
    font-weight: 700;
    font-size: 40px;
}

.territory-wrapper{

    background:#fff;

    border-radius:20px;

    padding:50px;

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

    margin-top:50px;

}

.territory-list{

    list-style:none;

    padding:0;

    margin:0;

}

.territory-list li{

    padding:18px 0;

    border-bottom:1px solid #ECECEC;

    font-family:'Open Sans',sans-serif;

    font-size:17px;

    color:#374151;

    position:relative;

    padding-left:35px;

}

.territory-list li:last-child{

    border-bottom:none;

}

.territory-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#F7C948;

    font-weight:700;

    font-size:18px;

}

.territory-note{

    margin-top:40px;

    background:#FFF8E1;

    border-left:5px solid #F7C948;

    padding:20px 25px;

    display:flex;

    gap:15px;

    align-items:flex-start;

    border-radius:12px;

}

.territory-note i{

    color:#F7C948;

    font-size:24px;

}

.territory-note p{

    margin:0;

    font-family:'Open Sans',sans-serif;

    color:#374151;

    line-height:28px;

}
/*=========================================
Open Territories Responsive
==========================================*/

@media(max-width:991px){

.open-territories{

padding:80px 0;

}

.territory-wrapper{

padding:35px;

}
.open-territories h2{
    font-weight: 700;
    font-size: 30px;
}
}

@media(max-width:767px){

.open-territories{

padding:70px 0;

}

.territory-wrapper{

padding:25px;

}

.territory-list li{

font-size:15px;

padding:15px 0 15px 30px;

}

.territory-note{

flex-direction:column;

gap:10px;

padding:18px;

}

}

@media(max-width:576px){

.territory-note p{

font-size:14px;

line-height:24px;

}

}
/*=========================================
Distributor Form
==========================================*/

.distributor-form-section{

    padding:110px 0;

    background:#ffffff;

}
.distributor-form-section h2{
    font-weight: 700;
    font-size: 40px;
}

.form-content{

    padding-right:40px;

}

.apply-points{

    list-style:none;

    padding:0;

    margin-top:35px;

}

.apply-points li{

    margin-bottom:18px;

    font-size:16px;

    font-family:'Open Sans',sans-serif;

}

.apply-points i{

    color:#F7C948;

    margin-right:10px;

}

.application-form{

    background:#fff;

    padding:45px;

    border-radius:20px;

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

}

.application-form .form-control{

    height:55px;

    border-radius:10px;

    border:1px solid #ddd;

    font-family:'Open Sans',sans-serif;

}

.application-form textarea.form-control{

    height:auto;

}

.application-form .form-control:focus{

    border-color:#F7C948;

    box-shadow:none;

}

.application-form .primary-btn{

    border:none;

    cursor:pointer;

}
/*=========================================
Distributor Form Responsive
==========================================*/

@media(max-width:991px){

.distributor-form-section{

padding:80px 0;

}

.form-content{

padding-right:0;

margin-bottom:40px;

}

.application-form{

padding:35px;

}

}

@media(max-width:767px){

.distributor-form-section{

padding:70px 0;

}

.form-content{

text-align:center;

}

.apply-points{

text-align:left;

}
.distributor-form-section h2{
    font-weight: 700;
    font-size: 30px;
}

.application-form{

padding:25px;

}

.application-form .primary-btn{

width:100%;

}

}

@media(max-width:576px){

.application-form{

padding:20px;

}
.distributor-form-section h2 {
    font-weight: 700;
    font-size: 30px;
}

}
/*=========================================
Franchise Banner
==========================================*/

.franchise-banner{

    background:url("../img/franchise-banner.jpg") center center/cover no-repeat;

}
/*=========================================
Franchise Banner Responsive
==========================================*/

@media(max-width:991px){

.franchise-banner{

background-position:center;

}

}

@media(max-width:767px){

.franchise-banner .banner-content h1{

font-size:38px;

}

}

@media(max-width:576px){

.franchise-banner .banner-content h1{

font-size:30px;

line-height:1.3;

}

.franchise-banner .banner-content p{

font-size:15px;

line-height:28px;

}

}
/*=========================================
Franchise Overview
==========================================*/

.franchise-overview{

    padding:110px 0;

    background:#ffffff;

}
.franchise-overview h2{
    font-weight: 700;
    font-size: 40px;
}

.overview-image{

    overflow:hidden;

    border-radius:20px;

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

}

.overview-image img{

    width:100%;

    transition:.4s;

}

.overview-image:hover img{

    transform:scale(1.05);

}
/*=========================================
Franchise Overview Responsive
==========================================*/

@media(max-width:991px){

.franchise-overview{

padding:80px 0;

}

.overview-image{

margin-top:20px;

}

}

@media(max-width:767px){

.franchise-overview{

padding:70px 0;

text-align:center;

}
.franchise-overview h2{
    font-weight: 700;
    font-size: 30px;
}

}

@media(max-width:576px){

.franchise-overview{

padding:60px 0;

}
.franchise-overview h2{
    font-weight: 700;
    font-size: 30px;
}

}
/*=========================================
Franchise Support
==========================================*/

.franchise-support{

    padding:110px 0;

    background:#F8FAFC;

}
.franchise-support h2{
    font-weight: 700;
    font-size: 40px;
}

.support-list{

    max-width:1050px;

    margin:60px auto 0;

}

.support-item{

    display:flex;

    align-items:center;

    gap:30px;

    background:#fff;

    border-radius:18px;

    padding:28px 35px;

    margin-bottom:22px;

    border-left:5px solid #F7C948;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

    transition:.35s;

}

.support-item:hover{

    transform:translateY(-5px);

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

}

.support-icon{

    width:75px;

    height:75px;

    min-width:75px;

    border-radius:50%;

    background:#FFF5D8;

    display:flex;

    justify-content:center;

    align-items:center;

}

.support-icon i{

    font-size:34px;

    color:#F4B400;

}

.support-content h4{

    font-family:'Kumbh Sans',sans-serif;

    font-size:24px;

    font-weight:700;

    margin-bottom:8px;

    color:#1F2937;

}

.support-content p{

    margin:0;

    font-family:'Open Sans',sans-serif;

    color:#6B7280;

    line-height:28px;

    font-size:16px;

}
/*=========================================
Responsive
==========================================*/

@media(max-width:991px){

.franchise-support{

padding:80px 0;

}

.support-item{

padding:25px;

gap:20px;

}
.franchise-support h2{
    font-weight: 700;
    font-size: 30px;
}

}

@media(max-width:767px){

.franchise-support{

padding:70px 0;

}

.support-item{

flex-direction:column;

text-align:center;

}

.support-content h4{

font-size:22px;

}
.franchise-support h2{
    font-weight: 700;
    font-size: 30px;
}

.support-content p{

font-size:15px;

line-height:26px;

}

}

@media(max-width:576px){

.support-item{

padding:20px;

}

.support-icon{

width:65px;

height:65px;

min-width:65px;

}

.support-icon i{

font-size:28px;

}

.support-content h4{

font-size:20px;

}
.franchise-support h2{
    font-weight: 700;
    font-size: 30px;
}

.support-content p{

font-size:14px;

}

}
/*=========================================
Franchise Profile
==========================================*/

.franchise-profile{

    padding:110px 0;

    background:#fff;

}
.franchise-profile h2{
    font-weight: 700;
    font-size: 40px;
}

.profile-image{

    overflow:hidden;

    border-radius:20px;

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

}

.profile-image img{

    width:100%;

    transition:.4s;

}

.profile-image:hover img{

    transform:scale(1.05);

}

.content-box{

    margin-top:35px;

    padding:25px 30px;

    border-left:4px solid #F7C948;

    background:#F8FAFC;

    border-radius:12px;

}

.content-box h4{

    display:flex;

    align-items:center;

    gap:12px;

    font-family:'Kumbh Sans',sans-serif;

    font-size:20px;

    font-weight:600;

    color:#1F2937;

    margin-bottom:20px;

}

.content-box h4 i{

    color:#F7C948;

}

.content-box ul{

    padding-left:20px;

    margin:0;

}

.content-box ul li{

    margin-bottom:14px;

    font-family:'Open Sans',sans-serif;

    font-size:16px;

    line-height:28px;

    color:#4B5563;

}

.content-box ul li:last-child{

    margin-bottom:0;

}
/*=========================================
Responsive
==========================================*/

@media(max-width:991px){

.franchise-profile{

padding:80px 0;

}
.franchise-profile h2{
    font-weight: 700;
    font-size: 30px;
}

.profile-image{

margin-bottom:40px;

}

}

@media(max-width:767px){

.franchise-profile{

padding:70px 0;

}
.franchise-profile h2{
    font-weight: 700;
    font-size: 30px;
}

.content-box{

padding:20px;

}

.content-box h4{

font-size:20px;

}

.content-box ul li{

font-size:15px;

line-height:26px;

}

}

@media(max-width:576px){

.franchise-profile{

padding:60px 0;

}

.content-box{

padding:18px;

}

.content-box h4{

font-size:18px;

}

.content-box ul li{

font-size:14px;

line-height:24px;

}
.franchise-profile h2{
    font-weight: 700;
    font-size: 30px;
}

}
/*=========================================
Franchise Investment
==========================================*/

.franchise-investment{

    padding:110px 0;

    background:#F8FAFC;

}
.franchise-investment h2{
    font-weight: 700;
    font-size: 40px;
}

.investment-box{

    margin-top:60px;

    background:#fff;

    border-radius:20px;

    padding:50px;

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

}

.investment-box h3{

    font-family:'Kumbh Sans',sans-serif;

    font-size:20px;
    font-weight: 600;

    margin-bottom:30px;

    color:#1F2937;

}

.investment-list{

    list-style:none;

    padding:0;

    margin:0;

}

.investment-list li{

    display:flex;

    gap:15px;

    margin-bottom:20px;

    font-size:17px;

    color:#4B5563;

}

.investment-list i{

    color:#F4B400;

    font-size:20px;

}

.investment-note{

    display:flex;

    gap:15px;

    margin-top:35px;

    padding:20px;

    border-left:4px solid #F4B400;

    background:#FFF9E8;

    border-radius:12px;

}

.investment-note i{

    color:#F4B400;

    font-size:22px;

}

.investment-note p{

    margin:0;

    line-height:28px;

}

.territory-card{

    background:#F8FAFC;

    border-radius:18px;

    padding:35px;

}

.territory-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:15px;

    margin-top:25px;

}

.territory-grid span{

    background:#fff;

    padding:14px 18px;

    border-radius:10px;

    font-weight:600;

    color:#374151;

    border:1px solid #ECECEC;

}

.territory-note{

    margin-top:30px;

    font-style:italic;

    color:#6B7280;

}
/*=========================================
Responsive
==========================================*/

@media(max-width:991px){

.franchise-investment{

padding:80px 0;

}

.investment-box{

padding:35px;

}

}

@media(max-width:767px){

.franchise-investment{

padding:70px 0;

}

.investment-box{

padding:25px;

}
.franchise-investment h2{
    font-weight: 700;
    font-size: 30px;
}

.territory-grid{

grid-template-columns:1fr;

}

.investment-box h3{

font-size:24px;

}

.investment-list li{

font-size:15px;

}

}

@media(max-width:576px){

.investment-box{

padding:20px;

}

.investment-box h3{

font-size:22px;

}

.investment-note{

flex-direction:column;

gap:10px;

}
.franchise-investment h2{
    font-weight: 700;
    font-size: 30px;
}

}

/*=========================================
Franchise CTA
==========================================*/

/*=========================================
Franchise CTA
==========================================*/

.franchise-cta{

    padding:110px 0;

    background:#1F2937;

    position:relative;

    overflow:hidden;

}

.franchise-cta::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:rgba(247,201,72,.08);

    border-radius:50%;

    top:-120px;

    left:-120px;

}

.franchise-cta::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    background:rgba(247,201,72,.06);

    border-radius:50%;

    bottom:-100px;

    right:-100px;

}

.cta-wrapper{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

    text-align:center;

}

.cta-wrapper .section-tag{

    color:#A15C00;

}

.cta-wrapper h2{

    font-family:'Kumbh Sans',sans-serif;

    font-size:48px;

    font-weight:700;

    color:#fff;

    margin:20px 0;

}

.cta-wrapper p{

    max-width:720px;

    margin:0 auto 40px;

    color:rgba(255,255,255,.85);

    font-size:17px;

    line-height:30px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.secondary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 34px;

    border:2px solid rgba(255,255,255,.25);

    border-radius:8px;

    color:#fff;

    font-weight:600;

    text-decoration:none;

    transition:.35s;

}

.secondary-btn:hover{

    background:#fff;

    color:#1F2937;

    border-color:#fff;

}
/*=========================================
CTA Responsive
==========================================*/

@media(max-width:991px){

.franchise-cta{

padding:80px 0;

}

.cta-wrapper{

padding:60px 40px;

}

.cta-wrapper h2{

font-size:38px;

}

}

@media(max-width:767px){

.franchise-cta{

padding:70px 0;

}

.cta-wrapper{

padding:45px 25px;

}

.cta-wrapper h2{

font-size:30px;

line-height:1.3;

}

.cta-wrapper p{

font-size:15px;

line-height:28px;

}

.cta-buttons{

flex-direction:column;

}

.primary-btn,
.secondary-btn{

width:100%;

}

}

@media(max-width:576px){

.cta-wrapper{

padding:40px 20px;

}

.cta-wrapper h2{

font-size:26px;

}

}
/*=========================================
Blog Banner
==========================================*/

.blog-banner{

    background:url("../img/blog-banner.jpg") center center/cover no-repeat;

}
/*=========================================
Blog Banner Responsive
==========================================*/

@media(max-width:991px){

.blog-banner{

background-position:center;

}

}

@media(max-width:767px){

.blog-banner .banner-content h1{

font-size:38px;

}

}

@media(max-width:576px){

.blog-banner .banner-content h1{

font-size:30px;

line-height:1.3;

}

.blog-banner .banner-content p{

font-size:15px;

line-height:28px;

}

}
/*=========================================
Featured Blog
==========================================*/

.featured-blog{

    padding:110px 0;

    background:#fff;

}
.featured-blog h2{
    font-weight: 700;
    font-size: 29px !important;
}

.featured-wrapper{

    display:grid;

    grid-template-columns:55% 45%;

    gap:50px;

    align-items:center;

}

.featured-image{

    overflow:hidden;

    border-radius:24px;

}

.featured-image img{

    width:100%;

    display:block;

    transition:.5s;

}

.featured-image:hover img{

    transform:scale(1.05);

}

.blog-category{

    display:inline-block;

    padding:8px 18px;

    background:#FFF4CF;

    color:#C89100;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.featured-content h2{

    font-family:'Kumbh Sans',sans-serif;

    font-size:42px;

    line-height:1.3;

    margin-bottom:20px;

}

.featured-content p{

    font-size:17px;

    color:#6B7280;

    line-height:30px;

    margin-bottom:30px;

}

.blog-meta{

    display:flex;

    gap:30px;

    margin-bottom:35px;

}

.blog-meta span{

    color:#6B7280;

}

.blog-meta i{

    color:#F4B400;

    margin-right:8px;

}
/*=========================================
Responsive
==========================================*/

@media(max-width:991px){

.featured-blog{

padding:80px 0;

}



.featured-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:767px){

.featured-blog{

padding:70px 0;

}

.featured-content{

text-align:center;

}

.featured-content h2{

font-size:30px;

}

.blog-meta{

justify-content:center;

flex-wrap:wrap;

}

}

@media(max-width:576px){

.featured-content h2{

font-size:24px;

}

.featured-content p{

font-size:15px;

line-height:26px;

}

}
/*=========================================
Latest Blogs
==========================================*/

.latest-blogs{

    padding:110px 0;

    background:#F8FAFC;

}
.latest-blogs h2{
    font-weight: 700;
    font-size: 40px;
}
.blog-content h3{
    font-size: 25px !important;
}

.blog-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-top:60px;

}

.blog-item{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

}

.blog-item:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.blog-image{

    overflow:hidden;

}

.blog-image img{

    width:100%;

    display:block;

    transition:.5s;

}

.blog-item:hover img{

    transform:scale(1.08);

}

.blog-content{

    padding:30px;

}

.blog-date{

    display:inline-block;

    font-size:14px;

    color:#F4B400;

    margin-bottom:15px;

    font-weight:600;

}

.blog-date i{

    margin-right:8px;

}

.blog-content h3{

    font-family:'Kumbh Sans',sans-serif;

    font-size:24px;

    line-height:1.4;

    color:#1F2937;

    margin-bottom:25px;

}

.blog-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#1F2937;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.blog-link:hover{

    color:#F4B400;

    gap:14px;

}
/*=========================================
Latest Blogs Responsive
==========================================*/

@media(max-width:991px){

.latest-blogs{

padding:80px 0;

}
.latest-blogs h2{
    font-size: 30px;
}

.blog-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.latest-blogs{

padding:70px 0;

}

.blog-grid{

grid-template-columns:1fr;

}

.blog-content{

padding:25px;

}

.blog-content h3{

font-size:22px;

}

}

@media(max-width:576px){

.blog-content h3{

font-size:20px;

}

}

/*=========================================
Contact Banner
==========================================*/

.contact-banner{

    background:url("../img/contact-banner.jpg") center center/cover no-repeat;

}
/*=========================================
Contact Banner Responsive
==========================================*/

@media(max-width:991px){

.contact-banner{

background-position:center;

}

}

@media(max-width:767px){

.contact-banner .banner-content h1{

font-size:38px;

}

}

@media(max-width:576px){

.contact-banner .banner-content h1{

font-size:30px;

line-height:1.3;

}

.contact-banner .banner-content p{

font-size:15px;

line-height:28px;

}

}
/*=========================================
Contact Section
==========================================*/

.contact-section{

    padding:110px 0;

    background:#ffffff;

}

.contact-info{

    padding-right:30px;

}

.contact-info .section-title{

    margin-bottom:20px;

}

.contact-info .section-description{

    margin-bottom:45px;

}

.info-item{

    display:flex;

    align-items:flex-start;

    gap:20px;

    margin-bottom:35px;

}

.info-item:last-child{

    margin-bottom:0;

}

.info-item i{

    width:58px;

    height:58px;

    min-width:58px;

    background:#FFF5D8;

    color:#F4B400;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

}

.info-item h5{

    font-family:'Kumbh Sans',sans-serif;

    font-size:20px;

    font-weight:600;

    color:#1F2937;

    margin-bottom:10px;

}

.info-item p{

    margin:0;

    color:#6B7280;

    line-height:28px;

    font-family:'Open Sans',sans-serif;
    font-size: 16px !important;

}

.info-item a{

    color:#6B7280;

    text-decoration:none;

    transition:.3s;

}

.info-item a:hover{

    color:#F4B400;

}

/*=========================================
Contact Form
==========================================*/

.contact-form-wrapper{

    background:#F8FAFC;

    padding:45px;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.06);

}

.contact-form-wrapper h3{

    font-family:'Kumbh Sans',sans-serif;

    font-size:32px;

    margin-bottom:35px;

    color:#1F2937;

}

.contact-form-wrapper .form-control,

.contact-form-wrapper .form-select{

    height:58px;

    border-radius:10px;

    border:1px solid #E5E7EB;

    box-shadow:none;

    font-family:'Open Sans',sans-serif;

    padding:0 18px;

}

.contact-form-wrapper textarea.form-control{

    height:150px;

    padding-top:15px;

    resize:none;

}

.contact-form-wrapper .form-control:focus,

.contact-form-wrapper .form-select:focus{

    border-color:#F4B400;

    box-shadow:none;

}

.contact-form-wrapper button{

    border:none;

}
/*=========================================
Contact Responsive
==========================================*/

@media(max-width:991px){

.contact-section{

padding:80px 0;

}

.contact-info{

padding-right:0;

margin-bottom:40px;

}

.contact-form-wrapper{

padding:35px;

}

.contact-form-wrapper h3{

font-size:28px;

}

}

@media(max-width:767px){

.contact-section{

padding:70px 0;

}

.info-item{

gap:15px;

margin-bottom:25px;

}

.info-item i{

width:50px;

height:50px;

min-width:50px;

font-size:18px;

}

.info-item h5{

font-size:18px;

}

.info-item p,

.info-item a{

font-size:15px;

line-height:26px;

}

.contact-form-wrapper{

padding:25px;

margin-top:10px;

}

.contact-form-wrapper h3{

font-size:24px;

text-align:center;

}

.contact-form-wrapper .form-control,

.contact-form-wrapper .form-select{

height:52px;

}

.contact-form-wrapper textarea.form-control{

height:130px;

}

.contact-form-wrapper .primary-btn{

width:100%;

}

}

@media(max-width:576px){

.contact-section{

padding:60px 0;

}

.contact-info{

text-align:center;

}

.info-item{

flex-direction:column;

align-items:center;

text-align:center;

}

.contact-form-wrapper{

padding:20px;

}

.contact-form-wrapper h3{

font-size:22px;

}

}
/*=========================================
Contact Map
==========================================*/

.contact-map{

    padding:110px 0;

    background:#F8FAFC;

}
.contact-map h2{
    font-weight: 700;
    font-size: 40px;
}

.map-wrapper{

    margin-top:60px;

    border-radius:20px;

    overflow:hidden;

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

}

.map-wrapper iframe{

    width:100%;

    height:550px;

    border:0;

    display:block;

}
/*=========================================
Contact Map Responsive
==========================================*/

@media(max-width:991px){

    .contact-map{

        padding:80px 0;

    }
    .contact-map h2{
    font-weight: 700;
    font-size: 30px;
}

    .map-wrapper{

        margin-top:50px;

    }

    .map-wrapper iframe{

        height:450px;

    }

}

@media(max-width:767px){

    .contact-map{

        padding:70px 0;

    }

    .map-wrapper{

        margin-top:40px;

        border-radius:15px;

    }

    .map-wrapper iframe{

        height:350px;

    }

}

@media(max-width:576px){

    .contact-map{

        padding:60px 0;

    }

    .map-wrapper{

        margin-top:30px;

        border-radius:12px;

    }

    .map-wrapper iframe{

        height:280px;

    }
    .contact-map h2{
    font-weight: 700;
    font-size: 30px;
}

}
/*=========================================
25 Years Highlight
==========================================*/

.experience-highlight{

    margin-top:40px;

    background:linear-gradient(135deg,#1F2937 0%,#2C3E50 100%);

    border-radius:24px;

    padding:30px;

    position:relative;

    overflow:hidden;

    color:#fff;

    box-shadow:0 25px 60px rgba(0,0,0,.18);

}

.experience-highlight::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:rgba(247,201,72,.12);

    border-radius:50%;

    top:-80px;

    right:-80px;

}

.experience-highlight::after{

    content:"";

    position:absolute;

    width:160px;

    height:160px;

    border:2px solid rgba(247,201,72,.15);

    border-radius:50%;

    bottom:-60px;

    left:-60px;

}

.experience-highlight>*{

    position:relative;

    z-index:2;

}

.experience-badge{

    display:inline-block;

    padding:8px 18px;

    background:#F7C948;

    color:#1F2937;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.experience-highlight h2{

    font-family:'Kumbh Sans',sans-serif;

    font-size:72px;

    font-weight:800;

    line-height:1;

    color:#F7C948;

    margin-bottom:10px;

}

.experience-highlight h3{

    font-family:'Kumbh Sans',sans-serif;

    font-size:34px;

    font-weight:700;

    margin-bottom:20px;

    color:#fff;

}

.experience-highlight p{

    margin:0;

    max-width:520px;

    color:rgba(255,255,255,.85);

    line-height:30px;

    font-size:16px;

}
/*=========================================
Responsive
==========================================*/

@media(max-width:991px){

.experience-highlight{

padding:40px 35px;

}

.experience-highlight h2{

font-size:60px;

}

.experience-highlight h3{

font-size:30px;

}

}

@media(max-width:767px){

.experience-highlight{

margin-top:30px;

padding:30px 25px;

text-align:center;

}

.experience-highlight h2{

font-size:52px;

}

.experience-highlight h3{

font-size:24px;

}

.experience-highlight p{

font-size:15px;

line-height:28px;

}

}

@media(max-width:576px){

.experience-highlight{

padding:25px 20px;

}

.experience-highlight h2{

font-size:44px;

}

.experience-highlight h3{

font-size:22px;

}

}


/*=========================================
Double Sided Foam Tape Banner
==========================================*/

.foam-banner{

    background:url("../img/double-tape-bg.jpg") center center/cover no-repeat;

}
/*=========================================
Foam Banner Responsive
==========================================*/

@media(max-width:991px){

.foam-banner{

background-position:center;

}

}

@media(max-width:767px){

.foam-banner .banner-content h1{

font-size:38px;

}

}

@media(max-width:576px){

.foam-banner .banner-content h1{

font-size:30px;

line-height:1.3;

}

.foam-banner .banner-content p{

font-size:15px;

line-height:28px;

}

}
/*=========================================
Product Showcase
==========================================*/

.product-showcase{

    padding:110px 0;

    background:#fff;

}

.showcase-image{

    text-align:center;

}

.showcase-image img{

    max-width:100%;

    transition:.4s;

}

.showcase-image img:hover{

    transform:scale(1.04);

}

.product-tagline{

    font-size:22px;

    font-weight:600;

    color:#444;

    margin:18px 0 35px;

}

.feature-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:18px 0;

    border-bottom:1px solid #ECECEC;

}

.feature-item:last-child{

    border-bottom:none;

}

.feature-icon{

    width:60px;

    height:60px;

    background:#F7C948;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.feature-icon i{

    font-size:24px;

    color:#1F2937;

}

.feature-item h5{

    margin-bottom:6px;

    font-size:22px;

}

.feature-item p{

    margin:0;

    color:#6B7280;

}

.surface-grid{

    display:flex;

    gap:18px;

    margin-top:40px;

    flex-wrap:wrap;

}

.surface-item{

    text-align:center;

}

.surface-item img{

    width:80px;

    height:80px;

    object-fit:cover;

    border-radius:12px;

}

.surface-item span{

    display:block;

    margin-top:10px;

    font-weight:600;

    text-transform:uppercase;

    font-size:13px;

}

.product-highlights{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin-top:35px;

}

.product-highlights span{

    background:#F7C948;

    padding:12px 20px;

    border-radius:50px;

    font-weight:600;

    color:#1F2937;

}
@media(max-width:991px){

.product-showcase{

padding:80px 0;

}

.showcase-image{

margin-bottom:20px;

}

}

@media(max-width:767px){

.product-showcase{

padding:70px 0;

}

.product-tagline{

font-size:18px;

}

.feature-item{

gap:15px;

}

.feature-icon{

width:50px;

height:50px;

}

.feature-icon i{

font-size:20px;

}

.feature-item h5{

font-size:18px;

}

.surface-grid{

justify-content:center;

}

.product-highlights{

justify-content:center;

}

}

@media(max-width:576px){

.product-showcase{

padding:60px 0;

}

.surface-item img{

width:65px;

height:65px;

}

.product-highlights span{

width:100%;

text-align:center;

}

}
/*=========================================
Floor Marking Banner
==========================================*/

.floor-banner{

    background:url("../img/floor-marking-bg.jpg") center center/cover no-repeat !important;

}
/*=========================================
Floor Banner Responsive
==========================================*/

@media(max-width:991px){

.floor-banner{

background-position:center;

}

}

@media(max-width:767px){

.floor-banner .banner-content h1{

font-size:38px;

}

}

@media(max-width:576px){

.floor-banner .banner-content h1{

font-size:30px;

line-height:1.3;

}

.floor-banner .banner-content p{

font-size:15px;

line-height:28px;

}

}
/*=========================================
PVC Banner
==========================================*/

.pvc-banner{

    background:url("../img/PVC-Electrical.png") center center/cover no-repeat !important;

}
@media(max-width:991px){

.pvc-banner{

background-position:center;

}

}

@media(max-width:767px){

.pvc-banner .banner-content h1{

font-size:38px;

}

}

@media(max-width:576px){

.pvc-banner .banner-content h1{

font-size:30px;

line-height:1.3;

}

.pvc-banner .banner-content p{

font-size:15px;

line-height:28px;

}

}
/*=========================================
PVC Banner
==========================================*/

.pvc-banner{

    background:url("../img/pvc-banner.jpg") center center/cover no-repeat;

}
@media(max-width:991px){

.pvc-banner{

background-position:center;

}

}

@media(max-width:767px){

.pvc-banner .banner-content h1{

font-size:38px;

}

}

@media(max-width:576px){

.pvc-banner .banner-content h1{

font-size:30px;

line-height:1.3;

}

.pvc-banner .banner-content p{

font-size:15px;

line-height:28px;

}

}
/*=========================================
Filament Banner
==========================================*/

.filament-banner{

    background:url("../img/filament-bg.png") center center/cover no-repeat !important;

}
/*=========================================
Double Sided Polyester Banner
==========================================*/

.polyester-banner{

    background:url("../img/double-sided-tape-bg.png") center center/cover no-repeat;

}
/*=========================================
Double Sided Tissue Tape Banner
==========================================*/

.tissue-banner{

    background:url("../img/Double-Sided\ Tissue-bg.png") center center/cover no-repeat;

}
/*=========================================
Kraft Paper Banner
==========================================*/

.kraft-banner{

    background:url("../img/kraft-paper-bg.png") center center/cover no-repeat;

}
/*=========================================
Aluminum Foil Banner
==========================================*/

.foil-banner{

    background:url("../img/aluminum-foil-banner..png") center center/cover no-repeat;

}
/*=========================================
Products Intro
==========================================*/

.products-intro{

    padding:90px 0 30px;

}

.products-intro .section-description{

    max-width:800px;

}
/*=========================================
Products Grid
==========================================*/

.products-grid-section{

    padding:20px 0 100px;

}

.product-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    border:1px solid #ececec;

    height:100%;

    transition:.35s;

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

}

.product-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.product-card-image{

    height:280px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fafafa;

    padding:30px;

    overflow:hidden;

}

.product-card-image img{

    max-width:100%;

    max-height:220px;

    transition:.4s;

}

.product-card:hover .product-card-image img{

    transform:scale(1.08);

}

.product-card-content{

    padding:30px;

}

.product-card-content h3{

    font-family:'Kumbh Sans',sans-serif;

    font-size:26px;

    font-weight:700;

    margin-bottom:15px;

    color:#1F2937;

}

.product-card-content p{

    color:#6b7280;

    line-height:28px;

    margin-bottom:25px;

}

.product-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#1F2937;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.product-btn i{

    transition:.3s;

}

.product-btn:hover{

    color:#D18A00;

}

.product-btn:hover i{

    transform:translateX(6px);

}
/*=========================================
Products Grid Responsive
==========================================*/

@media(max-width:991px){

.products-grid-section{

padding:20px 0 80px;

}

.product-card-image{

height:240px;

}

}

@media(max-width:767px){

.product-card-content{

padding:25px;

}

.product-card-content h3{

font-size:22px;

}

.product-card-image{

height:220px;

}

}

@media(max-width:576px){

.products-grid-section{

padding:10px 0 60px;

}

.product-card-image{

height:200px;

padding:20px;

}

.product-card-content{

padding:20px;

}

.product-card-content h3{

font-size:20px;

}

.product-card-content p{

font-size:15px;

line-height:26px;

}

}
/*=========================================
Products CTA
==========================================*/

.products-cta{

    padding:0 0 100px;

}

.cta-box{

    background:linear-gradient(135deg,#1F2937,#2E4057);

    border-radius:24px;

    padding:70px;

    text-align:center;

    color:#fff;

}

.cta-box h2{

    color:#fff;

    margin:20px 0;

}

.cta-box p{

    max-width:700px;

    margin:0 auto 35px;

    color:rgba(255,255,255,.85);

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}
.dropdown-toggle::after{

    display:none !important;

}
/*=========================================
Header Dropdown Icon
==========================================*/

.dropdown-icon{

    font-size:12px;

    margin-left:8px;

    transition:.3s ease;

}

.nav-item.dropdown:hover .dropdown-icon{

    transform:rotate(180deg);

}

.nav-item.dropdown.show .dropdown-icon{

    transform:rotate(180deg);

}

.dropdown-toggle-btn{
    color: #000;
    font-weight: 900 !important;
    font-size: large;
}
/*=========================================
Product Information
==========================================*/

.product-information{

    padding:110px 0;

    background:#fff;

}

.info-image{

    text-align:center;

}

.info-image img{

    max-width:100%;

    transition:.4s;

}

.info-image img:hover{

    transform:scale(1.05);

}
@media(max-width:991px){

.product-information{

padding:80px 0;

}

.info-image{

margin-top:20px;

}

}

@media(max-width:576px){

.product-information{

padding:60px 0;

}

}
/*=========================================
Product Features
==========================================*/

.product-features{

    padding:100px 0;

    background:#fafafa;

}

.feature-card{

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:28px;

    background:#fff;

    border-radius:16px;

    border:1px solid #ececec;

    height:100%;

    transition:.35s;

}

.feature-card:hover{

    transform:translateY(-8px);

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

}

.feature-card i{

    font-size:26px;

    color:#F4B223;

    flex-shrink:0;

}

.feature-card h5{

    margin-bottom:10px;

    font-size:22px;

}

.feature-card p{

    margin:0;

    color:#6b7280;

    line-height:28px;

}
@media(max-width:991px){

.product-features{

padding:80px 0;

}

}

@media(max-width:576px){

.product-features{

padding:60px 0;

}

.feature-card{

padding:22px;

}

.feature-card h5{

font-size:19px;

}

}
/*=========================================
Product Applications
==========================================*/

.product-applications{

    padding:100px 0;

    background:#fff;

}

.application-card{

    background:#fff;

    border:1px solid #ececec;

    border-radius:18px;

    overflow:hidden;

    transition:.35s;

    text-align:center;

    height:100%;

}

.application-card:hover{

    transform:translateY(-8px);

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

}

.application-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}

.application-card h5{

    margin:20px 0;

    font-size:20px;

    font-weight:700;

    color:#1F2937;

}
/*=========================================
Technical Specifications
==========================================*/

.technical-specifications{

    padding:100px 0;

    background:#f8f9fa;

}

.specification-table{

    margin-top:50px;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

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

}

.specification-table table{

    margin:0;

}

.specification-table th{

    width:35%;

    background:#094898;

    color:#fff;

    font-weight:600;

    padding:18px 24px;

    border-color:#e9ecef;

}

.specification-table td{

    padding:18px 24px;

    color:#4b5563;

    border-color:#e9ecef;

}

.specification-table tr:nth-child(even) td{

    background:#fafafa;

}/*=========================================
Technical Specifications
==========================================*/

.technical-specifications{

    padding:100px 0;

    background:#f8f9fb;

}

.specification-table{

    margin-top:50px;

    border-radius:18px;

    overflow:hidden;

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

}

.specification-table table{

    margin:0;

}

.specification-table th{

    width:32%;

    background:#094898;

    color:#fff;

    padding:18px 24px;

    font-size:17px;

    font-weight:600;

    vertical-align:middle;

}

.specification-table td{

    background:#fff;

    color:#555;

    padding:18px 24px;

    line-height:28px;

    vertical-align:middle;

}

.specification-table tr:nth-child(even) td{

    background:#fafafa;

}/*=========================================
Technical Specifications Responsive
==========================================*/

@media(max-width:991px){

.technical-specifications{

padding:80px 0;

}

}

@media(max-width:767px){

.specification-table{

overflow-x:auto;

}

.specification-table table{

min-width:650px;

}

}

@media(max-width:576px){

.technical-specifications{

padding:60px 0;

}

}
/*=========================================
Applications / Common Uses
==========================================*/

.common-uses{

    padding:100px 0;

    background:#ffffff;

}

.use-card{

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:28px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:18px;

    transition:.35s;

    height:100%;

}

.use-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,.08);

}

.use-icon{

    width:65px;

    height:65px;

    min-width:65px;

    border-radius:50%;

    background:#F4B223;

    display:flex;

    align-items:center;

    justify-content:center;

}

.use-icon i{

    font-size:28px;

    color:#1F2937;

}

.use-card h5{

    font-size:22px;

    margin-bottom:10px;

    font-weight:700;

}

.use-card p{

    margin:0;

    color:#6b7280;

    line-height:28px;

}/*=========================================
Applications Responsive
==========================================*/

@media(max-width:991px){

.common-uses{

padding:80px 0;

}

}

@media(max-width:576px){

.common-uses{

padding:60px 0;

}

.use-card{

padding:22px;

}

.use-icon{

width:55px;

height:55px;

min-width:55px;

}

.use-icon i{

font-size:22px;

}

.use-card h5{

font-size:20px;

}

}
/*=========================================
Why Choose Product
==========================================*/

.why-choose-product{

    padding:100px 0;

    background:#f8f9fb;

}

.why-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

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

}

.why-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 0;

    border-bottom:1px solid #ececec;

}

.why-item:last-child{

    border-bottom:none;

}

.why-item i{

    color:#F4B223;

    font-size:26px;

}

.why-item span{

    font-size:18px;

    font-weight:600;

    color:#1F2937;

}
/*=========================================
Why Choose Responsive
==========================================*/

@media(max-width:991px){

.why-choose-product{

padding:80px 0;

}

.why-card{

margin-top:10px;

}

}

@media(max-width:576px){

.why-choose-product{

padding:60px 0;

}

.why-card{

padding:25px;

}

.why-item span{

font-size:16px;

}

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

.product-faq{

    padding:100px 0;

    background:#ffffff;

}

.product-faq .accordion-item{

    border:1px solid #ececec;

    border-radius:12px;

    overflow:hidden;

    margin-bottom:18px;

}

.product-faq .accordion-button{

    background:#fff;

    font-weight:700;

    font-size:18px;

    color:#1F2937;

    padding:22px 25px;

    box-shadow:none;

}

.product-faq .accordion-button:not(.collapsed){

    background:#F4B223;

    color:#1F2937;

}

.product-faq .accordion-body{

    padding:22px 25px;

    line-height:30px;

    color:#6b7280;

}
/*=========================================
Product FAQ Responsive
==========================================*/

@media(max-width:991px){

.product-faq{

padding:80px 0;

}

}

@media(max-width:576px){

.product-faq{

padding:60px 0;

}

.product-faq .accordion-button{

font-size:16px;

padding:18px;

}

.product-faq .accordion-body{

padding:18px;

}

}
/*=========================================
Related Products
==========================================*/

/*=========================================
Related Products
==========================================*/

.related-products{

    padding:100px 0;

    background:#f8f9fb;

}

.related-card{

    display:block;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    text-decoration:none;

    transition:.35s ease;

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

    height:100%;

}

.related-card:hover{

    transform:translateY(-8px);

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

}

.image-wrapper{

    height:320px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    background:#fff;

    overflow:hidden;

}

.image-wrapper img{

    width:100%;

    height:100%;

    object-fit:contain;

    transition:.4s ease;

}

.related-card:hover .image-wrapper img{

    transform:scale(1.08);

}

.related-content{

    padding:25px;

    border-top:1px solid #f1f1f1;

}

.related-content h4{

    color:#1F2937;

    font-size:28px;

    margin-bottom:15px;

    font-weight:700;

    line-height:1.3;

}

.related-content span{

    color:#F4B223;

    font-weight:700;

    display:flex;

    align-items:center;

    gap:8px;

}

.related-content i{

    transition:.3s ease;

}

.related-card:hover .related-content i{

    transform:translateX(6px);

}
/*=========================================
Related Products Responsive
==========================================*/

@media(max-width:991px){

.related-products{

    padding:80px 0;

}

.image-wrapper{

    height:280px;

}

.related-content h4{

    font-size:24px;

}

}

@media(max-width:767px){

.image-wrapper{

    height:240px;

}

}

@media(max-width:576px){

.related-products{

    padding:60px 0;

}

.image-wrapper{

    height:220px;

    padding:15px;

}

.related-content{

    padding:20px;

}

.related-content h4{

    font-size:22px;

}

}
/*=========================================
Bulk CTA
==========================================*/

.bulk-order-cta{

    padding:100px 0;

    background:#fff;

}

.bulk-cta-box{

    background:linear-gradient(135deg,#0B1B33,#152B4D);

    border-radius:24px;

    padding:70px;

    text-align:center;

    color:#fff;

    overflow:hidden;

    position:relative;

}

.bulk-cta-box h2{

    color:#fff;

    margin:20px 0;

    font-size:35px;
    font-weight: 700;

}

.bulk-cta-box p{

    max-width:760px;

    margin:0 auto 40px;

    color:#d7dce5;

}

.bulk-contact{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:35px;

    margin-bottom:45px;

}

.bulk-contact div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

}

.bulk-contact i{

    color:#F4B223;

    font-size:22px;

}

.bulk-btns{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.primary-btn{

    background:#F4B223;

    color:#111;

    padding:16px 36px;

    border-radius:50px;

    font-weight:700;

    text-decoration:none;

}

.secondary-btn{

    border:2px solid #fff;

    color:#fff;

    padding:16px 36px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

}

.primary-btn:hover{

    background:#fff;

    color:#111;

}

.secondary-btn:hover{

    background:#fff;

    color:#111;

}
/*=========================================
Bulk CTA Responsive
==========================================*/

@media (max-width:991px){

.bulk-order-cta{

    padding:80px 0;

}

.bulk-cta-box{

    padding:50px 40px;

}

.bulk-cta-box h2{

    font-size:36px;

}

.bulk-contact{

    gap:20px;

    justify-content:center;

}

.bulk-contact div{

    width:100%;

    justify-content:center;

}

.bulk-btns{

    margin-top:35px;

}

}

@media (max-width:767px){

.bulk-order-cta{

    padding:70px 0;

}

.bulk-cta-box{

    padding:40px 25px;

    border-radius:18px;

}

.bulk-cta-box h2{

    font-size:30px;

    line-height:42px;

}

.bulk-cta-box p{

    font-size:16px;

    line-height:28px;

}

.bulk-contact{

    flex-direction:column;

    gap:18px;

    align-items:center;

}

.bulk-contact div{

    justify-content:center;

    font-size:16px;

}

.bulk-contact i{

    font-size:18px;

}

.bulk-btns{

    flex-direction:column;

    align-items:center;

    gap:15px;

}

.primary-btn,

.secondary-btn{

    width:100%;

    max-width:280px;

    text-align:center;

    padding:15px 25px;

}

}

@media (max-width:576px){

.bulk-order-cta{

    padding:60px 0;

}

.bulk-cta-box{

    padding:35px 20px;

}

.bulk-cta-box h2{

    font-size:26px;

    line-height:36px;

}

.bulk-cta-box p{

    font-size:15px;

    line-height:26px;

}

.bulk-contact div{

    font-size:15px;

}

.primary-btn,

.secondary-btn{

    max-width:100%;

    font-size:15px;

}

}
/*=========================================
WhatsApp Floating Chat
==========================================*/

.whatsapp-chat {
    position: fixed;
    right: 25px;
    bottom: 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 5px 20px rgba(0, 0, 0, 0.25);

    z-index: 9999;

    transition: all 0.3s ease;
}

.whatsapp-chat:hover {
    transform: translateY(-5px) scale(1.05);
    color: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}


/* Tooltip */

.whatsapp-tooltip {
    position: absolute;
    right: 72px;

    background: #111;
    color: #fff;

    padding: 8px 14px;

    border-radius: 6px;

    font-size: 14px;
    font-weight: 600;

    white-space: nowrap;

    opacity: 0;
    visibility: hidden;

    transform: translateX(10px);

    transition: all 0.3s ease;
}

.whatsapp-chat:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}


/* Mobile Responsive */

@media (max-width: 767px) {

    .whatsapp-chat {
        width: 52px;
        height: 52px;

        right: 18px;
        bottom: 18px;

        font-size: 26px;
    }

    .whatsapp-tooltip {
        display: none;
    }
}
/*=========================================
Floating Call + WhatsApp Buttons
==========================================*/

.floating-contact {
    position: fixed;
    right: 25px;
    bottom: 25px;

    display: flex;
    flex-direction: column;
    gap: 12px;

    z-index: 9999;
}

.contact-float {
    position: relative;

    width: 58px;
    height: 58px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 25px;
    color: #fff !important;
    text-decoration: none;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.22);

    transition: transform 0.3s ease,
                box-shadow 0.3s ease;
}


/* Call Button */

.call-float {
    background: #094898;
}


/* WhatsApp Button */

.whatsapp-float {
    background: #25D366;
}


/* Hover */

.contact-float:hover {
    transform: translateY(-4px) scale(1.05);

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}


/* Tooltip */

.contact-tooltip {
    position: absolute;

    right: 70px;
    top: 50%;

    transform: translateY(-50%) translateX(10px);

    background: #111;
    color: #fff;

    padding: 8px 13px;

    border-radius: 6px;

    font-size: 13px;
    font-weight: 600;

    white-space: nowrap;

    opacity: 0;
    visibility: hidden;

    transition: all 0.3s ease;

    pointer-events: none;
}

.contact-float:hover .contact-tooltip {
    opacity: 1;
    visibility: visible;

    transform: translateY(-50%) translateX(0);
}


/*=========================================
Mobile Responsive
==========================================*/

@media (max-width: 767px) {

    .floating-contact {
        right: 16px;
        bottom: 18px;

        gap: 10px;
    }

    .contact-float {
        width: 50px;
        height: 50px;

        font-size: 22px;
    }

    .contact-tooltip {
        display: none;
    }

}
/*=========================================
PRODUCTS DROPDOWN - FINAL FIX
==========================================*/

.products-menu {
    position: relative;
}


/* Products + Arrow */

.products-menu-link {
    display: flex;
    align-items: center;
}


/* Products text */

.products-menu-link .nav-link {
    padding-right: 5px !important;
}


/* Arrow */

.products-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 10px 8px 10px 2px;

    color: #000;

    cursor: pointer;
}


.products-arrow i {
    font-size: 13px;

    color: #000;

    transition: transform 0.3s ease;
}


/*=========================================
Dropdown Menu
==========================================*/

.products-dropdown-menu {
    position: absolute;

    top: 100%;
    left: 0;

    width: 280px;

    margin: 0;
    padding: 10px 0;

    list-style: none;

    background: #fff;

    border-radius: 6px;

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

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;

    z-index: 99999;
}


/*=========================================
SHOW DROPDOWN ON HOVER
==========================================*/

/* Hover Products text OR arrow OR dropdown */

.products-menu:hover .products-dropdown-menu {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}


/* Rotate arrow */

.products-menu:hover .products-arrow i {
    transform: rotate(180deg);
}


/*=========================================
Dropdown Links
==========================================*/

.products-dropdown-menu li {
    width: 100%;
}


.products-dropdown-menu li a {
    display: block;

    padding: 11px 20px;

    color: #222;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    transition: all 0.25s ease;
}


.products-dropdown-menu li a:hover {
    background: #F7C948;

    color: black;

    padding-left: 25px;
}


/*=========================================
MOBILE
==========================================*/

@media (max-width: 991px) {

    .products-menu {
        width: 100%;
    }


    .products-menu-link {
        width: 100%;
    }


    .products-menu-link .nav-link {
        flex: 1;
    }


    .products-arrow {
        padding: 12px 18px;
    }


    .products-dropdown-menu {
        position: static;

        width: 100%;

        display: none;

        opacity: 1;
        visibility: visible;

        transform: none;

        box-shadow: none;

        border-radius: 0;

        padding-left: 15px;
    }


    /* On mobile show when Products area is hovered/focused */

    .products-menu:hover .products-dropdown-menu,
    .products-menu:focus-within .products-dropdown-menu {
        display: block;
    }

}