*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Inter', sans-serif;
}

body{
   font-family: 'Inter', sans-serif !important;
    margin:0;
    padding:0;
    font-size:16px !important;
    line-height:30px;
    /* color:#111 !important; */
}
p{
    font-size:16px !important;
}
h2{
    font-size: 32px !important;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
 h1{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 40px;
    margin: 0;
 }    
 h4{
    font-size: 16px;
    color: #061939;
    margin-bottom: 12px;
    font-weight: 500;
    text-transform: uppercase;
 }
 h3{
    font-size: 18px;
    
 }
 span{
    color: #c19146;
 }
 /* a:hover {
    color: #c19146 !important;
} */
 .under_line img {
    max-width: 200px;
    margin-bottom: 10px;
    /* margin-top: -20px; */
    margin-top: 5px;
    filter: brightness(0) saturate(100%) invert(73%) sepia(25%) saturate(918%) hue-rotate(357deg) brightness(89%) contrast(87%);

}
h1,h2,h3,h4,h5,h6{
    font-family:'Poppins',sans-serif;
    /* font-weight:700;
    color:#222; */
}
/*==========================
HEADER
==========================*/

header{
position:sticky;
top:0;
left:0;
width:100%;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,.08);
z-index:999;
}

/* .container{
width:90%;
max-width:1300px;
margin:auto;
} */

.header-area{
display:flex;
align-items:center;
justify-content:space-between;
height:85px;
}

/* Logo */

.logo img{
height:65px;
}

/* Navigation */

.navigation{
display:flex;
align-items:center;
gap:30px;
}

.menu{
display:flex;
list-style:none;
margin-bottom: 0;
}

.menu>li{
position:relative;
}

.menu>li>a{
display:block;
padding:30px 8px;
text-decoration:none;
color:#222;
font-size:16px;
font-weight:600;
transition:.3s;
}

.menu>li>a:hover{
color:#c19146;
}

/* Dropdown */

.submenu{
position:absolute;
left:0;
top:100%;
width:240px;
background:#fff;
list-style:none;
box-shadow:0 10px 25px rgba(0,0,0,.1);
opacity:0;
visibility:hidden;
transform:translateY(15px);
transition:.35s;
padding-left: 0;
}

.submenu li{
position:relative;
}

.submenu li a{
display:block;
padding:14px 18px;
text-decoration:none;
color:#333;
border-bottom:1px solid #eee;
transition:.3s;
}

.submenu li a:hover{
background:#c19146;
color:#fff !important;
}

.menu li:hover>.submenu{
opacity:1;
visibility:visible;
transform:translateY(0);
}

/* Submenu Level 2 */

.submenu .submenu{
left:100%;
top:0;
}

/* Enquiry Button */

.enquiry-btn{
padding:12px 15px;
background:#001944;
color:#fff;
text-decoration:none;
border-radius:10px;
font-weight:600;
transition:.3s;
position: relative;
    overflow: hidden;
    z-index: 1;
}
.enquiry-btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #c19146;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: left 0.3s ease;
    z-index: -1;
}
.enquiry-btn:hover::before {
    left: 0;
    color: #fff !important;
}

.enquiry-btn:hover{
    color: #fff;
}

/* Hamburger */

.menu-toggle{
display:none;
font-size:28px;
cursor:pointer;
}

/*==========================
Owl Slider::
==========================*/

.banner-slider .item{
    position:relative;
    overflow:hidden;
}

.banner-slider .item img{
    width:100%;
    height:700px;
    object-fit:cover;
    display:block;
}

.banner-content{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-50%);
    z-index:2;
}

/* .banner-content .container{
    max-width:1300px;
    width:90%;
    margin:auto;
} */

.banner-content h5,
.banner-content h1,
.banner-content p{
    color:#fff;
}

.banner-content{
    max-width:100%;
}

.banner-content .container > *{
    max-width:600px;
}

.banner-slider .item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#011842a6;
    z-index:1;
}

.home-banner-slider .item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#011842a6;
    z-index:1;
}

/* Owl Navigation */

.banner-slider .owl-nav {
    margin-top: 0 !important;
}

.banner-slider .owl-nav .owl-prev,
.banner-slider .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.9) !important;
    color: #061939 !important;
    font-size: 22px !important;
    line-height: 35px !important;
    text-align: center;
    transition: 0.3s;
}

.banner-slider .owl-nav .owl-prev {
    left: 15px;
}

.banner-slider .owl-nav .owl-next {
    right: 15px;
}

.banner-slider .owl-nav .owl-prev:hover,
.banner-slider .owl-nav .owl-next:hover {
    background: #061939 !important;
    color: #fff !important;
}

.banner-slider .owl-nav button span {
    font-size: 30px;
    line-height: 1;
}

/* Desktop */
.banner-slider .item img{
    width:100%;
    height:550px;
    object-fit:cover;
}

/* Tablet */
@media (max-width:991px){
    .banner-slider .item img{
        height:450px;
    }
}

/* Mobile */
@media (max-width:576px){
    .banner-slider .item img{
        height:400px;
    }
}

.slider_logo img{
    height: auto !important;
    max-width: 270px !important;
    padding-bottom: 20px;
}

.flex_banner{
    display: flex;
    gap: 15px;
}
.flex_utton a{
    color: #fff;
}


/* category banner */
.bv-image-banner{
    padding: 60px 0 60px;
}
.box_collection {
    background: linear-gradient(135deg, #061939, #061939);
    border-radius: 10px;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);

    /* Animation */
    animation: fadeUp 0.8s ease-out;
    transition: all 0.3s ease;
    
}

/* Hover Effect */
.box_collection:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.25);
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.box_collection_poly {
    background: linear-gradient(135deg, #ddd, #cccccccc);
    border-radius: 10px;
    padding: 30px 20px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);

    /* Animation */
    animation: fadeUp 0.8s ease-out;
    transition: all 0.3s ease;
}

/* Hover Effect */
.box_collection_poly:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.25);
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.flex_collction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* Left Image */
.coll_img {
    flex: 0 0 35%;
    text-align: center;
}

.coll_img img {
    max-width: 100%;
    width: 300px;
    height: 210px;
    object-fit: contain;
}

/* Right Content */
.bv-banner-content {
    flex: 0 0 60%;
    color: #fff;
}

.bv-banner-content h2 {
    font-size: 35px;
    font-weight: 700;
    /* margin-bottom: 20px; */
    color: #fff;
    text-transform: uppercase;
}

.bv-banner-content p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 15px;
    margin-top: 15px;
    color: rgba(255,255,255,0.9);
    max-width: 600px;
}

/* second cart */

.bv-banner-content1 h2 {
    font-size: 35px;
    font-weight: 700;
    /* margin-bottom: 20px; */
    color: #011943;
    text-transform: uppercase;
}

.bv-banner-content1 p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #111;
    max-width: 600px;
}



.flex_utton {
    display: flex;
}

.flex_utton .btn {
    /* background: #c19146; */
    border: 1px solid #fff;
    color: #fff;
    padding: 14px 40px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
     position: relative;
    overflow: hidden;
    z-index: 1;
}
.flex_utton .btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #071839;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: left 0.3s ease;
    z-index: -1;
}
.flex_utton .btn:hover::before {
    left: 0;
}


.flex_utton .btn:hover {
    color: #fff;
}

.flex_utton_noback .btn {
    /* background: #071839; */
    border: 1px solid #ddd;
    color: #fff;
    padding: 14px 40px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.flex_utton_noback .btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #c19146;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: left 0.3s ease;
    z-index: -1;
}
.flex_utton_noback .btn:hover::before {
    left: 0;
}

.flex_utton_noback .btn:hover {
    color: #fff;
}
/* .flex_utton_noback i{
    padding-left: 10px;
} */

/* category one */
.flex_utton_noback2 .btn {
    /* background: red; */
    border: 2px solid #ddd;
    color: #fff;
    padding: 14px 40px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.flex_utton_noback2 .btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #c19146;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: left 0.3s ease;
    z-index: -1;
}
.flex_utton_noback2 .btn:hover::before {
    left: 0;
    color: #fff !important;
}
/* .flex_utton_noback2 .btn:hover {
    background: #c19146;
    color: #fff !important;
} */
.flex_utton_noback2 i{
    padding-left: 10px;
}

.flex_utton_noback1 .btn {
    /* background: red; */
    border: 2px solid #fff;
    color: #061939;
    padding: 14px 40px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.flex_utton_noback1 .btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #c19146;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: left 0.3s ease;
    z-index: -1;
}
.flex_utton_noback1 .btn:hover::before {
    left: 0;
    color: #fff !important;
}

.flex_utton_noback1 .btn:hover {
    color: #fff;
}
.flex_utton_noback1 i{
    padding-left: 10px;
}


/* about section start */

.about-section{
    padding:60px 0;
    background:#eeeeee;
}

.about-heading{
    max-width:850px;
    margin:auto;
    text-align:center;
}

.about-subtitle{
    display:inline-block;
    color:#061939;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
}

/* .about-heading h2{
    font-size:35px;
    color:#061939;
    margin-bottom:20px;
    font-weight:600;
    line-height:1.3;
    text-transform: uppercase;

} */

.about-heading p{
    color:#666;
    line-height:1.9;
    font-size:16px;
    margin-bottom:35px;
}

.about-btn{
    display:inline-block;
    background:#061939;
    color:#fff;
    padding:14px 34px;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
    font-weight:600;
}

.about-btn:hover{
    background:#061939;
}

.about-features{
    margin-top:40px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.feature-box{
    background:#fff;
    padding:35px 25px;
    text-align:center;
    border-radius:15px;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    border-top: 4px solid #c19146;
}

.feature-box:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
    /* border-top: 2px solid #c19146; */
}

.feature-box i{
    /* width:80px;
    height:80px;
    line-height:80px;
    border-radius:50%; */
    /* background:#021e46; */
    color:#c19146;
    font-size:30px;
    margin-bottom:20px;
}

.feature-box h4{
    font-size:18px;
    color:#061939;
    margin-bottom:12px;
    font-weight: 700;
}

.feature-box p{
    color:#666;
    line-height:1.7;
    font-size:15px;
}


/* section divisions */

.product-category-section{
    padding: 0px 0;
    /* background:#f8f8f8; */
}

.section-title{
    text-align:center;
    max-width:700px;
    margin:0 auto 30px;
    /* border-top: 1px solid #ddd;
    padding: 20px 0 0; */
}

/* .section-title span{
    color:#061939;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
} */

/* .section-title h2{
    font-size:42px;
    color:#061939;
    margin:15px 0;
    font-weight:700;
} */

.section-title p{
    color:#666;
    line-height:1.8;
}

.category-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    /* box-shadow:0 10px 30px rgba(0,0,0,.08); */
    transition:.4s;
}



.category-card img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
    background: #e1e1e1;
}

.category-content{
    padding:20px;
    text-align:center;
    background: #061939;
    position: relative;
}

.category-content h3{
    font-size:18px;
    color:#fff;
    margin-bottom:10px;
    font-weight: 500;
    text-transform: uppercase;
}

.category-content a{
    text-decoration:none;
    color:#fff;
    font-weight: 500;
    font-size: 15px;
}

.category-content a i{
    margin-left:6px;
    color: #c19146;
}

.product-slider .owl-stage{
    display:flex;
}

.product-slider .owl-item{
    padding:10px;
}

/* Navigation */

.product-slider .owl-nav{
    margin-top:40px;
    text-align:center;
}

.product-slider .owl-nav button{
    width: 35px;
    height:35px;
    border-radius:50%!important;
    background:#061939!important;
    color:#fff!important;
    font-size:15px!important;
    margin:0 8px;
    transition:.3s;
}

.product-slider .owl-nav button:hover{
    background:#061939!important;
}

.product-slider .owl-dots{
    /* margin-top:25px; */
    text-align:center;
}

.product-slider .owl-dot span{
    width:12px;
    height:12px;
    margin:5px;
}

.product-slider .owl-dot.active span{
    background:#061939!important;
}
.product-slider{
    position: relative;
}

.product-slider .owl-nav{
    margin:0;
}

.product-slider .owl-nav button{
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    width:35px;
    height:35px;
    border-radius:50% !important;
    background:#ffffff !important;
    color:#061939 !important;
    font-size:15px !important;
    border:1px solid #e5e5e5 !important;
    box-shadow:0 8px 25px rgba(0,0,0,.15);
    transition:.3s ease;
    display:flex !important;
    align-items:center;
    justify-content:center;
}

/* Previous Button */
.product-slider .owl-nav .owl-prev{
    left:-50px;
}

/* Next Button */
.product-slider .owl-nav .owl-next{
    right:-50px;
}

.product-slider .owl-nav button:hover{
    background:#061939 !important;
    color:#fff !important;
    border-color:#061939 !important;
    transform:translateY(-50%) scale(1.08);
}
.product-category-section_new{
     padding: 0 0 50px;
}


/* why choose us section */

.why-choose-section{
    padding:60px 0;
    background:#eeeeee;
}

.why-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.why-content{
    width:42%;
}

.section-subtitle{
    display:inline-block;
    color:#061939;
    font-size:15px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

/* .why-content h2{
    font-size:42px;
    color:#061939;
    line-height:1.3;
    margin-bottom:20px;
    font-weight:700;
} */

.why-content p{
    font-size:16px;
    color:#666;
    line-height:1.9;
    margin-bottom:35px;
}

.why-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 35px;
    background:#061939;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    transition:.3s;
    font-weight:600;
}

.why-btn:hover{
    background:#061939;
}

.why-boxes{
    width:58%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.why-box{
    background:#fff;
    padding:35px 30px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    border-top:4px solid transparent;
    border-top: 4px solid #c19146;
}

.why-box:hover{
    transform:translateY(-8px);
    border-color:#071839;
    box-shadow:0 18px 40px rgba(0,0,0,.15);
}

.why-box .icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#061939;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
}

.why-box .icon i{
    color:#fff;
    font-size:28px;
}

/* .why-box h4{
    font-size:24px;
    color:#061939;
    margin-bottom:15px;
} */

.why-box p{
    color:#666;
    line-height:1.8;
}
.active_border{
    border-color:#c19146;
}

/* manufacturing code */

.manufacturing-strength{
    padding:60px 0;
    /* background:#f8f9fc; */
}

.strength-heading{
    max-width:750px;
    margin:auto;
    text-align:center;
    margin-bottom:30px;
}

/* .strength-heading span{
    color:#061939;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:2px;
} */

/* .strength-heading h2{
    font-size:42px;
    color:#061939;
    margin:15px 0;
} */

.strength-heading p{
    color:#666;
    line-height:1.8;
}

.strength-wrapper{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

.strength-card{
    background:#fff;
    padding:40px 25px;
    border-radius:10px;
    position:relative;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border-top: 4px solid #c19146;
}

.strength-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.strength-card.active{
    background:#061939;
}

.strength-card.active h3,
.strength-card.active p,
.strength-card.active .number{
    color:#fff;
}

.number{
    font-size:55px;
    font-weight:700;
    color:#ececec;
    margin-bottom:20px;
}

.strength-icon{
    width:70px;
    height:70px;
    background:#061939;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    margin-bottom:20px;
}

.strength-card.active .strength-icon{
    background:#fff;
    color:#061939;
}

.strength-card h3{
    font-size:22px;
    color:#061939;
    margin-bottom:15px;
}

.strength-card p{
    color:#666;
    line-height:1.8;
}


/* dealer network */


.dealer-network{
    padding:60px 0;
    background:#061939;
    position:relative;
    overflow:hidden;
}

.dealer-content{
    max-width:760px;
    margin:auto;
    text-align:center;
    position:relative;
    z-index:2;
}

.dealer-subtitle{
    display:inline-block;
    color:#ffcc00;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
}

.dealer-content h2{
    color:#fff;
}

.dealer-content p{
    color:rgba(255,255,255,.85);
    line-height:1.9;
    font-size:16px;
    max-width:650px;
    margin:0 auto 20px;
}

.dealer-btn{
      display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #061939;
    color: #fff;
    text-decoration: none;
    padding: 15px 35px;
    border-radius: 5px;
    font-weight: 600;
    transition: .3s;
    margin-bottom: 20px;
    border: 1px solid #fff;
}

.dealer-btn:hover{
    background:#c19146;
    color:#fff;
}

/* Map */

.dealer-map{
    position:relative;
    text-align:center;
    margin:70px auto;
}

.dealer-map img{
    width:420px;
    max-width:100%;
    opacity:.18;
}

/* Pins */

.pin{
    position:absolute;
    width:14px;
    height:14px;
    background:#ffcc00;
    border-radius:50%;
    border:4px solid #fff;
    animation:pulse 2s infinite;
}

.pin1{top:18%; left:48%;}
.pin2{top:34%; left:58%;}
.pin3{top:50%; left:42%;}
.pin4{top:67%; left:55%;}
.pin5{top:78%; left:48%;}

@keyframes pulse{

0%{
transform:scale(1);
box-shadow:0 0 0 0 rgba(255,204,0,.7);
}

70%{
box-shadow:0 0 0 18px rgba(255,204,0,0);
}

100%{
transform:scale(1);
}

}

/* Counter */

.dealer-counter{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-top:20px;
}

.counter-box{

    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.15);
    padding:35px 20px;
    border-radius:10px;
    text-align:center;
    transition:.3s;
        border-top: 4px solid #c19146;

}

.counter-box:hover{

    background:#c19146;
    transform:translateY(-8px);

}

.counter-box h3{

    color:#fff;
    font-size:35px;
    margin-bottom:10px;
    font-weight: 600;

}
/*.counter-box.active_one {*/
/*    background: #c19146;*/
/*}*/

.counter-box p{

    color:#ddd;
    margin:0;
    font-size:16px;

}

/* project gallery section */

/*==========================
Latest Gallery
==========================*/

.latest-gallery{
    padding:60px 0;
    /* background:#f8fafc; */
}

/* .container{
    width:90%;
    max-width:1300px;
    margin:auto;
} */
.container
.gallery-heading{
    text-align:center;
    max-width:700px;
    margin:0 auto 10px;
}

/* .gallery-heading span{
    color:#0d6efd;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:14px;
} */

/* .gallery-heading h2{
    margin:15px 0;
    font-size:42px;
    color:#061939;
    font-weight:700;
} */

.gallery-heading p{
    color:#666;
    line-height:1.8;
    font-size:16px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(299px,1fr));
    gap:10px;
    margin-bottom: 30px;
}

.gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    cursor:pointer;
    /* box-shadow:0 15px 35px rgba(0,0,0,.08); */
}

.gallery-item img{
    width:100%;
    height:340px;
    object-fit:cover;
    display:block;
    transition:.6s ease;
}

.gallery-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(6,25,57,.95),
    rgba(6,25,57,.25),
    transparent);
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
    padding:30px;
    opacity:0;
    transition:.5s ease;
}

.gallery-overlay h3{
    color:#fff;
    font-size:22px;
    margin-bottom:5px;
    font-weight: 600;
    transform:translateY(30px);
    transition:.5s ease;
}

.gallery-overlay p{
    color:#fff;
    opacity:.85;
    transform:translateY(30px);
    transition:.6s ease;
}

.gallery-item:hover img{
    transform:scale(1.12);
}

.gallery-item:hover .gallery-overlay{
    opacity:1;
}

.gallery-item:hover h3,
.gallery-item:hover p{
    transform:translateY(0);
}

/* Floating Effect */

.gallery-item{
    transition:.4s ease;
}

.gallery-item:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 45px rgba(0,0,0,.18);
}

/* Responsive */

@media(max-width:991px){

.gallery-heading h2{
    font-size:34px;
}

.gallery-item img{
    height:280px;
}

}

@media(max-width:767px){

.latest-gallery{
    padding:50px 0;
}

.gallery-heading h2{
    font-size:28px;
}

.gallery-grid{
    gap:20px;
}

.gallery-item img{
    height:250px;
}

}




