:root{
    --color-secondary: #FFF211;
    --color-accent: #EC3237;
    --color-accent-dark: #B40005;
    --color-white: #fff;
    --color-black: #000000;
    --color-default: #444;
    --color-default-dark: #3F3C43;
    --color-dark: #231F27;
    --color-light: #f2f2f2;
    --dark-gray:#E3E3E3;
    --text-50: 4rem;
    --text-42: 2.4rem;
    --text-40: 2.4rem;
    --text-36: 2.4rem;
    --text-32: 2.4rem;
    --text-28: 2.4rem;
    --text-21: 2rem;
    --text-20: 1.8rem;
    --text-18: 1.7rem;
    --text-16: 1.6rem;
    --text-15: 1.5rem;
    --text-14: 1.4rem;
    --text-13: 1.4rem;
    --text-12: 1.3rem;
    --text-11: 1.1rem;
    --text-10: 1.0rem;
    --family-primery: "Archivo", sans-serif;
}
*{box-sizing: border-box; margin: 0; padding: 0;}
html,body{font-size: 62.5%;}
body{font-size: var(--text-13); font-weight: 400; background: var(--color-light); min-height: 100vh; display: flex; flex-direction: column; line-height: 1.5;  color: var(--color-default); font-family: var(--family-primery); }
.inner-container{margin-inline: auto; padding-inline: calc(var(--bs-gutter-x, 1.5rem) * .5)}
.max-width{max-width: 1920px; margin-inline: auto;}

