:root {
    --tg-menu-color: #000;
    --tg-button-background-color: #E27A51;
    --tg-button-color: #FFF;
    --cart_button-green:#83b735;

}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.woff2') format('woff2'),
         url('../fonts/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2'),
         url('../fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraLight.woff2') format('woff2'),
        url('../fonts/Inter-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Black.woff2') format('woff2'),
        url('../fonts/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Thin.woff2') format('woff2'),
        url('../fonts/Inter-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
         url('../fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.container-fluid{
    width: 96% ;
}
body {
    font-family: 'Inter', sans-serif;
    background: #fff;
    position: relative;
    width: 100%;
    font-weight:normal ;

}
.ccs-loader {
    width: 25px;
    height: 25px;
    border: 3px solid #d1120c;
    border-bottom-color: #ffffff;
    border-radius: 50%;
    display: table;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin: 0 auto;
    margin-top: 20px;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 



h1{font-size: 24px}
p {margin-bottom: 0px;font-size: 14px;color: #4a4a4a;line-height: 24px;}
a {text-decoration: none!important;}


/*Mobile Navigation Start*/
.main-nav{
    float: left;
    list-style: none;
}

.main-nav li{
    display: inline-block;
    position: relative;
}
.main-nav li a{
    padding: 12px 15px !important;
    display: flex;
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    align-items: center;
    justify-content: space-between;
        gap: 6px;
}
.main-nav li a:hover{
    background: #E27A51;
    color: #FFF;
}
.main-nav li a span.caret {
    border-top: 4px solid #353535;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
.main-nav li a:hover span.caret{
    border-top: 4px solid #FFF;
}
.main-nav li ul.dropdown-menu{
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 5px rgba(31, 31, 31, 0.2);
    width: 240px;
    transition: .2s;
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
}
.main-nav li:hover ul.dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.main-nav ul.dropdown-menu li{
    width: 100%;
    position: relative;
}
.main-nav ul.dropdown-menu li a span.caret {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid #353535;
    border-bottom: 4px solid transparent;
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
.main-nav ul.dropdown-menu li a:hover span.caret{
    border-left: 4px solid #FFF;
}
.main-nav li ul.dropdown-menu li ul.dropdown-menu{
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    width: 200px;
    transition: .2s;
    transform: translateX(10px);
    opacity: 0;
    visibility: hidden;
}
.main-nav ul.dropdown-menu li:hover .dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.main-nav h3{
    display: none;
}
li.mobile-my-account{
    display: none;
}
@media(max-width:767px){
    .main-nav{
        position: fixed;
        top: 0;
        right: -100%;
        z-index:9999;
        background: #FFF;
        width: 100%;
        height: 100vh;
        transition: .5s;
    }
    .main-nav li{
        display: flex;
        width: 100%;
        border-bottom: 1px solid #eee;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }

    .main-nav li ul.dropdown-menu{
        display: none;
        width: 100%;
        border-bottom: 1px solid #eee;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .main-nav.active{
        right: 0;
        display: flex;
        height: 100%;
        flex-direction: column;
        overflow-y: auto;
       
    }
    li.mobile-my-account{
        display: block;
    }
    .main-nav li a {
        padding: 15px 15px !important;
        color: #000;
    }

    .main-nav .activemenu .a_active{
        background: #E27A51;
        color: #FFF;
    }
    .main-nav .activemenu .a_active span.caret{
        transform: rotate(0);
        border-top: 4px solid #FFF;
    }
    .main-nav ul.dropdown-menu li a.a_active span.caret{
        border-top: 4px solid transparent;
        border-left: 4px solid #FFF;
        transform: rotate(90deg);
    }
    .main-nav li a span.caret{
        transform: rotate(-90deg);
    }
    .main-nav ul.dropdown-menu li a span.caret{
        transform: rotate(0);
    }

    .close{
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background: #FFF;
        border-radius: 2px;
        top: 10px;
        right: 15px;
    }
    span.close::before {
        content: "";
        width: 73%;
        height: 1px;
        background: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%) rotate(45deg);
    }
    span.close::after {
        content: "";
        width: 73%;
        height: 1px;
        background: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%) rotate(-45deg);
    }
}
/*==================================================================*/
#search {
    padding: 21px 15px;
    border-radius: 6px;
    font-size: 14px;
    outline: 0;
    display: block;
    background: #f5f5f6;
}
.sear_box_full{
    display: flex;
    justify-content: space-between;
    flex: auto;
    border-radius: 2px;
    background-color: #fff;position: relative;
    align-items: center;
}
.serch_inputfild{position: relative;
    display: inline-block;
    width: 100%;}
.serch_inputfild input{padding: 0 16px;
    border-radius: 2px 0 0 2px;
    border: 0;
    outline: 0 none;
    font-size: 14px;
    height: 36px;
    width: 100%;}

.ser_btnml{
    border: none;
    background-color: #cd3301;
    height: 42px;
    width: 64px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    padding: 7px 12px 0 14px;
    position: absolute;
    right: 0;
}
.search_wrapert{
    width: 62%;
    margin-right: 60px;
    margin-left: auto;
}
.ser_btnml svg path{
    fill: #fff !important;
}


/*Product Zoom Effects Strat*/
.owl-carousel-wrap {width: 100%;position: relative;}
.owl-carousel .item {cursor: pointer;}
.popup {position: absolute;  width: 0;height: 0;background: rgba(0,0,0,0.4);z-index: 10;opacity: 0;overflow: auto;}
/*Product Zoom Effects End*/

.top-header{background:#2f2f2f; color: #fff; height: 35px; display: flex; align-items: center; position: relative; z-index: 99; }
.info-about{gap:15px}
.phone_number, .email_id{font-size: 14px;display: flex;gap: 10px;align-items: center;}
.phone_number span , .email_id span{width: 14px;display: inline-block;}
.phone_number span img , .email_id span img{width: 100%}
.navbar{padding: 0}
.announcement-bar {background: #11d6e1; color: #ffffff; height: 41px; }
.announcement-bar .container-fluid{width: 90%;}
.announcement-bar {display: flex; align-items: center; justify-content: center; position: relative; clear: both; width: 100%; transition: all .3s linear; font-weight: 600; margin-bottom: 0px; background:#fff; height: 80px; border-bottom: 1px dashed #E5E5E5; z-index: 88; }
.alincenter{align-items: center;}
.announcement-bar p {font-weight: 400; font-size: 13px; color: #000000; display: inline-block; margin-left: 5px;}
.fixedHeader{position: fixed; top: 0; left: 0; right: 0; z-index: 1000;}
.header{background: #fbfbfb;padding:0;margin-bottom:0px;position: relative;z-index: 86;}
.header.mystyle {box-shadow: 0 0px 7px rgb(0 0 0 / 20%);z-index: 9999;width: 100%;float: left;position: fixed;top: 0;}
.navbar-brand:hover{background: none !important}
.cartIcon a:hover{background: none !important}
.logoBox {width: auto; height: 55px; display: flex; align-items: center; gap: 15px;}
.logoBox .goBackBtn{display: none}

.logoBox a{width: 100%;display: flex;height: 100%;}
.logoBox img {max-width: 100%;}
.navigation-menu{float: right;    display: flex;}
.navigation-menu li{list-style: none;}
.desktop-home{display:none !important}

.topnav {width: 100%; display: flex; align-items: center; justify-content: center; }
.topnav a {float: left; display: block; color: var(--tg-menu-color); text-align: center; padding: 15px 15px; text-decoration: none; font-size: 16px; }
.topnav .icon {display: none; }
.navigation-menu .icon.close{float: right; text-align: right; background: #f3f3f3; width: 50px; height: 50px; padding: 0; display: flex; align-items: center; justify-content: center; display: none;    display: table; }
.dropdown {float: left; overflow: visible; position: relative; }
.dropdown .dropbtn {font-size: inherit; border: none; outline: none; color: inherit; padding: 15px 15px; background-color: inherit; font-family: inherit; margin: 0; display: flex; align-items: center; width: 100%; color: var(--tg-menu-color); }
.dropdown .dropbtn i{margin-left: 10px; }
.responsive .dropdown .dropbtn i{margin-left: auto; }
.navigation-menu li{position: relative; }
.dropdown-content {display: none; position: absolute; background-color:#fff; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; top:100%; list-style: none; }
.user_login .dropdown-content{width: 257px; right: 0; padding:0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.user_login .dropdown-content  li:nth-child(1){padding:10px 0 0 0; }
.navigation-menu li:hover
.dropdown-content{display: block; }
.dropdown-content a {float: none; color: black; padding: 0px 15px; text-decoration: none; display: block; text-align: left; }
.dropdown-content .nav-link {padding-top:15px; padding-bottom: 15px; }
.topnav a:hover, .dropdown:hover .dropbtn {}
.dropdown-content a:hover {background-color: var(--tg-button-background-color); color: var(--tg-button-color); }
.dropdown:hover .dropdown-content {display: block; }
.dropdown-content .newDisplay{display: block !important; }
.dropdown-content .newDisplay a{border-bottom: 1px solid #ededed; }
.dropbtn.newHover{background-color: #f7f7f7 !important }
.cartIcon a{}
.cartIcon a svg{width: 18px;height: 23px;fill: #000}
.arrow {display: inline-flex; width: 10px; }
.arrow img{width: 100%; }
.right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.left {transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.up {transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.down {transform: rotate(45deg); -webkit-transform: rotate(45deg); }


.copyright-text {}
.copyright-text p{font-size: 13px;line-height: 18px;}
.main-button a {background-color: #3a8bcd;border-radius: 5px;padding: 10px 15px;display: inline-block;color: #fff;font-size: 14px;text-transform: uppercase;font-weight: 300;letter-spacing: 0.4px;text-decoration: none;}
.main-button a:hover {opacity: 0.7;}
.single-product{padding:20px 0 0 0;display: block;}


.single-product .modal {display: none; position: fixed; z-index: 9999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.single-product .modal-content{position: relative;}
.single-product .modal-content {background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; max-width: 600px; }
.single-product .close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; position: absolute; }

.single-product .close:hover,
.single-product .close:focus {color: #000;text-decoration: none;cursor: pointer;}

.section-heading {display: flex;width: 100%;justify-content: space-between;}
.innerpage-heading{align-items: center;justify-content: center;flex-direction: column;}

.section-heading h1{font-weight: 700; font-size: 36px;text-align: center;margin-bottom:12px;text-transform: capitalize;line-height: 35px;}
.section-heading p{font-size: 20px;color: #969494;text-align: center;margin-bottom: 30px;}
.section-heading .line-dec {width: 30px;height: 5px;background-color: #3a8bcd;}
.section-heading h3 {font-size: 17px;font-weight: 500;color: #545454;display: table;margin: 0 auto;margin-bottom: 15px;text-align: center;}
.section-heading h3 span {font-weight: 600;font-size:23px;width: 100%;display: table;margin: 0 auto;text-transform: uppercase;}
.section-heading h5 {display: table; font-weight: 600; font-size: 30px; line-height: 44px; color:#3c3c3c;text-align: center;width: 100%;}
.section-heading h5 span {font-weight: 600;font-size:23px;width: 100%;display: table;margin: 0 auto;text-transform: uppercase;}

/* Pre Header Style */
.headerMenuIcon{display: none;}
#pre-header {background-color: #3a8bcd;text-align: center;}
#pre-header span {color: #fff;font-size: 15px;padding: 10px 0px;display: inline-block;}
/* Header Style */
.navbar .navbar-brand {}
.navbar .navbar-brand img{width: 100%;}
.bg-dark {background-color: #fff!important;border-bottom: 1px solid #eee;background-color: #fff!important;
border-bottom: 1px solid #fff;box-shadow: 0 0px 7px rgb(0 0 0 / 20%);z-index:9999;}
#navbarResponsive {}
.navbar-dark .navbar-nav .nav-item {margin: 0px 15px;}
.navbar-dark .navbar-nav .nav-link {font-size: 15px;font-weight:400;color: #1e1e1e;}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {color: #3a8bcd;}
.navbar-dark .navbar-toggler-icon {background-image: none;}
.navbar-dark .navbar-toggler-icon svg{margin-top: 4px;width: 19px;}
.navbar-dark .navbar-toggler {outline: none;}
.navbar-dark .navbar-toggler-icon:after {content: '';}

.subNav{display: none}
.suvNavCatgories{overflow-x: scroll;white-space: nowrap;padding: 10px 0px 7px 15px;}
.subCategoriImage{display: inline-block;text-align: center;margin-right: 20px;}
.subCategoriImage img{width: 45px;height:45px;border-radius: 70px;}
/*.subCategoriImage img{width: 100%;height: 100%}*/
.subCategoriImage h3{font-size: 11px;font-weight: normal;color:#424242;margin: 3px 0 0px 0;}


/* Banner Style */
.banner {margin-top: 57px;margin-bottom: 0px;}
.banner .caption {}
.banner .caption h2 {}
.banner .caption .line-dec {}
.banner .caption p {}

.slider-text-tab{ }
.banner-slider-container{position: absolute;top: 0;    transform: translate(-50%, 0px); left: 50%;}
.owl-carousel .owl-item .banner-right-image{width: 91%;margin: 0 auto;}

.slider-text-tab{}
.slider-text-tab h3{display: table; font-weight: 700; font-size: 60px; line-height: 64px; color: #1d1e24; }
.slider-text-tab p{font-size: 22px; font-weight: 400; color: rgb(153, 153, 153) margin-top: 15px; padding-bottom: 10px; text-transform: capitalize; padding: 0 0 10px 10px; min-height: 70px; } .slider-text-tab a{text-transform: capitalize; color: #fff; background: #E27A51; border-radius: 4px; padding: 17px 29px; display: inline-block; transition: all 0.3s; }
.owl-prev , .owl-next{width:40px; height:40px; color: var(--tg-button-color) !important; background-color: var(--tg-button-background-color) !important; border-radius: 50%; position: absolute; transform: translate(0, -50%); top: 50%; display: flex; justify-content: center; align-items: center; }
.owl-prev{left: 0}
.owl-next{right: 0}
.swiper.myBanner {width: 100%; height: auto; min-height: 410px; }
.myBanner .swiper-slide {background-position: center; background-size: cover; }
.myBanner .swiper-slide img {display: block; width: 100%; }



/* CAtegory start */
.category h3 {font-size: 22px;font-weight: 700;color: #3e3e3e;width: 100%;margin: 20px 0 14px 0;}
.gapping{margin-bottom: 25px;}
.category .gapping h3{font-size: 15px;font-weight: 700;color: #000;margin-top: 15px;text-align: center;}
.gapping a{overflow: hidden;display: block;text-align: center}
.gapping img{width:170px; height: 170px; border-radius: 150px}
.outOfStock{position: relative; border-radius: 5px; font-size: 17px; font-weight: bold; z-index: 999; float: left; margin: 14px 0 30px 0; border: solid 1px #bdbdbd; padding: 19px 53px; color: #adadad; text-align: center; width: 300px; height: 56px; cursor: no-drop; text-transform: uppercase; background: #f1f1f1; }
.shop-style-text{margin-bottom: 15px;position: relative;border-radius: 10px;overflow: hidden;}
.shop-style-text a{display: block}
.shop-style-text h3 {position: absolute;z-index: 1;font-size: 17px;bottom: 0;width: auto;padding: 00;left: 50%;transform: translate(-50%, 0);line-height: 17px;white-space: pre;margin-bottom: 18px;color: #fff;background: #f9204a;width: 190px;border-radius: 6px;padding: 12px 19px;}
.shop-style-text p {position: relative;z-index: 1;font-size: 15px;bottom: 0;width: 100%;left: 50%;transform: translate(-50%, 0);line-height: 17px;white-space: pre;margin-bottom: 0;color: #0e0e0e;background: #ffe006;border-radius: 0;padding: 12px 0;text-align: center;font-weight: 500;}


/* offer add Start */
.offerBanner {width: 100%;margin-top: 0px}
.offerBanner img{width: 100%}

/* Featured Style */
.featured-items .viewAll{width: 100%;background: #fff;border-radius: 7px;padding: 10px 0;font-size: 15px;color: #4260b1;text-transform: uppercase;display: table;text-align: center;margin-top: 15px;font-weight: 900;}
.featured-items {padding: 30px 0 30px 0;    min-height: 400px;}
.featured-items .productImageBox{height: 200px;}

.featured-item {border:0px;text-align: left;position: relative;border-radius: 0px;overflow: hidden;margin-bottom: 16px;}
.featured-img-box {position: relative;}
.featuredBanner img{border-radius: 11px;width: 100%}
.featured-item h5{color: #343434;font-size: 19px;font-weight: 900;text-align: center;padding: 10px 20px;}
.shopByStyle-Button{display: none}
.featured-item:hover {opacity: 0.9;}
.featured-item img {width: 100%;}
.featured-item .title {font-size: 14px;margin: 0;font-weight: 400;color: #000;margin-top: 15px;padding-bottom:10px;text-transform: capitalize;padding: 0 0 10px 0px;width: 100%;    word-break: break-all;}
.similarProducts .featured-item .title {font-size: 14px;}
.similarProducts .productImageBox{height: 200px;}

.productImageBox {position: relative; height: 300px; overflow: hidden; width: 95%; margin: 0 auto; }
.discountTag{min-width: 42px; position: absolute; top: 11px; left: 10px; background: #eb5900; color: #fff; display: flex; justify-content: center; border-radius: 23px; font-size: 14px; height: 20px; }
.productImageBox img{background: #ffffff; border: 1px solid #dbdbdb; border-radius: 6px; padding: 10px; cursor: pointer; margin-bottom: 5px; width: 100%; height: 100%; object-fit: contain; }
.newCategory_collection{background: #eff1f5; overflow: hidden; padding: 60px 0 120px 0; }
.newCategory_collection .featured-item {display: flex; background: #fff; padding: 50px 10px 50px 45px; }
.newCategory_collection .featured-item:hover {box-shadow: 5px 6px 1px rgb(169 169 169 / 50%); }
.newCategory_collection .item {cursor: pointer; padding: 15px 0 15px 15px; }
.newCategory_collection .owl-prev, .newCategory_collection .owl-next{top:auto;}
.newCategory_collection .owl-prev {left: 0;}
.newCategory_collection .owl-next {left: 50px;}
.newCategory_collection .owl-nav{position: relative; left: 15px; top: 20px; }
.newCategory_collection .productImageBox {position: relative; width: 230px; height: 230px; margin-left: auto; overflow: hidden; margin-right: 0;}
.newCategory_collection .productImageBox img {width: 100%; height: 100%; object-fit: contain; }
.newCategory_collection .product-content-box {position: absolute; width: 50%; display: block; }
.newCategory_collection .featured-item .title {font-size: 18px; font-weight: 400; line-height: 25px; color: #606060; height: 110px; overflow: hidden; }
.newCategory_collection .productImageBox img{border: none; }
.price_dividation{display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.dtails_button{border: 1px solid #000; display: inline-flex; min-width: 130px; padding: 9px 0; text-align: center; color: #000; font-size: 15px; align-items: center; justify-content: center; gap: 10px; }
.dtails_button i{line-height: 9px; }
.pr_lespr{display: flex; align-items: center; gap: 10px; }
.mrp{color:#9b9b9b}
.owl-nav{display: none;}
#shopbyStyle:hover .owl-nav{display: block;}
#ournewCollection:hover .owl-nav{display: block;}
.categroryCollection:hover .owl-nav{display: block;}
#homeBanner:hover .owl-nav{display: block;}
.newCategory_collection .owl-nav{display: block;}
#ournewCollection .featured-item {}
.featured-img-box p{top: 10px;position: absolute;font-size:11px;font-weight: bold;background:#E56D6D;border-radius:3px;display: flex;justify-content: center;align-items: center;color: #fff;left: 10px;padding: 2px 10px;line-height: 13px}
.productImageBox p{top: 18px; position: absolute; font-size: 13px; font-weight: bold; background: #E56D6D; border-radius: 2px; display: flex; justify-content: center; align-items: center; color: #fff; left: 18px; padding: 10px 15px; line-height: 13px; }
#brandsName{margin-left: 0px;}
.product-content-box{padding: 0px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } /* height: 109px; */
.shopByStyle-Button{}
.featured-item:hover h4 {color: #3a8bcd;}
.featured-item .offerprice {color: #cd3301; font-size: 16px; font-weight: 500; margin-bottom: 0px; display: inline-table; }
.featured-item .orginalprice{color:#999;font-weight: 500;margin-right: 10px;text-decoration: line-through;padding: 0 0px 0 0px;display: inline-block;font-size: 15px;}
.owl-theme .owl-dots {text-align: center;margin-top:5px;margin-top: -37px;position: relative;}
.owl-theme .owl-dots .owl-dot {outline: none;}
.owl-theme .owl-dots .active span {background-color: #3a8bcd!important;}
.owl-theme .owl-dots .owl-dot span {background-color: #aaa;width: 8px;height: 8px;display: inline-block;margin: 0px 5px;outline: none;border-radius: 30px}
.homeBanner{position: relative;width: 100%;}
.hoverImages {display: flex; justify-content: space-between; align-items: center; width: 100%; } 
.hoverImages div {} 
.left-image {text-align: left; } 
.middle-image {text-align: center; } 
.right-image {text-align: right; } 
.hoverImages div img {max-width: 100%; height: auto; }
.hoverImages div:empty { display: none;}
.only-middle {justify-content: center;}
.only-right {justify-content: flex-end;}
.only-left {justify-content: flex-start; } 
.only-left-middle {justify-content: flex-start; } 
.only-left-right {justify-content: space-between; } 
.only-right-middle{justify-content: flex-end; }
#categoryCollection.owl-theme .owl-dots {text-align: center;margin-top:5px;margin-top:30px;position: relative;}
.categroryCollection {padding:25px 0;background: #fafafa;}
.categroryCollection button.tablinks{font-style: normal; font-weight: 600;font-size: 18px; line-height: 22px; text-align: center; text-transform: capitalize; color: #8d8d8d; background: transparent; padding: 5px 20px; border: none; cursor: pointer; min-width: 90px; }
.categroryCollection button.tablinks.active{color: #e27a51;font-weight:600; } 
.categroryCollection button.tablinks:hover{color: #7db7cf;}
.categroryCollection .tabButton{display: flex; justify-content: center; margin-top: 14px; margin-bottom: 33px; }
.mrp{text-decoration: line-through;}
.ali_center{justify-content: center !important;}

/* Subscribe Style */
.subscribe-form {background-color: #3a8bcd;padding: 80px 0px;text-align: center;}
.subscribe-form .section-heading  {margin-top: 0px;}
.subscribe-form .section-heading h1 {color: #fff;}
.subscribe-form .section-heading .line-dec {background-color: #fff;margin: 0 auto;}
.subscribe-form .main-content p {font-size: 17px;color: #fff;margin-bottom: 30px;}
.subscribe-form .main-content form  {color: #fff;display: inline;}
.subscribe-form .main-content form input {display: inline;}
.subscribe-form .main-content form input {width: 100%;height: 46px;border: 1px solid #fff;background-color: transparent;
padding-left: 15px;color: #fff;outline: none;}
.subscribe-form .main-content form button:focus {color: #fff!important;}
.subscribe-form .main-content form button {width: 100%;height: 45px;cursor: pointer;background-color: #fff;outline: none;border-radius: 5px;padding: 10px 15px;display: inline-block;color: #3a8bcd;font-size: 14px;text-transform: uppercase;font-weight: 300;letter-spacing: 0.4px;text-decoration: none;box-shadow: none;border: none;}

/*New Collectio*/

.newCollectionBtn{}
.newCollectionBtn a{padding: 12px 29px; font-size: 16px; font-weight: normal; border-radius: 4px; display: table; color: var(--tg-button-color);background-color: var(--tg-button-background-color); margin-top: 0; }
.collectionViewMoreBtn{}
.collectionViewMoreBtn a{padding: 10px; font-size: 17px; font-weight: normal; color: #404040; border-radius: 4px; background: #f6fdff; margin-top: 0; display: flex; border: 1px solid #d0eaf1; height: 240px; align-items: center; justify-content: center; }
.featuredBanner{height: 235px;}
.featuredBanner img{height: 100%;width: 100%;object-fit: cover;}
.newCollectionBtn button, 
.productListing button{text-transform: capitalize; color: #fff; background: #E27A51; border-radius: 4px; padding: 17px 29px; display: inline-block; transition: all 0.3s;border: none;cursor: pointer;}
.seoContent{visibility: hidden !important;}
.productListing{margin: 0 auto; display: table;}
.productListing img{width: 64px;margin: 0 auto;display: table;margin-top: 30px;}
.category-items{}
.category-items a{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;flex-direction: column;}
.category-items img{width: 100%;    border-radius: 10px;}
.cat_img_box{overflow: hidden; border-radius: 10px; background: #ffffff; border: 1px solid #dbdbdb; border-radius:12px; padding: 10px; width: 210px; }
.cat_title h2 {font-size: 15px; margin: 0; font-weight: 600; color: #1e1e1e; margin-top: 10px; padding-bottom: 10px; text-transform: capitalize; padding: 0 0 10px 0px; width: 100%; text-align: center; }
.latest-collection{padding: 40px 0 0px 0;    min-height: 300px;}
.product_list_box{margin-bottom: 20px; border: 1px solid #efefef; border-radius: 5px; padding: 15px 15px; }
.product-list_image{overflow: hidden; border-radius: 6px; border: 1px solid #efefef; padding: 5px; }
.product-list_image img{width: 100%; height: 100%; object-fit: contain; }
.product_list_content_box{}
.product_list_content_box .title{font-size: 18px; font-weight: bold; color: #000; margin-bottom: 10px; }
.product_list_content_box .offerprice{font-size: 25px; font-weight: bold; color: #cd3301; }
.product_list_content_box .offerprice p{font-weight: normal; }
.product_list_content_box .mrp{font-weight: 500; color: #4a4a4a; }
.loadDataBox{margin-top: 30px; }
.offermrpbox{}
.description{}
.description table{color: #000}
.description table tr{}
.description table tr td{width: auto !important;border: none !important;    padding: 0 11px 6px 0px !important;}
.description table p{font-size: 13px; color: #000}


/*sticky footer start*/
    
.sticky_footer {width: 100%;position: fixed;bottom: 0;left: 0;z-index: 9999;background: linear-gradient(180deg, #ffffff 0%, #e5e5e5 100%);box-shadow: 0 -4px 8px rgb(0 0 0 / 13%);border-top: 1px solid #fff;height: 66px;display: none;}
.sticky_footer_menu:nth-child(3):before {content: '';background-image: url(../images/sticky_midddle_arrow.png);width: 63px;height: 14px;position: absolute;transform: translate(-50%, 0);top: -14px;left: 50%;}
.sticky_footer_menu {float: left;width: 20%;text-align: center;}
.sticky_footer_menu a {color: #fff;display: inline-table;width: 100%;padding: 8px 0 0px 0;position: relative;z-index: 1;}
.sticky_footer_menu i {width: 100%;display: inline-table;}
.sticky_footer_menu i img {width: 25px;}
.sticky_footer_menu span {font-size: 13px;line-height: 12px;display: inline-block;color: #5b85a7;font-weight: 500;}   
    


/*sticky footer end*/
.fadeLoad {animation-name: fadeload;animation-duration: 2s;}
@keyframes fadeload {
  from {opacity: 0;}
  to {opacity: 1;}
}

/*feedback start*/
.feedbackBox{width: 100%;background: #ebfffa;padding: 15px;text-align: center;border-radius: 20px;display: table;}
.feedbackBox p{font-size: 15px;font-weight: normal;color: #3e3e3e;width: 100%;margin: 15px 0 14px 0;color: #000;}
.feedbackBox img{width: 50px !important;height: 50px;border-radius: 50%;display: block;margin: 0 auto}
.feedbackBox h4{font-size: 21px;font-weight: 700;width: 100%;margin: 20px 0 9px 0;color: #3ea58b;}
.feedbackBox h6{font-size: 14px;font-weight: normal;width: 100%;margin: 0 0 14px 0;color: #717272;display: table;}
.feedbackBox i{    font-size: 14px;font-weight: normal;width: 100%;margin: 0 0 14px 0;color: #e79a0f;display: table;font-style: normal}

/*feedback end*/
/*features strat*/
.features{width: 100%;background:#fff;padding: 0;}
.paytitle h3{}
.paytitle{font-size: 15px;padding: 0 5px;color: #181818;font-weight: normal;}
.paytitle p{line-height: 17px;margin-top: 7px}
.securley{}
.securley h4{font-size: 16px;text-align: center;color: #000;margin: 10px 0 20px 0;}
.securley{}
.middle-box{margin: 0 auto;display: flex;width: 70%;}
.middle-box .featuresBox{width: 50%;}
.whychoose-box{background: #ffffff;    border: 1px dashed #E5E5E5;padding: 25px 20px;}
.featuresBox {display: flex;}
.featuresBox img{width:50px;margin-bottom: 11px;height:50px;}
.featuresBox .paytitle{font-size: 15px;padding:0 0 0 30px;color: #181818;font-weight: normal;width: 100%;text-align: left;}
.securleyBox {display: flex;align-items: center;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.securleyBox img{width:50px;margin-bottom: 11px;height:50px;}
.securleyBox .paytitle{width: 100%;text-align: center;margin: 10px 0 17px 0;}
/*features end*/

/*information Box start*/
.informationBox{width: 100%;display: table;}
.informationBox img{}
.informationBox h4{font-size: 20px;font-weight: bold;color: #446391;}
.informationBox h6{margin-top: 20px;color: #91a5bb;font-weight: normal;font-size: 13px;}
.informationBox p{}
.blogImage{width: 100%;height: 300px;overflow: hidden;float: left;margin-right: 40px;}
.blogImage img{object-fit: cover;height: 100%;object-position: top center;}
/*information Box End*/


/*Cart Page Start */
.cart-flex{display: flex; border: 1px solid #e1e1e1; align-items: center; background: #fbfbfb; padding: 15px 15px; } 
.cartorder{height: auto;width:100%;margin: 16px auto 0;}
.title_page{width: 100%;
    display: table;
    background: #fff;
    padding: 0px 15px;
    margin: 15px 0 20px 0;}

.proDuctDetailsbox{width: calc(100% - 360px);margin-right: 30px}
.paymentInformation-Box{width: 320px;margin-left: auto;}
.cartItemsBox{background: #fff;overflow: hidden;margin-bottom: 25px;position: relative;}
.cartItemsBoxHeading{}

.deleteProduct{display: flex;justify-content: end;}
.deleteProduct a{width: 40px;height: 40px;background: #f1efef;display: table;padding: 10px 12px 5px 12px;border-radius: 4px;}
.cartItemsImage{position: relative; width: 80px; border-radius: 8px; border: 1px solid #e1e1e1; padding: 5px; background: #fff; }


.cartItemsImage a{position: absolute;top: 3px;width: 24px;left: 18px;background: #fff;border-radius: 3px;padding: 2px 3px 1px 3px;}
.cartItemsImage .text-danger{}
.cartItemsImage .text-danger img{}
.cartItemsImage img{width: 100%;}
.cartItemsInfo{margin-left: 30px;width: calc(100% - 110px);}
.cartItemsInfo ul{list-style: none; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0px; padding: 0; align-items: center; }
.cartItemsBoxHeading{display: flex; width: auto; font-size: 13px; padding: 15px 30px 20px 30px;}
.percentage_offer{position: absolute; top: -6px; background: #cd3301; color: #fff; padding: 2px 4px; left: -7px; }
.cartItemsBoxHeading h4{}
.cartItemsBoxHeading h4:nth-child(1){width: 523px}
.cartItemsBoxHeading h4:nth-child(2){width: 113px}
.cartItemsBoxHeading h4:nth-child(3){width: 107px}
.cartItemsBoxHeading h4:nth-child(4){width: }
.cartItemsInfo ul li h6{display: none; }
.cartItemsInfo ul li:first-child{width:42%;}
.cartItemsInfo ul li{display:flex;width:auto;text-align: left;flex-wrap: wrap;}
.cartItemsInfo ul li h6{font-size: 10px;color: #9f9f9f;font-weight: normal;    margin-bottom: 3px}
.cartItemsInfo ul li h5{font-size: 15px;    margin-bottom: 10px;}
.cartItemsInfo ul li h5 a{    color: #000; font-size: 14px; line-height: 20px; font-weight: 500;}
.cartItemsInfo ul li span{font-size: 13px; font-weight: 400; color: #919191;}
.err-msg{color: red}
.total-Price{}
.total-Price .cartPriceItems{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom:0px}
.total-Price .textBox{}
.total-Price .textBox h4{margin: 0;font-size: 14px;color: rgba(0,0,0,.8);font-weight: 400;}
.total-Price .numberBox{}
.total-Price .numberBox p{margin: 0;font-size: 14px}
.deliveryCheckBox{}
.deliveryCheckBox h6{margin-bottom: 8px;font-size: 14px;color: #2b4d81;}
.deliveryCheckBox input[type=text]{}
.couponAlert{width: 100%}
.offerCodeBox{display: flex;position: relative;gap: 5px;flex-wrap: wrap;width: 100%;}
.couponCodeInput {width: 70%; height: 40px; margin-bottom: 0px; padding: 5px; border: 1px solid #ccc; border-radius: 5px; }
#button_coupon_check {width: 28%; height: 40px; background: #cd3301; border: 1px solid #cd3301; border-radius: 5px; color: #FFF; margin-right: 1px; cursor: pointer; }
.deliveryCheckBox input[type=submit]{}
.delivery-address-Form{    width: calc(100% - 350px);margin-top: 40px;margin-right: 30px;}
.delivery-address-Form .registration-form {display: table;width: 100%;padding:0 25px 0 0px;border-radius:0px;border-right: 1px solid #e2e2e2;margin-bottom: 80px;}
.delivery-address-Form .form-control {display: block;width: 100%;height: calc(2.25rem + 2px);padding: 0.375rem 0.75rem;font-size: 14px;line-height: 1.5; color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #d9d9d9;border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.alert-message-empty {position: absolute; background: #ff6666; z-index: 9999; padding: 20px 22px; color: #ffffff; transform: translate(-50% ,0); left: 50%; box-shadow: 0 5px 25px rgb(255 36 36 / 43%); font-size: 18px; border-radius: 5px; }
.cartItemsInfo .box_widthy {display: flex; padding: 0; border: 1px solid #e1e1e1; width: 109px; justify-content: center; border-radius: 2px; background: #fff; min-height: 30px; align-items: center; }
.default-address-show{width: calc(100% - 350px); display: block; margin-top: 60px; }

.delivery-address-Form .form-group input[type=text]::placeholder,
.delivery-address-Form .form-group input[type=number]::placeholder,
.delivery-address-Form .form-group input[type=number]::placeholder {color:#fff;}
.delivery-address-Form .form-group textarea{    height: 100px;resize: none;}
.delivery-address-Form .form-group textarea::placeholder{color:#fff;}

.codModal{display: none;
     position: fixed;
     top: 0; left: 0; right: 0; bottom: 0;
     background: rgba(0,0,0,0.6);
     align-items: center;
     justify-content: center;
     z-index: 9999;
 }
.codModal_box{
    background: #fff;
       padding: 20px;
       max-width: 400px;
       width: 90%;
       border-radius: 8px;
       text-align: center;
}
.codModal_box h3{
    margin-top:0;
}
.codModal_box p{
        line-height: 16px;
    font-size: 13px;
    color: #000;
}
.codModal_box ul{
    text-align:left; 
    margin: 10px 0;
    list-style: none;
}


.codModal_box button{
    border:none;
    padding:10px 20px;
    border-radius:5px;
    cursor:pointer;
}
.codModal_box #onlineModalButton{
    background:var(--cart_button-green);
    color:#fff;
}
.codModal_box #codModalButton{
    background: #dfdfdf;
    color: #747474;
}





.registration-form .form-group input::placeholder {color: rgba(0,0,0,.36);opacity: 1; /* Firefox */}
.registration-form .form-group input:-ms-input-placeholder {color: rgba(0,0,0,.36);}
.registration-form .form-group input::-ms-input-placeholder {color: rgba(0,0,0,.36);}
.registration-form{display: table;width: 100%;padding:0;border-radius: 5px;border: 1px solid #ffffff;margin-bottom: 80px;}
.priceDetailsBox{margin-top:0px;margin-bottom:15px;}
.registration-form label{margin-bottom: 10px;display: table;}

.loginBtn{position: relative; border-radius: 5px; font-size: 15px; font-weight: 400; z-index: 999; background: #1f2781; float: left; margin: 14px 0 0px 0; border: none; padding: 13px 23px; color: #fff; text-align: center; width: 100%; height: auto; cursor: pointer; text-transform: uppercase; line-height: normal; }

.payButton{position: relative; border-radius: 5px; font-size: 17px; font-weight: bold; z-index: 999; background: var(--cart_button-green); float: left; margin: 14px 0 30px 0; border: none; padding: 19px 53px; color: #fff; text-align: center; width: 100%; height: 56px; cursor: pointer; text-transform: uppercase; }
.registration-form h6 {    width: 100%;
    display: table;
    font-size: 15px;
    color: #001f4e;
    margin: 0 0 5px 0;
    font-weight: 600;}
.registration-form h6 span{width: 100%;display: table;font-size: 13px;color: #7fa1c3;font-weight: normal;margin-top: 5px;} 
.order-details-box{width: 100%;display: table;background: #fff;padding: 0px 15px;margin:0px 0 20px 0;height: 100vh}
.order-details-box h3{width: 100%;display: table;background: #fff;padding: 0px 0 0px 0;margin:15px 0 20px 0;}
.cartBlankImage{width:100%;background: #fff;overflow: hidden;border-radius: 5px;margin-bottom: 15px;padding:60px 20px 20px 20px;text-align: center;margin-top: 30px;}
.cartBlankImage img{filter: hue-rotate(-30deg);}
.continueShopping{color: #ffffff;background:#000;display: inline-block;font-weight: 600;text-align: center;padding: 8px 35px;border-radius: 4px;font-size: 14px;text-transform: uppercase;border: none;cursor: pointer;margin-top: 20px;width: 160px;}
.cartBlankImage h5{font-size:20px;margin-top:15px;font-weight:600;color:#222222;padding: 0 21px;margin-bottom: 0;}
.couponCode{display: table;width: 100%;padding:0;border-radius: 5px;border: 1px solid #ffffff;margin-bottom: 20px;}
.deliveryaddress{position: relative; border-radius: 5px; font-size: 17px; font-weight: bold; z-index: 999; background:#cd3301; float: left; margin: 14px 0 30px 0; border: none; padding: 19px 53px; color: #fff; text-align: center; width: 100%; height: 56px; cursor: pointer; text-transform: uppercase; }
.paymentmodeselection{width: 100%; float: left; padding: 20px 20px; background: #fbfbfb; margin-bottom: 30px; border: 1px solid #e1e1e1;}
.deliveryCheckBox{}
.deliveryCheckBox h6 {margin-bottom: 8px; font-size: 14px; color: #2b4d81; display: flex; justify-content: space-between; align-items: center; }
.coupon-view-btn{font-weight: 600;color: #cd3301;font-size: 16px;}
.deliveryCheckBox form{display: flex;flex-wrap: wrap}
.couponCode .checkInputBox{width: 70%;height: 38px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;border: 1px solid #c6c6c6;font-size: 15px;padding: 0 0 0 10px;font-weight: bold;}
.couponCode .checkBtn{width: 30%;background:#21b9ff;color: #fff;border-color:#21b9ff;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.couponAlert .copuponSucess{padding: 5px 0;color:#1ca314;font-size: 15px;font-weight: 500;text-align: center;}
.couponAlert .copuponFail{padding: 5px 0;color:#e32406;font-size: 15px;font-weight: 500;text-align: center;}
.cartItemsBox:last-child{margin-bottom: 0}
.mobilePaynowbtnBox{margin-top:20px}
.deliveryConfirmation{display: table;width: 100%;padding: 0px;margin-bottom: 80px;}
.addressConfirmationBox{}
.paymentmodeselection .deliveryCheckBox h6 {margin-bottom: 20px}
.onlinePaymentContainer:last-child{margin-bottom: 0}
.onlinePaymentContainer {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size:17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.confirmPaymentMode{margin-bottom: 15px;}
.confirmPaymentMode h6{
    width: 100%;
    display: table;
    font-size: 15px;
    color: #001f4e;
    margin: 0 0 5px 0;
    font-weight: 600;
}
.confirmPaymentMode p{color: #f9790c;
    font-weight: 500;
    font-size: 16px;}

    .payment-modes-section p {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 13px;
        color: #000;
    }
    .onlinePaymentContainer small{
        display: block;
        font-size: 12px;
        font-weight: 600;
        margin-top: 10px;
    }
.deliveryAddressConfirm{margin-bottom: 15px;}
.deliveryAddressConfirm h6{    width: 100%;
    display: table;
    font-size: 15px;
    color: #001f4e;
    margin: 0 0 5px 0;
    font-weight: 600;}

.deliveryAddressConfirm p{}

/*Cupons box Satrt*/
    .couponCheckBox{        
        padding: 0 0px;
        display: flex;
        margin-bottom: 15px;
        flex-wrap: wrap;
    }

    .couponCheckBox h6{
        width: 100%;
        display: flex;
        font-weight: 600;
        color: #001f4e;
        margin: 0 0 15px 0;
        justify-content: space-between;
            font-size: 15px;

    }
    .couponCheckBox h6 a{
        color:#cd3301;
    }

    .copn_applilied{border:1px solid #27a63f;border-radius:0px;padding:0px 28px 0px 0px;margin:15px 0px;display:flex;align-items:center;height:66px;
        width:100%;position: relative;gap: 9px;padding: 5px 10px;}
    .copn_imgapply{width: 20px; height: 20px; position: relative; bottom: 11px; text-align: center; background: #4caf50; color: #fff; border-radius: 20px;}
    .copn_appltxtup span.couNa{padding-right:4px;text-transform:uppercase;color: #cd3301;font-weight: bold}
    .appled {font-size: 13px; color: #424242; line-height: 20px; }
    span.cpn_tooltip{position:relative;top:1px;font-size:12px;}
    .copn_appltxtup{padding:5px 0px;}
    .copn_appltxtdw{padding-top:4px;display: flex;gap: 5px;color: #27A63F}
    .copn_delete{position: absolute;right:10px;top:10px;width:33px;cursor: pointer;border: none;
    background: transparent;}
    .copn_delete img{width: 100%;filter: grayscale(1);transition: all ease-in-out 100ms;opacity: 0.4;}
    .copn_delete:hover img{filter: grayscale(0);opacity: 1;}

/*Cupons box ENd*/

/*Cupons Side Modal Satrt*/


.coupon-dialog-box {width: 300px; height: 100vh; padding: 0 15px; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5); position: fixed; right: -100%; 
    visibility:hidden; top: 0; z-index: 999999; background:#FFF; transition:all .5s;overflow-x:auto; }
.coupon-dialog-box.active{right: 0; visibility:visible; }
.coupon-headers h3 {padding: 11px 0px; border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; align-items:center; }
.coupon-headers h3 a {width: 20px; height: 20px; display: block; position: relative; }
.coupon-headers h3 a span {display: block; width: 100%; height: 1px; background: #000; position: absolute; top:50%; left:50%; }
.coupon-headers h3 a span:first-child {transform:translate(-50%, -50%) rotate(45deg); }
.coupon-headers h3 a span:last-child {transform:translate(-50%, -50%) rotate(-45deg); }
.offer-tag-wrapper {margin-top:15px; background: #f1f9d0; border-radius: 8px; }
.offer-code-container{display:flex; justify-content:center;padding: 15px 10px;}
.offer-tag-name{padding: 15px 10px; border-bottom:1px dashed #a9b380;}
.coupon-code{padding:7px 15px;border:1px solid #cd3301;background:#FFF;min-width:100px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.coupon-apply-button{padding:10px 15px;border:1px solid #cd3301;background:#cd3301;min-width:100px;display:flex;align-items:center;justify-content:center;color:#FFF;cursor:pointer;}


/*Cupons Modal End*/


/*
---------------------------------------------
Common Modal 
---------------------------------------------
*/
.popupModal {text-align: center;  display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); padding-top: 60px; }
.popupModal-content {background-color: #fefefe; margin: 5% auto; padding:10px; border: 1px solid #888; width: 800px;position: relative; }
.popupModal-close {color: #5a5a5a; float: right; font-size: 28px; font-weight: bold; position: absolute; right: -20px; top: -25px; width: 40px; height: 40px; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: -2px 4px 5px 0px rgb(0 0 0 / 15%); border-radius: 20px;}
.popupModal-close:hover,.popupModal-close:focus {color: black; text-decoration: none; cursor: pointer; }
.popupModal-content a{width: 100%; height: 100%; display: flex;}
.popupModal-content img{width: 100%;}

/*about start*/
.about-banner{width: 100%; margin-bottom: 20px; height: 140px; background: #cd3301; display: flex; justify-content: center; align-items: center; color: #fff; }
.about-content{padding: 50px 0; }
.about-banner img{width: 100%; }
.about-content h2{font-size: 22px; padding: 30px 0; }
.image-style-align-left {}
.image_resized{}
.image-inline {align-items: flex-start; display: inline-flex; max-width: 100%; }
.image-style-align-left {margin-right: var(--ck-inline-image-style-spacing); }

/*CKEDITOR FrontEnd image and text Css Start */

.details-content-image{width: 100%; }
.content-banner{width: 100%; }
.content-banner .image, .content-banner .image-inline {position: relative; }
.content-banner .image-style-block-align-right {margin-left: auto; margin-right: 0; }
.content-banner .image-style-align-right, 
.content-banner .image-style-side{float: right; margin-left: 458px; max-width: 50%; }
.content-banner .image-style-align-left {float: left; margin-right: 45px; }
.content-banner .table {display: table; margin: 0.9em auto; }
.content-banner .image.image_resized {box-sizing: border-box; display: block; max-width: 100%; }
.content-banner .image {clear: both; display: table; min-width: 50px; text-align: center; }
.content-banner .image-style-side {float: right; margin-left: 15px; max-width: 50%; }
.content-banner .image_resized {box-sizing: border-box; display: block; max-width: 100%; }
.content-banner .image_resized img {width: 100%; }
.content-banner hr{float: left; width: 100%; margin:40px 0}

/*CKEDITOR Front End image and text Css End */
/*about end*/
/* Hide the browser's default checkbox */
.onlinePaymentContainer input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #cfcfcf; border-radius: 4px; }
.onlinePaymentContainer:hover input ~ .checkmark {background-color: #ccc;}
.onlinePaymentContainer input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: "";position: absolute;display: none;}
.onlinePaymentContainer input:checked ~ .checkmark:after {display: block;}
.onlinePaymentContainer .checkmark:after {left: 7px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/*Cart page End */

/*thank you page start*/
.thankyouBanner{text-align: center;margin: 0 auto;display: table;width: 100%;padding-top: 50px;}
.thankyouBanner a{background: #cd3301; display: flex; margin: 0 auto; align-items: center; justify-content: center; width: 140px; height: 40px; border-radius: 8px; color: #fff; margin-top: 40px; font-size: 14px; text-transform: uppercase; font-weight: 600;}
.thankyouBanner img{padding: 0 px;}
.thankyouBanner h1{font-size: 42px; padding-top: 0; font-weight: 600; color: #63ab15; line-height: normal; }
.thankyouBanner h3{font-size: 20px; color: #072a3e; margin: 11px 0 30px 0; font-weight: 500; }
.thankyouBanner h5{font-size: 19px;margin: 0;color: #4c4c4c;padding: 0 0 27px 0;}
.thankuimagebox{display: table;margin: 0 auto;}
.thankuBannerText{width: 100%;}
.thankyou_image {display: flex; justify-content: center; width: 550px; margin: 0 auto; position: relative; }
.thankyouBanner img {width: 100%;}

.invoiceBill{text-align: center;display: table;margin: 0 auto;border: 3px dashed #7751d3;border-radius: 15px;padding: 20px;margin-bottom: 30px;background: #f4f1fc;}
.invoiceBill h5{padding: 0px 0 25px 0;color:#575858;font-size: 24px;}
.invoiceBill a{width: 200px;padding: 20px 10px;background: #7751d3;color: #fff;display: block;text-align: center;text-decoration: none;font-weight: bold;text-transform: uppercase;font-size: 19px;border-radius: 7px;margin: 0 auto;box-shadow: 0 4px 15px #9b72ff;}
.animate__tada {-webkit-animation-name: tada; animation-name: tada; animation-duration: 1.2s; animation-iteration-count: infinite; }
@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.congragbox{width: 100px; height: 100px; background: #8BC34A; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 23px; position: absolute; top: 50px; }
.congragbox svg path{fill: #fff}
.sucess_one{}
.sucess_two{transform: scaleX(-1);}
/*thank you page End*/


/* Footer Style */
.footer {background: #282828; padding: 60px 0px 40px 0 !important; color: #787878; }
.footer ul {padding: 0px;margin: 0px;}
.footer ul li {list-style: none;display: inline-block;color: #bdbdbd}
.footer .logo img {max-width: 100%;margin-bottom: 20px;}
.footer .footer-menu {margin-bottom: 0px;}
.footer .footer-menu img {max-width: 100%}
.footer .footer-menu h5{line-height: 22px; text-transform: uppercase; text-align: left; letter-spacing: 0; font-size: 1.3em; font-weight: 800; margin-top: 0; margin-bottom: 20px; }
.umekartFooter{}
/*Search Start*/


.searchTitle{}
.searchTitle .section-heading h2{font-size: 17px; font-weight: 400; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; color: #545454; }
.searchTitle .section-heading h2 span{font-size: 17px; font-weight: 500; width: 100%; display: inline-block; color: #cd3301; }

/*Search End*/
.payment-method {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}
.payment-method .card-wrap{
    display: flex;
}

.payment-method p{
    font-size: 14px;
    line-height: 1.8;
    color: #ffffff;
    font-weight: 400;

}
.payment-method img {
    object-fit: contain;
    width: 59px;
    margin: 0 4px;
    height: 38px;
    padding: 4px;
    border-radius: 6px;
    background: #fff;
}

.custom-mt-5{
    margin-top: 30px;
}

.footer-bottom{padding-bottom: 31px;}
.footer .footer-menu ul li {margin: 0px 0 8px 0;width: 100%;word-break: break-all;}
.footer .footer-menu .social-links ul li{
    margin: 0px 22px 2px 0;
    width: auto;
}
.footer .footer-menu a {    
    cursor: pointer;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #bdbdbd;
}
.footer-menu p {
    font-size: 15px;
    line-height: normal;
    margin: 0 0 20px 0;
    color: #bdbdbd;
}
.footer-menu p a.email{
    text-decoration: underline;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.8;
    color: #ffffff;
}

.footer .footer-menu a .foo_icon path{
    fill: #fff;
}

.umekart-android-logo{
    margin-top: 20px;
}
.umekart-android-logo p{
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
}
.umekart-android-logo a img{
    width: 66%;
  }


.copyright p{}

.shopMenus{
    width: 100%;
    column-count: 2;
}

.footer .footer-menu a:hover {color: #3a8bcd;text-decoration: none;}
.footer .social-icons {margin-bottom: 33px;}
.footer .social-icons h5{    
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 30px;
}
.footer .social-icons ul li {margin: 0px 10px;}
.footer .social-icons a {width: 32px;height: 32px;color: #fff;background-color: #aaa;text-align: center;display: inline-block;line-height: 33px;border-radius: 50%;font-size: 13px;}
.footer .social-icons a:hover {background-color: #3a8bcd;}
.homeSeoContentbox{    padding-top: 30px;}

.colorsInfo{margin-bottom: 32px;}
.colorsInfo h1{font-size: 20px;margin-bottom: 15px;}
.colorsInfo h2{font-size: 15px;font-weight: 500;color: #000;margin-bottom: 6px;}
.colorsInfo h3{font-size: 15px; font-weight: 500;color: #000;margin-bottom: 6px;}
.colorsInfo p{font-size: 14px;line-height: 20px;color: #5c5c5c;}
.colorsinfoBox{padding: 40px 0 0 0}

/* Sub Footer Style */
.sub-footer {text-align: center;background: #2b1244;}
.sub-footer p {font-size: 12px;color: #7a7a7a;line-height: 60px;}
.sub-footer a {color: #3a8bcd;text-decoration: none;}

/* Featured Page Style */
.featured-page {margin-top:0px;margin-bottom:10px;}
.featured-page .section-heading {margin-top: 0px;margin-bottom: 0px;}
.featured-page #filters {margin-top: 15px;text-align: right;}
.featured .featured-item {margin-bottom: 30px;text-decoration: none;}
.featured .featured-item h4 {}
.featured .featured-item:hover h4 {color: #3a8bcd;}
#filter button {outline: none;}
#filter .btn-primary.focus,.btn-primary:focus {color: #3a8bcd!important;box-shadow: none!important;}
#filters .btn-primary {color: #1e1e1e;border: none;font-size: 15px;font-weight: 700;background-color: transparent;}
.page-navigation ul {text-align: center;border-top: 1px solid #eee;padding: 30px 0px 0px 0px;margin: 0px 0px 80px 0px;}
.page-navigation ul li {display: inline-block;}
.page-navigation ul li a {width: 40px;height: 40px;display: inline-block;text-align: center;line-height: 38px;border: 1px solid #eee;border-radius: 5px;font-weight: 700;color: #1e1e1e;font-size: 15px;text-decoration: none;}
.page-navigation ul li a:hover,
.page-navigation ul li.current-page a {background-color: #3a8bcd;border-color: #3a8bcd;color: #fff;}

.featuredImage{height: 250px;overflow: hidden;}
.featuredImage img{width: 100%;height: 100%;object-fit: cover;}
.product-listTitle{margin-top: 30px;}
.product-listTitle h1{font-size: 23px;margin-bottom: 0}

        
/* Single Product Style */
.single-product .product-slider {padding: 0px;border-radius: 5px;    position: sticky;top: 90px;}
.flexslider {border: none!important;}
#carousel {margin-top: 20px;}
#carousel .slides li {width: 150px!important;}
.productHeading h1{font-size: 18px;color: #242424;font-weight: normal;margin-bottom:5px;}
.single-product .right-content h2 {    font-size: 15px;font-weight: normal;margin: 6px 0 5px 0;color: #282828;}
.single-product .right-content h4 {font-size:13px;font-weight: normal;margin-top: 0px;color: #9d9d9d;}
.single-product .right-content h6 {color: #3a8bcd;font-size: 17px;font-weight: 700;margin-top: 10px;}
.single-product .right-content .product-basicDetails p {margin: -5px 0 0 0;color: #4d4d4d;font-size: 15px;display: table;line-height: 24px;}
.single-product .right-content p {margin: 0px 0 5px 0;color: #9d9d9d;font-size: 13px;display: table;}
.single-product .right-content h7 {margin: 0 0 0 0;color:#858585;font-size: 17px;display: table;text-transform: capitalize}
.single-product .right-content span {font-size: 14px;color: #3a8bcd;font-weight: 500;display: inline-block;margin-bottom: 15px;}


.review-header{display: flex; justify-content: space-between; align-items: center; padding: 15px; border: 1px solid #e5e5e5; } .single-product .right-content .write-review-btn{padding: 15px 20px; border-radius: 7px; background:#1aba49; color: #FFF; border: 0; cursor: pointer; white-space: nowrap; } .single-product .right-content .review-btn-view-more{padding: 7px 14px; font-size: 13px; border-radius: 7px; background:#1aba49; color: #FFF; border: 0; cursor: pointer; } .review-lists{margin-top: 15px; } .review-lists ul{list-style: none; } .review-lists ul li{display:block; margin-bottom: 40px; } .single-product .right-content .review-title span{display:inline-block; padding: 3px 5px; border-radius:3px; background:#1aba49; color: #FFF; margin-right:10px; } .single-product .right-content .review-title p{color:#000; font-weight:bold; display: inline; font-size: 16px; } .single-product .right-content .review-texts p{font-size: 13px; color: #000;} .recoubox{display: flex; align-items: center; } .recoubox h5{display: inline-block; color: #212121; font-size: 32px; } .recoubox i{font-size: 28px; padding: 0 0 0 4px; display: inline-block; color: #212121; font-style: normal; } .recoubox p{font-size: 14px; color: #878787; width: 100%; text-align: center; white-space: normal; overflow-wrap: break-word; }





.reviewCountBox {display:inline-block;text-align:left;}
.reviewCountBox.reviewCountBoxSupport{width:100%;
    display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:nowrap;-ms-flex-flow:nowrap;flex-flow:nowrap;height:100%;justify-content: space-between;}
.reviewCountBox .reviewCBLC{text-align: center;
    display: flex;
    align-items: center;
    width: 25px;
}
.reviewCountBox .reviewCBLC .Fig8YH{font-size:12px;font-weight:500;color:#212121;padding:2px 0;}
.reviewCountBox .reviewCBLC .kDyB8d{font-size:12px;color:#212121;padding:0 0 0 2px;}
.reviewCountBox .reviewCBSC{font-size:12px;color:#878787;padding:0 5px 0 12px;}
.reviewCountBox .reviewCBH {padding:1px 0 0;height:20px;}
.reviewCountBox .reviewCountBoxLeft{list-style: none}
.reviewCountBox .reviewCountBoxlast {list-style: none;}
.reviewCountBox .reviewCountBoxMiddle{list-style: none;list-style: none;
    display: inline-block;
    width: 82%;}
.reviewCBMline{position:relative;background:#f0f0f0;margin-top:7px;margin-left:7px;}
.reviewCBMline,
.reviewCBMline .DoUsN7{height:5px;border-radius:100px;}
.reviewCBMline .DoUsN7{left:0;position:absolute;width:0;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center;transition:-webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;transition:transform .4s cubic-bezier(0,0,.3,1) .3s;transition:transform .4s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;}
.reviewCBMline .mCBvS,
.reviewCBMline .LjBlS,
.reviewCBMline .CjJqlS{background-color:#388e3c;}
.reviewCBMline .VMLX8{background-color:#ff9f00;}
.reviewCBMline .SDgpiC{background-color:#ff6161;}








.buyer svg {display: inline-block; vertical-align: middle;margin-left: 15px;}
.single-product .right-content label {font-size: 14px;color: #4a4a4a;}
.single-product .right-content .quantity-text {margin-left: 10px;width: 44px;height: 44px;line-height: 42px;font-size: 14px;font-weight: 700;color: #4a4a4a;display: inline-block;text-align: center;outline: none;border: 1px solid #eee;}
.single-product .right-content .button {margin-left: 0px;cursor: pointer;background-color: #f4a612;outline: none;border-radius: 5px;padding: 10px 15px;display: inline-block;color: #fff;font-size: 17px;text-transform: uppercase;font-weight: 600;letter-spacing: 0.4px;text-decoration: none;box-shadow: none;border: none;}
.single-product .right-content .down-content span {margin-bottom: 0px;display: inline-block;margin-left: 0px;color: #fff; }
.single-product .right-content .down-content span a {color: #aaa;font-weight: 400;margin-left: 4px;}
.single-product .right-content .down-content span a:hover {color: #3a8bcd;}
.single-product .right-content .down-content span a:hover i {background-color: #3a8bcd;}
.single-product .right-content .down-content span a i {background-color: #aaa;width: 26px;height: 26px;display: inline-block;text-align: center;line-height: 26px;border-radius: 50%;color: #fff;font-size: 12px;margin-right: 5px;}
.single-product .right-content .down-content .categories {margin-top: 0px;padding: 10px 0px;float: left;width: 100%;}
.shareBox{width: 100%;float: left;display: none}
.shareBox a{background: #4dc85a;color: #fff;padding: 5px 10px;font-size: 17px;border-radius: 6px;float: left;display: flex;align-items: center;}
.shareBox a i svg{fill: #fff;}
.single-product .right-content .down-content .share {   border-top: 1px solid #eee;padding: 10px 0px;width: 100%;display: table;margin: 10px 0;}
.quantityInput{width: 55px; height: 30px; padding: 4px; text-align: center; border: none; outline: none; } 
.box_widthy button{background: none; border: none; font-size: 18px; padding: 0 5px; } 
.deliveryPageRedirect{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.single-product .right-content .down-content .deliveryPageRedirect h6{font-size: 16px; color: #262626; font-weight: 500; float: left; padding: 0; margin: 0 10px 6px 0px; text-transform: uppercase; width: 100%; text-align: center; }
.single-product .right-content .down-content .deliveryPageRedirect a{position: relative; border-radius: 5px; font-size: 17px; font-weight: bold; z-index: 999; background: #1f2781; float: left; margin: 14px 0 30px 0; border: none; padding: 19px 53px; color: #fff; text-align: center; width: 300px; height: 56px; cursor: pointer; text-transform: uppercase; }

.single-product .right-content .down-content h6 {font-size: 13px;color: #262626;font-weight: 500;float: left;padding: 0;margin: 0 10px 6px 0px;text-transform: uppercase;    width: 100%;}
.single-product .right-content .down-content .product-basicDetails h6{width: 100%;margin-bottom: 13px;}
.product-basicDetails{margin-bottom:25px;display: table;width: 100%;}
.product-basicDetails .detailed{float: left;width: 100%}
.product-basicDetails .detailed table{border: none !important; width: 100% !important}
.product-basicDetails .detailed table tr td{border: none !important}

.product-basicDetails .detailed table tr td:nth-child(1), 
.product-basicDetails .detailed table tr td:nth-child(1) p, 
.product-basicDetails .detailed table tr td:nth-child(1) span,
.product-basicDetails .detailed table tr td:nth-child(1) p span{
    border: none !important; padding: 0 !important; line-height: normal !important; height: auto !important; font-size: 15px !important; color: #878787 !important; margin: 0 !important; 
    font-weight: normal !important; width: 160px; text-align: left; }

.product-basicDetails .detailed table tr td:nth-child(1), 
.product-basicDetails .detailed table tr td:nth-child(1) p:nth-child(1), 
.product-basicDetails .detailed table tr td:nth-child(1) span:nth-child(1),
.product-basicDetails .detailed table tr td:nth-child(1) p:nth-child(1) span{
    margin: 5px 0 !important;
    
}

.product-basicDetails .detailed table tr td:nth-child(2), 
.product-basicDetails .detailed table tr td:nth-child(2) p, 
.product-basicDetails .detailed table tr td:nth-child(2) span, 
.product-basicDetails .detailed table tr td:nth-child(2) p span {
    border: none !important; padding: 0 !important; line-height: normal !important; height: auto !important; font-size: 15px !important; color: #000 !important; margin: 0 !important; font-weight: normal !important; text-align: left; }

.product-basicDetails .detailed table tr td:nth-child(2), 
.product-basicDetails .detailed table tr td:nth-child(2) p:nth-child(1), 
.product-basicDetails .detailed table tr td:nth-child(2) span:nth-child(1),
.product-basicDetails .detailed table tr td:nth-child(2) p:nth-child(1) span{
    margin: 5px 0 !important; 
}

.down-content .product-basicDetails .detailed span{font-size: 12px;font-weight: 400;color: #8f8f8f;margin-bottom:6px;}
.product-basicDetails .detailed p{}
.product-basicDetails .d-flex{width:100%;}
.categories ul{list-style:none;padding: 0;margin: 0;float: left;}
.categories ul li{display:inline-block;position: relative}
.colorBox{background-color:#ff8000;width: 30px !important;height: 30px !important;border-radius: 4px;border-radius: 60px}
.price-box{display:flex}
.yourPrice{display:inline-block}
.offerPrice, .regularPrice, .offerPersentage{margin-right: 12px;font-size: 29px;font-weight:600;color: #000;}
.offerPrice b svg,.regularPrice b svg{width: 15px;display: inline-table;height: 21px;margin-right: 3px;}
.regularPrice{color: #9b9b9b !important;position: relative;font-weight: normal;}
.regularPrice svg path{fill:#9d9d9d !important}
.regularPrice::before{    content: ''; width: 105%; height: 2px; background: #9b9b9b; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.offerPersentage{color: #f95555 !important;padding: 0;border-radius: 0px;margin:-10px 0 0 0;font-weight: normal;margin-left:auto}

.cartIcon{position: relative; float: right; display: flex; align-items: center; gap: 10px;} 
.cartIcon a{float: left;}
.cartIcon a img{position: relative;z-index: 2;    width: 21px;}
.cartIcon i{background: #f7654e; color: #fff; position: absolute; border-radius: 50%; left:0; font-style: normal; font-size: 8px; font-weight: bold; text-align: center; top:0; padding: 1px 0 0 0; width: 17px; height: 17px; display: flex; align-items: center; justify-content: center; z-index: 2; }


.wishlistBox{position: absolute; z-index: 1; right: 25px; top: 11px;}
.wishlist{position: relative; display: flex; align-items: center;justify-content:center; }
.wishlist a{float: left;}
.wishlist a img{position: relative;z-index: 2;width: 21px;}
.wishlist i{background: #f7654e;color: #fff; position: absolute; border-radius: 50%; right: -4px; font-style: normal; font-size: 8px; font-weight: bold; text-align: center; 
    top:0; padding: 1px 0 0 0; width: 17px; height: 17px; display: flex; align-items: center; justify-content: center; z-index: 3;}
.wishlists_button {padding: 8px 8px; border: 1px solid #cdcdcd; background: #FFF; border-radius: 25px; cursor: pointer;}
.wishlists_button img{width: 25px;    filter: brightness(0);}
.wishlists_button:hover{background: #f9595f;border-color:#f9595f }
.wishlists_button:hover img{filter: brightness(11);}
.wishlists_button.active {background: #f9595f;border-color:#f9595f }
.wishlists_button.active img{filter: brightness(11);}
.orderList.wishListBox .product_image_info a{color: #09359d;}
.cartIcon a, .wishlist a{width:100%; height:100%; display: flex; gap:10px; align-items: center;}


.single-product .right-content{position: relative;}
.single-product .right-content .section-heading {margin-top: 0px;margin-bottom: 10px;}
.freeShipping{ font-size: 15px;margin-bottom: 30px;float: left;width: 100%;}
.freeShipping ul li{text-decoration:none; } 
.delivery-box{margin-bottom:25px;float: left;width: 100%;}
#deliveryStatus{float: left;width: 100%;margin-top: 10px}
#deliveryStatus p{float: left;width: 100%;font-size: 14px;color: #067023;}

#deliveryDetails{float: left;width: 100%;margin-top: 10px}
#deliveryDetails p{float: left;width: 100%;font-size: 14px;color: #000;line-height: normal;}
#deliveryDetails p strong{font-weight:600}
#deliveryDetails p span{color: #0000ff;font-weight: 600;}


.FreeOfferBox{padding: 0 0px}
.FreeOfferBox p{font-size: 15px;color: #2e2e2e;background: #fff701;padding: 11px 12px;margin: -19px 0 20px 0;float: left;width: 100%;text-align: center;}
.FreeOfferBox p b{ width: 100%;display: block;}

.cart-button{position: relative; border-radius: 5px; font-size: 17px; font-weight: bold; z-index: 999; background: #1f2781; float: left; margin: 14px 0 0px 0; border: none; 
    padding: 16px 23px; color: #fff; text-align: center; width:230px; height: 56px; cursor: pointer; text-transform: uppercase; }

.cart-button input{
    border-radius: 5px;
    font-size: 17px;
    font-weight: bold;
    background: none;
    padding: 16px 23px;
    color: #fff;
    text-align: center;
    width: 230px;
    height: 56px;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
}


.cart-button.addtocartButton{
    background: #FF9800;
    border-bottom: 1px solid #ff3a00;
    color: #fff;
}

.cart-button.addtocartButton:hover{
    background: #ffd600;
    color: #fff;
}


.cart-button.buyNowButton{
    background: #cd3301;
    border-bottom: 1px solid #7a2307;
    color: #fff;
}

.cart-button.buyNowButton:hover{
    background:#fb6a3b;
    color: #fff;
}

.add-address{
    margin: 0 0 15px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.single-product .right-content .add-address p{
   font-size: 14px;
    color: #0a7823;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}
.add-address .addAddressBtn{
    position: relative;
    border-radius: 5px;
    font-size: 17px;
    font-weight: bold;
    background: #0a7823;
    color: #fff;
    width: 230px;
    height: 56px;
    cursor: pointer;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}



.buynowpopup-button{    
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    z-index: 999;
    background: #1f2781;
    float: left;
    margin: 0;
    border: none;
    padding: 14px 23px;
    color: #fff;
    text-align: center;
    height: 45px;
    cursor: pointer;
    text-transform: uppercase;
}
.addtocartpopup-button{    
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    z-index: 999;
    float: left;
    margin: 0;
    padding: 12px 23px;
    text-align: center;
    height: 45px;
    cursor: pointer;
    text-transform: uppercase;
    background: #ffffff;
    border-color: #e27a51;
    color: #e27a51;
    border: 2px solid #e27a51;

}

.bothbuttons{display: flex; gap:15px;margin-bottom: 30px;}


.goCart{
    background: #d50909;
    border: 1px solid #cd0000;
    box-shadow: 0 7px 15px rgb(255 184 184);
    position: relative;
    border-radius: 5px;
    font-size: 17px;
    font-weight: bold;
    z-index: 999;
    float: left;
    margin: 14px 0 0px 0;
    border: none;
    padding: 16px 23px;
    color: #fff;
    text-align: center;
    width:230px;
    height: 56px;
    cursor: pointer;
    text-transform: uppercase;
}


.goCart:hover{color: #fff;}
.total-Price{display: flex;flex-direction: column;gap: 5px;}
.total-Price h4{font-size: 14px;margin-bottom:17px;}
.total-Price p{font-size: 13px;text-align: right;font-weight: 500}
.freeColor p{color: #388e3c}
.paidColor p{color: #dd0808}
.totalOutline{border-top: 1px dashed #dbdbdb;border-bottom: 1px dashed #dbdbdb;padding: 8px 0}
.totalOutline h4{margin: 0;padding:0 }
.totalOutline i{float: left}
.totalOutline p{margin: 0;padding: 0;position: relative}
.totalOutline p:before{    content: '₹';position: relative;width: 20px;height: 20px;left: -4px;}
.deliveryInfo{}
.deliveryInfo p{color: #388e3c;font-weight: 500;margin: 12px 0 -5px 0;font-size: 15px;}
.quantityBox{}
.quantityBox h4{}
.quantityBox input{}
.note{font-size: 13px;color: #959595;font-weight: normal;margin: 10px 0 5px 0;}
.categories ul li .age {display: table;position: relative;padding-left: 0;margin-bottom: 0px;cursor: pointer;font-size: 22px;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-top: 0px;}
.product-basicInfo{width: 100%;display: table;}

.outofStock span{text-decoration: line-through;}
.categories ul li .age input {position: absolute;opacity: 0;cursor: pointer;}
.categories ul li .age .agecheckmark {position: relative; top: 0; left: 0; height: 35px; width: 35px; border-radius: 4px; border: 1px solid #e9e9e9; color: #5c5c5c; 
    font-weight: normal; background: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-size: 12px;    text-align: center; }
.categories ul li .age:hover input ~ .agecheckmark {background-color: #fff2e7;border: 1px solid #ff861f;}
.categories ul li .age input:checked ~ .agecheckmark {background-color: #f7a056;color: #ffffff;border: 1px solid transparent;font-weight: normal;}
.categories ul li .age input ~ .ageyear {color: #000;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.categories ul li .agecheckmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.categories ul li .age input:checked ~ .agecheckmark:after {display: none;}
/* Style the indicator (dot/circle) */
.categories ul li .age .agecheckmark:after {top: 8px;left: 6px;width: 10px;height: 10px;border-radius: 50%;background: #ffeb02;}
.down-content{width: 100%;display: flex;flex-wrap: wrap;}
/* About Us Style */
.about-page {margin-top: 50px;margin-bottom: 80px;}
.about-page .right-content h4 {font-size: 17px;font-weight: 700;margin-top: 0px;margin-bottom: 20px;}
.about-page .left-image img {max-width: 100%;}
.about-page .right-content span {display: inline-block;margin-left: 8px;}
.about-page .right-content span a i {background-color: #aaa;width: 26px;height: 26px;display: inline-block;text-align: center;line-height: 26px;border-radius: 50%;color: #fff;font-size: 12px;margin-right: 5px;}
.about-page .right-content .share {margin-top: 20px;border-top: 1px solid #eee;padding: 15px 0px;}
.about-page .right-content h6 {font-size: 14px;color: #4a4a4a;font-weight: 400;}
.about-page .right-content span a:hover i {background-color: #3a8bcd;}
/* Contact Page Style */
.contact-page {margin-top: 50px;margin-bottom: 80px;}
.contact-page .right-content input,
.contact-page .right-content textarea {border-radius: 0px;outline: none;box-shadow: none;font-size: 14px;margin-bottom: 30px;}
.contact-page .right-content input {height: 44px;line-height: 44px;}
.contact-page .right-content textarea {height: 200px;max-height: 280px;}
.contact-page .right-content span {display: inline-block;margin-left: 8px;}
.contact-page .right-content span a i {background-color: #aaa;width: 26px;height: 26px;display: inline-block;text-align: center;line-height: 26px;border-radius: 50%;color: #fff;font-size: 12px;margin-right: 5px;}
.contact-page .right-content .share {margin-top: 30px;border-top: 1px solid #eee;padding: 15px 0px;}
.contact-page .right-content h6 {font-size: 14px;color: #4a4a4a;font-weight: 400;}
.contact-page .right-content span a:hover i {background-color: #3a8bcd;}
.contact-page .right-content .button {cursor: pointer;background-color: #3a8bcd;outline: none;border-radius: 5px;padding: 10px 15px;display: inline-block;color: #fff;font-size: 14px;text-transform: uppercase;font-weight: 300;letter-spacing: 0.4px;
text-decoration: none;box-shadow: none;border: none;}

.feedbackBanner{ }
.feedbackBanner img{width: 100%;border-radius: 11px;}

/*.delivery-address-Form{display: none;}*/
.deliveryOpen{display: block;margin-top: 72px;}
.b-lazy {opacity: 0;transition: opacity 500ms ease-in-out;}
.b-loaded {opacity: 1;}
.small-img{max-width: 100%;height: auto;}




/*Product-details*/

.product-list{padding: 0 0 30px 0}

.product-img-wrapper{
  position: relative;
    margin: 0 auto;
    display: flex;
        flex-wrap: wrap;
    gap: 30px;

}
.product-img-container{
  
 width: 615px;
  /* height:590px; */
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-sizing: inherit;
}
.product-img-container img{
  width: 100%;
  display: block;
  position: absolute;
  transition: all .03s linear;
}
.product-img-container:hover{
  cursor: zoom-in;
}

.product-img-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 20px;
}

.product-img-list li.active{
  width: 135px;
  border-color: #292929;
}
.product-img-list li{
  width: 135px;
  height: 135px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #D8D8D8;
  overflow: hidden;
  background:var(--white);
  margin-bottom: 15px;
  cursor: pointer;
  transition: all .15s linear ;
}
.product-img-list li img{
  width: 100%;
}
.product-details-header{
  width: 100%;
  position: relative;
}


.pincode-txtbox {
    display: inline-block;
    height: 33px;
    width: 300px;
    border: 1px solid #9b9da9;
    padding: 0 0 0 0px;
    border-radius: 3px;
    margin-bottom: 5px;
    overflow: hidden;
}
.pincode-txtbox .inputbox {
    border: none;
    width: 79%;
    border: none;
    height: 30px;
    padding: 0 0 0 10px;
}

.pincode-txtbox .btn-submit {
    border: none;
    background-color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    top: 0;
    font-weight: 700;
    color: #cd3301;
}

/* My account Start*/

.myaccount{display: flex;flex-wrap: wrap;align-items: start; gap:1rem}
.myaccount .sidenav{flex-grow: 1;flex-basis: 300px}

.myaccount .fullBody{flex-grow: 9999;flex-basis: 600px}

.plus_minus_box{
    width: 100%;
    float: left;
    padding: 10px 0 5px 0;
}
.single-product .right-content .plus_minus_box p{
    margin: 10px 0 0px 0;
    color: #ff002d;
    font-size: 13px;
    display: table;
    font-weight: bold;

}

.box_widthy{display: flex;
    padding: 5px 5px;
    border: solid 1px #bdbdbd;
    width: 109px;
    justify-content: center;
    border-radius: 2px;}

/* My account End*/


/*search Start start*/

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 999;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 267px;
    overflow-y: auto;
    background: #FFF;
}

.autocomplete-items .suggestion-item {
    padding: 18px;
    cursor: pointer;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items .suggestion-item:hover{background:#74d7ea14;}

/*search Start End*/




/*Conatct Start*/

.contact-detail {padding-bottom: 6.25em; } 
.contact-detail {padding:0.625em; padding-bottom: 6.25em; border: 0.063em solid; border-image-slice: 1; border-width: 0 0 0.063em 0; border-image-source: linear-gradient(to left, rgba(209, 208, 207, 0), rgba(209, 208, 207, 0.6), rgba(209, 208, 207, 0)); } 
.icon-box {margin-bottom: 0.938em; } 
.icon-box .icon-svg {fill: var(--iq-white); color: var(--iq-white); border-color: var(--iq-white); }
.icon-svg svg {width: 3.125em; height: 3.125em; position: relative; display: block; } 
.icon-box-content {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } 
.icon-box-content .icon-box-title {color: var(--iq-primary); font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-weight: var(--e-global-typography-primary-font-weight); font-size: 1.5em; } 
.icon-box-description {color: var(--iq-light-gray); font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-weight: var(--e-global-typography-primary-font-weight); } 
.iq-contact-list {border: 0.063em solid; border-image-slice: 1; border-width: 0 0 0 0.063em; border-image-source: linear-gradient(to top, rgba(209, 208, 207, 0), rgba(209, 208, 207, 0.6), rgba(209, 208, 207, 0)); } 

.response-output{width: 100%;text-align: center;}
.cust-alert{color: #e10f0f;font-size: 12px;margin: 0 0 15px 0;display: block;}
.iq-button{background: #e27a51;color: #fff;padding: 10px 20px;font-weight: 600;text-transform: uppercase;}


/*---------------------------------------------------------------------
     Contact form
-----------------------------------------------------------------------*/
.wpcf7-response-output.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
    position: absolute;
    bottom: -0.313em;
    left: 0;
    color: red;
    border: none;
    padding: 0;
    margin: 0.313em 0;
}
.streamit-contact {
    padding: 2.813em;
    background: var(--iq-white-light-color);
}
.streamit-contact h2 {
    text-align: center;
}
.streamit-contact input:hover,
.streamit-contact input[type=text]:hover,
.streamit-contact textarea:hover {
    border: 0.063em solid var(--iq-primary);
}
.streamit-contact .button {
    cursor: pointer;
    margin-top: 0.938em;
}
.streamit-contact input,
.streamit-contact input[type=text],
.streamit-contact textarea {
    border: 0.063em solid var(--iq-white-light-color);
}
.wpcf7-form p:nth-child(n+6) {
    margin-bottom: 0;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
.wpcf7-not-valid-tip {
    display: none !important;
}
.contact-form .cfield {
    position: relative;
    width: 100%;
    display: inline-block;
}
.contact-form .cfield input[type=submit] {
    margin-top: 0.938em;
}
.contact-form .cfield input {
    position: relative;
    width: 100%;
    margin-bottom: 0.938em;
}
.contact-form .cfield.textarea textarea {
    margin-bottom: 0.938em;
    width: 100%;
    float: left;
    background: var(--iq-white-color);
    border:0.063em solid var(--iq-white-light-color);
    border-radius: 0.25em;
    padding: 0.938em 0 0 1.25em;
    resize: none;
}
.contact-form .cfield .wpcf7-not-valid {
    border: 0.063em solid var(--iq-warning-color);
}
.contact-form .ajax-loader {
    margin:2em 0 0 0.313em;
}
.predict-form {
    background: var(--iq-white-color);
    border-radius:0.313em;
    padding: 1.875em;
}
.predict-form input,
.predict-form textarea {
    margin-bottom: 1.875em;
}
.contact-form .cfield textarea {
    margin-bottom: 0.938em;
}
.iq-contact-data {
    padding: 0 0 6.25em 0;
    border: 0.063em solid;
    border-image-slice: 1;
    border-width: 0 0 0.063em 0;
    border-image-source: linear-gradient(to left, rgba(209, 208, 207, 0), rgba(209, 208, 207, 0.6), rgba(209, 208, 207, 0));
}
.iq-contact-data .iq-contact-list {
    border: 0.063em solid;
    border-image-slice: 1;
    border-width: 0 0 0 0.063em;
    border-image-source: linear-gradient(to top, rgba(209, 208, 207, 0), rgba(209, 208, 207, 0.6), rgba(209, 208, 207, 0));
}
.iq-contact-data .iq-contact-list:first-child {
    border: none;
}
.contact-form input,
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=search],
.contact-form input[type=password],
.contact-form textarea {
    width: 100%;
    padding: 0 0.938em;
    height: 3em;
    line-height: 3em;
    background: var(--iq-body-bg);
    border: 0.063em solid #dbdbdb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: var(--iq-body-text);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.contact-form textarea {
    padding: 0 0.938em;
    height: 9.375em;
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    border-radius: 0em;
}
.comments-area table td,
.comments-area table th {
    border: 0.063em solid var(--iq-white-light-color);
}
.contact-form input:focus,
.contact-form input[type=text]:focus,
.contact-form input[type=email]:focus,
.contact-form input[type=search]:focus,
.contact-form input[type=password]:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    border-color: #e27a51;

    outline: none;
}
.text-center {
    text-align: center!important;
}
.iq-title{color: #e27a51;
    font-size: 40px;
}

/*contact End*/


/*Add cart Modal Start*/

.border-btm-black {
    -ms-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.text_16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.68;
    letter-spacing: 0.5px;
}


.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0,0,0,.2);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    transform: translateY(100%)
}

.offcanvas-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
}

.offcanvas.show {
    transform: none;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
}
.cookieRemove_btn{
       font-size: 13px;
    color: #000000;
    background: #e0e0e0;
    padding: 2px 5px;
    border-radius: 3px;
    line-height: 17px; 
}


.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.minicart-loop {
     padding: 1rem 0;
    overflow-y: auto;
    height: calc(100vh - 280px);
}

.minicart-item {
  padding: 0.5rem 0; }

.product-remove {
  line-height: 1; }

.mini-img-wrapper {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border: 1px solid #c6c6;
    border-radius: 5px;
}

.mini-img {
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top; 
  padding: 10px;
}

.minicart-item > .product-info {
  width: calc(100% - 80px);
  padding-left: 20px; }

.product-title,
.product-title a {
  font-size: 13px;
  line-height: 1.3;
  font-weight: var(--title-font-weight);
  font-family: var(--title-font-family);
  color: var(--title-color); 
  cursor: pointer;
}

.product-vendor,
.quantity input,
.product-price {
  font-size: 13px;
  color: var(--body-color);
  font-weight: var(--body-font-weight);
  font-family: var(--body-font-family); }

.product-remove {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  text-decoration: underline;
  color: var(--body-color);
  font-weight: var(--body-font-weight);
  font-family: var(--body-font-family); }

.product-title:hover,
.product-title a:hover,
.product-remove:hover {
  color: var(--secondary-color); }

.qty-btn,
.qty-input {
  width: 50px;
  text-align: center;
  border: none;
  outline: none;
  background: transparent; }


  .qty-btn:hover, 
  .qty-btn:focus, 
  .qty-btn:active, 
  .qty-input:hover, 
  .qty-input:focus, 
  .qty-input:active{
    border: none;
    outline: none; 
    background: transparent; 
} 

.qty-btn::-webkit-inner-spin-button, 
.qty-input::-webkit-inner-spin-button {display: none; }

.minicart-footer {
  padding: 20px 20px 0 20px;
  -ms-border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1); 
}
.cart-subtotal, .cart-subprice {
    font-size: 16px;
    font-weight: 500;
}




/*Add cart Modal End*/



.check-loginlink{
    border: solid 1px #d3d3d3;
    padding: 15px;
    margin-top: 17px;
}
.check-loginlink p a{
        font-weight: bold;
    color: #1b17d3;
}

.check-loginlink button{
    background: none;
    outline: none;
    border: none;font-size: 17px;color: #1f2781;
}

.user_login a span svg{font-size: 25px;fill:#000 !important;}


/*MINI_CART*/
.header_othersOptions{gap:15px}
.shopping-cart{display: none;}
.user_login{position: relative;display: flex;margin-left: auto;gap:15px;justify-content: center;}

.user_login_button{
    display: flex;
    flex-wrap: wrap;
    flex-direction:row ;
    align-items: center;
}

.user_login span{
    font-size: 15px;font-weight: 500;
}

.wishlist span , 
.cartIcon span{
font-size: 15px;
    color: #000;
    display: flex;
    font-weight: 500;
}



.shopping-cart{
    position: fixed;
    width: 300px;
    color: rgb(34, 37, 41);
    top: 100%;
    margin-top: 13px;
    right: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;
    z-index: 99;
    top:0;
    background: #FFF;
    padding: 10px 15px 5px;
    font-size: .8125rem;
    line-height: 1.5;
    font-weight: 700;
    height: 100%;
    margin: 0;}

.shopping-cart .total-count {
    display: flex;
    padding: 3px 5px;
    border-bottom: solid 1px #e7e7e7;
    color: #222529;
    text-transform: uppercase;
    align-items: center;
}
.shopping-cart .items-total {
    float: right;
}
.shopping-cart .total-count .actions {
    margin-left: auto;
}
.d_flrtx{display: flex;
    align-items: center;}

.cart_body_d{display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: solid 1px #c9c9c9;
    margin-bottom: 10px;}
.cart_body_d .product_img img{width: 100%;}
.product_img{width: 100px;margin-right: 10px;}
.product_containt span{font-size: 12px;
    font-weight: 500;
    height: 35px;
    overflow: hidden;
    display: block;}
.actions_btn_c button{width: 100%;
    color: var(--tg-button-color);
    background-color: var(--tg-button-background-color);
    border-radius: 2px;
    margin: 15px 0;}
#cart_colese{width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;
    margin-bottom: 25px;
    background: #FFF;
    cursor:pointer;}

input:disabled{background: #c6c6c6;    background: #f3f3f3;
    border-color: #e7e7e7;color: #a7a7a7;}

/*profile_css*/


.loader-all {
    border: 5px solid #b7b7b7;
    border-top: 5px solid #6a6565;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 44px;
    right: 50%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.addressSubmitBTN{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;
    color: var(--tg-button-color);
    background-color: var(--tg-button-background-color);
    margin-right: 10px;
    padding: 0.375rem 0.75rem;
}

.reg-form-field {
    width: 100%;
    border: 1px solid #939393;
    padding: 10px;
    height: 50px;
    background: #FFF;
    outline: 0;
    border-radius: 3px;
}
.form_profile .form-label {
   display: block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    color: #3e3e3e;
}
.form_profile .form-wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 18px;
    text-align: left;
}
.form_sunmitb{text-transform: capitalize;
    color: var(--tg-button-color);
    background-color: var(--tg-button-background-color);
    border-radius: 4px;
    padding: 13px 29px;
    display: inline-block;
    transition: all 0.3s;
}

    .user_profile_image{

    }
    .user_profile_image img{
        width: 250px;
        height: 250px;
        object-fit: cover;
        border: 8px solid #ffffff;
        border-radius: 50%;
        object-position: center center;
        background: #fff;
        box-shadow: 0 0 23px rgb(255 208 194);
    }


    .profileImageUploadBox{
        display: flex;
        flex-wrap: wrap;
        background: #fff5f2;
        padding: 30px 0px;
        border-radius: 9px;
        border: 3px dashed #ffd9ce;
        justify-content: center;
        align-items: center;
            margin-bottom: 15px;
    }


    .upload-container {
        padding: 20px 30px;
        border-radius: 10px;
        text-align: center;
    }

    .upload-container h3 {
        margin-bottom: 20px;
        font-size: 19px;
        color: #333;
    }

    #fileInput {
        display: none;
    }

    .custom-file-label {
        display: inline-block;
        padding: 12px 20px;
        cursor: pointer;
        background-color: #3a3837;
        color: white;
        border-radius: 4px;
        transition: background-color 0.3s;
    }

        .custom-file-label:hover {
            background-color: #0056b3;
        }

        .file-name {
            display: block;
            margin-top: 10px;
            font-style: italic;
            color: #555;
        }

        .image-preview {
            margin-top: 20px;
            display: none;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .image-preview img {
            max-width: 100%;
            border-radius: 10px;
            margin-bottom: 10px;
        }

        .upload-button {
            display: none;
            width: 100%;
            padding: 12px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 18px;
            margin-top: 20px;
            transition: background-color 0.3s;
        }

        .upload-button.visible {
            display: block;
        }

        .upload-button:hover {
            background-color: #218838;
        }




.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius: .375rem;
  background-color: #fff;
  background-clip: border-box;
  box-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1);}

.cansel_btn{color: #ff3e1f;margin-left: 15px;}

.card>hr {
  margin-right: 0;
  margin-left: 0;
}

.card-body {
  padding: 1.5rem;
  flex: 1 1 auto;
}

.card-header {
  margin-bottom: 0;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  background-color: #fff;
}

.card-header:first-child {
  border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}



.rounded-circle {
  border-radius: 50% !important;
}

.avatar {
  font-size: 1rem;
  display: inline-flex;
  width: 48px;
  height: 48px;
  color: #fff;
  border-radius: 50%;
  background-color: #adb5bd;
  align-items: center;
  justify-content: center;
}

.avatar img {
  width: 100%;
  border-radius: 50%;
}

.avatar-sm {
  font-size: .875rem;
  width: 36px;
  height: 36px;
}

.btn {
  font-size: .875rem;
  position: relative;
  transition: all .15s ease;
  letter-spacing: .025em;
  text-transform: none;
  will-change: transform;
}


.card-profile-stats {
  padding: 1rem 0;
}

.card-profile-stats>div {
  margin-right: 1rem;
  padding: .875rem;
  text-align: center;
}

.card-profile-stats>div:last-child {
  margin-right: 0;
}

.card-profile-stats>div .heading {
  font-size: 1.1rem;
  font-weight: bold;
  display: block;
}

.card-profile-stats>div .description {
  font-size: .875rem;
  color: #adb5bd;
}

.main-content {
  position: relative;
}

.profile_degigtion{text-align:left;margin-bottom:20px }
.profile_degigtion h3 small{display: block;color: #e27a51;
    margin-bottom: 3px;}
.left_tab ul{padding: 0;margin: 0;}
.left_tab ul li{list-style-type: none;}
.left_tab ul li a{color: #000;
    padding: 15px 0;
    display: block;
    border-bottom: solid 1px #b3b3b3;}
.left_tab ul li:last-child a{border-bottom:none;}

.cover_img_user img{max-width: 100%;}
.cover_img_user{
    height: 250px;
    overflow: hidden;
    background: #dfdfdf;
    margin-bottom: 25px;
}
.cover_img_user a{width: 100%;display: flex;height: 100%;}

.cover_img_user a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.user_pr_main_box{margin-top:0px;margin-bottom: 100px;height: 100vh}

.table, .widget_calendar table {width: 100%; margin-bottom: 1rem; color: #161619; }
.table th, .widget_calendar table th, .table td, .widget_calendar table td {padding: 0.75rem; vertical-align: middle; border-top: 1px solid #eae8e4; text-align: center; }
.left_tab ul li.active a{color: #fff;background-color: var(--tg-button-background-color);border-color:var(--tg-button-background-color) !important;padding-left: 15px;}
.form_profile{min-height: 391px;}
.form_profile address{font-size: 18px;font-style: normal;line-height: 33px;}
.form_profile address span{display: block;}
.imgwraplk{width: 90px;}
.imgwraplk img{max-width:100%;}
.hed_peouty{font-weight: 400;}
.form-check-inline {display: flex;margin: 1rem 0;}
.edit_address_box{margin-bottom: 10px;}
.user_login_done{display: flex;align-items: center;    min-height: 43px;}
.user_login_done p{color: #000; text-align: center; padding: 0 15px 0 5px; text-decoration: none; font-size: 15px; }
.user_login_button .dropdown:hover .dropbtn{background: #cd3301; color: #fff; padding: 0 17px; border-radius: 6px; }
.user_login_button .dropdown:hover .dropbtn img{filter: brightness(21);}


.user_login_button .login_button{
    color: var(--tg-menu-color); background-color: transparent; 
    text-align: center; padding: 0 17px; text-decoration: none; 
    font-size: 15px; border: none; line-height: 19px; font-weight: 500; cursor: pointer; border-radius: 3px; height: 43px; display: flex; gap:10px;align-items: center;
}
.user_login_button .login_button img{width:18px }
.user_login_icon svg{width: 18px; height: 23px; fill: #fff; }
.botom_sub_botom{position: absolute;bottom: 0;width:93%;}
.actions_btn_c{display: flex;justify-content: space-around;}
.actions_btn_c .btn{margin: 0 2px;}
.accordion ul li{list-style-type: none;line-height:31px;}
.accordion h2{font-size: 20px;margin-bottom: 10px;}
.accordion{margin-bottom: 20px;border-bottom: solid 1px #dfdfdf;padding-bottom: 15px;display: inline-block;width: 100%;}
.left_site_bar .accordion ul li a{color:#7a7a7a;}
.button_priceRange{padding: 6px 15px; margin-top: 15px; color: var(--tg-button-color); background-color: var(--tg-button-background-color); border: none; border-radius: 4px;}


.left_site_bar_colese{width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 6px;
    background: #fff;
    border: none;
    border-radius: 3px;}
}

.user_login_drop_styl .dropdown-content li{list-style-type: none;}
.user_login_drop_styl .log_icon_p svg{font-size: 17px;fill:#979797!important;margin-right: 8px;}
.user_login_drop_styl .dropdown-content li a{padding: 10px;font-size: 13px;
    display: flex;
    width: 100%;
    align-items: center;}
.user_login_drop_styl .dropdown-content a:hover .log_icon_p svg{fill:#FFF!important;}
.icon_name_align{display: flex;align-items: center;}

.icon_name_align img{width: 18px;height: 21px}

      /*login_modal*/
.passwordAdmin{
    position: absolute;
    right: 15px;
    top: 34px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}
.form-group{
  position: relative;

}

       

.login_signup_modal.modal {display: none; position: fixed; z-index: 9999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.login_signup_modal .modal-content{position: relative;}
.form-inner .form-group label{
    margin-bottom: 8px;
    display: inline-block;
    font-size: 14px;
}

.login_signup_modal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 550px;
    height: 550px;
}
.login_signup_modal .close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; position: absolute; }

.login_signup_modal .close:hover,
.login_signup_modal .close:focus {color: #000;text-decoration: none;cursor: pointer;}


.login_signup_modal .modal-content .close_address_modal{
    position: absolute;
    top: 0;
    cursor: pointer;
    right: 0;
    width: 50px;
    height: 50px;
    font-size: 47px ;
    text-align: center;
    line-height: 40px;
    background: #FF9800;
    color: #FFFF;
}



#addressModal .modalPicode{width: 80%}
#addressModal .modalPicode h6{
    display: table;
    font-weight: 600;
    font-size: 22px;
    line-height: 44px;
    color: #3c3c3c;
    text-align: center;
    width: 100%;
    margin-bottom: 17px;
}

#addressModal .modalPicode .pinCodeBox{
    height: 120px;
    display: table;
    width: 100%;
}

#addressModal .modalPicode .pinCodeBox input{
        display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#addressModal .modalPicode .pinCodeBox button.btn-submit{
    position: relative;
    border-radius: 5px;
    font-size: 17px;
    font-weight: bold;
    z-index: 999;
    background: var(--cart_button-green);
    float: left;
    margin: 14px 0 20px 0;
    border: none;
    padding: 19px 53px;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 56px;
    cursor: pointer;
    text-transform: uppercase;
}
#addressModal .modalPicode .pinCodeBox #deliveryStatus{}


#addressModal .modal-content{
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
        min-height: 281px;
}


#addressModal #deliveryStatus p ,
#addressModal .modalPicode .pinCodeBox p {
    margin: 0px 0 5px 0;
    color: #639913;
    font-size: 18px;
    display: table;
    width: 100%;
    text-align: center;
    font-weight: 500;
}





  .popup_login_sign.wrapper{
    overflow: hidden;
    position: relative;
    padding: 0;
    border-radius: 0;
    margin: 0 25px;
    height: 100%;
  }

  .popup_login_sign.wrapper .title-text{
    display: flex;
    width: 200%;
  }
  .popup_login_sign.wrapper .title{
    width: 50%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #0f0f0f;
    /* transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55); */
    padding: 10px 0 40px 0px;
  }


  .popup_login_sign.wrapper .title h2 {
    padding: 0 0 6px 0;
}
  .popup_login_sign.wrapper .slide-controls{
    position: relative;
    display: flex;
    height: auto;
    width: 100%;
    overflow: hidden;
    margin: auto;
    justify-content: space-between;
    border-bottom: 1px solid white;
    border-radius: 0;
  }
  .popup_login_sign .slide-controls .slide{
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    z-index: 1;
    /*transition: all 0.6s ease;*/
  }
  .popup_login_sign .slide-controls label.signup{
    color: #000;
  }
  .popup_login_sign .slide-controls .slider-tab{
    position: absolute;
    height: 100%;
    width: 50%;
    left: 0;
    z-index: 0;
    border-radius: 5px;
    /*background: -webkit-linear-gradient(left, #00BCD4, #2196F3);*/
    /*transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);*/
  }
  .popup_login_sign input[type="radio"]{
    display: none;
  }
  .popup_login_sign #signup:checked ~ .slider-tab{
    left: 50%;
  }
  .popup_login_sign #signup:checked ~ label.signup{
    cursor: default;
    user-select: none;
    color: #1c9aff;
    border-bottom: solid 2px #2196F3;
  }
  .popup_login_sign #signup:checked ~ label.login{
    color: #9f9f9f;
    border-bottom: solid 1px #9f9f9f;
  }
  .popup_login_sign #login:checked ~ label.signup{
    color: #9f9f9f;
    border-bottom: solid 1px #9f9f9f;
  }
  .popup_login_sign #login:checked ~ label.login{
    cursor: default;
    user-select: none;
    color: #1c9aff;
    border-bottom: solid 2px #2196F3;
  }
  .popup_login_sign.wrapper .form-container{
    width: 100%;
    overflow: hidden;
  }
  .popup_login_sign .form-container .form-inner{
    display: flex;
    width: 200%;
  }
  .popup_login_sign .form-container .form-inner form{
    width: 50%;
    min-height: 450px;
    /*transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);*/
  }

.otpholder{display: inline-block;}
.otpCountDown{
    display: inline-flex;
    gap: 13px;
}
.resendBtn{width: auto; background: #d81111; color: #ffffff; padding: 3px 7px; font-size: 13px; border-radius: 3px; border: none; text-transform: capitalize;
}
#timer,#otpholder {font-size: 13px;}


  #phoneNumber{

  }
  .popup_login_sign .form-inner form .field{
    height: 50px;
    width: 100%;
    margin-top: 20px;
  }
  .popup_login_sign .form-inner form .field input{
    height: 100%;
    width: 100%;
    outline: none;
    padding-left: 15px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    border-bottom-width: 2px;
    font-size: 17px;
    /*transition: all 0.3s ease;*/
  }
  .popup_login_sign .form-inner form .field input:focus{
    border-color: #fc83bb;
  }
  .popup_login_sign .form-inner form .field input::placeholder{
    color: #999;
    transition: all 0.3s ease;
  }
  .popup_login_sign form .field input:focus::placeholder{
    color: #b3b3b3;
  }
  .popup_login_sign .form-inner form .pass-link{
    margin-top: 5px;
  }
  .popup_login_sign .form-inner form .signup-link,
  .popup_login_sign .form-inner form .login-link{
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
  }


  .popup_login_sign .form-inner form .pass-link a,
  .popup_login_sign .form-inner form .signup-link a{
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
  }

  .popup_login_sign .form-inner form .pass-link a,
  .popup_login_sign .form-inner form .signup-link a{
    color: #cd3301;
    font-weight: 600;
  }

.popup_login_sign .form-inner form .pass-link a,
  .popup_login_sign .form-inner form .login-link a{
    color: #cd3301;
    font-weight: 600;
  }



  .popup_login_sign .form-inner form .pass-link a:hover,
  .popup_login_sign .form-inner form .signup-link a:hover{
    text-decoration: underline;
  }
/*  .popup_login_sign form .btn{
    height: 50px;
    width: 100%;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
  }*/
  .popup_login_sign form .btn .btn-layer{
    height: 100%;
    width: 300%;
    position: absolute;
    left: -100%;
    background: -webkit-linear-gradient(left, #00BCD4, #2196F3);
    border-radius: 5px;
    /*transition: all 0.4s ease;;*/
  }
  .popup_login_sign form .btn:hover .btn-layer{
    left: 0;
  }
  .popup_login_sign form .btn input[type="submit"]{
    height: 100%;
    width: 100%;
    z-index: 1;
    position: relative;
    background: none;
    border: none;
    color: #fff;
    padding-left: 0;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
  }

.allbutton {

}
input.otp-input {
    width: 50px;
    text-align: center;
    margin: 5px;
    font-size: 40px;
    border-radius: 5px;
    border: 1px solid #c6c6c6;
    }
.otpContainer{
    width: 100%;
    margin-top: 0;
        display: flex;
}



._new_log_wrerap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.user_login_drop_styl .dropdown-content.ne_login_wrrap_log li:nth-child(1) a:hover{background: none;}
.asdfl{color:#000;font-size: 14px;}
.fdsae a{color: #E27A51;}
.fdsae a:hover{color:#E27A51;}

._new_log_wrerap{
    padding: 0px 12px 12px;
    border-bottom: 1px solid #e1e1e1;
}

._new_log_wrerap .asdfl{color: #000;}
.log_icon_p{display: flex;}

._new_log_wrerap .fdsae a{
    background: #cd3301;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
} 
._new_log_wrerap .fdsae a:hover{
    background: #cd3301 !important;
} 

.a_afterlogh{top: 43px;}
.err-msg{font-size: 12px;}

    /*tooltip*/

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.popup_login_sign #password span{font-size: 11px;}
.popup_login_sign #password_login span{font-size: 11px;}
.close_modal{
    position: absolute;
    top: 0;
    cursor: pointer;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 37px;
    text-align: center;
    line-height: 32px;
    background: #dcdcdc;
    color: #444;
    z-index: 999;
}

.login_page_marge{max-width: 600px;background: #FFF;
    margin: auto;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 33px;
    border-radius: 5px;}
.top_sect_gap{padding-top: 3em;padding-bottom: 3em;
    background: #f3f3f3;}

        /*tooltip*/

abbr {
  font-style: italic;
  position: relative
}

abbr:hover::after {
    color: var(--tg-button-color);
    background-color: var(--tg-button-background-color);
    border-radius: 4px;
    bottom: 100%;
    content: attr(title);
    display: block;
    left: -367%;
    position: absolute;
    width: 222px;
    z-index: 1;
    font-size: 12px;
    padding: 8px 10px;
}

.question_icon svg{font-size: 15px;
    margin-left: 8px;}

.reset_tbn{
   position: relative;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    z-index: 999;
    background: #d7d7d7;
    float: left;
    margin: 14px 0 0px 0;
    border: none;
    padding: 13px 22px;
    color: #858585;
    text-align: center;
    width: 100%;
    height: auto;
    text-transform: uppercase;
    line-height: normal;
}



.cart-concern {
    background: #fff;
    width: 80%;
    text-align: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 300px;
    z-index: 9;
    transition: 0.5s ease-out;
    padding: 20px 30px;
    opacity: 0;
}
.featured-item:hover .cart-concern {
    bottom: 280px;
    opacity: 1;
}

    /*profile_address*/
._1g8pEu {
    margin: 0 16px;
    vertical-align: middle;
}
.profile_add_r .form-group label{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    color: #3e3e3e;
}
.addres_box_w{
    max-width: 100%;
    overflow: hidden;
    padding: 20px;
    position: relative;
    border-radius: 0 2px;
    border-top: 1px solid #e0e0e0;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #e0e0e0;
    margin-right: auto;
}

.profile_order_details_page{padding-top: 20px;}
.profile_order_details_page .card{
    box-shadow:none;
    border: 1px solid rgb(223 229 235);
}
.profile_order_details_page .info-table-box{
    display: flex;
    flex-direction: column;
    gap: 15px;
}





.name_phone_ad{display: flex;line-height: 1.5;}
.phon_ad{margin-left: 12px;}
.addres_box_w h4{line-height: 1.5;text-transform: capitalize;}
.addres_box_w h4 span svg{width: 18px;
    fill: #e27a51;
    margin-right: 6px;}
.eml_ad, .la_adrs_zip{line-height: 1.5;}

.edit_location_wrrap .cancel , 
.edit-form-container .cancel{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;
    color: var(--tg-button-color);
    background-color: var(--tg-button-background-color);
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    margin-left: auto;
}



.as_bottom{margin-bottom: 20px;
    margin-top: 10px;}
.mb_10{margin-bottom: 15px;}

.edit-btn{
    padding: 5px 10px;
    font-size: 13px;
    font-weight: normal;
    border-radius: 4px;
    color: #0f7dd7;
    background-color: #ffffff;
    display: inline-block;

    border: 1px solid #0f7dd7;
}
.edit-btn span svg{fill: green !important;
    font-size: 11px;
    margin-right: 5px;
    width: 17px;
    padding-top: 4px;}

.address-action-button{
    padding: 5px 10px;
    font-size: 13px;
    font-weight: normal;
    border-radius: 4px;
    color: #2f9312;
    background-color: #ffffff;
    display: inline-block;

    border: 1px solid #2f9312;
}
.remove_button { display: inline-block;}

.remove_button a{
    padding: 5px 10px;
    font-size: 13px;
    font-weight: normal;
    border-radius: 4px;
    color: #ef1211;
    background-color: #ffffff;
    display: inline-block;

    border: 1px solid #ee1211;

}
.edit-btn img,
.address-action-button img,
.remove_button img{
    width: 20px;
}

.default_button_color{
    background-color: #2f9312;
    color: #fff;
}
.default_button_color img{
    filter: brightness(50);
}

.billingt_button_color{
    background-color: #17a2b8;
    color: #fff;
        border: 1px solid #17a2b8;
}
.billingt_button_color img{
    filter: brightness(50);
}

/*home_new_collection_section*/

.product-collection .collection-item {
    position: relative;
    margin-bottom: 20px;
    width: 25%;
    padding: 0 15px;
}
img.large-image {
    width: 100%;
    height: 660px;
    object-fit: cover;
}
img.small-image {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.product-collection .product-entry {
    position: absolute;
    bottom: 30px;
}
.product-collection .left-content .product-entry {
    right: 0;
    bottom: 90px;
}
.product-collection .categories {
    text-transform: uppercase;
}
.product-collection .product-entry h3.item-title {
    font-size: 4.4em;
    line-height: 1;
    font-weight: 900;
}
.product-collection .product-entry p {
    width: 80%;
    font-size: 18px;
    line-height: 1.8;
    margin: 0 0 20px 0;
}
.btn-wrap {
    font-weight: 500;
    text-transform: capitalize;
    width: fit-content;
}
.latest-collection img.image-rounded{border-radius: 10px;border: 1px solid #dbdbdb;}

.products-thumb{width: 100%}
.products-thumb img{height: auto;}

.iq-box {
    padding-top: 6.25em;
}


.iq-title-box .iq-title-desc {
    margin: 0.625em 0 0;
}


/*profile_page*/

.add-editrAddress{margin-bottom: 20px;}

.edit_location_wrrap,  
.edit-form-container{padding: 20px;border: 1px solid #ffe1d0;background: #fffaf7;margin-top: 20px;}


.address_show{padding: 0;border: none;display: flex;flex-direction: column;gap: 20px;}
.add-editrAddress{padding: 20px;border: 1px solid #c6c6c6;}
.p_top{position: absolute;top: 0;right: 0;}
.edit_button.p_top{right: 17%;}
.f_l_name_ad span{font-weight: 600;}
.sizeinop svg{fill: #E27A51;margin: 0 5px;}
.sizeinp svg{fill: #E27A51; margin: 0 5px; font-size: 18px;}
.sizeGroup{display: flex;margin-right: 14px; align-items: center;}
.sinm{box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px; color: var(--tg-button-color); background-color: var(--tg-button-background-color); margin-right: 10px;}
.resd{box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;color: var(--tg-button-color); background-color: #999999;}
.inlio_s{display: flex;align-items: center;}
.form_sunmitb{box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;}
.faq{padding: 22px;}
.faq h2{font-size: 18px; font-weight: 500; margin-bottom: 24px;}
.faq h3{margin-bottom: 5px; margin-top: 20px; padding: 0; line-height: 1.5; font-weight: 500; font-size: 14px;}
.faq p{line-height: 1.5; margin-top: 15px;font-size: 14px;color: #212121;}
.cancel_and_edit_button:hover{cursor: pointer;}

.font_l{text-align: left!important;font-size: 14px;}
.form_profile thead tr{background-color: var(--tg-button-background-color);color: var(--tg-button-color);}
.font_col{color: #e27a51;font-weight: 600;}
.form_profile table{border-collapse: collapse;border: solid 1px #fd8b5e;}
.hover_sd{margin-bottom: 10px;border-bottom: solid 2px #ededed;padding: 15px;align-items: center;}
.order-date{display: flex; flex-direction: column; text-align: center; line-height: 18px; margin-left: 15px; }
.orderList{}
.orderList h6{font-weight: 400; color: #a1a1a1; }
.orderList a{}

.order-date .month{}
.order-date .date{font-size: 20px;font-weight: 600;}
.order-date .year{}
.orderList .viewBtn{width: 30px; height: 30px; display: flex; background: #e27a51; align-items: center; justify-content: center; border-radius: 50px; margin-left: auto; }
.orderList .viewBtn:hover{background: #342c28; box-shadow: 0 3px 3px rgba(0,0,0,0.5); }
.orderList .viewBtn svg{fill:#fff; }
.deliveryInfoBox{    border-top: 1px solid #e3e3e3;
    padding: 15px 15px 0px 15px;
    margin-top:0px;
    display: flex;
    gap: 0 20px;
    flex-wrap: wrap;}
.orderList {position: relative;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;}
.orderSerial{width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border: 1px solid #c6c6c6; border-radius: 5px; position: absolute; top: 29px; left: 10px; }
.orderSerial p{color: #cd3301; }
.cancel_order_box{}
.cancel_order_box button{border: 1px solid #e5e5e5; background: #efefef; padding: 4px 9px; color: #999999; border-radius: 4px; font-size: 11px; cursor: pointer; }
.cancel_order_box button:hover{background: #464444; border-color: #000; color: #f1f1f1; }
.cancel_order_box p{background: #f9f9f9; padding: 4px 9px; color: #8d8d8d; border-radius: 4px; }
.product_image_info{
    display: flex;
    align-items: center;
    gap: 20px;margin-bottom: 15px;
}

.product_image_info{}
.product_image_info p{font-weight: 500; color: #000;line-height: normal;}
.product_image_info a p{color:#162977;}

.product_info_box{}
.product_info_box p {color: #000}
.product_info_box p span{color: #6c6c6c;}

.orderList a.wishesRemove{
    padding: 4px 8px;
    display: inline-block;
    border: 1px solid #ff5237;
    background: transparent;
    color: #ff5237;
    font-size: 13px;
    width: auto;
}
.orderList a.moveToCart{
        padding: 4px 8px;
    display: inline-block;
    border: 1px solid #09359d;
    background: #09359d;
    color: #ffffff;
    font-size: 13px;
    width: auto;
}
.item_id{line-height: normal;}

.card_title {
    padding: 18px 10px 18px 25px;
    border-bottom: 1px solid #dfe5eb;
    color: #363636;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
}

.delivery-status-box{}
.delivery-status-box h4{}
.delivery-status-box ul{    list-style: none;padding: 0;}
.delivery-status-box ul li{position: relative;}
.delivery-status-box ul li:before{content: ''; width: 18px; height: 18px; border-radius: 30px; background:#5c98f3; position: absolute; left: 0; top: 6px; }
.delivery-status-box ul li:after{content: ''; width: 2px; height: 100%; border-radius: 30px; background: #5c98f3; position: absolute; left: 8px; top: 13px; }
.delivery-status-box ul li .order-status-list{display: flex;justify-content: space-between;align-items: center;}
.delivery-status-box ul li .order-status-list h4{font-size: 14px;color: #0c3a81;padding: 0px 0 0 30px;}
.delivery-status-box ul li .order-status-list p{}
.delivery-status-box ul li h5{line-height: normal; padding: 0 5px; margin: 0;}

.delivery-status-box ul li:last-child:after{content: none}

.canceled-order-box{background:#e30b0b;}
.canceled-order-box .card_title {border-bottom: 1px solid #df7777;border: none;padding: 0 0 0 18px;color: #fff;}
.canceled-order-box .order-status-list{justify-content: space-between;padding: 0 15px;}
.canceled-order-box .order-status-list h4{margin: 0;color: #fff}
.canceled-order-box .order-status-list p{color: #fff}

.productInfo h5{}
.productInfo h6{
    font-size: 14px;
    padding: 0;
    margin: 0;
    line-height: normal;
    font-weight: 400;
}
.productInfo h6 a{
   color: #1f1e64;
    font-weight: 500;
}
.productInfo p{
    color: #2e2e2e;
    margin-top: 4px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: normal;
}

.productInfo .proPrice{
    font-size: 15px;
}
.productInfo .progap{
    gap:30px;
}
.productInfoImage{
    border: 1px solid #cfcfcf;
    padding: 5px;
    border-radius: 6px;
    width: 100%;
}
.amountBox .priceInfo{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.amountBox .priceInfo h5{
    font-size: 14px;
    font-weight: 500;
}
.productInfoImage img{width: 100%;height: 100%}

.paymentInfo{
    font-size: 11px;
    padding: 5px 10px;
    background: #000;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
}
.amoreviewCountBox  {
    border-top: 1px solid #ededed;
    height: auto;
    margin-top: 20px;
}

.compltedColor{
    background: #449f01;
}
.pendingColor{
    background: #1580f1;
}
.coldColor{
    background: #e17a0c;
}

    .paymentInfoBox h5{
        text-transform: capitalize;
    }

.backButtonAll{
    display: flex;
    font-size: 18px;
    align-items: center;
    gap: 15px;    
    justify-content: flex-end;}
.backButtonAll .goBackBtn{    justify-content: space-around;
    border: none;
    background: #cd3301;
    border-radius: 4px;
    display: flex;
    align-items: center;
    width: 70px;
    padding: 10px 5px;
    color: #fff;
}

.backButtonAll .goBackBtn img{display: block;
    transform: rotate(90deg);
    width: 17px;
    height: 11px;
    filter: invert(1) brightness(100);
}

.amountBox{
    gap: 14px;
    border-top: 1px solid #dddddd;
    margin-top: 20px;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
}
.amountBox label{
    font-size: 14px;
    font-weight: 500;
}

.w-100 {
    width: 100% !important;
}
.amoreviewCountBox  label{margin-bottom: 10px;font-size: 14px}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.orderList .orderedAmount{font-weight: 600;    margin-bottom: 5px;}

.g-10{gap:10px}

.sl_di{padding: 15px;font-weight: 600;}
.t_cent{text-align: center;}
.sizeinp label, .sizeinop label{font-size: 18px;font-weight: bold;color: #000000;}
.sizeGroup input:checked {background-color: #FD683E;border-color: #FD683E;}
.sizeGroup input:checked[type="radio"] {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}
.sizeGroup input {
    width: 25px;
    height: 25px;
    vertical-align: top;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    color-adjust: exact;
    padding: 0;
    border-radius: 50%;}


.edty_p{font-size: 15px;
    margin-top: 17px;
    display: inline-block;
    box-shadow: rgb(0 0 0 / 8%) 0px 5px 8px;
    margin-right: 7px;
    padding: 4px 4px;
    color: green;}
.edty_p svg {
    fill: green !important;
    font-size: 11px;
    margin-right: 2px;
    width: 17px;
    padding-top: 4px;
}

/*testimonial*/
.tetimonial_containt_box{background-color: #fff;
    border: 1px solid #ddd;
    padding: 30px;}
.tetimonial_containt_box .mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.tetimonial_containt_box img{width: auto !important;}
._testi_content p{font-size: 14px;
    color: #171717;
    line-height: 1.7;
    font-weight: 400;
    letter-spacing: 0;text-align: center!important;}

.d-flex-justify-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.d-flex-justify-center .ms-3 {
    margin-left: 1rem!important;
}
.auhtext .authour {
    margin-bottom: 0!important;
    text-transform: none!important;
    color: #000;
    margin: 0 0 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    overflow-wrap: break-word;
}
.auhtext p{margin: 0 0 20px;color: #6c757d!important;font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    overflow-wrap: break-word;}

.product-review{margin: 7px -2px 0;
    line-height: 1;
    text-align: center;}

.product-review .anm-star svg{
    fill: #ffb503 !important;
    margin: 0 2px;
}
.product-review .anm-star-o svg{
    fill: #ffb503 !important;
    margin: 0 2px;
}
.caption_riv{font-size: 14px;
    color: #171717;
    line-height: 1.7;
    font-weight: 400;
    letter-spacing: 0;}

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

.service_wrap_col{text-align: center;}    
.icon_anm{font-size: 25px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #f3f4f5;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;}
.icon_anm svg{fill: #E27A51!important;}
.serve_sec_f_top{
    margin-top: 6.8em;
    margin-bottom: 4rem;
    padding-bottom: 3em;

}