/* new gallery sectuon */

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:150px;
    gap:10px;
}

.gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    cursor:pointer;
    height: 150px;
}

.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

.gallery-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.1));
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:25px;
    color:#fff;
    opacity:0;
    transition:.4s;
}

.gallery-item:hover .gallery-overlay{
    opacity:1;
}

.gallery-overlay h3{
    margin:0;
    font-size:22px;
}

.gallery-overlay p{
    margin-top:5px;
    opacity:.9;
}

/* Different Sizes */
.gallery-item.large{
    grid-column:span 2;
    grid-row:span 2;
}

.gallery-item.wide{
    grid-column:span 2;
}

.gallery-item.tall{
    grid-row:span 2;
}

/* Responsive */
@media(max-width:992px){

.gallery-grid{
    grid-template-columns:repeat(2,1fr);
}

.gallery-item.large,
.gallery-item.wide,
.gallery-item.tall{
    grid-column:span 1;
    grid-row:span 1;
}

}

/* @media(max-width:576px){

.gallery-grid{
    grid-template-columns:1fr;
}

} */


/* testimnails section */

/*==============================
    Testimonial Section
===============================*/

.testimonial-section{
    padding:60px 0;
    background:#eeeeee;
}

.section-title{
    text-align:center;
    max-width:700px;
    margin:0 auto 30px;
}

/* .section-title span{
    color:#c59d5f;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:2px;
    font-size:15px;
} */

/* .section-title h2{
    font-size:42px;
    color:#061939;
    margin:15px 0;
} */

.section-title p{
    color:#777;
    line-height:28px;
}

/*==============================
    Testimonial Box
===============================*/

.testimonial-slider .testimonial-box{
    background:#fff;
    border-radius:10px;
    padding:48px;
    /* box-shadow:0 15px 35px rgba(0,0,0,.08); */
    transition:.4s;
    margin:8px;
    border: 1px solid #ddd;
    border-top: 4px solid #c19146;
    width: 550px;
    margin: auto;
    text-align: center;
}

.testimonial-slider .testimonial-box:hover{
    transform:translateY(-8px);
}

.testimonial-slider .quote{
    width:70px;
    height:70px;
    background:#c19146;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:15px;
    display: none;
}

.modify_om i{
    font-size: 30px;
    padding-right: 10px;
}

.testimonial-slider .testimonial-box p{
    color:#666;
    line-height:30px;
    margin-bottom:15px;
}

.testimonial-slider .stars{
    color:#c19146;
    margin-bottom:15px;
}

.testimonial-slider .client-info{
    display:flex;
    align-items:center;
    gap:15px;
    justify-content: center;
}

.testimonial-slider .client-info img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #eee;
}

.testimonial-slider .client-info h4{
    margin:0;
    color:#061939;
}

.testimonial-slider .client-info span{
    color:#777;
    font-size:15px;
}

/*==============================
    Owl Dots (Only Testimonial)
===============================*/

.testimonial-slider .owl-dots{
    text-align:center;
    margin-top:15px;
}

.testimonial-slider .owl-dot{
    display:inline-block;
}

.testimonial-slider .owl-dot span{
    width:12px;
    height:12px;
    background:#d0d0d0 !important;
    border-radius:50%;
    margin:5px;
    display:block;
    transition:.3s;
}

.testimonial-slider .owl-dot.active span{
    width:30px;
    border-radius:20px;
    background:#061939 !important;
}

/*==============================
    Hide Arrows Only Testimonial
===============================*/

/* Navigation Arrows */

.testimonial-slider .owl-nav{
    display:block !important;
}

.testimonial-slider .owl-prev,
.testimonial-slider .owl-next{
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    width:35px;
    height:35px;
    border-radius:50% !important;
    background:#061939 !important;
    color:#fff !important;
    font-size:15px !important;
    transition:.3s;
}

.testimonial-slider .owl-prev{
    left:0px;
}

.testimonial-slider .owl-next{
    right:0px;
}

.testimonial-slider .owl-prev:hover,
.testimonial-slider .owl-next:hover{
    background:#c59d5f !important;
}

.testimonial-slider .owl-nav button span{
    display:none;
}

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

@media(max-width:991px){

    .section-title h2{
        font-size:34px;
    }

}

@media(max-width:767px){

    .testimonial-section{
        padding:40px 0;
        /* display: none; */
    }

    .section-title h2{
        font-size:28px;
    }

    .testimonial-slider .testimonial-box{
        padding:25px;
        width: 100%;
        /* margin-top: 15px; */
    }
    .testimonial-slider .owl-nav{
        display: none !important;
    }

}


/* blogs section */


/*=========================
Latest News Section
=========================*/

.latest-news{
    padding:30px 0 30px;
    /* background:#f8f9fc; */
}

.news-grid{
    display: flex;
    gap: 10px;
    margin: 0 0 25px;
}

.news-card{

    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.4s;
    display: flex;
    padding: 10px;
    gap: 10px;

}
.news-content h6{
    font-size: 15px;
    font-weight: 600;
}
.flex_utton_about_back .btn{
    /* border: 1px solid #fff; */
    color: #011943;
    padding: 14px 14px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
    border: 2px solid #011943;
    margin: auto;
    display: block;
    max-width: 230px;
    transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.flex_utton_about_back .btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #c19146;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: left 0.3s ease;
    z-index: -1;
}
.flex_utton_about_back .btn:hover::before {
    left: 0;
    color: #fff !important;
}

.flex_utton_about_back .btn:hover{
    color: #fff;
}


.section-title_great{
        text-align: center;
    max-width: 700px;
    margin: 0 auto 0px;
    border-top: 1px solid #ddd;
    padding: 20px 0 0;
}
.news-card:hover{

    transform:translateY(-10px);

}

.news-image{

    position:relative;
    overflow:hidden;

}

.news-image img{

    width:100%;
    /* height:260px; */
    object-fit:cover;
    transition:.6s;
    max-width: 250px;

}

.news-card:hover img{

    transform:scale(1.08);

}

.news-date{

    position:absolute;
    top:20px;
    left:20px;
    width:70px;
    height:70px;
    background:#061939;
    color:#fff;
    border-radius:12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-weight:600;

}

.news-date strong{

    font-size:28px;
    line-height:1;

}

/* .news-content{

    padding:30px;

} */

.news-meta{

    display:flex;
    gap:20px;
    /*margin-bottom:18px;*/
    font-size:14px;
    color:#777;
}

.news-meta i{

    color:#c59d5f;
    margin-right:6px;

}

.news-content h3{

    font-size:24px;
    /*margin-bottom:15px;*/
    line-height:25px;

}

.news-content h3 a{

    color:#061939;
    text-decoration:none;
    transition: .3s;
    font-size: 20px;
    font-weight: 600;

}

.news-content h3 a:hover{

    color:#c59d5f;

}

.news-content p{

    color:#666;
    line-height:28px;
    margin-bottom:10px;

}

.read-more{

    display:inline-flex;
    align-items:center;
    gap:5px;
    text-decoration:none;
    color:#061939;
    font-weight:600;
    transition:.3s;
    font-size: 14px;

}

.read-more:hover{

    color:#c59d5f;

}

.read-more i{

    transition:.3s;

}

.read-more:hover i{

    transform:translateX(6px);

}

/* Responsive */

@media(max-width:991px){

.news-grid{

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

}

}

@media(max-width:767px){

.latest-news{

padding:1px 0;

}

.news-grid{

grid-template-columns:1fr;

}

/* .news-image img{

height:220px;

} */

/* .news-content{

padding:25px;

} */

.news-content h3{

font-size:20px;

}
.news-card{
    flex-direction: column;
}
.news-image img{
   max-width: fit-content;
}

}




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

.contact-section{
    padding:60px 0;
    background:#eeeeee;
}

/* .container{
    width:90%;
    max-width:1320px;
    margin:auto;
} */

.section-heading{
    text-align:center;
    max-width:700px;
    margin:0 auto 30px;
}

/* .section-heading span{
    color:#c59d5f;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:15px;
    font-weight:600;
} */

/* .section-heading h2{
    font-size:42px;
    color:#061939;
    margin:15px 0;
} */

.section-heading p{
    color:#666;
    line-height:30px;
}

/*========================*/

.contact-wrapper{

    display:grid;
    grid-template-columns:420px 1fr;
    gap:25px;

}

.contact-info{

    background:#061939;
    color:#fff;
    border-radius:10px;
    padding:45px;

}

.contact-info h3{

    font-size:30px;
    margin-bottom:15px;

}

.contact-info>p{

    line-height:30px;
    opacity:.9;
    margin-bottom:35px;

}

.contact-item{

    display:flex;
    gap:18px;
    margin-bottom:30px;

}

.contact-item .icon{

    width:60px;
    height:60px;
    background:#c59d5f;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
    color: #fff;
}

.contact-item h4{

    margin-bottom:8px;

}

.contact-item span{

    color:#ddd;
    line-height:26px;

}


.contact-item h4{
    color: #fff;
}
/*========================*/

.contact-form{

    background:#fff;
    padding:45px;
    border-radius:10px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.form-row{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-bottom:20px;

}

.contact-form input,
.contact-form textarea{

    width:100%;
    border:1px solid #ddd;
    border-radius:10px;
    padding:16px 18px;
    font-size:16px;
    outline:none;
    transition:.3s;

}

.contact-form input:focus,
.contact-form textarea:focus{

    border-color:#061939;

}

.contact-form textarea{

    height:170px;
    resize:none;
    margin-bottom:25px;

}

.contact-form button{

    background:#061939;
    color:#fff;
    border:none;
    padding:16px 35px;
    border-radius:50px;
    cursor:pointer;
    font-size:16px;
    transition:.3s;

}

.contact-form button:hover{

    background:#c59d5f;

}

.contact-form button i{

    margin-left:10px;

}

/*========================*/

@media(max-width:992px){

.contact-wrapper{

    grid-template-columns:1fr;

}

}

@media(max-width:768px){

.contact-section{

    padding:70px 0;

}

.section-heading h2{

    font-size:30px;

}

.form-row{

    grid-template-columns:1fr;

}

.contact-form,
.contact-info{

    padding:30px;

}

}



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

.footer{

    background:#021f46;
    color:#fff;
    /* border-top: 10px solid #c59d5f; */
    /* margin-top:80px; */

}
.mobile_footer{
    display: none;
}
.desktop_view{
    display: block;
}

.footer-top{

    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.3fr 2fr;
    gap:25px;
    padding:60px 0;

}

.footer-logo img{

    /* max-width:180px; */
    margin-bottom:25px;
    /* background-color: #fff; */
    /* padding: 10px; */
    width: 100%;

}

.footer-widget p{

    color:#cfd7e2;
    line-height:30px;
    margin-bottom:30px;

}

.footer-widget h3{

    /* font-size:20px; */
    margin-bottom:30px;
    position:relative;
    font-weight: 600;
    text-transform: uppercase;

}

.footer-widget h3::after{

    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:50px;
    height:3px;
    background:#c59d5f;

}

.footer-widget ul{

    list-style:none;
    padding:0;
    margin:0;

}

.footer-widget ul li{

    margin-bottom:10px;

}

.footer-widget ul li a{

    color:#cfd7e2;
    text-decoration:none;
    transition:.3s;

}

.footer-widget ul li a:hover{

    color:#c59d5f;
    padding-left:8px;

}
.footer-widget ul li a::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #c19146;
    font-size: 10px;
}

/* Contact */

.footer-contact li{

    display:flex;
    align-items:flex-start;
    gap:15px;
    color:#cfd7e2;
    line-height:28px;

}

.footer-contact i{

    color:#c59d5f;
    font-size:18px;
    margin-top:5px;

}

/* Social */

.footer-social{

    display:flex;
    gap:12px;

}

.footer-social a{

    width:45px;
    height:45px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    transition:.3s;
    text-decoration:none;

}

.footer-social a:hover{

    background:#c59d5f;
    border-color:#c59d5f;
    transform:translateY(-5px);

}

/* Bottom */

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);
    padding:22px 0;

}

.footer-bottom-wrapper{

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

}

.footer-bottom p{

    margin:0;
    color:#cfd7e2;

}

.footer-links{

    display:flex;
    gap:25px;

}

.footer-links a{

    color:#cfd7e2;
    text-decoration:none;
    transition:.3s;

}

.footer-links a:hover{

    color:#c59d5f;

}

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

@media(max-width:991px){

.footer-top{

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

}

.footer-bottom-wrapper{

    flex-direction:column;
    text-align:center;

}

}

@media(max-width:767px){

.footer-top{

    grid-template-columns:1fr;
    gap:0px;
    padding:30px 0;

}

.footer-links{

    flex-direction:column;
    gap:10px;

}

.footer-social{

    justify-content:center;
    


}

}



/* top to header code */

html {
    scroll-behavior: smooth;
}

.back-to-top {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    background: #fff; /* Change color as needed */
    color: #061939;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 18px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 9999;
}

.back-to-top:hover {
    background: #f47c20; /* Hover Color */
    transform: translateY(-3px);
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.floating-whatsapp {
    position: fixed;
    right: 25px;
    bottom: 85px;
    width: 50px;
    height: 50px;
    background: #25D366;
    color: #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 28px;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.45);
    z-index: 9998;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.floating-whatsapp::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #25D366;
    animation: waPulse 2s infinite;
    z-index: -1;
    opacity: 0.7;
}

.floating-whatsapp:hover {
    background: #20ba5a;
    color: #ffffff !important;
    transform: scale(1.1) translateY(-3px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
}

.floating-whatsapp i {
    color: #ffffff !important;
    line-height: 1;
}

@keyframes waPulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    70% {
        transform: scale(1.35);
        opacity: 0;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
.counter-box i{
    font-size:25px;
    color:#c19146;
    /* margin-bottom:15px; */
    display:block;
    margin: auto;

    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.politech_industries{
    padding: 0 0 50px;
}


/*=============================
    INNER PAGE BANNER
==============================*/

.inner-banner{
    position:relative;
    width:100%;
    height:509px;
    overflow:hidden;
    display:flex;
    align-items:center;
    padding: 50px 0;
}
.polytech_industries_page p{
    padding: 15px 0 0;
}
.polytech_industries_page p{
    padding: 15px 0 0;
}

.banner-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgb(0 0 0 / 85%) 35%, rgb(0 0 0 / 43%) 70%, rgba(0, 0, 0, 0.15) 100%);
}

.inner-banner .container{
    position:relative;
    z-index:2;
}

.banner-content-inner{
    max-width:700px;
    color:#fff;
    padding: 50px 0;
}

/* .banner-content h1{
    font-size:52px;
    font-weight:700;
    margin:15px 0;
    line-height:1.2;
} */

.banner-content-inner p{
    font-size:17px;
    line-height:1.8;
    color:rgba(255,255,255,.90);
    margin-bottom: 15px;
}

.breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    font-size:15px;
    margin-bottom:12px;
}

.breadcrumb a{
    color:#ffffff;
    text-decoration:none;
    transition:.3s;
}

.breadcrumb a:hover{
    color:#ffb400;
}

.breadcrumb span{
    color:#d9d9d9;
}

.breadcrumb .active{
    color:#ffb400;
    font-weight:600;
}


/* about page section */

.about-page-section{
    padding:60px 0px 60px;
    /* background:#eeeeee; */
}

.about-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    /*align-items:center;*/
    gap:25px;
}

.section-subtitle{
    color:#d62828;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}



.about-content p{
    color:#666;
    line-height:25px;
    margin-bottom:20px;
}

/* .about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
} */

.feature-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:500;
    color:#222;
}

.feature-item i{
    color:#c19146;
}

.about-btn{
    display:inline-block;
    padding:15px 35px;
    background:#061939;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    transition:.3s;
}

.about-btn:hover{
    background:#d62828;
}

.about-image{
    position:relative;
}

.about-image img{
    width:100%;
    border-radius:10px;
    display:block;
}

.experience-box{
    position:absolute;
    bottom:30px;
    left:-30px;
    background:#d62828;
    color:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.experience-box h3{
    font-size:40px;
    margin-bottom:5px;
}

/* .experience-box span{
    font-size:16px;
} */

.vx-counter-zone{
    padding:50px 0 0;
    /* background:#f5f5f5; */
}

.vx-counter-grid{
    max-width:1320px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    padding: 10px 0;
}

.vx-counter-card{
    background:#fff;
    text-align:center;
    padding:38px 20px;
    border-radius:10px;
    position:relative;
    overflow:hidden;
    /* box-shadow:0 12px 35px rgba(0,0,0,.08); */
    transition:.35s;
    border-top:4px solid #d59b3b !important;
    border: 1px solid #ddd;
}

.vx-counter-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}
.vx-count{
    color: #082554;
}
.vx-counter-icon{
    width:70px;
    height:70px;
    background:#082554;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 10px;
    transition:.35s;
}

/* .vx-counter-card:hover .vx-counter-icon{
    transform:rotateY(180deg);
} */

.vx-counter-icon i{
    color:#fff;
    font-size:25px;
}

.vx-counter-card h3{
    font-size:35px;
    color:#082554;
    font-weight:700;
    /* margin-bottom:10px; */
}

.vx-counter-card p{
    font-size:19px;
    color:#082554;
    font-weight:600;
    margin:0;
}




/*=========================
 Vision & Mission
==========================*/

.vision-mission-section{
    padding:60px 0;
    background:#061939;
}

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

/* .section-heading span{
    display:block;
    color:#d62828;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:10px;
} */

.section-heading h2{
    font-size:42px;
    color:#061939;
    margin:0;
}

.vision-mission-wrapper{
    display:grid;
    grid-template-columns:1fr 1px 1fr;
    gap:25px;
    align-items:start;
}

.divider{
    background:#d9d9d9;
    width:1px;
    height:100%;
}

.vision-box h3,
.mission-box h3{
    font-size:32px;
    color:#fff;
    margin-bottom:20px;
    position:relative;
    padding-bottom:12px;
}

.vision-box h3::after,
.mission-box h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:70px;
    height:3px;
    background:#c59d5f;
}

.vision-box p,
.mission-box p{
    color:#fff;
    line-height:1.9;
    font-size:16px;
    margin:0;
}


/*=========================
 Leadership Team
==========================*/

.team-section{
    padding:60px 0;
    background:#f8f9fc;
}

.section-title{
    max-width:700px;
    margin:0 auto 0px;
    text-align:center;
}

/* .section-title span{
    color:#c59d5f;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
} */

/* .section-title h2{
    font-size:40px;
    color:#061939;
    margin:12px 0;
} */

.section-title p{
    color:#666;
    line-height:28px;
}

.team-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    /* box-shadow:0 10px 30px rgba(0,0,0,.08); */
    transition:.4s;
    /* margin:10px; */
}

.team-card:hover{
    transform:translateY(-8px);
}

.team-image{
    overflow:hidden;
}

.team-image img{
    width:100%;
    height:200px;
    object-fit:cover;
    transition:.5s;
    display:block;
}

.team-card:hover img{
    transform:scale(1.08);
}

.team-content{
    padding:15px 5px;
    text-align:center;
    background-color: #061939;
}
.team-content p{
    font-size: 13px !important;
}

.team-content h3{
    color:#fff;
    font-size: 15px !important;
    /* font-size:24px;
    margin-bottom:8px; */
}

.team-content p{
    color: #fff;;
    font-weight:600;
    margin:0;
    font-size: 14px;
}

/* Owl Navigation */

.team-slider .owl-nav{
    margin-top:40px;
    text-align:center;
}

.team-slider .owl-nav button{
    width:45px;
    height:45px;
    border-radius:50% !important;
    background:#061939 !important;
    color:#fff !important;
    font-size:20px !important;
    margin:0 8px;
    transition:.3s;
}

.team-slider .owl-nav button:hover{
    background:#c59d5f !important;
}

/* .team-slider .owl-dots{
    margin-top:20px;
    text-align:center;
} */

.team-slider .owl-dot span{
    width:12px;
    height:12px;
}