@media (max-width: 767.98px){

    .container, .inner-container{max-width: 100%;}
}
@media (min-width: 768px){
    .container, .inner-container{
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .container, .inner-container {
        max-width: 960px;
    }
    /* .inner-container{
        max-width: 800px;
    } */
}
@media (min-width: 1200px){
    .container{
        max-width: 1100px;
    }
    .inner-container{
        max-width: 920px;
    }
}
@media (min-width: 1300px){
    :root{
        --text-50: 5rem;
        --text-42: 4.2rem;
        --text-40: 4.0rem;
        --text-36: 3.6rem;
        --text-32: 3.6rem;
        --text-28: 2.8rem;
        --text-21: 2.1rem;
        --text-20: 2.0rem;
        --text-18: 1.8rem;
        --text-16: 1.6rem;
        --text-15: 1.5rem;
        --text-14: 1.4rem;
        --text-13: 1.3rem;
        --text-12: 1.2rem;
        --text-11: 1.1rem;
        --text-10: 1.0rem;
    }
    .container{
        max-width: 1280px;
    }
    .inner-container{
        max-width: 1100px;
    }

}
@media (min-width: 1600px){
    .container{
        max-width: 1440px;
    }
    .inner-container{
        max-width: 1230px;
    }
    :root{
        --text-50: 5.6rem;
        --text-42: 4.2rem;
        --text-40: 4.4rem;
        --text-36: 4rem;
        --text-28: 3.2rem;
        --text-21: 2.6rem;
        --text-20: 2.4rem;
        --text-18: 2.2rem;
        --text-16: 1.8rem;
        --text-15: 1.7rem;
        --text-14: 1.6rem;
        --text-13: 1.5rem;
        --text-12: 1.4rem;
        --text-11: 1.3rem;
        --text-10: 1.2rem;
    }
}
@media (min-width: 1800px){
    .container{
        max-width: 1680px;
    }
    .inner-container{
        max-width: 1400px;
    }

    :root{
        --text-50: 6.4rem;
        --text-42: 5.4rem;
        --text-40: 4.8rem;
        --text-36: 4.2rem;
        --text-28: 3.6rem;
        --text-21: 3rem;
        --text-20: 2.6rem;
        --text-18: 2.4rem;
        --text-16: 2.1rem;
        --text-15: 2rem;
        --text-14: 1.8rem;
        --text-13: 1.8rem;
        --text-12: 1.5rem;
        --text-11: 1.4rem;
        --text-10: 1.3rem;

    }
}

@media (max-width: 767.98px){
    .container, .inner-container{--bs-gutter-x: 5rem}
    .inner-container.max-content{--bs-gutter-x: 3rem}
    .container>.inner-container{--bs-gutter-x: 0}
}
.ls-56{
    letter-spacing: -0.56px;
}
ul {
    list-style: none;
}
/*  */

a{ text-decoration: none; color: currentColor; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; cursor: pointer; }
a:hover{color: var(--color-accent);}
button, button:focus, .btn-focus{outline: none; box-shadow: none;}
p{margin-bottom: 0;}
p:not(:last-child){margin-bottom: 1.3em;}
figure{margin-bottom: 0;}

.font-10{font-size: var(--text-10);}
.font-12{font-size: var(--text-12);}
.font-13{font-size: var(--text-13);}
.font-14{font-size: var(--text-14);}
.font-16{font-size: var(--text-16);}
.font-20{font-size: var(--text-20); font-weight: 700;}
.font-21{font-size: var(--text-21);}
.font-28{font-size: var(--text-28); font-weight: 700;}
.font-48{font-size: var(--text-48); font-weight: 900; line-height: 1;}
.font-60{font-size: var(--text-60); font-weight: 700; line-height: 1;}

.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.fw-900{font-weight: 900;}


.bg-theme-secondary{ background-color: var(--color-secondary); color: var(--color-black);}
.bg-theme-accent{background-color: var(--color-accent); color: #fff; }
.bg-theme-black{background-color: var(--color-black); color: #fff; }


/* Buttons */

.btn{ height: auto; font-size: var(--text-14); line-height: 1.2; padding: .45em 1em; font-weight: 600; min-width: 8em; border-radius: .45em; -webkit-border-radius: .45em; -moz-border-radius: .45em; -ms-border-radius: .45em; -o-border-radius: .45em; }
.btn-link{border: none; background: transparent; text-decoration: none;}
.link-with-icon{display: flex; font-size: var(--text-12); column-gap: .77em; align-items: center;}
.btn-theme-accent{background: var(--color-accent); color: var(--color-white);}
.btn-theme-white{background: var(--color-white); color: var(--color-theme);}
.btn-theme-secondary{background: var(--color-secondary); color: var(--color-black);}
.btn-theme-black{background: var(--color-black); color: var(--color-white);}
.btn-sm{font-size: .9em;}
.btn-theme-accent:hover{background: var(--color-black); color: var(--color-white);}
.btn-theme-white:hover{background: var(--color-accent); color: var(--color-white);}

.link-icon{ width: 1.9em; aspect-ratio: 1/1; display: grid; place-items: center; border: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }
.link-icon img{ rotate: -90deg; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }
.link-icon.icon-white{background: #fff;}
.link-icon.icon-accent{background: var(--color-accent);}
.link-icon.icon-accent img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }

.btn-link:hover .link-icon.icon-white, .link-icon.icon-white:hover{background: var(--color-black);}
.btn-link:hover .link-icon.icon-white img, .link-icon.icon-white:hover img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }

@media (max-width: 767px){
    .link-icon img{max-width: .7rem; margin-top: 1px;}
}
/* Heading */
.heading {margin-bottom: 3em;}
.heading-top{font-size: var(--text-16); font-weight: 700; color: var(--color-accent); margin-bottom: .25em;}
.section-title{font-size: var(--text-42); font-weight: 700; color: var(--color-black); letter-spacing: -1.05px;}
.section-title28{font-size: var(--text-28); font-weight: 700; color: var(--color-black); }
.section-title:not(:last-child){margin-bottom: .5em;}



.comn_soon img{max-width: 100%;}

/* Swiper btns  */
.swiper-navs{display: flex; column-gap: 1rem;}

.swiper-navs :is(.swiper-button-next, .swiper-button-prev){ position: relative; margin: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; width: 1.8em; height: auto; aspect-ratio: 1/1; border: .1em solid var(--color-accent); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top: auto; left: auto; right: auto; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }
.swiper-navs :is(.swiper-button-next, .swiper-button-prev)::after{ font-size: 1em; color: var(--color-accent); transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all;  margin-top: 1px;}
.swiper-navs :is(.swiper-button-next, .swiper-button-prev):hover{border-color: var(--color-accent); background-color: var(--color-accent);}
.swiper-navs :is(.swiper-button-next, .swiper-button-prev):hover::after{color: var(--color-white);}
.border-top{border-top: 0.1rem solid var(--dark-gray);}


/* Tabs */
.nav-tabs .nav-link{ background: transparent; border-radius: 4px; border: none; color: var(--color-default-dark); line-height: 1.1; font-weight: 500; font-size: var(--text-13); padding: .73em .76em; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.nav-tabs .nav-link.active{background: var(--color-accent); color: var(--color-light);}


@media (max-width: 575px){
    .swiper-navs :is(.swiper-button-next, .swiper-button-prev)::after{ margin-top: 0px;}
}

/* Count */
[data-count]{font-size: var(--text-50); font-weight: 700; color: var(--color-accent);}

/* Bestselling & new Arriving Products  */
.best-sellers{padding-left: 5em; position: relative; z-index: 1;}
.best-sellers .heading{margin-bottom: 3em}
.best-sellers .heading .section-title28{margin-bottom: .5em;}
.best-sellers .heading> img{position: absolute; right: 0; top: 0;}
.best-sellers .swiper-navs :is(.swiper-button-next, .swiper-button-prev){ filter: drop-shadow(0px 0px 2px rgba(0,0,0,.15)); -webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,.15)); }
.best-sellers .swiper-navs :is(.swiper-button-next, .swiper-button-prev):after{color: var(--color-dark);}

.best-sellers .swiper-slide{ background: var(--color-white); text-align: center; padding-top: 2.7em; overflow: clip; border-radius: .73em; -webkit-border-radius: .73em; -moz-border-radius: .73em; -ms-border-radius: .73em; -o-border-radius: .73em; }
.best-sellers .swiper-slide h5{font-size: var(--text-16); padding-inline: 1em; padding-bottom: 3rem;}
.best-sellers .swiper-slide h5 a{
    color:#231f27;
}

.best-sellers .swiper-slide span{display: block; padding: 1.1em 2em; background: #EBEBEB; color: #B40005; font-size: var(--text-14);}
.best-sellers .swiper-slide p{margin-bottom: 2.3em; color: var(--color-default); font-size: var(--text-14);}
/* .best-sellers figure{max-width: 18em; margin-inline: auto;} */

@media (max-width: 992px){
    .best-sellers{padding-left: 0; margin-top: 3em;}
}

.best-sellers figure{
    padding: 0rem 3rem 2rem;
}

.best-sellers figure img{
    /*-webkit-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.18);
    box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.18);
    *//*filter:drop-shadow(20px 13px 32px #00000029);
    -webkit-filter:drop-shadow(2px 2px 2px gray);
    */
    /* filter:drop-shadow(2px 3px 2px gray); */
}


/* Social Media */
.social-media {padding-top: 9em; padding-bottom: 5em;}
.social-media .heading{margin-bottom: 3.8em;}
.social-thumb { position: relative; height: 100%; overflow: hidden; border-radius: .77em; -webkit-border-radius: .77em; -moz-border-radius: .77em; -ms-border-radius: .77em; -o-border-radius: .77em; margin: 0 .5rem; }
.social-thumb .social-icon{ position: absolute; width: 2.5em; aspect-ratio: 1/1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; right: 1.5em; top: 1.5em; background: #fff; display: grid; place-items: center;}
.social-thumb figure{height: 100%;}
.social-thumb figure img{aspect-ratio: 35/29;}
.social-thumb figcaption{position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0)60%); display: flex; flex-direction: column; align-items: flex-start; padding: 1.5em; justify-content: flex-end; color: #fff;}
.social-thumb time{font-size: var(--text-10); line-height: 1; margin-bottom: .6em;}
.social-thumb a{font-size: var(--text-16); ;line-height: 1.4; font-weight: 300;}
.social-thumb a::after{content: ''; position: absolute; inset: 0;}
.social-thumb a span{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
@media (max-width: 992px){
    .social-media .row{--bs-gutter-y: 1.5em}
    .social-media {padding-top: 5em; padding-bottom: 5em;}
}


/* Available on */
.available-on{padding-block: 5em 9em;}
.available-on .heading{margin-bottom: 2.5em;}
.available-on figure{padding: 1em 2.5em; background: #fff; text-align: center; height: 100%; display: grid; place-items: center;position: relative;}
.available-on figure img{ max-width: 100%; object-fit: contain;}
.available-on figure a {
    position: absolute;
    inset: 0;
    content: '';
}
.available-on .row .row{--bs-gutter-y: 1em}


@media (max-width: 992px){
    .available-on{padding-block: 0em 5em;}
}

.mobile-tabs{ display: flex; background: #3F3C43; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 100;}
.mobile-tabs .btn{ min-width: auto; padding-block: 1.3rem; width: 20%; flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-size: 11px; font-weight: 300; row-gap: .5rem; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.mobile-tabs .btn img{ height: 26px; max-width: 25px; object-fit: contain; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all;}
.mobile-tabs .btn.active{ background: #F5F5F5; color: var(--color-accent);  }
.mobile-tabs .btn.active img{ filter: none; -webkit-filter: none; }

.mobile-menu{ position: fixed; left: 0; width: 100%; bottom: 7rem; height: calc(100% - 7rem); background: #F5F5F5; z-index: 9999; translate: 0 calc(100vh + 7rem); transition: .8s all; -webkit-transition: .8s all; -moz-transition: .8s all; -ms-transition: .8s all; -o-transition: .8s all; }
.mobile-menu.show{translate: 0 0; }
.products-menu .product-grid{display: grid; grid-template-columns: repeat(2, 1fr); height: 100%; overflow-y: auto;}
.products-menu .product-grid h3{font-size: 21px; font-weight: 300; color: #818181;}
.products-menu .product-grid li{padding: 1.2rem 2em; position: relative; row-gap: 1rem; display: flex; justify-content: center; flex-direction: column; align-items: center; font-size: 14px; line-height: 1.35; text-align: center; margin-top: 0rem;}
.products-menu .product-grid li a{
    position: absolute;
    inset: 0;
    content: '';
}
.products-menu .product-grid figure{max-width: 7.5em;}
.products-menu .product-grid figure img{
    filter:drop-shadow(10px 10px 30px #00000033);
    -webkit-filter:drop-shadow(10px 10px 30px #00000033);
}
.products-menu .product-grid li:nth-child(2n + 1){border-right: 1px solid #eaeaea;}
.products-menu .product-grid li:not(:nth-child(-n + 2)){border-top: 1px solid #eaeaea;}
.products-menu .product-grid li:last-child{text-align: left;}

.cart-mobile-menu{ display: flex; flex-direction: column;}
.cart-mobile-menu h5{color: #000000; font-size: 28px; font-weight: 700; text-align: center; margin-bottom: .8em;}
.cart-mobile-menu .number{border-radius: 4px;max-width: 10rem;display: flex;justify-content: space-around;padding: 0.4rem 1rem;}
.cart-mobile-menu .cart-item h6{font-size: 14px; font-weight: 400; color: #444444;}
.cart-mobile-menu .cart-item p.price {font-size: 16px; color: #231F27; font-weight: 500; margin-bottom: 1em;}
.cart-mobile-menu .cart-item .qty {display: flex;align-items: center;column-gap: 1em;}
.cart-mobile-menu .cart-item .qty p{margin-block: auto;}
.cart-mobile-menu .number span { display: grid; width: 1.2em; height: 1.2em; background: #E3E3E3; place-items: center; font-size: 1.8rem; border-radius: 3px; line-height: .8; cursor: pointer; color: #707070; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
/* .cart-mobile-menu .number span::before{content: ''; position: absolute; left: 4px; right: 4px; height: 1px; background: #888;}
.cart-mobile-menu .number span.plus::after{content: ''; position: absolute; top: 4px; bottom: 4px; width: 1.5px; background: #888;} */
/* .cart-mobile-menu .number .plus {
    font-size: 2rem;
    cursor: pointer;
    color: #707070;
} */
.cart-mobile-menu .cart-menu-inner{flex-grow: 1; padding: 2em; background: #fff;display: flex; flex-direction: column;}
.cart-mobile-menu .cart-wrapper{flex-grow: 1; overflow-y: auto; height: 40vh;}
.cart-mobile-menu :is(.cart-wrapper, .cart-summary){width: 100%; max-width: 450px;margin-inline: auto;}
.cart-mobile-menu .number_counter{display: flex; align-items: center;}
.cart-mobile-menu .number input {border: none;padding: 0;font-size: var(--text-16);font-weight: 500;line-height: 1;text-align: center;width: 2em;background-color: transparent;}
.cart-mobile-menu .number input:focus {box-shadow: none; outline: none;}
.cart-mobile-menu .cart-item{display: flex;align-items: center; padding-block: 2rem; gap: 2rem;}
.cart-mobile-menu .cart-item:not(:last-child){border-bottom: 1px solid #eaeaea;}
.cart-mobile-menu .cart-item>figure{max-width: 9em;}
.cart-mobile-menu .cart-item .cart-details{flex-grow: 1;}
.cart-mobile-menu .cart-menu-footer{padding: 2.5rem 1.5em 1em; background: var(--color-light); text-align: center;}

.cart-menu-footer h6{font-size: 16px; font-weight: 500; color: var(--color-dark); display: flex; justify-content: space-between; align-items: center; margin-bottom: 1em;}
.cart-menu-footer h6 span{font-weight: 700; color: var(--color-accent);}
.cart-menu-footer .btn-theme-accent{font-size: 14px; font-weight: 300; padding-block: 1rem;}
.cart-menu-footer p{margin-top: .3em;}


.contact-mobile-menu{padding: 3.5em;}
.contact-mobile-menu h3{font-size: 28px; color: #000000; text-align: center; font-weight: 700;}
.contact-mobile-menu .contact-thumb{margin-top: 4em; text-align: center;}
.contact-mobile-menu .icon{display: flex; align-items: center; margin-bottom: 2em;}
.contact-mobile-menu .icon img{padding-inline: 1.5em;}
.contact-mobile-menu .icon::before, .contact-mobile-menu .icon::after{content: ''; display: block; flex-grow: 1;border: 1px solid #e0e0e0;}
.contact-mobile-menu p{font-size: 1.8rem; color: #231F27;}
.contact-mobile-menu p.email{font-size: 2.1rem; font-weight: 600;}



.main-mobile-menu .mobile-menu-inner{padding: 2em; height: 100%; overflow-y: auto; }
.main-mobile-menu li{border-bottom:1px solid #e0e0e0 ; position: ;}
.main-mobile-menu a{display: block; padding-block: 1em; font-size: 1.8rem; color: #000; line-height: 1.15;}
.main-mobile-menu .has-children>a{position: relative;}
.main-mobile-menu .has-children> a::before, .main-mobile-menu .has-children >a::after{ content: ''; position: absolute; width: 15px; border: 1px solid var(--color-dark); top: 50%; right: 1em; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }
.main-mobile-menu .has-children >a::after{rotate: 90deg;}
.main-mobile-menu .has-children >a.active::after{scale: 0;}
.main-mobile-menu .has-children ul.submenu{ position: relative; padding: .5em 1em; left: 0; display: none; margin-bottom: .5em; background: rgba(0,0,0,.1); border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }
.main-mobile-menu li li a{padding-block: .5em; font-size: 1.4rem; color: var(--color-dark); line-height: 1.5;}

@media (min-width: 992px){
    .mobile-menu-wrapper{display: none;}
}
@media (min-width: 374px){
    .contact-mobile-menu .contact-thumb{margin-top: 3.5em; text-align: center;}
}



.playVideo{ position: absolute; right: 5rem; bottom: 5rem; cursor: pointer; z-index: 4;}
/* .skill_wraper .playVideo img{width: 4rem;} */
@keyframes waves {
    0% {
        -webkit-transform: scale(.2,.2);
        transform: scale(.2,.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    50% {
        opacity: .9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
    }

    100% {
        -webkit-transform: scale(.9,.9);
        transform: scale(.9,.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.waves {
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgb(236 50 55 / 57%);
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 50%;
    left: 50%;
    top: 50%;
    translate: -50% -52%;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
    -webkit-border-radius: 500%;
    -moz-border-radius: 500%;
    -ms-border-radius: 500%;
    -o-border-radius: 500%;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.iframe_modal .modal-body {
    padding: 0;
}
.iframe_modal .modal-body .btn-close {
    position: absolute;
    background-color: var(--bs-white);
    z-index: 910;
    right: 10px;
    top: 10px;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    box-shadow: 0px 3px 7px rgb(0 0 0 / 32%);
}
.modal_video>iframe {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}


.b2b-listing .banner-image {
    width: 65%;
}

.b2b-listing .container{padding-bottom: 4rem;
display: flex;
justify-content: space-between;
align-items: center;}

.b2b-listing {display: grid;
    align-items: flex-end;

    aspect-ratio: 1366 / 420;
    background: transparent linear-gradient(180deg, #2A0900 0%, #5F1700 100%) 0% 0% no-repeat padding-box;}

@media (max-width: 992px){
    .b2b-listing{min-height: auto;padding-top: 10rem;}
}

@media screen and (max-width:640px){
    .b2b-listing .banner-image {
        width: 100%;
    }

}

.blur {
    filter: blur(5px); /* Adjust blur intensity */
    transition: filter 0.3s ease-in-out;
}

.blur:focus {
    filter: blur(0px); /* Removes blur when focused */
}

/*--UIKA-14041994-21-03-2025--start--*/
.onload_popmodal .modal-content{position: relative;border-radius:15px;overflow: hidden;border: 1px solid #fff;max-height: 595px;}
.onload_popmodal .modal-body{padding: 0;}
.onload_popmodal .modal-header {position: absolute;top:0;right:0;z-index: 1;background: var(--color-accent);width:40px;height:40px;display: flex;justify-content: center;align-items: center;border: none;border-radius:0;text-align: center;padding: 5px;}
.onload_popmodal .modal-header .btn-close{margin: 0;padding: 0;filter: invert(1) brightness(100);opacity: 1;}
@media (max-width:991px) {
    .onload_popmodal {--bs-modal-width:calc(100% - 10%);}
    .onload_popmodal .modal-content{max-height:500px;}

}
@media (max-width:575px) {
    .onload_popmodal .modal-content{width: calc(100% - 3%);margin-inline: auto;}
}
@media (max-width:350px) {
    .onload_popmodal .modal-content{max-height: 370px;}
}
/*--UIKA-14041994-21-03-2025--end--*/


/* Notification bar */

.top-bar {
    background: #ff5722;
    font-size: var(--text-13);
    color: white;
    text-align: center;
    padding: 8px;
    font-weight: bold;
    /* position: fixed; */
    top: 0;
    width: 100%;
    z-index: 1;
    transition: all .4s;
    /* display: none; */
}
.close-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: white;
}

/* main{
    margin-top: 43px;
}
header.header-sticky {
    top: 37px;
} */

.close-topbar-btn {
    transform: translateY(-50%);
    cursor: pointer;
    color: white;
    position: absolute;
    right: 20px;
    z-index: 2;
    top: 20px;
}

/* @media (max-width: 1799px){
    main {
        margin-top: 39px;
    }
}

@media (max-width: 1599px){
    main {
        margin-top: 36px;
    }
}
@media (max-width: 575px){
    main {
        margin-top: 36px;
    }
}
@media (max-width: 422px){
    main {
        margin-top: 56px;
    }
} */


 @media (max-width: 575px){
    .top-bar {
        padding: 8px 30px;
    }
    .close-topbar-btn{
        right: 15px;
    }
}


.mobile-tabs .opencartpopup span span p{
    position: absolute;
    top: 0.5rem;
    color: #fff;
    background: #EC3237;
    border: 2px solid #000;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-size: 11px;
    border-color: #EC3237;
    line-height: 17px;
    margin-left: 1.8rem;
}