.team-slider .owl-dot.active span{
    background:#c59d5f !important;
}



.team-slider{
    position: relative;
}

.team-slider .owl-nav{
    margin: 0;
}

.team-slider .owl-nav .owl-prev,
.team-slider .owl-nav .owl-next{
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border-radius: 50% !important;
    background: #061939 !important;
    color: #fff !important;
    font-size: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.team-slider .owl-nav .owl-prev{
    left: -10px;
}

.team-slider .owl-nav .owl-next{
    right: -10px;
}

.team-slider .owl-nav .owl-prev:hover,
.team-slider .owl-nav .owl-next:hover{
    background: #c59d5f  !important;
}


/* our journy section start */

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

/* .section-heading{
    text-align:center;
    max-width:720px;
    margin:0 auto 70px;
} */

/* .section-heading span{
    color:#c59d5f;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
} */

/* .section-heading h2{
    font-size:42px;
    color:#061939;
    margin:15px 0;
} */

.section-heading p{
    color:#666;
    line-height:30px;
}

.journey-timeline{
    position:relative;
    max-width:950px;
    margin:auto;
}

.journey-timeline::before{
    content:"";
    position:absolute;
    left:120px;
    top:0;
    width:3px;
    height:100%;
    background:#c59d5f;
}

.timeline-item{
    display:flex;
    align-items:flex-start;
    margin-bottom:30px;
    position:relative;
}

.timeline-year{
    width:120px;
    text-align:center;
    position:relative;
    z-index:2;
}

.timeline-year span{
    width:80px;
    height:80px;
    background:#061939;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:20px;
    font-weight:700;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

.timeline-content{
    width:calc(100% - 120px);
    margin-left:50px;
    background:#fff;
    padding:30px;
    border-radius:10px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    border-top: 4px solid #c59d5f;
}

.timeline-content:hover{
    transform:translateY(-6px);
}

/* .timeline-content h3{
    color:#061939;
    font-size:24px;
    margin-bottom:12px;
} */

.timeline-content p{
    color:#666;
    line-height:28px;
}


/* quality section */
.quality-policy{
    padding:60px 0;
    background:#f8f9fc;
}

.quality-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #011943;
    border-radius: 10px;
}

.quality-content{
    width:55%;
    /* padding: 10px; */
}
.content_one {
    padding: 15px;
}
.content_one h2{
    color: #fff;
}
.quality-subtitle{
    display:inline-block;
    color:#c59d5f;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:15px;
}



.quality-content p{
    color:#fff;
    line-height:30px;
    margin-bottom:20px;
}

.quality-list{
    list-style:none;
    margin:30px 0 0;
    padding:0;
}

.quality-list li{
    position:relative;
    padding-left:35px;
    margin-bottom:18px;
    color:#fff;
    font-weight:500;
}

.quality-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#c59d5f;
    color:#fff;
    font-size:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.quality-image{
    width:45%;
    position:relative;
}

.quality-image img{
    width:100%;
    border-radius:10px;
    display:block;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.quality-badge{
    position:absolute;
    left:-15px;
    bottom: 37px;
    width:180px;
    background:#c59d5f;
    color:#fff;
    padding:25px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.quality-badge h3{
    font-size:42px;
    margin-bottom:8px;
}

.quality-badge span{
    font-size:15px;
    color:#ddd;
}


/* infrasture and .manufacturing-strength */

.manufacturing-section{
    padding:60px 0;
    /* background:#061939; */
    position:relative;
    overflow:hidden;
    margin-top: 60px;
    background-image: url(../images/innerbanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.manufacturing-section::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top: 0;
    right: 0;
    background: #011943bd;
    /* border-radius:50%; */
    /* top:-180px;
    right:-150px; */
}

.manufacturing-section::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(216,35,42,.08);
    border-radius:50%;
    bottom:-100px;
    left:-100px;
}

.manufacturing-heading{
    max-width:760px;
    margin:auto;
    text-align:center;
    margin-bottom:10px;
    position:relative;
    z-index:2;
}

/*.manufacturing-heading span{*/
/*    color:#ff5252;*/
/*    font-weight:600;*/
/*    text-transform:uppercase;*/
/*    letter-spacing:2px;*/
/*}*/

.manufacturing-heading h2{
    color:#fff;
    /* font-size:46px;
    margin:18px 0;
    line-height:1.3; */
}

.manufacturing-heading p{
    color:#cfd6e2;
    line-height:30px;
}

.manufacturing-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:15px;
    position:relative;
    z-index:2;
}

.manufacturing-card{
    background: #071839d4;
    padding: 30px 15px;
    border-radius: 10px;
    transition: .4s;
    position: relative;
    border-top: 4px solid #c59d5f;
    text-align: center;
}

.manufacturing-card:hover{
    transform:translateY(-12px);
}

/* .manufacturing-card.active{
    background:#c59d5f;
} */

/* .manufacturing-card.active h3,
.manufacturing-card.active p,
.manufacturing-card.active .icon{
    color:#fff;
} */
 .manufacturing-card:hover{
    background-color: #c59d5f;
 }
 .manufacturing-card:hover .icon {
    color: #fff;
}

.icon{
    font-size:42px;
    color:#c59d5f;
    margin-bottom:15px;
}

/* .manufacturing-card h3{
    color:#061939;
    font-size:24px;
    margin-bottom:15px;
} */

.manufacturing-card p{
    color:#fff;
    line-height:28px;
    margin:0;
}
.manufacturing-card h3{
    font-weight: 600;
    color: #fff;
}

/* certification code */

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

/* .section-title{
    max-width:750px;
    margin:0 auto 60px;
    text-align:center;
} */

/* .section-title span{
    color:#c59d5f;
    text-transform:uppercase;
    font-size:15px;
    font-weight:600;
    letter-spacing:1px;
} */

/* .section-title h2{
    font-size:42px;
    color:#061939;
    margin:15px 0;
} */

.section-title p{
    color:#666;
    line-height:30px;
}

.certification-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}

/* .certificate-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.4s;
} */

.certificate-card:hover{
    transform:translateY(-10px);
}

.certificate-img{
    /* padding:25px; */
    background:#ffffff;
    border-bottom:1px solid #eee;
}

.certificate-img img{
    width:100%;
    display:block;
    border:1px solid #ddd;
    /* height: 400px; */
}

.certificate-content{
    padding:20px 0;
    text-align: center;
}

/* .certificate-content h3{
    color:#061939;
    margin-bottom:15px;
    font-size:24px;
} */

.certificate-content p{
    color:#666;
    line-height:28px;
    /* margin-bottom:25px; */
}

.certificate-btn{
    display:inline-block;
    padding:12px 26px;
    background:#061939;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    transition:.3s;
}

.certificate-btn:hover{
    background:#c59d5f;
}

@media(max-width:991px){

.certification-grid{
    grid-template-columns:repeat(2,1fr);
}

.section-title h2{
    font-size:34px;
}

}

@media(max-width:767px){

.certification-grid{
    grid-template-columns:1fr;
}

.section-title h2{
    font-size:28px;
}

}

/* award */

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



.section-heading p{
    color:#666;
    line-height:30px;
}

.award-wrapper{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
    position:relative;
    margin-bottom: 20px;
}

/* .award-wrapper::before{
    content:"";
    position:absolute;
    top:45px;
    left:8%;
    width:84%;
    height:3px;
    background:#c59d5f;
} */

.award-card{
    background:#fff;
    text-align:center;
    position:relative;
    z-index:2;
    padding:60px 25px 35px;
    border-radius:10px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.4s;
}

.award-card:hover{
    transform:translateY(-12px);
}

.award-year{
    position:absolute;
    top:-18px;
    left:50%;
    transform:translateX(-50%);
    background:#061939;
    color:#fff;
    padding:10px 22px;
    border-radius:30px;
    font-weight:600;
}

.award-icon{
    width:90px;
    height:90px;
    background:#f5f7fa;
    border:2px solid #c59d5f;
    border-radius:50%;
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    color:#c59d5f;
    transition:.4s;
}

.award-card:hover .award-icon{
    background:#c59d5f;
    color:#fff;
}



.award-card p{
    color:#666;
    line-height:28px;
    margin:0;
}

@media(max-width:991px){


.award-wrapper::before{
    display:none;
}

.section-heading h2{
    font-size:34px;
}

}

@media(max-width:767px){

.award-wrapper{
    grid-template-columns:repeat(2,1fr);
}

.section-heading h2{
    font-size:28px;
}

}


/* start code for products category */

.pvcat_section_main{
    padding:60px 0;
    background:#eeeeee;
}

.pvcat_heading_area{
    /* max-width:700px; */
    margin:auto;
    text-align:center;
    margin-bottom:20px;
}

.pvcat_subtitle{
    display:inline-block;
    color:#061939;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;
}

/* .pvcat_heading_area h2{
    font-size:42px;
    color:#061939;
    margin-bottom:15px;
    font-weight:700;
} */

.pvcat_heading_area p{
    color:#666;
    line-height:1.8;
}

.pvcat_grid_wrapper{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.pvcat_card_box{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    transition:.4s;
    /* box-shadow:0 10px 35px rgba(0,0,0,.08); */
}

.pvcat_card_box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.pvcat_image{
    overflow:hidden;
    /* height:240px; */
}

.pvcat_image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.pvcat_card_box:hover .pvcat_image img{
    transform:scale(1.08);
}

.pvcat_content{
    padding:15px;
}

.pvcat_content h3{
    color:#061939;
    /* font-size:24px; */
    margin-bottom:15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.pvcat_content p{
    color:#666;
    line-height:1.8;
    margin-bottom:25px;
}

.pvcat_btn_link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#061939;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.pvcat_btn_link::after{
    content:"→";
    transition:.3s;
}

.pvcat_btn_link:hover{
    color:#061939;
}

.pvcat_btn_link:hover::after{
    transform:translateX(6px);
}

.cat_button{
        width: 100%;
    background-color: #061939;
    border-radius: 10px;
    padding: 6px;
    text-align: center;
    border: none;
    color: #fff;
}

/* trused section start */

.trustbar_sec{
    background:#061939;
    padding:18px 0;
    border-bottom: 1px solid #fff;
}

.trustbar_wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    flex-wrap:wrap;
}

.trustbar_item{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    font-size:17px;
    font-weight:500;
    position:relative;
}

.trustbar_item i{
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#c59d5f;
    font-size:18px;
    transition:.3s;
    background-color: #fff;
}

/* .trustbar_item:hover i{
    background:#061939;
    border-color:#061939;
    transform:rotate(10deg);
} */

.trustbar_item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:-18px;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:28px;
    background:rgba(255,255,255,.15);
}
.trustbar_item span{
    color: #fff;
}


/* product category page code */

.prdflt_section{
    padding:80px 0;
    background: #eeeeee;
}

.prdflt_wrapper{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:25px;
     align-items: start;
}

.prdflt_sidebar{
    background:#fff;
    border:1px solid #ececec;
    border-radius:10px;
    padding:15px;
    height:max-content;
    position:sticky;
    top:100px;
}

.prdflt_sidebar h3{
       /* margin-bottom: 20px; */
    color: #061939;
    text-align: center;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 600;;
}

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

.prdflt_sidebar li{
    padding:14px 18px;
    /* margin-bottom:10px; */
    cursor:pointer;
    /* border-radius:10px; */
    transition:.3s;
    font-weight:500;
        border-bottom: 1px solid #1111;
}

.prdflt_sidebar li:hover,
.prdflt_sidebar li.active{
    background:#061939;
    color:#fff;
    /* border-top: 2px solid #fff; */
}

.prdflt_products{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.prdflt_card{
    background:#fff;
    color: inherit;
    display: block;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.35s;
    /* height: auto !important; */
}

.prdflt_card img{
    width:100%;
    height:auto;
    object-fit:cover;
}

.prdflt_card h3{
        padding: 15px;
    text-align: center;
    color: #061939;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
}

.prdflt_card:hover{
    transform:translateY(-8px);
}

.prdflt_hide{
    display:none;
}

@media(max-width:991px){

.prdflt_wrapper{
    grid-template-columns:1fr;
}

.prdflt_products{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.prdflt_products{
    grid-template-columns:1fr;
}

}
.prdflt_card a{
    text-decoration: none;
}


/* Hide mobile filter on desktop */

.prdflt_mobile_filter{
    display:none;
    margin-bottom:30px;
}

.prdflt_mobile_filter select{
    width:100%;
    height:52px;
    padding:0 18px;
    border:1px solid #dcdcdc;
    border-radius:8px;
    font-size:16px;
    outline:none;
    background:#fff;
    color:#061939;
    cursor:pointer;
}

/* Mobile */

@media(max-width:991px){

.prdflt_sidebar{
    display:none;
}

.prdflt_mobile_filter{
    display:block;
}

.prdflt_wrapper{
    display:block;
}

.prdflt_products{
    margin-top:20px;
}

}


.blog_download {
    margin-top: 20px;
}
.dealer-btn_new{
      display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #061939;
    color: #fff;
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: 600;
    transition: .3s;
    margin-bottom: 20px;
    border: 1px solid #fff;
    width: 100%;
    justify-content: center;
}

/* single product page */

/* Section Layout */
        .pdp-main-section {
            padding: 60px 0;
            background: #fff;
        }

        /* Row and Columns */
        .pdp-grid-row {
            display: flex;
            flex-wrap: wrap;
            /* margin-right: -15px;
            margin-left: -15px; */
            /* padding: 50px 0; */

        }

        .pdp-col-12 {
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0 15px;
        }

        /* .pdp-col-6 {
            flex: 0 0 50%;
            max-width: 50%;
            padding: 0 15px;
        } */

        /* Navigation / Breadcrumb */
        .pdp-navigation {
            font-size: 13px;
            color: #fff;
            /* margin-bottom: 25px; */
        }
        .pdp-navigation span {
            margin: 0 5px;
            color: #fff;
        }
        .breadcrumb_product {
    background: #061939;
    color: #fff;
    padding: 20px 0;
}

        /* Left Side: Images & Hover Zoom Box */
        .pdp-media-block {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .pdp-hero-view {
            width: 100%;
            /* max-width: 350px; */
            height: 400px;
            overflow: hidden; 
            border: 1px solid #eee;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
        }

        .pdp-hero-view img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            transition: transform 0.3s ease;
            cursor: zoom-in;
        }

        /* Hover Zoom Strength */
        .pdp-hero-view:hover img {
            transform: scale(1.5);
        }

        /* Thumbnails Strip */
        .pdp-gallery-strip {
            display: flex;
            gap: 15px;
            margin-top: 20px;
            justify-content: center;
        }

        .pdp-thumb-item {
            width: 60px;
            height: 60px;
            border: 1px solid #ddd;
            padding: 5px;
            cursor: pointer;
            object-fit: contain;
            transition: border-color 0.2s;
        }

        .pdp-thumb-item:hover, .pdp-thumb-item.is-selected {
            border-color: #0b1d33;
        }

        /* Right Side: Info Content */
        /* .pdp-content-block {
            padding-left: 20px;
        } */

        /* .pdp-item-heading {
            font-size: 28px;
            font-weight: bold;
            color: #0b1d33;
            text-transform: uppercase;
            margin-bottom: 5px;
        } */

        .pdp-item-sku {
            font-size: 14px;
            color: #666;
            margin-bottom: 20px;
        }

        .pdp-bullets {
            list-style: none;
            margin-bottom: 30px;
            padding: 0;
        }

        .pdp-bullets li {
            font-size: 15px;
            margin-bottom: 8px;
            position: relative;
            padding-left: 15px;
        }

        .pdp-bullets li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #333;
        }

        /* Action Buttons */
        .pdp-action-area {
            display: flex;
            gap: 15px;
        }

        .pdp-action-btn {
            padding: 12px 25px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            border: 2px solid #0b1d33;
            transition: all 0.3s ease;
        }

        .pdp-btn-secondary {
            background: transparent;
            color: #0b1d33;
        }

        .pdp-btn-secondary:hover {
            background: #0b1d33;
            color: #fff !important;
        }

        .pdp-btn-primary {
            background: #0b1d33;
            color: #fff;
        }

        .pdp-btn-primary:hover {
            background: #143257;
            border-color: #143257;
            color: #fff !important;
        }

        /* --- Tabs Area --- */
        .pdp-info-tabs {
            /* margin-top: 40px; */
            border-top: 1px solid #ddd;
            /* padding-top: 20px; */
            margin-top: 40px;
        }

        .pdp-tabs-nav {
            display: flex;
            gap: 50px;
            border-bottom: 2px solid #eee;
            margin-bottom: 20px;
        }

        .pdp-nav-trigger {
            background: none;
            border: none;
            padding: 10px 0;
            font-size: 16px;
            font-weight: bold;
            color: #888;
            cursor: pointer;
            position: relative;
        }

        .pdp-nav-trigger.is-active {
            color: #0b1d33;
        }

        .pdp-nav-trigger.is-active::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #0b1d33;
        }

        .pdp-pane-content {
            display: none;
            font-size: 15px;
            line-height: 1.6;
            color: #555;
        }

        .pdp-pane-content.is-active {
            display: block;
        }

        .pdp-data-table {
            width: 100%;
            max-width: 500px;
            border-collapse: collapse;
        }

        .pdp-data-table td {
            padding: 8px 0;
        }

        .pdp-data-table td:first-child {
            font-weight: bold;
            width: 150px;
            color: #333;
        }

        /* Mobile Responsiveness */
        @media (max-width: 768px) {
            .pdp-col-6 {
                       padding: 40px 0 0;
            }
            .pdp-content-block {
                padding-left: 0;
                margin-top: 30px;
            }
            .pdp-action-area {
                flex-direction: column;
            }
        }

/* become a partner section code */

.partner_form_section{
    padding:60px 0;
    /* background:#f8fafc; */
}

/* .partner_form_container{
    width:90%;
    max-width:1200px;
    margin:auto;
} */

.partner_form_heading{
    text-align:center;
    margin-bottom:45px;
}

/* .partner_form_heading span{
    color:#0c63e7;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
} */

/* .partner_form_heading h2{
    font-size:40px;
    margin:12px 0;
    color:#061939;
} */

.partner_form_heading p{
    max-width:720px;
    margin:auto;
    color:#666;
    line-height:28px;
}

.partner_form{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;

    

}

.partner_form_group,
.partner_full_width{
    display:flex;
    flex-direction:column;
}

.partner_full_width{
    grid-column:1/-1;
}

.partner_form label,
.partner_full_width label{

    font-weight:600;
    /* margin-bottom:10px; */
    color:#061939;

}

.partner_form label span,
.partner_full_width label span{
    color:#061939;
}

.partner_form input,
.partner_form select,
.partner_form textarea{

    width:100%;
    padding:8px 10px;
    border:1px solid #d9d9d9;
    border-radius:10px;
    font-size:15px;
    transition:.3s;
    outline:none;
    background:#fff;

}

.partner_form textarea{
    resize:vertical;
}

.partner_form input:focus,
.partner_form select:focus,
.partner_form textarea:focus{

    border-color:#061939;
    box-shadow:0 0 0 4px rgba(6,25,57,.08);

}

.partner_radio_wrap{

    display:flex;
    gap:40px;
    flex-wrap:wrap;
    margin-top:10px;

}

.partner_radio{

    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    font-weight:500;

}

.partner_radio input{

    width:18px;
    height:18px;
    accent-color:#061939;

}

.partner_checkbox label{

    display:flex;
    align-items:flex-start;
    gap:12px;
    font-weight:400;
    line-height:28px;

}

.partner_checkbox input{

    width:20px;
    height:20px;
    margin-top:3px;
    accent-color:#061939;

}

.partner_form button{

    background:#061939;
    color:#fff;
    border:none;
    padding:17px 40px;
    font-size:16px;
    font-weight:600;
    border-radius:10px;
    cursor:pointer;
    transition:.35s;
    display:inline-block;

}

.partner_form button:hover{

    background:#c59d5f;
    transform:translateY(-3px);

}

@media(max-width:768px){

.partner_form{

    grid-template-columns:1fr;
    /* padding:30px 20px; */

}

.partner_radio_wrap{

    flex-direction:column;
    gap:15px;

}

.partner_form_heading h2{

    font-size:30px;

}

}


/* marketing support section */

.marketing_support_sec{
    padding:60px 0;
    background:#fff;
}

.marketing_support_container{
    
   
    
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
    align-items:center;
}

.marketing_subtitle{
    display:inline-block;
    color:#0b63e5;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:15px;
}

/* .marketing_support_content h2{
    font-size:40px;
    color:#061939;
    margin-bottom:20px;
    line-height:1.3;
} */

.marketing_support_content p{
    color:#666;
    line-height:30px;
    margin-bottom:20px;
}

.marketing_support_list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px 10px;
    margin-bottom:20px;
}

.marketing_item{
    display:flex;
    align-items:center;
    gap:12px;
    color:#061939;
    font-weight:500;
}

.marketing_item i{
    color:#c59d5f;
    font-size:18px;
}
.marketing_item span{
    color: #061939;
}

.marketing_btn{
    display:inline-block;
    background:#061939;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:6px;
    font-weight:600;
    transition:.3s;
}

.marketing_btn:hover{
    background:#0b63e5;
}

.marketing_support_image img{
    width:100%;
    border-radius:12px;
    display:block;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

@media(max-width:991px){

.marketing_support_container{
    grid-template-columns:1fr;
}

.marketing_support_image{
    order:-1;
}

}

@media(max-width:768px){

.marketing_support_sec{
    padding:70px 0;
}

.marketing_support_content h2{
    font-size:30px;
}

.marketing_support_list{
    grid-template-columns:1fr;
}

}



/* resourses page */

.dealer_resources_sec{
    padding:60px 0;
    background:#f8fafc;
}

/* .dealer_resources_container{
    width:90%;
    max-width:1200px;
    margin:auto;
} */

.dealer_resources_heading{
    text-align:center;
    margin-bottom:55px;
}

.dealer_resources_heading span{
    color:#0b63e5;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.dealer_resources_heading h2{
    font-size:40px;
    color:#061939;
    margin:12px 0;
}

.dealer_resources_heading p{
    max-width:720px;
    margin:auto;
    color:#666;
    line-height:28px;
}

.dealer_resources_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.dealer_resource_card{
    background:#fff;
    padding:30px 30px;
    border-radius:10px;
    transition:.35s;
    border:1px solid #e6e6e6;
    text-align: center;
    border-top: 4px solid #c59d5f;
}

.dealer_resource_card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.dealer_resource_icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#061939;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    /* margin-bottom:25px; */
    transition:.3s;
    margin: auto;
}
.dealer_resource_card h4{
    margin-top: 20px;
}

.dealer_resource_card:hover .dealer_resource_icon{
    background:#c59d5f;
}

/* .dealer_resource_card h3{
    color:#061939;
    margin-bottom:12px;
    font-size:22px;
} */

.dealer_resource_card p{
    color:#666;
    line-height:28px;
    margin-bottom:15px;
}

.dealer_resource_card a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#061939;
    font-weight:600;
    transition:.3s;
}

.dealer_resource_card a:hover{
    gap:16px;
}

@media(max-width:992px){

.dealer_resources_grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.dealer_resources_sec{
    padding:70px 0;
}

.dealer_resources_grid{
    grid-template-columns:1fr;
}

.dealer_resources_heading h2{
    font-size:30px;
}

}



/* contact page section */

.cntpg_section{
    padding:60px 0;
    /* background:#f8fafc; */
}

.cntpg_wrapper{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:30px;
    align-items:start;
}

.cntpg_info{
    background:#061939;
    color:#fff;
    padding:25px;
    border-radius:10px;
    height:100%;
}
/* .cntpg_info h1{
    padding-bottom: 20px;

} */

.cntpg_tag{
    display:inline-block;
    padding:8px 18px;
    background:#ffffff20;
    border-radius:30px;
    font-size:14px;
    margin-bottom:18px;
}

.cntpg_info h2{
    font-size:34px;
    margin-bottom:18px;
}

.cntpg_info>p{
    line-height:28px;
    color:#d7dce5;
    /* margin-bottom:35px; */
}

.cntpg_item{
    display:flex;
    gap:18px;
    margin-bottom:15px;
}

.cntpg_icon{
       min-width: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: #061939;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}
.corporate_off h4{
        color: #fff;
    padding: 15px 0;
    text-transform: uppercase;
}

.cntpg_item h4{
    margin-bottom:6px;
    font-size:18px;
}
.con_head h4{
    color: #fff;
}

.cntpg_item p,
.cntpg_item a{
    color:#d7dce5;
    text-decoration:none;
    line-height:26px;
}

.cntpg_item a:hover{
    color:#fff;
}

.cntpg_form{
    background:#fff;
    padding:25px 45px;
    border-radius:10px;
    box-shadow:0 12px 40px rgba(0,0,0,.08);
    border-top: 4px solid #c19146

}

/* .cntpg_form h3{
    font-size:30px;
    margin-bottom:35px;
    color:#061939;
} */

.cntpg_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

/* .cntpg_field{
    margin-bottom:22px;
} */

.vf_new{
    margin-top: 20px;
}

.cntpg_field label{
    display:block;
    margin-bottom:5px;
    font-weight:600;
    color:#061939;
}

.cntpg_field label span{
    color:red;
}

.cntpg_field input,
.cntpg_field textarea{
    width:100%;
    padding:15px 18px;
    border:1px solid #d7d7d7;
    border-radius:8px;
    outline:none;
    transition:.3s;
    font-size:15px;
    font-family:inherit;
}

.cntpg_field textarea{
    height:170px;
    resize:none;
}

.cntpg_field input:focus,
.cntpg_field textarea:focus{
    border-color:#061939;
    box-shadow:0 0 0 4px rgba(6,25,57,.08);
}

.cntpg_btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 35px;
    background:#061939;
    color:#fff;
    border:none;
    border-radius:8px;
    cursor:pointer;
    font-size:16px;
    font-weight:600;
    transition:.3s;
    margin-top: 15px;
}

.cntpg_btn:hover{
    background:#c19146;
    transform:translateY(-2px);
}

@media(max-width:991px){

.cntpg_wrapper{
    grid-template-columns:1fr;
}

}

@media(max-width:768px){

.cntpg_grid{
    grid-template-columns:1fr;
}

.cntpg_info,
.cntpg_form{
    padding:30px;
}

.cntpg_info h2,
.cntpg_form h3{
    font-size:28px;
}

}

@media(max-width:576px){

.cntpg_section{
    padding:60px 0;
}

.cntpg_info,
.cntpg_form{
    padding:25px;
}

.cntpg_btn{
    width:100%;
    justify-content:center;
}

}
.boss_con{
    padding-bottom: 20px;
}

/* social icon */
.cntpg_social{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.cntpg_social h4{
    color:#fff;
    font-size:18px;
    margin-bottom:18px;
}

.cntpg_social a{
    width:46px;
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:10px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    color:#fff;
    text-decoration:none;
    font-size:18px;
    transition:.35s ease;
}

.cntpg_social a:hover{
    background:#fff;
    color:#061939;
    transform:translateY(-5px);
}


/* google map section */

.contact_map_section{
    padding:10px 0 60px;
    background:#f8f9fb;
}

.contact_map_wrapper{
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

.contact_map_wrapper iframe{
    width:100%;
    height:450px;
    display:block;
    border:0;
}

@media(max-width:768px){
    .contact_map_section{
        padding:60px 0;
    }

    .contact_map_wrapper iframe{
        height:320px;
    }
}

/* download catalogue section */

.catalogue_sec{
    padding:60px 0;
    background:#f8f9fb;
}

/* .section_heading{
    text-align:center;
    max-width:700px;
    margin:0 auto 50px;
} */

/* .section_heading span{
    color:#0b4dbb;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
} */

/* .section_heading h2{
    font-size:38px;
    color:#061939;
    margin:15px 0;
} */

.section_heading p{
    color:#666;
    line-height:1.8;
}

.catalogue_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.catalogue_card{
    background:#fff;
    padding:35px 30px;
    border:1px solid #e8e8e8;
    border-radius:10px;
    /* text-align:center; */
    transition:.3s;
        border-top: 4px solid #c59d5f;
}

.catalogue_card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.catalogue_card h3{
    color:#061939;
    margin-bottom:15px;
    font-size:24px;
}

.catalogue_card p{
    color:#666;
    line-height:1.8;
    margin-bottom:30px;
}

.catalogue_btn{
    display:inline-block;
    padding:13px 28px;
    background:#061939;
    color:#fff;
    text-decoration:none;
    border-radius:10px;
    font-weight:600;
    transition:.3s;
}

.catalogue_btn:hover{
    background:#c59d5f;
    color: #fff !important;
}

@media(max-width:991px){

.catalogue_grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.catalogue_grid{
    grid-template-columns:1fr;
}

.section_heading h2{
    font-size:30px;
}

}



/*=====================================
 NEWS & EVENTS
======================================*/

.nevt_section{
    padding:60px 0;
    background:#ffffff;
}

.nevt_heading{
    margin-bottom:45px;
}

.nevt_heading span{
    display:inline-block;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    color:#0b4dbb;
    letter-spacing:1px;
    margin-bottom:10px;
}

.nevt_heading h2{
    font-size:42px;
    color:#061939;
    font-weight:700;
    line-height:1.3;
}

/*======================
 Tabs
=======================*/

.nevt_tabs{
    display:flex;
    gap:45px;
    margin-bottom:45px;
    border-bottom:1px solid #dcdcdc;
}

.nevt_tab_btn{
    background:none;
    border:none;
    font-size:17px;
    font-weight:600;
    color:#666;
    padding:0 0 18px;
    cursor:pointer;
    position:relative;
    transition:.3s;
}

.nevt_tab_btn:hover{
    color:#061939;
}

.nevt_tab_btn.active{
    color:#061939;
}

.nevt_tab_btn.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:3px;
    background:#061939;
}

/*======================
 Grid
=======================*/

.nevt_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

/*======================
 Card
=======================*/

.nevt_card{
    background:#fff;
    border:1px solid #ececec;
    overflow:hidden;
    transition:.35s;
    border-radius: 10px;
}

.nevt_card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.nevt_content{
    display:flex;
    align-items:flex-start;
    padding:30px;
    border-top: 4px solid #c59d5f;
    border-radius: 10px;
}

/*======================
 Date
=======================*/

.nevt_date{
    min-width:70px;
    text-align:left;
    padding-right:20px;
}

.nevt_date h3{
    font-size:48px;
    line-height:1;
    color:#c59d5f;
    margin-bottom:5px;
}

.nevt_date span{
    font-size:15px;
    color:#c59d5f;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
}

/*======================
 Content
=======================*/

.nevt_info{
    border-left:1px solid #e5e5e5;
    padding-left:20px;
}

/* .nevt_info h4{
    font-size:22px;
    color:#061939;
    line-height:1.4;
    margin-bottom:15px;
    font-weight:600;
} */

.nevt_info p{
    font-size:15px;
    color:#666;
    line-height:1.8;
    margin-bottom:20px;
}

.nevt_info a{
    color:#061939;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.nevt_info a:hover{
    letter-spacing:1px;
}

/*======================
 Image
=======================*/

.nevt_image{
    overflow:hidden;
}

.nevt_image img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.nevt_card:hover .nevt_image img{
    transform:scale(1.08);
}

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

@media(max-width:991px){

    .nevt_grid{
        grid-template-columns:repeat(2,1fr);
    }

    .nevt_heading h2{
        font-size:34px;
    }

}

@media(max-width:767px){

    .nevt_tabs{
        gap:20px;
        overflow-x:auto;
        white-space:nowrap;
        padding-bottom:5px;
    }

    .nevt_grid{
        grid-template-columns:1fr;
    }

    .nevt_content{
        padding:25px;
    }

    .nevt_heading h2{
        font-size:28px;
    }

    .nevt_date h3{
        font-size:40px;
    }

    .nevt_info h4{
        font-size:20px;
    }

}



/*==============================
404 PAGE
===============================*/

.err404_section{
    padding:60px 0;
    background:#f8f9fb;
    min-height:80vh;
    display:flex;
    align-items:center;
}

.err404_wrapper{
    max-width:750px;
    margin:auto;
    text-align:center;
}

.err404_number{
    display:block;
    font-size:180px;
    font-weight:800;
    line-height:1;
    color:#061939;
    opacity:.08;
    margin-bottom:20px;
}

/* .err404_wrapper h1{
    font-size:46px;
    color:#061939;
    margin-bottom:20px;
    font-weight:700;
} */

.err404_wrapper p{
    font-size:18px;
    color:#666;
    line-height:1.8;
    max-width:600px;
    margin:0 auto 40px;
}

.err404_btns{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.err404_btn_primary,
.err404_btn_secondary{
    padding:15px 35px;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    border-radius:10px;
    transition:.35s;
}

.err404_btn_primary{
    background:#061939;
    color:#fff;
}

.err404_btn_primary:hover{
    background:#c59d5f;
    color: #fff !important;
}

.err404_btn_secondary{
    border:2px solid #061939;
    color:#061939;
    background:#fff;
}

.err404_btn_secondary:hover{
    background:#061939;
    color:#fff;
}

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

@media(max-width:991px){

    .err404_number{
        font-size:140px;
    }

    .err404_wrapper h1{
        font-size:38px;
    }

}

@media(max-width:767px){

    .err404_section{
        padding:80px 0;
    }

    .err404_number{
        font-size:100px;
    }

    .err404_wrapper h1{
        font-size:30px;
    }

    .err404_wrapper p{
        font-size:16px;
    }

    .err404_btns{
        flex-direction:column;
        align-items:center;
    }

    .err404_btn_primary,
    .err404_btn_secondary{
        width:220px;
        text-align:center;
    }

}



/* popup form  */


.popfrm_open_btn{
    padding:15px 35px;
    background:#061939;
    color:#fff;
    border:none;
    cursor:pointer;
    border-radius:6px;
    font-weight:600;
}

.popfrm_overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:9999;
}

.popfrm_overlay.active{
    opacity:1;
    visibility:visible;
}

.popfrm_modal{
    width:100%;
    max-width:800px;
    background:#fff;
    border-radius:10px;
    padding:30px;
    position:relative;
    transform:translateY(40px);
    transition:.35s;
}

.popfrm_overlay.active .popfrm_modal{
    transform:translateY(0);
}

.popfrm_close{
    position:absolute;
    right:18px;
    top:15px;
    width:35px;
    height:35px;
    border:none;
    background:#f3f3f3;
    cursor:pointer;
    border-radius:50%;
    font-size:24px;
}

/* .popfrm_header{
    margin-bottom:30px;
} */

.popfrm_header h2{
    color:#061939;
    margin-bottom:10px;
}

.popfrm_header p{
    color:#666;
    line-height:1.7;
}

.popfrm_group{
    margin-bottom:18px;
}

.popfrm_group label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
}

.popfrm_group span{
    color:red;
}

.popfrm_group input{
    width:100%;
    height:50px;
    border:1px solid #ddd;
    padding:0 15px;
    border-radius:6px;
    outline:none;
    transition:.3s;
}

.popfrm_group input:focus{
    border-color:#061939;
}

.popfrm_submit{
    width:100%;
    height:52px;
    background:#061939;
    color:#fff;
    border:none;
    border-radius:6px;
    cursor:pointer;
    font-size:16px;
    font-weight:600;
    transition:.3s;
}

.popfrm_submit:hover{
    background:#c19146;
}

@media(max-width:576px){

.popfrm_modal{
    width:100%;
    padding:25px;
}

}



/*==============================
TOP HEADER
==============================*/

.dm_topbar{
    width:100%;
    background:#061939;
    color:#fff;
    font-size:14px;
}

.dm_topbar_wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:48px;
    gap:20px;
}

/* Left Side */

.dm_topbar_left{
    display:flex;
    align-items:center;
    gap:28px;
    flex-wrap:wrap;
}

.dm_topbar_item{
    display:flex;
    align-items:center;
    gap:8px;
}

.dm_topbar_item i{
    color:#f9b233;
    font-size:14px;
}

.dm_topbar_item span,
.dm_topbar_item a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.dm_topbar_item a:hover{
    color:#f9b233;
}

/* Right Side */

.dm_topbar_right{
    display:flex;
    align-items:center;
    gap:10px;
}

.dm_topbar_right a{
    width:34px;
    height:34px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    text-decoration:none;
    transition:.35s;
}

.dm_topbar_right a:hover{
    background:#f9b233;
    color:#fff !important;
    border-color:#f9b233;
    transform:translateY(-3px);
}

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

@media(max-width:991px){

    .dm_topbar_wrapper{
        flex-direction:column;
        padding:12px 0;
        gap: 5px;
    }

    .dm_topbar_left{
        justify-content:center;
        gap:0px;
    }

}

@media(max-width:767px){

    .dm_topbar{
        display:none;
    }

}

.mk_counter_section{

    position:relative;
    margin-top:-70px;
    z-index:20;
}

.mk_counter_box{

    

    background:rgb(0 25 68);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:10px;

    /* display:grid;

    grid-template-columns:repeat(5,1fr); */

    overflow:hidden;

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

    padding: 10px 0;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}



.mk_counter_item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:15px 10px;

    position:relative;

    transition:.35s;
}


.mk_counter_item::after{

    content:"";

    position:absolute;

    right:0;

    top:25%;

    width:1px;

    height:50%;

    background:rgba(255,255,255,.08);
}

.mk_counter_item:last-child::after{

    display:none;
}



/* .mk_counter_item:hover{

    background:rgba(255,255,255,.04);
} */



.mk_counter_icon{

    width:65px;

    height:65px;

    border-radius:50%;

    border:1px solid rgba(219,169,72,.25);

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

    transition:.35s;
}



.mk_counter_icon i{

    color:#d8a548;

    font-size:28px;
}



.mk_counter_item:hover .mk_counter_icon{

    transform:rotate(-8deg) scale(1.08);

    background:#d8a548;
}



.mk_counter_item:hover .mk_counter_icon i{

    color:#061939;
}



.mk_counter_content h3{

    color:#fff;

    font-size:30px;

    font-weight:700;

  margin: 0;
}



.mk_counter_content p{

    color:#bfc5d2;

    font-size:15px;

    margin:0;

    line-height: 23px;
}



/* Tablet */

@media(max-width:992px){

.mk_counter_box{

grid-template-columns:repeat(2,1fr);
margin-top: -35px;


}

}



/* Mobile */

@media(max-width:576px){

/* .mk_counter_box{

grid-template-columns:1fr;

} */

.mk_counter_item::after{

display:none;

}

.mk_counter_content h3{

font-size:22px;


}
.mk_counter_item{
    flex-direction: column;
    width: 33%;
    padding:10px;
    text-align: center;
    gap: 10px;
}
.mk_counter_icon{
    width: 50px;
    height: 50px;
}
.evn_discover_btn{
    margin: auto;
    display: block !important;
    width: 100%;
    text-align: center;
}

}

.vx-counter-card_home{
        /* background: #fff; */
    text-align: center;
    padding: 0px 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: .35s;
}

.flex_utton_about .btn{
        border: 1px solid #fff;
    color: #c19146;
    padding: 14px 14px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
    border: 2px solid #c19146;
    transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.flex_utton_about .btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #c19146;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    transition: left 0.3s ease;
    z-index: -1;
}
.flex_utton_about .btn:hover::before {
    left: 0;
}
.flex_utton_about .btn:hover {
    color: #fff;
}
/* .ab_about{
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 15px 10px;
    position: relative;
    transition: .35s;
} */
/*=============================
Catalogue CTA
==============================*/

.cta_catalog_wrapper{

    display:grid;

    grid-template-columns:1fr 520px;

    align-items:center;

    background:#fff;

    border-radius:10px;

    overflow:hidden;

}

.cta_catalog_content{

    padding:40px;
        background: #f5f5f5;

}

.cta_catalog_tag{

    display:inline-block;

    color:#d79d28;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:5px;

}

.cta_catalog_content h2{

    font-size:52px;

    color:#061939;

    line-height:45px;

    margin-bottom:15px;

    font-weight:800;

}

.cta_catalog_content p{

    color:#666;

    font-size:18px;

    line-height:1.8;

    margin-bottom:15px;

    max-width:520px;

}

.cta_catalog_btns{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.cta_btn_download{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#061939;

    color:#fff;

    padding:16px 16px;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.cta_btn_download:hover{

    background:#d79d28;
    color: #fff !important;

}

.cta_btn_outline{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 32px;

    border:2px solid #ddd;

    border-radius:10px;

    text-decoration:none;

    color:#061939;

    font-weight:600;

    transition:.35s;

}

.cta_btn_outline:hover{

    background:#061939;

    color:#fff !important;

    border-color:#061939;

}

.cta_catalog_image{

    height:100%;

}

.cta_catalog_image img{

    width:100%;

    height:100%;

    /* object-fit:cover; */

    display:block;

    transition:.5s;

}

.cta_catalog_wrapper:hover .cta_catalog_image img{

    transform:scale(1.05);

}

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

@media(max-width:991px){

.cta_catalog_wrapper{

grid-template-columns:1fr;

}

.cta_catalog_content{

padding:40px;

}

.cta_catalog_image{

height:420px;

}

}

@media(max-width:768px){

.cta_catalog_content h2{

font-size:36px;

}

.cta_catalog_content{

padding:30px;

}

.cta_catalog_btns{

flex-direction:column;

}

.cta_btn_download,

.cta_btn_outline{

justify-content:center;

}

.cta_catalog_image{

height:320px;

}

}


/* new dealer section */

.dlrnet_container1{

    background: linear-gradient(90deg, #06173c, #0a1f56);
    padding: 30px 0px;
}

.dlrnet_container{

    /* max-width:1350px;
    margin:auto; */

    display:grid;
    grid-template-columns:220px 1fr 270px;

    align-items:center;
    gap:25px;

    /* background:linear-gradient(90deg,#06173c,#0a1f56);

    border-radius:18px;

    padding:45px;

    position:relative;

    overflow:hidden; */

}


/* .dlrnet_container::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    background:rgba(255,184,0,.08);

    filter:blur(120px);

    right:-150px;
    top:-180px;
} */



/* .dlrnet_map img{

    width:100%;
    display:block;
} */


.dlrnet_content h2{

    color:#fff;

    /* font-size:42px;

    margin-bottom:15px;

    font-weight:800;

    letter-spacing:1px; */
}


.dlrnet_content p{

    color:#cbd5e7;

    line-height:30px;

    max-width:700px;

    margin-bottom:15px;

    font-size:17px;
}


.dlrnet_counter{

    display:grid;

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

    gap:25px;
}


.dlrnet_box{

    position:relative;
}

.dlrnet_box:not(:last-child)::after{

    content:"";

    position:absolute;

    top:5px;

    right:-13px;

    width:1px;

    height:70px;

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

}


.dlrnet_box h3{

    font-size:42px;

    color:#c19146;

    margin-bottom:8px;

    font-weight:800;
}


.dlrnet_box span{

    color:#ffffff;

    font-size:16px;

    display:block;

    opacity:.85;

    line-height:24px;
}


.dlrnet_btnarea{

    display:flex;

    justify-content:flex-end;
}


.dlrnet_btn{
    background:#c19146;
    color:#fff;
    padding:18px 34px;
    text-decoration:none;
    border-radius:10px;
    font-size:18px;
    font-weight:700;
    transition:.4s;
    display:inline-flex;
    align-items:center;
    gap:15px;
    white-space:nowrap;
    transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.dlrnet_btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #001944;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: left 0.3s ease;
    z-index: -1;
    border: 1px solid #fff;
}
.dlrnet_btn:hover::before {
    left: 0;
}


.dlrnet_btn:hover{
        color: #fff;

}


@media(max-width:992px){

.dlrnet_container{

grid-template-columns:1fr;

text-align:center;

}

.dlrnet_map{

/* max-width:180px; */

margin:auto;

}

.dlrnet_btnarea{

justify-content:center;

/* margin-top:25px; */

}

/* .dlrnet_counter{

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

} */

.dlrnet_box::after{

display:none;

}

}

.dlrnet_map img{
    width: 100%;
}



.on_the_way h1{
    font-size:40px; padding:10px 0;
}
.on_the_way h5{
    font-weight:800;
    font-size: 15px;
}




/* new why choose us section */

.evn_strength_area{
    padding:0px 0 15px;
    background:#ebebeb;
}

.evn_strength_container{
    /* width:90%;
    max-width:1400px;
    margin:auto; */
    display:grid;
    grid-template-columns:600px 1fr;
    overflow:hidden;
    /* border-radius:10px; */
    /* box-shadow:0 15px 40px rgba(0,0,0,.08); */
}

/* LEFT */

.evn_strength_left{

    /* background:#dddddd96; */
    padding: 30px 65px
}

.evn_small_heading{

    color:#999;
    letter-spacing:1px;
    font-weight:600;
    display:block;
    margin-bottom:8px;
}

/* .evn_strength_left h2{

    font-size:40px;
    color:#111;
    margin-bottom:25px;
} */

.evn_strength_left h2 span{

    color:#c99a33;
}

.evn_strength_left p{

    color:#666;
    line-height:30px;
    /* margin-bottom:30px; */
}

.evn_feature_list{

    list-style:none;
    /* margin-bottom:20px; */
        padding-left: 0;
}

.evn_feature_list li{

    margin-bottom:5px;
    position:relative;
    padding-left:35px;
    font-size:16px;
    color:#333;
}

.evn_feature_list li:before{

    content:"✔";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#c99a33;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:12px;
}

.evn_discover_btn{

    display:inline-flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    background:#001944;
    color:#fff;
    padding:14px 40px;
    border-radius:10px;
    font-weight:600;
    transition:.4s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.evn_discover_btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #c19146;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: left 0.3s ease;
    z-index: -1;
}
.evn_discover_btn:hover::before {
    left: 0;
}

.evn_discover_btn:hover{
    color: #fff;
}

/* RIGHT */

.evn_strength_right {
    background-image: url('../images/company_img.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 1;
}

.evn_strength_right::before {
    content: "";
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    background: rgb(1 25 70 / 87%);
    z-index: -1;
}

/* .evn_title_box{

    margin-bottom:45px;
} */

/* .evn_title_box h2{

    font-size:38px;
    font-weight:700;
} */

.evn_title_box span{

    color:#d0a03b;
}

.evn_strength_grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.evn_strength_card{

    padding:10px 15px;
    border-left:1px solid rgba(255,255,255,.12);
    transition:.4s;
}

.evn_strength_card:first-child{

    border-left:none;
}

.evn_strength_card:hover{

    transform:translateY(-8px);
}

.evn_icon_circle{

    width:50px;
    height:50px;
    border:2px solid #c19146;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#c19146;
    font-size:20px;
    margin-bottom:10px;
}

.evn_strength_card h4{

 color: #fff;
}

.evn_strength_card p{

    color:#cfcfcf;
    line-height:28px;
    font-size:15px;
}

.category-content::before{
   content: "\f013";
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 80px;
    left: 15px;
    background-color: #c19146;
    border-radius: 100%;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}


/* 
=============================================================
about us page 
===============================================================
*/

.banner-content-inner h1{
    font-size: 40px;
    /*padding: 15px 0;*/
}
.banner-content-inner h4{
    padding: 15px 0 0;
    color: #fff;
    text-transform: capitalize;
    line-height: 30px;
}
.banner-overlay::before{
    content: "";
    position: absolute;
}
.mk_counter_section_about{
    position: relative;
    margin-top: 0px;
    z-index: 20;
}
.mk_counter_box_about{
    background: rgb(0 25 68);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .08);
    /* border-radius: 10px; */
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .35);
    padding: 10px 0;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
/* .mk_counter_icon_about{

} */


.mk_counter_icon_about{

    width: 60px;

    height:60px;

    border-radius:50%;

    border:1px solid rgba(219,169,72,.25);

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

    transition:.35s;
}



.mk_counter_icon_about i{

    color:#d8a548;

    font-size:20px;
}



.mk_counter_item:hover .mk_counter_icon_about{

    transform:rotate(-8deg) scale(1.08);

    background:#d8a548;
}



.mk_counter_item:hover .mk_counter_icon_about i{

    color:#061939;
}

.across_one{
    padding: 0;
    list-style-position: inside;
    margin-bottom: 20px;
}
.mk_counter_box_sec{
    
    backdrop-filter: blur(12px);
    border: 1px solid #ddd;
    /* border-radius: 10px; */
    overflow: hidden;
    /* box-shadow: 0 15px 45px rgba(0, 0, 0, .35); */
    padding: 10px 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border-radius: 10px;
}

.about_p_sec{
    border: 1px solid #ddd;
}
.mk_counter_content_p span{
    color: #011943;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.mk_counter_content_p h3{
    margin-bottom: 0px;
}
.mk_counter_content_p p{
    color: #011943;
}


/*==============================
   Timeline Section
==============================*/

.tmj-timeline-section{
    padding:60px 0;
}

/* .tmj-container{
    max-width:1350px;
    margin:auto;
} */

.tmj-heading{
    text-align:center;
    margin-bottom:20px;
}

.tmj-heading h2{
    margin:0;
    font-size:42px;
    font-weight:700;
    color:#111;
    letter-spacing:1px;
}

.tmj-heading h2 span{
    color:#c79a43;
}

/* .tmj-heading-line{
    width:120px;
    height:3px;
    background:#c79a43;
    margin:18px auto 0;
    position:relative;
}

.tmj-heading-line:before{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#c79a43;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
} */

.tmj-timeline{
    display:flex;
    justify-content:space-between;
    position:relative;
    gap:25px;
}

/* .tmj-timeline:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:42px;
    height:2px;
    background:#d7d7d7;
    z-index:0;
} */

.tmj-item{
    flex:1;
    text-align:center;
    position:relative;
    z-index:2;
}

.tmj-year{
    font-size:20px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}

.tmj-icon{
    width:60px;
    height:60px;
    margin:0 auto 15px;
    border-radius:50%;
    background:#07131f;
    color:#d8a23f;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    border:5px solid #fff;
    box-shadow:0 0 0 2px #ddd;
    position:relative;
}

/* .tmj-icon:before,
.tmj-icon:after{
    content:"";
    position:absolute;
    top:50%;
    width:107px;
    height:2px;
    background:#c19146;
}

.tmj-icon:before{
    right:100%;
}

.tmj-icon:after{
    left:100%;
} */

/* .tmj-item:first-child .tmj-icon:before{
    display:none;
}

.tmj-item:last-child .tmj-icon:after{
    display:none;
} */

.tmj-item h4{
   text-transform: capitalize;
}

.tmj-item p{
    margin:0;
    color:#666;
    line-height:1.7;
    font-size:16px;
    max-width:240px;
    margin-inline:auto;
}

/* Hover */

/* .tmj-item:hover .tmj-icon{
    background:#c79a43;
    color:#fff;
    transition:.4s;
    transform:translateY(-8px);
} */

.tmj-item:hover h4{
    color:#c79a43;
}
/* .tmj-item::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0;
    background-color: #c19146;
    top: 31%;
    transform: translateY(-50%);
        border-radius: 100%;
} */

.tmj-timeline::before{
    content: "";
    position: absolute;
    width: 1085px;
    border: 1px solid #c69943;
    align-items: center;
    bottom: 69%;
    left: 90px;
}
/* Responsive */

@media(max-width:991px){

.tmj-timeline{
    flex-wrap:wrap;
}

.tmj-timeline:before{
    display:none;
}

.tmj-item{
    flex:0 0 50%;
    /* margin-bottom:60px; */
}

.tmj-icon:before,
.tmj-icon:after{
    display:none;
}

}

@media(max-width:576px){

.tmj-item{
    flex:0 0 100%;
}

.tmj-heading h2{
    font-size:34px;
}

.tmj-year{
    font-size:20px;
}

.tmj-item h4{
    font-size:16px;
}

}

.main_about_flex{
    display: flex;
    gap: 20px;
}
.awards_about{
    width: 50%;
    background: #f8f9fc;
    padding: 20px;
    border-radius: 10px;
}
.section-heading_about{
    text-align: center;
}
.awards_img img{
    width: 100%;
    height: 97px;
}
.awards_img h4{
    text-align: center;
    text-transform: capitalize;
    padding: 10px 0 0;
}
.certificate-content h4{
    text-transform: capitalize;
}
.quality_management{
    display: flex;
    gap: 20px;
}
.quality_grid{
    width: 50%;
        border-bottom: 1px solid #ddd;
    border-radius: 10px;
}






.flex_utton_raviii .btn {
    background: #c19146;
    /* border: 1px solid #fff; */
    color: #fff;
    padding: 14px 14px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
     position: relative;
    overflow: hidden;
    z-index: 1;
        margin: auto;
    display: block;
    max-width: 240px;
}
.flex_utton_raviii .btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #071839;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: left 0.3s ease;
    z-index: -1;
}
.flex_utton_raviii .btn:hover::before {
    left: 0;
}


.flex_utton_raviii .btn:hover {
    color: #fff;
}


/* cta button */
.cta_banner_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #031f46;
    padding: 30px 30px;
    border-radius: 10px;
        position: relative;
    /* z-index: 1111; */
    margin-bottom: -30px;
        border: 1px solid #ddd;
}
 
  .cta-banner__text h4 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 4px 0;
  }
 
  .cta-banner__text p {
    color: #b7bdd6;
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
    max-width: 320px;
  }
 
  .cta-banner__actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
  }
 
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: opacity 0.2s ease, background 0.2s ease;
  }
 
  .btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }
 
  /* Primary filled button */
  .btn--primary {
    background: #c19146;
    color: #0b1230;
    border: 1px solid #c19146;
  }
 
  .btn--primary:hover {
    background: #e0951a;
  }
 
  /* Secondary outlined buttons */
  .btn--outline {
    background: transparent;
    color: #ffffff !important;
    border: 1px solid #3a4270;
  }
 
  .btn--outline:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: #fff;
  }
 
  @media (max-width: 640px) {
    .cta-banner {
      justify-content: center;
      text-align: center;
      /* padding: 24px 20px; */
    }
    .cta-banner__text p {
      max-width: 100%;
    }
    .cta-banner__actions {
      justify-content: center;
      width: 100%;
    }
    .btn {
      flex: 1 1 auto;
    }
  }




  /* 
  
  =====================================

Products details page code
  ================================
  
  
  */


  /* Wrapper forces the whole section to occupy 50% of the viewport width */
  .nx-product {
    width: 50%;
    min-width: 320px;
    margin: 0 auto;
    background: #ffffff;
    padding: 40px 44px 36px;
  }
 
  @media (max-width: 900px) {
    .nx-product {
      width: 100%;
    }
  }
 
  /* ---- Eyebrow / Title ---- */
  .nx-product__eyebrow {
    color: #c19146;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin: 0 0 10px;
  }
 
  .nx-product__title {
    color: #001944;
    font-size: 42px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin: 0 0 8px;
    line-height: 1.05;
  }
 
  .nx-product__subtitle {
    color: #1c2540;
    font-size: 19px;
    font-weight: 600;
    margin: 0 0 20px;
  }
 
  /* ---- Product code ---- */
  .nx-product__code {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
  }
 
  .nx-product__code-label {
    color: #5a6072;
    font-size: 15px;
  }
 
  .nx-product__code-value {
    background: #001944;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 6px 14px;
    border-radius: 6px;
  }
 
  /* ---- Rating ---- */
  .nx-product__rating {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
  }
 
  .nx-product__stars {
    color: #e2971d;
    font-size: 18px;
    letter-spacing: 2px;
  }
 
  .nx-product__rating-text {
    color: #10192f;
    font-size: 16px;
    font-weight: 700;
  }
 
  /* ---- Description ---- */
  .nx-product__description {
    color: #4a5064;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 32px;
    max-width: 46em;
  }
 
  /* ---- Feature grid ---- */
  .nx-product__features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px 16px;
    margin-bottom: 36px;
  }
 
  @media (max-width: 640px) {
    .nx-product__features {
      grid-template-columns: repeat(2, 1fr);
    }
  }
 
  .nx-feature {
    display: flex;
    align-items: center;
    gap: 12px;
  }
 
  .nx-feature__icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f4ede1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #c8841b;
  }
 
  .nx-feature__label {
    color: #2b3148;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.3;
  }
 
  /* ---- Action buttons ---- */
  .nx-product__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
  }
 
  .nx-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease, background 0.2s ease;
  }
 
  .nx-btn__icon {
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
  }
 
  .nx-btn--quote {
    background: #c19146;
    color: #ffffff !important;
     transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .nx-btn--quote::before{
      content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #001944;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    transition: left 0.3s ease;
    z-index: -1;
  }
 
  .nx-btn--quote:hover::before {
    left: 0;
}
.nx-btn--quote:hover {
    color: #fff;
}
  .nx-btn--catalogue {
    background: #001944;
    color: #ffffff !important;
     transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }

 .nx-btn--catalogue::before{
      content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #c19146;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    transition: left 0.3s ease;
    z-index: -1;
  }
 
  .nx-btn--catalogue:hover::before {
    left: 0;
}
.nx-btn--cataloguee:hover {
    color: #fff;
}

 
  .nx-product__secondary-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
 
  .nx-btn--outline {
    background: #ffffff;
    color: #10192f !important;
    border: 1.5px solid #c9cdd8;
     transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }

.nx-btn--outline::before{
      content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #001944;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    transition: left 0.3s ease;
    z-index: -1;
  }
 
  .nx-btn--outline:hover::before {
    left: 0;
}
.nx-btn--outline:hover {
    color: #fff !important;
}



 
  .nx-btn--whatsapp .nx-btn__icon {
    color: #25d366;
  }
 
  .nx-btn--dealer .nx-btn__icon {
    color: #c8841b;
  }




  /* 
  
  other sectiom
  
  
  */

  .featured_sinle_pro{
    padding: 0 0 50px;
  }

  /* Main Feature Box */
.feature-box_pro {
   
    padding: 30px 0;

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

    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}


/* Individual Feature */
.feature-item {
    display: flex;
    align-items: center;
    gap: 10px;

    flex: 1;
    justify-content: center;
}


/* Icon */
.feature-icon {
    width: 42px;
    height: 42px;

    display: flex;
    
    justify-content: center;

    color: #c58a25;
    font-size: 25px;
    flex-shrink: 0;
}


/* India Flag */
.india-icon {
    font-size: 32px;
}


/* Text Area */
.feature-content {
    text-align: left;
}


/* Heading */
.feature-content h4 {
    margin: 0 0 5px;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: #333333;
    text-transform: capitalize;
}


/* Description */
.feature-content p {
    margin: 0;

    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.3;

    color: #333333;
}


/* Tablet */
@media (max-width: 992px) {

    .feature-box_pro {
        flex-wrap: wrap;
        gap: 25px;
        padding: 25px;
    }

    .feature-item {
        flex: 0 0 30%;
        justify-content: flex-start;
    }
}


/* Mobile */
@media (max-width: 600px) {

    .feature-box_pro {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px 15px;
        padding: 20px;
    }

    .feature-item {
        flex: none;
        width: 100%;
        justify-content: flex-start;
    }

    .feature-icon {
        width: 35px;
        height: 35px;
        font-size: 21px;
    }

    .india-icon {
        font-size: 27px;
    }

    .feature-content h4,
    .feature-content p {
        font-size: 13px;
    }
}



/* =========================================
   BVENUS PRODUCT TABS
========================================= */



/* =========================================
   TAB MENU
========================================= */

.bvns-tab-menu {
    display: flex;
    width: 100%;
    background: #f7f8fa;
    border-radius: 10px;
}

.bvns-tab-button {
    position: relative;

    flex: 1;
    min-height: 62px;

    border: 0;
    outline: none;
    background: transparent;

    padding: 0 15px;

    font-size: 15px;
    font-weight: 600;
    color: #171717;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* Active Tab */

.bvns-tab-button.bvns-active {
    background: #001944;
    color: #ffffff;
    border-radius: 10px;
}


/* Orange Line */

.bvns-tab-button.bvns-active::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 0;

    width: 170px;
    height: 4px;

    transform: translateX(-50%);

    background: #c19146;
}


/* Hover */

.bvns-tab-button:hover {
        background: #001944;
    color: #ffffff;
    border-radius: 10px;
}


/* =========================================
   TAB CONTENT
========================================= */

.bvns-tab-content {
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}


/* Hide all tabs */

.bvns-tab-panel {
    display: none;
    padding: 30px;
}


/* Show active tab */

.bvns-tab-panel.bvns-active-panel {
    display: block;
}


/* =========================================
   OVERVIEW GRID
========================================= */

.bvns-overview-grid {
    display: grid;

    grid-template-columns:
        1.05fr
        1.25fr
        0.85fr;

    gap: 30px;

    align-items: center;
}


/* =========================================
   LEFT OVERVIEW CONTENT
========================================= */

.bvns-overview-text h4 {
    margin: 0 0 14px;
    font-size: 20px;
    line-height: 1.4;
    color: #0b2342;
    text-transform: capitalize;
    font-weight: 600;
}


.bvns-overview-text p {
    margin: 0;

    font-size: 14px;
    line-height: 1.7;

    color: #555555;
}


/* =========================================
   FEATURE LIST
========================================= */

.bvns-feature-list {
    margin: 25px 0 0;
    padding: 0;

    list-style: none;
}


.bvns-feature-list li {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 15px;

    font-size: 14px;
    color: #444444;
}


.bvns-check-icon {
    width: 20px;
    height: 20px;

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

    border: 2px solid #c19146;
    border-radius: 50%;

    color: #c19146;

    font-size: 12px;
    font-weight: bold;

    flex-shrink: 0;
}


/* =========================================
   PRODUCT IMAGE
========================================= */

.bvns-product-image {
    width: 100%;

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

    min-height: 350px;

    background: #fafafa;
    border-radius: 8px;
}


.bvns-product-image img {
    display: block;

    width: 100%;
    max-width: 470px;
    height: auto;

    object-fit: contain;
}


/* =========================================
   KEY SPECIFICATION BOX
========================================= */

.bvns-key-specification {
    border: 1px solid #eeeeee;
    border-radius: 8px;

    padding: 15px 20px;

    background: #ffffff;
}


.bvns-key-specification h3 {
    display: flex;
    align-items: center;

    gap: 8px;

    margin: 0 0 8px;

    padding-bottom: 12px;

    border-bottom: 1px solid #eeeeee;

    font-size: 15px;
    color: #172943;
}


.bvns-key-specification h3 span {
    color: #c19146;
}


/* =========================================
   SPECIFICATION ITEM
========================================= */

.bvns-spec-item {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 10px 0;

    border-bottom: 1px solid #eeeeee;
}


.bvns-spec-item:last-child {
    border-bottom: none;
}


.bvns-spec-icon {
    width: 34px;
    height: 34px;

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

    flex-shrink: 0;

    border-radius: 50%;

    background: #fffaf1;

    color: #c19146;

    font-size: 18px;
}


.bvns-spec-text {
    display: flex;
    flex-direction: column;
}


.bvns-spec-text strong {
    font-size: 13px;
    color: #333333;
}


.bvns-spec-text span {
    font-size: 13px;
    color: #555555;
}


/* =========================================
   COMMON INNER CONTENT
========================================= */

.bvns-inner-content {
    max-width: 1100px;
    margin: 0 auto;
}


.bvns-inner-content h2 {
    margin: 0 0 25px;

    font-size: 22px;
    color: #0b2342;
}


.bvns-inner-content p {
    font-size: 15px;
    line-height: 1.7;
    color: #555555;
}


/* =========================================
   SPECIFICATION TABLE
========================================= */

.bvns-spec-table {
    border: 1px solid #eeeeee;
    border-radius: 8px;
    overflow: hidden;
}


.bvns-table-row {
    display: grid;
    grid-template-columns: 1fr 1fr;

    padding: 15px 20px;

    border-bottom: 1px solid #eeeeee;
}


.bvns-table-row:last-child {
    border-bottom: none;
}


.bvns-table-row strong {
    color: #333333;
}


.bvns-table-row span {
    color: #666666;
}


/* =========================================
   TECHNICAL DRAWING
========================================= */

.bvns-center-content {
    text-align: center;
}


.bvns-technical-image {
    display: block;

    width: 100%;
    max-width: 700px;

    height: auto;

    margin: 0 auto;

    border: 1px solid #eeeeee;
    border-radius: 8px;
}


/* =========================================
   INSTALLATION
========================================= */

.bvns-installation-steps {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 20px;

    margin-top: 30px;
}


.bvns-install-step {
    display: flex;

    gap: 20px;

    padding: 20px;

    border: 1px solid #eeeeee;
    border-radius: 8px;
}


.bvns-install-step > span {
    font-size: 22px;
    font-weight: 700;

    color: #c19146;
}


.bvns-install-step h3 {
    margin: 0 0 7px;

    font-size: 16px;

    color: #172943;
}


.bvns-install-step p {
    margin: 0;

    font-size: 14px;
}


/* =========================================
   DOWNLOADS
========================================= */

.bvns-download-list {
    display: flex;
    flex-direction: column;

    gap: 15px;
}


.bvns-download-item {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 20px;

    border: 1px solid #eeeeee;
    border-radius: 8px;
}


.bvns-download-item h3 {
    margin: 0 0 5px;

    font-size: 16px;
    color: #172943;
}


.bvns-download-item p {
    margin: 0;

    font-size: 13px;
}


.bvns-download-button {
    display: inline-block;

    padding: 10px 18px;

    background: #062344;
    color: #ffffff;

    text-decoration: none;

    border-radius: 5px;

    font-size: 13px;

    transition: 0.3s ease;
}


.bvns-download-button:hover {
    background: #c19146;
}


/* =========================================
   WARRANTY
========================================= */

.bvns-warranty-box {
    display: flex;
    align-items: center;

    gap: 40px;

    padding: 35px;

    border: 1px solid #eeeeee;
    border-radius: 10px;

    background: #fafafa;
}


.bvns-warranty-number {
    min-width: 150px;

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

    line-height: 1;

    color: #c19146;

    text-align: center;
}


.bvns-warranty-number small {
    display: block;

    margin-top: 5px;

    font-size: 18px;
    color: #172943;
}


.bvns-warranty-text h3 {
    margin: 0 0 10px;

    font-size: 22px;

    color: #172943;
}


.bvns-warranty-text p {
    margin: 0 0 15px;
}


.bvns-warranty-text ul {
    margin: 0;
    padding-left: 20px;

    color: #555555;
}


.bvns-warranty-text li {
    margin-bottom: 8px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .bvns-overview-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bvns-key-specification {
        grid-column: 1 / -1;
    }

}


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

@media (max-width: 768px) {

    .bvns-product-tabs {
        margin: 15px 0;
        border-radius: 8px;
    }


    /* Horizontal scroll tabs */

    .bvns-tab-menu {
        overflow-x: auto;
        justify-content: flex-start;
    }


    .bvns-tab-button {
        flex: 0 0 auto;

        min-width: 160px;
        min-height: 55px;

        font-size: 13px;
    }


    .bvns-tab-panel {
        padding: 20px 15px;
    }


    .bvns-overview-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }


    .bvns-key-specification {
        grid-column: auto;
    }


    .bvns-product-image {
        min-height: 250px;
    }


    .bvns-installation-steps {
        grid-template-columns: 1fr;
    }


    .bvns-download-item {
        align-items: flex-start;
        flex-direction: column;
    }


    .bvns-warranty-box {
        flex-direction: column;
        text-align: center;

        gap: 25px;

        padding: 25px 20px;
    }


    .bvns-table-row {
        grid-template-columns: 1fr;

        gap: 5px;
    }

}

.product-category-section-pro{
        padding: 50px 0 0;
}



/* 

above footer

*/



 .featured_sinle_pro{
    padding: 0 0 50px;
  }

  /* Main Feature Box */
.feature-box_pro {
   
    padding: 30px 0;

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

    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}


/* Individual Feature */
.feature-item {
    display: flex;
    align-items: center;
    gap: 10px;

    flex: 1;
    justify-content: center;
}


/* Icon */
.feature-icon {
    width: 42px;
    height: 42px;

    display: flex;
    
    justify-content: center;

    color: #c58a25;
    font-size: 25px;
    flex-shrink: 0;
}


/* India Flag */
.india-icon {
    font-size: 32px;
}


/* Text Area */
.feature-content {
    text-align: left;
}


/* Heading */
.feature-content h4 {
    margin: 0 0 5px;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: #333333;
    text-transform: capitalize;
}


/* Description */
.feature-content p {
    margin: 0;

    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.3;

    color: #333333;
}


/* Tablet */
@media (max-width: 992px) {

    .feature-box_pro {
        flex-wrap: wrap;
        gap: 25px;
        padding: 25px;
    }

    .feature-item {
        flex: 0 0 30%;
        justify-content: flex-start;
    }
}


/* Mobile */
@media (max-width: 600px) {

    .feature-box_pro {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px 15px;
        padding: 20px;
    }

    .feature-item {
        flex: none;
        width: 100%;
        justify-content: flex-start;
    }

    .feature-icon {
        width: 35px;
        height: 35px;
        font-size: 21px;
    }

    .india-icon {
        font-size: 27px;
    }

    .feature-content h4,
    .feature-content p {
        font-size: 13px;
    }
}


/* ==========================================
   MCE FEATURE BAR
========================================== */

.mce-feature-bar {
    width: 100%;

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

    padding: 20px 0;

    background: #021f46;

    border-top: 1px solid #021f46;
    border-bottom: 1px solid #17365e;

    box-sizing: border-box;
}

.mce_product {
   background: #021f46;
}

/* ==========================================
   FEATURE ITEM
========================================== */

.mce-feature-item {
    display: flex;
    align-items: center;

    gap: 14px;

    min-width: 180px;
}


/* ==========================================
   FEATURE ICON
========================================== */

.mce-feature-icon {
    width: 58px;
    height: 58px;

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

    flex-shrink: 0;

    border: 1px solid #6d633e;
    border-radius: 50%;

    color: #d7a33b;

    font-size: 25px;
}


/* ==========================================
   FEATURE TEXT
========================================== */

.mce-feature-text {
    color: #ffffff;
}


.mce-feature-text h4 {
    margin: 0 0 4px;

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

    line-height: 1.3;

    color: #ffffff;

    text-transform: capitalize;
}


.mce-feature-text p {
    margin: 0;

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

    line-height: 1.3;

    color: #eeeeee;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1000px) {

    .mce-feature-bar {
        padding: 20px 25px;

        gap: 25px;

        flex-wrap: wrap;
    }

    .mce-feature-item {
        min-width: 200px;
    }

}


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

@media (max-width: 600px) {

    .mce-feature-bar {
        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 25px 15px;

        padding: 25px 20px;
    }


    .mce-feature-item {
        min-width: auto;

        gap: 10px;
    }


    .mce-feature-icon {
        width: 45px;
        height: 45px;

        font-size: 19px;
    }


    .mce-feature-text h4 {
        font-size: 13px;
    }


    .mce-feature-text p {
        font-size: 12px;
    }

}


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

@media (max-width: 400px) {

    .mce-feature-bar {
        grid-template-columns: 1fr;
    }

}






/* ==========================================
   BVENUS PRODUCT GALLERY
========================================== */

.bvn-gallery-wrapper {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}


/* ==========================================
   MAIN IMAGE AREA
========================================== */

.bvn-gallery-main-area {
    position: relative;

    width: 100%;
    overflow: hidden;

    background: #f4f3f1;

    border-radius: 8px;
}


/* ==========================================
   MAIN SLIDER
========================================== */

.bvn-gallery-main-slider {
    width: 100%;
    display: block !important;
}


.bvn-gallery-main-item {
    width: 100%;

    aspect-ratio: 1 / 1;

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

    overflow: hidden;
}


.bvn-gallery-main-item img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* ==========================================
   360 VIEW BADGE
========================================== */

.bvn-gallery-360-badge {
    position: absolute;

    top: 20px;
    left: 20px;

    z-index: 10;

    width: 62px;
    height: 62px;

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

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

    border-radius: 8px;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10);

    color: #17253b;
}


.bvn-gallery-360-symbol {
    font-size: 15px;
    line-height: 12px;
}


.bvn-gallery-360-badge strong {
    font-size: 16px;
    line-height: 18px;
}


.bvn-gallery-360-badge small {
    font-size: 10px;
    line-height: 12px;
}


/* ==========================================
   TOP RIGHT ACTION BUTTONS
========================================== */

.bvn-gallery-actions {
    position: absolute;

    top: 20px;
    right: 20px;

    z-index: 10;

    display: flex;
    flex-direction: column;

    gap: 10px;
}


.bvn-gallery-action-btn {
    width: 42px;
    height: 42px;

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

    border: none;
    border-radius: 50%;

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

    color: #1d2735;

    font-size: 16px;

    cursor: pointer;

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

    transition: all 0.25s ease;
}


.bvn-gallery-action-btn:hover {
    background: #102c50;
    color: #ffffff;
}


.bvn-gallery-heart {
    color: #e85b5b;
}


.bvn-gallery-heart:hover {
    color: #ffffff;
}


/* ==========================================
   THUMBNAIL AREA
========================================== */

.bvn-gallery-thumbnail-area {
    position: relative;

    display: flex;
    align-items: center;

    gap: 10px;

    margin-top: 12px;
}


/* ==========================================
   THUMBNAIL SLIDER
========================================== */

.bvn-gallery-thumb-slider {
    width: calc(100% - 80px);

    margin: 0 auto;
}


.bvn-gallery-thumb-item {
    height: 90px;

    padding: 2px;

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 7px;

    overflow: hidden;

    cursor: pointer;

    transition: all 0.25s ease;
}


.bvn-gallery-thumb-item:hover {
    border-color: #8c9aae;
}


.bvn-gallery-thumb-item img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 5px;
}


/* Active Thumbnail */

.bvn-gallery-thumb-item.bvn-gallery-thumb-active {
    border: 2px solid #183a62;
}


/* ==========================================
   THUMBNAIL ARROWS
========================================== */

.bvn-gallery-thumb-prev,
.bvn-gallery-thumb-next {
    width: 42px;
    height: 42px;

    flex-shrink: 0;

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

    border: none;

    border-radius: 50%;

    background: #ffffff;

    color: #17253b;

    font-size: 14px;

    cursor: pointer;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);

    transition: all 0.25s ease;
}


.bvn-gallery-thumb-prev:hover,
.bvn-gallery-thumb-next:hover {
    background: #102c50;
    color: #ffffff;
}


/* ==========================================
   OWL CAROUSEL DOTS
========================================== */

.bvn-gallery-main-slider .owl-dots {
    display: none;
}


/* ==========================================
   ZOOM EFFECT
========================================== */

.bvn-gallery-main-item img {
    transition: transform 0.4s ease;
}


.bvn-gallery-main-item.bvn-gallery-zoomed img {
    transform: scale(1.15);

    cursor: zoom-out;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 768px) {

    .bvn-gallery-wrapper {
        max-width: 100%;
    }


    .bvn-gallery-360-badge {
        top: 12px;
        left: 12px;

        width: 55px;
        height: 55px;
    }


    .bvn-gallery-actions {
        top: 12px;
        right: 12px;

        gap: 7px;
    }


    .bvn-gallery-action-btn {
        width: 38px;
        height: 38px;

        font-size: 14px;
    }


    .bvn-gallery-thumb-item {
        height: 75px;
    }


    .bvn-gallery-thumb-prev,
    .bvn-gallery-thumb-next {
        width: 36px;
        height: 36px;
    }

}


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

@media (max-width: 480px) {

    .bvn-gallery-thumbnail-area {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 5px;
        overflow: hidden;
    }

    .bvn-gallery-thumb-slider {
        width: calc(100% - 70px) !important;
        flex: 0 0 calc(100% - 70px);
        overflow: hidden;
    }

    /* 3 thumbnails in one row */
    .bvn-gallery-thumb-item {
        /* width: calc((100% - 10px) / 3) !important;
        min-width: calc((100% - 10px) / 3) !important; */
        /* max-width: calc((100% - 10px) / 3) !important; */

        height: 65px !important;
        aspect-ratio: auto !important;

        flex: 0 0 calc((100% - 10px) / 3) !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    .bvn-gallery-thumb-item img {
        width: 100% !important;
        height: 100% !important;
        display: block;
        object-fit: cover;
        object-position: center;
    }

    .bvn-gallery-thumb-prev,
    .bvn-gallery-thumb-next {
        width: 30px;
        min-width: 30px;
        height: 30px;
        font-size: 11px;
        flex-shrink: 0;
    }
    
}


/* .product_flex_pn {
    display: flex;
    gap: 25px;
} */




/* ==========================================
   CONTACT SECTION
========================================== */

.bvn-contact-section {
    width: 100%;
    padding: 0 0 50px;
    background: #ffffff;
    margin-top: -30px;
}


/* ==========================================
   CONTACT CARD
========================================== */

.bvn-contact-card {
    position: relative;

    /* height: 100%; */
    /* min-height: 315px; */
    /* width: 24%; */

    padding: 28px 20px 25px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    background: #ffffff;

    border: 1px solid #eeeeee;
    border-radius: 10px;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);

    transition: all 0.3s ease;

    box-sizing: border-box;
}


/* ==========================================
   TOP BLUE AREA
========================================== */

/* .bvn-contact-card::before {
    content: "";

    position: absolute;

    top: -1px;
    left: -1px;

    width: calc(100% + 2px);
    height: 28px;

    background: #062344;

    border-radius: 4px 4px 0 0;
} */


/* ==========================================
   ICON
========================================== */

.bvn-contact-icon {
    position: relative;
    z-index: 2;

    width: 76px;
    height: 76px;

    margin-top: -5px;

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

    border-radius: 50%;

    background: #062344;

    color: #e3a333;

    font-size: 29px;

    border: 3px solid #ffffff;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
}


/* ==========================================
   TITLE
========================================== */

.bvn-contact-card h3 {
    margin: 18px 0 14px;

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

    line-height: 1.3;

    color: #172943;
}


/* ==========================================
   DESCRIPTION
========================================== */

.bvn-contact-card p {
    margin: 0;

    min-height: 55px;

    font-size: 14px;
    line-height: 1.7;

    color: #626262;
}


/* ==========================================
   LINK
========================================== */

.bvn-contact-link {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    /* margin-top: auto; */
    padding-top: 18px;

    color: #c19146;

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

    text-decoration: none;

    transition: all 0.3s ease;
}


.bvn-contact-link span {
    font-size: 20px;

    line-height: 1;

    transition: transform 0.3s ease;
}


.bvn-contact-link:hover {
    color: #062344;
}


.bvn-contact-link:hover span {
    transform: translateX(5px);
}


/* ==========================================
   HOVER
========================================== */

.bvn-contact-card:hover {
    transform: translateY(-5px);

    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10);
}


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





/* ==========================================
   CONTACT FORM SECTION
========================================== */

.bvn-contact-form-section {
    width: 100%;
    padding: 0px 0 50px;
    background: #ffffff;
}


/* ==========================================
   LEFT FORM BOX
========================================== */

.bvn-contact-form-box {
    height: 100%;
    padding: 32px;

    background: #061f43;

    border: 1px solid #17365e;
    border-radius: 10px;

    box-sizing: border-box;
}


/* ==========================================
   FORM HEADING
========================================== */

.bvn-contact-form-box h2 {
    margin: 0;

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

    line-height: 1.3;

    color: #ffffff;
}


.bvn-contact-form-box h2 span {
    color: #c19146;
}


/* ==========================================
   GOLD HEADING LINE
========================================== */

.bvn-contact-form-line,
.bvn-contact-info-line {
    position: relative;

    width: 85px;
    height: 3px;

    margin: 12px 0 20px;

    background: #c19146;
}


.bvn-contact-form-line::after,
.bvn-contact-info-line::after {
    content: "";

    position: absolute;

    top: -3px;
    right: 0;

    width: 7px;
    height: 7px;

    background: #c19146;

    border-radius: 50%;
}


/* ==========================================
   INTRO TEXT
========================================== */

.bvn-contact-form-intro {
    margin: 0 0 22px;

    font-size: 14px;
    line-height: 1.6;

    color: #d8e0eb;
}


/* ==========================================
   FORM LABEL
========================================== */

.bvn-contact-form-label {
    display: block;

    margin-bottom: 8px;

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

    color: #ffffff;
}


.bvn-contact-form-label span {
    color: #e2496b;
}


/* ==========================================
   INPUT WRAPPER
========================================== */

.bvn-contact-form-input-wrap {
    position: relative;
}


/* ==========================================
   INPUT ICON
========================================== */

.bvn-contact-form-input-wrap i {
    position: absolute;

    top: 50%;
    left: 16px;

    transform: translateY(-50%);

    color: #c19146;

    font-size: 17px;

    pointer-events: none;
}


/* ==========================================
   INPUT
========================================== */

.bvn-contact-form-input {
    width: 100%;
    height: 64px;

    padding: 0 15px 0 54px;

    background: #102d51;

    border: 1px solid #28476d;
    border-radius: 5px;

    outline: none;

    color: #ffffff;

    font-size: 14px;

    box-sizing: border-box;

    transition: all 0.3s ease;
}


.bvn-contact-form-input::placeholder {
    color: #9baabd;
}


.bvn-contact-form-input:focus {
    border-color: #c19146;

    box-shadow: 0 0 0 2px rgba(217, 154, 43, 0.10);
}


/* ==========================================
   TEXTAREA
========================================== */

.bvn-contact-form-textarea-wrap {
    position: relative;
}


.bvn-contact-form-textarea-wrap i {
    position: absolute;

    top: 22px;
    left: 17px;

    color: #c19146;

    font-size: 17px;

    z-index: 2;
}


.bvn-contact-form-textarea {
    width: 100%;
    min-height: 140px;

    padding: 18px 15px 18px 54px;

    resize: vertical;

    background: #102d51;

    border: 1px solid #28476d;
    border-radius: 5px;

    outline: none;

    color: #ffffff;

    font-size: 14px;

    box-sizing: border-box;

    transition: all 0.3s ease;

    height: 50px;
}


.bvn-contact-form-textarea::placeholder {
    color: #9baabd;
}


.bvn-contact-form-textarea:focus {
    border-color: #c19146;

    box-shadow: 0 0 0 2px rgba(217, 154, 43, 0.10);
}


/* ==========================================
   SUBMIT AREA
========================================== */

.bvn-contact-form-submit-area {
    display: flex;
    justify-content: flex-end;

    margin-top: 25px;
}


/* ==========================================
   SUBMIT BUTTON
========================================== */

.bvn-contact-form-submit {
    min-width: 270px;

    height: 64px;

    padding: 0 25px;

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

    gap: 15px;

    border: none;
    border-radius: 5px;

    background: #c19146;

    color: #ffffff;

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

    cursor: pointer;

    transition: all 0.3s ease;
}


.bvn-contact-form-submit i {
    font-size: 16px;
}


.bvn-contact-form-submit:hover {
    background: #bd8220;

    transform: translateY(-2px);
}


/* ==========================================
   RIGHT INFORMATION BOX
========================================== */

.bvn-contact-info-box {
    height: 100%;

    padding: 32px;

    background: #ffffff;

    border: 1px solid #eeeeee;
    border-radius: 8px;

    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);

    box-sizing: border-box;
}


/* ==========================================
   INFORMATION HEADING
========================================== */

.bvn-contact-info-box h2 {
    margin: 0;

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

    color: #172943;
}


.bvn-contact-info-box h2 span {
    color: #c19146;
}


/* ==========================================
   INFORMATION LINE
========================================== */

.bvn-contact-info-line {
    margin-bottom: 20px;
}


/* ==========================================
   INFORMATION ITEM
========================================== */

.bvn-contact-info-item {
    display: flex;
    align-items: flex-start;

    gap: 18px;

    margin-bottom: 25px;
}


/* ==========================================
   INFORMATION ICON
========================================== */

.bvn-contact-info-icon {
    width: 32px;
    min-width: 32px;

    padding-top: 2px;

    text-align: center;

    color: #c19146;

    font-size: 21px;
}


/* ==========================================
   INFORMATION TEXT
========================================== */

.bvn-contact-info-content {
    flex: 1;
}


.bvn-contact-info-content h4 {
    margin: 0 0 4px;

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

    color: #172943;
    text-transform: capitalize;
}


.bvn-contact-info-content p {
    margin: 0;

    font-size: 13px;
    line-height: 1.5;

    color: #6b6b6b;
}


/* ==========================================
   GOOGLE RATING
========================================== */

.bvn-contact-rating {
    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 8px;
}


.bvn-contact-rating strong {
    font-size: 14px;

    color: #333333;
}


.bvn-contact-stars {
    color: #c19146;

    font-size: 17px;

    letter-spacing: 1px;
}


.bvn-contact-rating small {
    font-size: 12px;

    color: #777777;
}


/* ==========================================
   SOCIAL AREA
========================================== */

.bvn-contact-social-area {
    margin-top: 25px;

    padding-top: 18px;

    border-top: 1px solid #eeeeee;
}


.bvn-contact-social-area h3 {
    margin: 0 0 15px;

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

    color: #172943;
}


/* ==========================================
   SOCIAL ICON LIST
========================================== */

.bvn-contact-social-list {
    display: flex;
    align-items: center;

    gap: 15px;
}


.bvn-contact-social-list a {
    width: 52px;
    height: 52px;

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

    border: 1px solid #eeeeee;

    border-radius: 50%;

    color: #172943;

    background: #ffffff;

    font-size: 17px;

    text-decoration: none;

    transition: all 0.3s ease;
}


.bvn-contact-social-list a:hover {
    background: #062344;

    border-color: #062344;

    color: #ffffff;

    transform: translateY(-3px);
}


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

@media (max-width: 767px) {

    .bvn-contact-form-section {
        padding: 35px 0;
    }


    .bvn-contact-form-box,
    .bvn-contact-info-box {
        padding: 25px 20px;
    }


    .bvn-contact-form-box h2,
    .bvn-contact-info-box h2 {
        font-size: 23px;
    }


    .bvn-contact-form-submit-area {
        justify-content: stretch;
    }


    .bvn-contact-form-submit {
        width: 100%;
        min-width: auto;
    }


    .bvn-contact-info-item {
        gap: 12px;
    }

}



/* ==========================================
   BENEFIT SECTION
========================================== */

.bvn-benefit-section {
    width: 100%;
    padding: 20px 0;
    background: #ffffff;
}


/* ==========================================
   MAIN FLEX CONTAINER
========================================== */

.bvn-benefit-container {
    width: 100%;
    max-width: 1300px;

    margin: 0 auto;
    padding: 15px 10px;

    display: flex;
    align-items: center;

    background: #ffffff;

    border: 1px solid #eeeeee;
    border-radius: 8px;

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

    box-sizing: border-box;
}


/* ==========================================
   BENEFIT ITEM
========================================== */

.bvn-benefit-item {
    flex: 1;

    min-height: 75px;

    padding: 8px 20px;

    display: flex;
    align-items: center;

    border-right: 1px solid #eeeeee;

    box-sizing: border-box;
}


/* Last item */

.bvn-benefit-last {
    border-right: none;
}


/* ==========================================
   ICON
========================================== */

.bvn-benefit-icon {
    width: 55px;
    min-width: 55px;
    height: 55px;

    margin-right: 14px;

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

    color: #d7a044;

    font-size: 36px;

    transition: transform 0.3s ease;
}


/* ==========================================
   CONTENT
========================================== */

.bvn-benefit-content {
    flex: 1;
}


.bvn-benefit-content h4 {
    margin: 0 0 5px;

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

    line-height: 1.25;

    color: #172943;
    text-transform: capitalize;
}


.bvn-benefit-content p {
    margin: 0;

    font-size: 13px;
    line-height: 1.3;

    color: #555555;
}


/* ==========================================
   HOVER
========================================== */

.bvn-benefit-item:hover .bvn-benefit-icon {
    transform: scale(1.08);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .bvn-benefit-container {
        flex-wrap: wrap;
    }

    .bvn-benefit-item {
        flex: 0 0 50%;

        border-right: none;
        border-bottom: 1px solid #eeeeee;

        padding: 15px 20px;
    }

    .bvn-benefit-item:nth-child(odd) {
        border-right: 1px solid #eeeeee;
    }

    .bvn-benefit-item:nth-child(4),
    .bvn-benefit-item:nth-child(5) {
        border-bottom: none;
    }

}


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

@media (max-width: 575px) {

    .bvn-benefit-section {
        padding: 15px 0;
    }

    .bvn-benefit-container {
        /* display: block; */

        padding: 10px;
    }

    .bvn-benefit-item {
        width: 100%;

        min-height: 70px;

        padding: 12px 15px;

        border-right: none !important;
        border-bottom: 1px solid #eeeeee !important;
    }

    .bvn-benefit-last {
        border-bottom: none !important;
    }

    .bvn-benefit-icon {
        width: 48px;
        min-width: 48px;
        height: 48px;

        margin-right: 12px;

        font-size: 30px;
    }

    .bvn-benefit-content h4 {
        font-size: 14px;
    }

    .bvn-benefit-content p {
        font-size: 12px;
    }

}

/* ==========================================
   OFFICE MAP SECTION
========================================== */

.bvn-office-map-section {
    width: 100%;
    padding: 25px 0;
    background: #ffffff;
}


/* ==========================================
   CONTAINER
========================================== */

/* .bvn-office-map-container {
    width: 100%;
    max-width: 1300px;

    margin: 0 auto;
    padding: 0 15px;

    box-sizing: border-box;
} */


/* ==========================================
   MAP WRAPPER
========================================== */

.bvn-office-map-wrapper {
    
    width: 100%;
    height: 320px;

    overflow: hidden;

    border-radius: 8px;

    background: #eeeeee;
}


/* ==========================================
   GOOGLE MAP
========================================== */

/* .bvn-office-map-frame {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    display: block;

    border: 0;
} */


/* ==========================================
   OFFICE CARD
========================================== */

.bvn-office-map-card {
    /* position: absolute; */

    top: 20px;
    left: 40px;

    z-index: 5;

    /* width: 380px; */

    padding: 38px 32px;

    background: #062344;

    border-radius: 7px;

    box-sizing: border-box;

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


/* ==========================================
   HEADING
========================================== */

.bvn-office-map-card h2 {
    margin: 0 0 15px;

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

    line-height: 1.3;

    color: #ffffff;
}


/* ==========================================
   DESCRIPTION
========================================== */

.bvn-office-map-card p {
    margin: 0 0 25px;

    max-width: 320px;

    font-size: 15px;
    line-height: 1.8;

    color: #d9e1eb;
}


/* ==========================================
   BUTTON
========================================== */

.bvn-office-map-button {
    width: 170px;
    height: 55px;

    padding: 0 20px;

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

    background: #c19146;

    border-radius: 4px;

    color: #ffffff;

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

    text-decoration: none;

    box-sizing: border-box;

    transition: all 0.3s ease;
}
.bvn-office-map-wrapper-up {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 20px;
    align-items: stretch;
    width: 100%;
}


.bvn-office-map-button i {
    font-size: 16px;

    transition: transform 0.3s ease;
}


.bvn-office-map-button:hover {
    background: #bd8220;
    color: #ffffff;
}


.bvn-office-map-button:hover i {
    transform: translateX(4px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .bvn-office-map-wrapper {
        height: 320px;
    }

    .bvn-office-map-card {
        left: 25px;

        width: 350px;

        padding: 30px;
    }

}


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

@media (max-width: 767px) {

   

    .bvn-office-map-container {
        padding: 0;
    }

    .bvn-office-map-wrapper {
        height: 500px;
    }

    .bvn-office-map-card {
        top: 20px;
        left: 15px;
        right: 15px;

        width: auto;

        padding: 28px 22px;
    }

    .bvn-office-map-card h2 {
        font-size: 22px;
    }

    .bvn-office-map-card p {
        font-size: 14px;
    }

    .bvn-office-map-button {
        width: 100%;
    }

}


.bvn-faq-list {
    width: 100%;

    display: flex;
    gap: 20px;

    align-items: flex-start;
}


.bvn-faq-column {
    width: 50%;

    display: flex;
    flex-direction: column;

    gap: 8px;

    align-items: stretch;
}


.bvn-faq-item {
    width: 100%;

    background: #f5f6f8;

    border-radius: 3px;

    overflow: hidden;

    box-sizing: border-box;
}


/* Question */

.bvn-faq-question {
    width: 100%;
    min-height: 52px;

    padding: 0 18px;

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

    border: none;
    outline: none;

    background: #f5f6f8;

    color: #001944;

    /* font-size: 15px; */
    font-weight: 600;

    text-align: left;

    cursor: pointer;
}


/* Icon */

.bvn-faq-question i {
    color: #c19146;

    font-size: 15px;

    transition: transform 0.3s ease;
}


/* Answer */

.bvn-faq-answer {
    display: grid;

    grid-template-rows: 0fr;

    transition: grid-template-rows 0.35s ease;
}


.bvn-faq-answer-content {
    min-height: 0;

    overflow: hidden;

    padding: 0 18px;

    color: #596574;

    font-size: 14px;

    line-height: 1.7;

    transition: padding 0.35s ease;
}


/* Active */

.bvn-faq-item.bvn-faq-active .bvn-faq-answer {
    grid-template-rows: 1fr;
}


.bvn-faq-item.bvn-faq-active .bvn-faq-answer-content {
    padding-top: 12px;
    padding-bottom: 15px;
}


.bvn-faq-item.bvn-faq-active .bvn-faq-question i {
    transform: rotate(45deg);
}


/* Mobile */

@media (max-width: 767px) {

    .bvn-faq-list {
        display: block;
    }

    .bvn-faq-column {
        width: 100%;

        margin-bottom: 8px;
    }

}

/* ==========================================
   FAQ HEADING
========================================== */

.bvn-faq-heading {
    text-align: center;

    margin-bottom: 25px;
}


.bvn-faq-heading h2 {
    margin: 0;

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

    line-height: 1.3;

    color: #172943;
}
section.bvn-faq-section {
    padding-bottom: 50px;
}



/* ==========================================
   RESOURCE FILTER SECTION
========================================== */

.bvn-resource-filter-section {
    width: 100%;
    padding: 20px 0;
    background: #ffffff;
}


/* ==========================================
   MAIN WRAPPER
========================================== */

.bvn-resource-filter-wrapper {
   
   

    display: flex;
    align-items: center;
    gap: 24px;
}


/* ==========================================
   SEARCH BOX
========================================== */

.bvn-resource-search {
    width: 395px;
    min-width: 395px;
    height: 52px;

    display: flex;
    align-items: center;

    padding: 0 18px;

    background: #ffffff;

    border: 1px solid #eeeeee;
    border-radius: 8px;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);

    box-sizing: border-box;
}


.bvn-resource-search i {
    margin-right: 12px;

    color: #7d8793;

    font-size: 16px;
}


.bvn-resource-search input {
    width: 100%;
    height: 100%;

    padding: 0;

    border: none;
    outline: none;

    background: transparent;

    color: #333333;

    font-size: 14px;
}


.bvn-resource-search input::placeholder {
    color: #8a929c;
}


/* ==========================================
   FILTER BUTTONS
========================================== */

.bvn-resource-buttons {
    flex: 1;

    display: flex;
    align-items: center;

    gap: 10px;

    overflow-x: auto;

    scrollbar-width: none;
}


.bvn-resource-buttons::-webkit-scrollbar {
    display: none;
}


/* ==========================================
   FILTER BUTTON
========================================== */

.bvn-resource-btn {
    flex-shrink: 0;

    min-width: 120px;
    height: 44px;

    padding: 0 20px;

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

    border: 2px solid #e2c98f;
    border-radius: 25px;

    background: #ffffff;

    color: #172943;

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

    cursor: pointer;

    white-space: nowrap;

    transition: all 0.3s ease;
}


/* Different widths */

.bvn-resource-btn[data-filter="all"] {
    min-width: 78px;
}

.bvn-resource-btn[data-filter="catalogues"] {
    min-width: 122px;
}

.bvn-resource-btn[data-filter="price-lists"] {
    min-width: 120px;
}

.bvn-resource-btn[data-filter="technical-docs"] {
    min-width: 145px;
}

.bvn-resource-btn[data-filter="certificates"] {
    min-width: 130px;
}

.bvn-resource-btn[data-filter="videos"] {
    min-width: 100px;
}

.bvn-resource-btn[data-filter="faqs"] {
    min-width: 90px;
}


/* ==========================================
   HOVER
========================================== */

.bvn-resource-btn:hover {
    background: #f8f2e6;
    border-color: #d7a044;
}


/* ==========================================
   ACTIVE BUTTON
========================================== */

.bvn-resource-btn.bvn-resource-active {
    background: #062344;

    border-color: #062344;

    color: #ffffff;

    box-shadow: 0 3px 8px rgba(6, 35, 68, 0.18);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .bvn-resource-filter-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .bvn-resource-search {
        width: 100%;
        min-width: 100%;
    }

    .bvn-resource-buttons {
        width: 100%;
    }

}


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

@media (max-width: 575px) {

    .bvn-resource-filter-section {
        padding: 15px 0;
    }

    .bvn-resource-filter-wrapper {
        padding: 0 12px;
    }

    .bvn-resource-search {
        height: 48px;
    }

    .bvn-resource-btn {
        height: 42px;

        font-size: 12px;

        padding: 0 17px;
    }

}



/* ==========================================
   FEATURED RESOURCE SECTION
========================================== */

.bvn-featured-resource-section {
    width: 100%;
    padding: 30px 0;

    background: #ffffff;
}


/* ==========================================
   CONTAINER
========================================== */




/* ==========================================
   HEADING
========================================== */

.bvn-featured-resource-heading {
    margin-bottom: 15px;
}





/* .bvn-featured-resource-heading span {
    display: block;

    width: 35px;
    height: 3px;

    margin-top: 7px;

    background: #d59a2e;
} */


/* ==========================================
   RESOURCE LIST
========================================== */

.bvn-featured-resource-list {
    width: 100%;

    display: flex;

    gap: 28px;
}


/* ==========================================
   RESOURCE CARD
========================================== */

.bvn-featured-resource-card {
    position: relative;

    flex: 1;

    min-width: 0;

    padding: 15px;

    background: #ffffff;

    border: 1px solid #eeeeee;
    border-radius: 7px;

    box-sizing: border-box;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);

    transition: all 0.3s ease;
}


.bvn-featured-resource-card:hover {
    transform: translateY(-3px);

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* ==========================================
   FEATURED BADGE
========================================== */

.bvn-featured-resource-badge {
    position: absolute;

    top: 12px;
    right: 12px;

    padding: 5px 9px;

    background: #d59a2e;

    color: #ffffff;

    border-radius: 3px;

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

    line-height: 1;
}


/* ==========================================
   TOP CONTENT
========================================== */

.bvn-featured-resource-top {
    min-height: 175px;

    display: flex;
    align-items: center;

    gap: 17px;

    padding-top: 5px;
}


/* ==========================================
   IMAGE
========================================== */

.bvn-featured-resource-image {
    width: 128px;
    min-width: 128px;
    height: 175px;

    overflow: hidden;

    border-radius: 3px;

    background: #f4f4f4;
}


.bvn-featured-resource-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* ==========================================
   RESOURCE INFORMATION
========================================== */

.bvn-featured-resource-info {
    flex: 1;
}


.bvn-featured-resource-info h3 {
    margin: 15px 0 14px;

    color: #13243d;

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

    line-height: 1.35;
}


.bvn-featured-resource-info p {
    margin: 0;

    color: #555b63;

    font-size: 12px;
    line-height: 1.55;
}


/* ==========================================
   META INFORMATION
========================================== */

.bvn-featured-resource-meta {
    min-height: 35px;

    margin-top: 10px;

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

    gap: 8px;
}


.bvn-featured-resource-meta span {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #5e6268;

    font-size: 11px;

    white-space: nowrap;
}


.bvn-featured-resource-meta i {
    color: #6b7077;

    font-size: 14px;
}


.bvn-featured-resource-meta span:first-child i {
    color: #d94735;
}


/* ==========================================
   DOWNLOAD BUTTON
========================================== */

.bvn-featured-resource-download {
    width: 100%;
    height: 38px;

    margin-top: 7px;

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

    gap: 8px;

    background: #062344;

    border-radius: 4px;

    color: #ffffff;

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

    text-decoration: none;

    transition: all 0.3s ease;
}


.bvn-featured-resource-download:hover {
    background: #d59a2e;

    color: #ffffff;
}


.bvn-featured-resource-download i {
    font-size: 14px;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1100px) {

    /* .bvn-featured-resource-list {
        gap: 10px;
    } */

    .bvn-featured-resource-card {
        padding: 5px;
    }

    .bvn-featured-resource-top {
        gap: 12px;
    }

    /* .bvn-featured-resource-image {
        width: 105px;
        min-width: 105px;
        height: 155px;
    } */

    .bvn-featured-resource-info h3 {
        font-size: 14px;
    }

}


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

@media (max-width: 767px) {

    .bvn-featured-resource-section {
        padding: 25px 0;
    }

    .bvn-featured-resource-list {
        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 10px;
    }

    .bvn-featured-resource-top {
        min-height: auto;

        align-items: flex-start;
    }

    .bvn-featured-resource-image {
        width: 100%;
        height: auto;
        /* min-width: 90px;
        height: 125px; */
    }

    .bvn-featured-resource-info h3 {
        font-size: 13px;

        margin-bottom: 8px;
    }

    .bvn-featured-resource-info p {
        font-size: 11px;
    }

    .bvn-featured-resource-meta {
        flex-wrap: wrap;
    }
    .bvn-featured-resource-top{
        flex-direction: column;
    }

}


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

/* @media (max-width: 575px) {

   

    .bvn-featured-resource-top {
        min-height: 145px;
    }

    .bvn-featured-resource-image {
        width: 110px;
        min-width: 110px;
        height: 145px;
    }

} */




/* ==========================================
   RESOURCE CATEGORY SECTION
========================================== */

.bvn-resource-category-section {
    width: 100%;
    padding: 30px 0;

    background: #ffffff;
}


/* ==========================================
   CONTAINER
========================================== */

.bvn-resource-category-container {
    width: 100%;
    max-width: 1300px;

    margin: 0 auto;
    padding: 0 15px;

    box-sizing: border-box;
}


/* ==========================================
   HEADING
========================================== */

.bvn-resource-category-heading {
    margin-bottom: 12px;
}




/* .bvn-resource-category-heading span {
    display: block;

    width: 35px;
    height: 3px;

    margin-top: 7px;

    background: #d59a2e;
} */


/* ==========================================
   CATEGORY GRID
========================================== */

.bvn-resource-category-grid {
    display: grid;

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

    gap: 10px 14px;
}


/* ==========================================
   CATEGORY CARD
========================================== */

.bvn-resource-category-card {
    position: relative;

    min-height: 188px;

    padding: 15px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 4px;

    box-sizing: border-box;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);

    transition: all 0.3s ease;
}


.bvn-resource-category-card:hover {
    transform: translateY(-2px);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}


/* ==========================================
   CARD TOP
========================================== */

.bvn-resource-category-top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 10px;
}


/* ==========================================
   TITLE
========================================== */

.bvn-resource-category-title {
    display: flex;

    align-items: center;

    gap: 15px;
}


.bvn-resource-category-title > i {
    width: 32px;

    color: #12243d;

    font-size: 27px;

    text-align: center;
}


.bvn-resource-category-title h3 {
    margin: 0;

    color: #172943;

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

    line-height: 1.3;
}


/* ==========================================
   COUNT
========================================== */

.bvn-resource-category-count {
    flex-shrink: 0;

    min-width: 30px;
    height: 25px;

    padding: 0 7px;

    display: inline-flex;

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

    color: #c78d28;

    background: #ffffff;

    border: 1px solid #dcb879;

    border-radius: 3px;

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

    box-sizing: border-box;
}


/* ==========================================
   CONTENT
========================================== */

.bvn-resource-category-content {
    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 5px;
}


.bvn-resource-category-content a {
    color: #303a49;

    font-size: 12px;

    line-height: 1.4;

    text-decoration: none;

    transition: color 0.2s ease;
}


.bvn-resource-category-content a:not(.bvn-resource-category-view):hover {
    color: #c78d28;
}


/* ==========================================
   VIEW ALL
========================================== */

.bvn-resource-category-view {
    margin-top: 2px;

    color: #172943 !important;

    font-weight: 700;
}


.bvn-resource-category-view i {
    margin-left: 4px;

    color: #c78d28;

    font-size: 10px;
}


/* ==========================================
   BACKGROUND ICON
========================================== */

.bvn-resource-category-bg-icon {
    position: absolute;

    right: 15px;
    bottom: 14px;

    color: rgba(20, 38, 62, 0.08);

    font-size: 62px;

    z-index: 1;

    pointer-events: none;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1100px) {

    .bvn-resource-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


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

@media (max-width: 600px) {

    .bvn-resource-category-section {
        padding: 25px 0;
    }

    .bvn-resource-category-grid {
        /* grid-template-columns: 1fr; */

        gap: 10px;
    }

    .bvn-resource-category-card{
        padding: 10px;
    }

}


/* ==========================================
   INSTALLATION VIDEO SECTION
========================================== */

.bvn-install-video-section {
    width: 100%;
    padding: 30px 0;

    background: #ffffff;
}





/* ==========================================
   HEADING
========================================== */

.bvn-install-video-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 10px;
}




.bvn-install-video-heading span {
    display: block;

    width: 35px;
    height: 3px;

    margin-top: 6px;

    background: #d59a2e;
}


/* ==========================================
   VIEW ALL
========================================== */

.bvn-install-video-view-all {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: #172943;

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

    text-decoration: none;

    transition: all 0.3s ease;
}


.bvn-install-video-view-all i {
    color: #172943;

    font-size: 11px;

    transition: transform 0.3s ease;
}


.bvn-install-video-view-all:hover {
    color: #d59a2e;
}


.bvn-install-video-view-all:hover i {
    transform: translateX(4px);

    color: #d59a2e;
}


/* ==========================================
   VIDEO LIST
========================================== */

.bvn-install-video-list {
    display: grid;

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

    gap: 22px;
}


/* ==========================================
   VIDEO CARD
========================================== */

.bvn-install-video-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 6px;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);

    transition: all 0.3s ease;
}


.bvn-install-video-card:hover {
    transform: translateY(-3px);

    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.08);
}


/* ==========================================
   VIDEO IMAGE
========================================== */

.bvn-install-video-image {
    position: relative;

    display: block;

    width: 100%;

    height: 138px;

    overflow: hidden;

    background: #eeeeee;

    text-decoration: none;
}


.bvn-install-video-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.4s ease;
}


.bvn-install-video-card:hover
.bvn-install-video-image img {
    transform: scale(1.04);
}


/* ==========================================
   PLAY BUTTON
========================================== */

.bvn-install-video-play {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 50px;
    height: 50px;

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

    transform: translate(-50%, -50%);

    background: rgba(5, 30, 58, 0.88);

    border-radius: 50%;

    color: #ffffff;

    font-size: 17px;

    transition: all 0.3s ease;
}


.bvn-install-video-play i {
    margin-left: 3px;
}


.bvn-install-video-card:hover
.bvn-install-video-play {
    background: #d59a2e;

    transform: translate(-50%, -50%) scale(1.08);
}


/* ==========================================
   VIDEO DURATION
========================================== */

.bvn-install-video-duration {
    position: absolute;

    right: 7px;
    bottom: 6px;

    padding: 3px 6px;

    background: rgba(5, 30, 58, 0.95);

    border-radius: 3px;

    color: #ffffff;

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

    line-height: 1.2;
}


/* ==========================================
   VIDEO CONTENT
========================================== */

.bvn-install-video-content {
    padding: 10px 13px 12px;
}


.bvn-install-video-content h3 {
    margin: 0 0 4px;

    color: #172943;

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

    line-height: 1.35;
}


.bvn-install-video-content p {
    margin: 0;

    color: #6b7077;

    font-size: 12px;

    line-height: 1.4;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .bvn-install-video-list {
        grid-template-columns: repeat(2, 1fr);

        gap: 15px;
    }

}


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

@media (max-width: 575px) {

    .bvn-install-video-section {
        padding: 25px 0;
    }

    .bvn-install-video-heading h2 {
        font-size: 20px;
    }

    .bvn-install-video-view-all {
        font-size: 11px;
    }

    .bvn-install-video-list {
        /* grid-template-columns: 1fr; */

        gap: 12px;
    }

    .bvn-install-video-image {
        height: 190px;
    }

}

.coroporate_location {
   display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.control_maj{
    margin-bottom: 40px !important;
}
.space_one{
    padding: 60px 0 30px;
}



/*================================================== 

start main menu

=============================================================*/

/* =========================================================
   MOBILE OFFCANVAS MENU
========================================================= */

.dm_mobile_menu,
.dm_mobile_overlay {
    display: none;
}


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

@media (max-width: 991px) {

    /* Hide Desktop Navigation */
    .navigation {
        display: none !important;
    }

    /* Show Mobile Toggle */
    .menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 24px;
        width: 45px;
        /* height: 45px; */
        z-index: 10001;
    }


    /* -----------------------------------------------------
       OVERLAY
    ----------------------------------------------------- */

    .dm_mobile_overlay {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);

        opacity: 0;
        visibility: hidden;

        transition:
            opacity 0.3s ease,
            visibility 0.3s ease;

        z-index: 99998;
    }


    /* -----------------------------------------------------
       MOBILE MENU
    ----------------------------------------------------- */

    .dm_mobile_menu {

        display: flex;
        flex-direction: column;

        position: fixed;

        top: 0;
        left: 0;

        width: min(350px, 88vw);
        height: 100vh;

        background: #fff;

        z-index: 99999;

        transform: translateX(-100%);

        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);

        overflow-y: auto;

        box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
    }


    /* OPEN STATE */

    body.dm_mobile_menu_open .dm_mobile_menu {
        transform: translateX(0);
    }

    body.dm_mobile_menu_open .dm_mobile_overlay {
        opacity: 1;
        visibility: visible;
    }


    /* Prevent Background Scroll */

    body.dm_mobile_menu_open {
        overflow: hidden;
    }


    /* -----------------------------------------------------
       MOBILE HEADER
    ----------------------------------------------------- */

    .dm_mobile_menu_header {

        display: flex;

        align-items: center;
        justify-content: space-between;

        padding: 15px 20px;

        border-bottom: 1px solid #eee;

        flex-shrink: 0;
    }


    .dm_mobile_logo img {

        max-width: 180px;
        height: auto;
        display: block;
    }


    .dm_mobile_close {

        width: 40px;
        height: 40px;

        border: 0;
        background: transparent;

        font-size: 24px;

        cursor: pointer;

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


    /* -----------------------------------------------------
       MOBILE NAV
    ----------------------------------------------------- */

    .dm_mobile_nav {

        padding: 10px 20px 0;
    }


    .dm_mobile_menu_list {

        list-style: none;

        padding: 0;
        margin: 0;
    }


    .dm_mobile_menu_list > li {

        border-bottom: 1px solid #eeeeee;

        position: relative;
    }


    .dm_mobile_menu_list > li > a {

        display: flex;

        align-items: center;
        justify-content: space-between;

        padding: 14px 4px;

        color: #111;

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

        text-decoration: none;
    }


    .dm_mobile_menu_list > li > a:hover {
        color: #0b4da2;
    }


    /* -----------------------------------------------------
       SUBMENU
    ----------------------------------------------------- */

    .dm_mobile_submenu {

        list-style: none;

        margin: 0;
        padding: 0;

        display: none;

        background: #f7f8fa;
    }


    .dm_mobile_has_submenu.dm_submenu_open
    .dm_mobile_submenu {

        display: block;
    }


    .dm_mobile_submenu li a {

        display: block;

        padding: 11px 15px;

        color: #555;

        font-size: 14px;

        text-decoration: none;

        border-bottom: 1px solid #e9e9e9;
    }


    .dm_mobile_submenu li a:hover {
        color: #0b4da2;
    }


    /* Rotate arrow */

    .dm_mobile_has_submenu > a i {

        transition: transform 0.25s ease;
    }


    .dm_mobile_has_submenu.dm_submenu_open > a i {

        transform: rotate(180deg);
    }


    /* -----------------------------------------------------
       CONTACT INFORMATION
    ----------------------------------------------------- */

    .dm_mobile_contact {

        margin: 25px 20px 30px;

        padding-top: 20px;

        border-top: 1px solid #e5e5e5;
    }


    .dm_mobile_contact h4 {

        margin: 0 0 18px;

        font-size: 17px;

        font-weight: 700;

        color: #111;
    }


    .dm_mobile_contact_item {

        display: flex;

        align-items: flex-start;

        gap: 12px;

        margin-bottom: 15px;

        font-size: 14px;

        line-height: 1.5;
    }


    .dm_mobile_contact_item i {

        width: 20px;

        min-width: 20px;

        margin-top: 3px;

        color: #0b4da2;

        font-size: 15px;

        text-align: center;
    }


    .dm_mobile_contact_item span,
    .dm_mobile_contact_item a {

        color: #555;

        text-decoration: none;
    }


    .dm_mobile_contact_item a:hover {
        color: #0b4da2;
    }


    /* -----------------------------------------------------
       SOCIAL ICONS
    ----------------------------------------------------- */

    .dm_mobile_social {

        display: flex;

        align-items: center;

        gap: 8px;

        margin-top: 20px;
    }


    .dm_mobile_social a {

        width: 36px;
        height: 36px;

        border: 1px solid #ddd;

        border-radius: 50%;

        display: flex;

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

        color: #333;

        text-decoration: none;

        transition: all 0.25s ease;
    }


    .dm_mobile_social a:hover {

        color: #fff;
        background: #0b4da2;
        border-color: #0b4da2;
    }

}


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

@media (max-width: 480px) {

    .dm_mobile_menu {
        width: 88vw;
    }

    .dm_mobile_menu_header {
        padding: 13px 16px;
    }

    .dm_mobile_nav {
        padding-left: 16px;
        padding-right: 16px;
    }

    .dm_mobile_contact {
        margin-left: 16px;
        margin-right: 16px;
    }

}



/* =========================================
   BVENUS DEALER SECTION
========================================= */

.bv_dealer_section {
    width: 100%;
    padding: 70px 20px;
    background: #ffffff;
    box-sizing: border-box;
}

/* .bv_dealer_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
} */


/* =========================================
   INTRO
========================================= */

.bv_dealer_intro {
    margin-bottom: 45px;
}

.bv_dealer_intro h2 {
    margin: 0 0 15px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #071b3a;
}

.bv_dealer_intro h2 span,
.bv_dealer_why h2 span {
    color: #c7944b;
}

.bv_dealer_intro p {
    max-width: 600px;
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================================
   PROCESS
========================================= */

.bv_dealer_process {
    display: grid;
    grid-template-columns:
        1fr auto
        1fr auto
        1fr auto
        1fr;

    align-items: start;
    gap: 10px;

    margin-bottom: 30px;
}

.bv_dealer_step {
    text-align: center;
}

.bv_dealer_step_icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;

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

    border-radius: 50%;

    background: #fff8eb;
    color: #c7944b;

    font-size: 20px;
}

.bv_dealer_step_number {
    margin-bottom: 5px;

    color: #071b3a;

    font-size: 15px;
    font-weight: 700;
}

.bv_dealer_step h4 {
    margin: 0;

    color: #071b3a;

    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: capitalize;
}

.bv_dealer_arrow {
    padding-top: 28px;

    color: #c7944b;

    font-size: 20px;
}


/* =========================================
   WHY PARTNER
========================================= */

.bv_dealer_why h2 {
    margin: 0 0 15px;

    color: #001944;

    font-size: 34px;
    line-height: 1.3;
    font-weight: 700;
}


/* =========================================
   BENEFITS GRID
========================================= */

.bv_dealer_benefits {
    display: grid;

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

    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

.bv_dealer_benefit {
    

    padding: 20px 15px;

    text-align: center;

    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;

    box-sizing: border-box;

    transition: all 0.3s ease;
}

.bv_dealer_benefit:hover {
    background: #fffaf2;
}

.bv_dealer_benefit_icon {
    margin-bottom: 14px;

    color: #c7944b;

    font-size: 27px;
}

.bv_dealer_benefit h3 {
    margin: 0 0 10px;

    color: #001944;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}

.bv_dealer_benefit p {
    max-width: 210px;

    margin: 0 auto;

    color: #666;

    font-size: 13px;
    line-height: 1.7;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .bv_dealer_section {
        padding: 60px 20px;
    }

    .bv_dealer_intro h2 {
        font-size: 32px;
    }

    .bv_dealer_process {
        gap: 12px;
    }

    .bv_dealer_step_icon {
        width: 68px;
        height: 68px;
        font-size: 23px;
    }

    .bv_dealer_arrow {
        font-size: 16px;
    }

    .bv_dealer_benefits {
        grid-template-columns: repeat(2, 1fr);
    }

}


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

@media (max-width: 767px) {

    .bv_dealer_section {
        padding: 45px 15px;
    }


    /* Intro */

    .bv_dealer_intro {
        margin-bottom: 35px;
    }

    .bv_dealer_intro h2 {
        font-size: 27px;
    }

    .bv_dealer_intro p {
        font-size: 14px;
    }


    /* Process */

    .bv_dealer_process {
        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 30px 15px;

        margin-bottom: 65px;
    }

    .bv_dealer_arrow {
        display: none;
    }

    .bv_dealer_step_icon {
        width: 65px;
        height: 65px;
        font-size: 22px;
    }

    .bv_dealer_step h4 {
        font-size: 14px;
    }


    /* Why */

    .bv_dealer_why h2 {
        font-size: 26px;
        margin-bottom: 25px;
    }


    /* Benefits */

    /* .bv_dealer_benefits {
        grid-template-columns: 1fr;
    } */

    .bv_dealer_benefit {
        min-height: auto;
        padding: 25px 20px;
    }

}


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

@media (max-width: 480px) {

    .bv_dealer_intro h2 {
        font-size: 24px;
    }

    .bv_dealer_why h2 {
        font-size: 23px;
    }

    .bv_dealer_process {
        gap: 25px 10px;
    }

    .bv_dealer_step_icon {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }

    .bv_dealer_step h4 {
        font-size: 13px;
    }

}
.flex_mom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.step2_section{
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
}
.form_head_one h4{
    font-size: 20px;
    font-weight: 600;
}