@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

  /*font-family: "Playfair Display", serif;
  font-family: "Jost", serif;*/

:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease-in-out 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #050505;
    --clr-secondary: #B7B7B7;
    --clr-graytext: #8C8C8C;
    --clr-white: #fff;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 20px 0;
    --button-border-width: 1px;
    --button-border-style: solid;
    --button-broder-radius: 50px;

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Jost", serif;
    --ff-title: "Playfair Display", serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 64px;
    --f-size-XXL: 56px;
    --f-size-XL: 48px;
    --f-size-L: 40px;
    --f-size-M: 32px;
    --f-size-S: 24px;
    --f-size-Body: 20px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

:is(body,p){ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-graytext);}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){ font-family: var(--ff-title); font-weight: var(--fw-regular); color: var(--clr-primary); margin: var(--margin-title);}
:is(h1,.h1){ font-size: var(--f-size-XXXL);}
:is(h2,.h2){ font-size: var(--f-size-XXL);}
:is(h3,.h3){ font-size: var(--f-size-XL);}
:is(h4,.h4){ font-size: var(--f-size-L);}
:is(h5,.h5){ font-size: var(--f-size-M);}
:is(h6,.h6){ font-size: var(--f-size-S);}


/*@media only screen and (max-width: 1699px) {

    :root{
        --f-size-XXXL: 70px;
        --f-size-XXL: 65px;
        --f-size-XL: 55px;
        --f-size-L: 40px;
    };
}*/

/*..............custom fonts..............*/

/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: var(--ff-base); font-size: var(--f-size-Body); color: var(--clr-primary);}

img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--ff-base); font-size: var(--f-size-Body) !important; color: var(--clr-primary); outline: none;}
/*input[type="submit"]{font-family: var(--ff-base); font-size: 18px; color: var(--clr-primary); font-weight: var(--fw-medium); transition: var(--transition-common); outline: none;}*/


/* --- Button Styles --- */
.primary-button { border: 0; display: inline-block; vertical-align: top; background: var(--clr-primary); color: var(--clr-white); border-radius: var(--button-broder-radius); padding: 10px 30px; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; transition: var(--transition-common); border: 1px dashed var(--clr-white); box-shadow: 0 0 0px 5px var(--clr-primary); margin: 5px;}

.primary-button-wh{background: var(--clr-white); color: var(--clr-primary); border: 1px dashed var(--clr-primary); box-shadow: 0 0 0px 5px var(--clr-white);}

.primary-button:hover{background: #2e2d2d; color: var(--clr-white); border-style: solid; box-shadow: 0 0 0px 5px #2e2d2d;}
.primary-button-wh:hover{background: var(--clr-primary); color: var(--clr-white); border-color: var(--clr-white) !important; box-shadow: 0 0 0px 5px  var(--clr-primary);}


.primary-button:focus, button:focus{outline: none;}

/* --- Button Styles --- */


/*..............common styles..............*/

.click { display:none; color: #000; float: right; font-size: 28px;}
.main_menu a.closebtn{
    display: none;
    }
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: var(--clr-white);}
.pattern-bg{background: url(../images/sec-bg.jpg) repeat; background-position: left top;}

.hover-img{overflow: hidden;}
.hover-img img{transition: var(--transition-common);}
.hover-img:hover img{transform: scale(1.1);}

.common-padding{padding-top: 100px; padding-bottom: 100px;}
.common-padding-md{padding-top: 50px; padding-bottom: 50px;}
.common-padding-sm{padding-top: 25px; padding-bottom: 25px;}

/*for header css*/
header.main-header { position: sticky; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 9999; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.12);}
.announcement-bar{background: var(--clr-primary); padding: 10px 0;}
.announcement-bar p{color: var(--clr-secondary); margin-bottom: 0;}
.announcement-bar p a{color: var(--clr-white); font-weight: var(--fw-semibold); text-decoration: underline;}
.announcement-bar p a:hover{color: var(--clr-secondary);}

.header-row{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.header-bottom .header-row{position: relative;}


.logo{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 156px; height: 156px; border-radius: 100px; padding: 15px; text-align: center; z-index: 1; background: var(--clr-white);}
.logo img{max-width: 116px;}

    .main_menu {
        display: flex !important; flex-flow: row wrap;
        justify-content: space-between;
    }
    .header-right{width: 22%;}
    .header-right ul{padding: 0; margin: 0; display: flex; flex-flow: row wrap; list-style: none; justify-content: flex-end; align-items: center;}
    .header-right ul li{margin-right: 15px; position: relative;}
    .header-right ul li:last-child{margin-right: 0px; margin-left: 12px;}
    .header-right ul li a{margin-right: 0px;}
    .header-right ul li a img{ transition: var(--transition-common);}
    .header-right ul li a:hover img{opacity: 0.6;}
    .header-right ul li .count { position: absolute; top: -10px; width: 20px; height: 20px; border-radius: 50px; background-color: #000; display: flex; justify-content: center; align-items: center; right: -8px; font-size: 12px; color: #fff;}

    /*-- header-search-css(Start) --*/
    .header-search{cursor: pointer;}
    .search-box{ position: fixed; height: 160px; width: 100%; background: rgba(5, 5, 5, 0.99); z-index: 99; left: 0; top: 0; transition: var(--transition-common); display: none;}
    .search-boxinner{ position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 80%; margin: 0 auto; display: flex; border-bottom: 1px solid var(--clr-secondary);}
    .search-input{width: 100%; padding: 6px 50px 6px 10px; background: transparent; border-radius: 0; border:none; /*border-bottom: 1px solid var(--clr-secondary);*/ height: 50px; font-size: var(--ff-base); font-weight: var(--fw-regular); color: var(--clr-white);}
    .search-btn{border-radius: 0; border:none; cursor: pointer; width: 40px; background: transparent; color: var(--clr-white); font-size: 21px; font-weight: var(--fw-regular);}
    .search-close { position: absolute; color: var(--clr-white); top: 8px; right: 74px; cursor: pointer; font-size: 24px;}
    .search-boxinner .submit_btn { box-shadow: none; border: none; background-color: transparent; color: #fff;}
    /*-- header-search-css(End) --*/


/*.main_menu { float: right; }*/
.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 25px; position: relative; font-size: 20px;}
.main_menu ul li a { display: block; padding: 35px 0; color: var(--clr-graytext); position: relative;}

.main_menu>ul>li>a:before{background-color: #050505; /*width: 20px;*/ width: 0px; height: 1px; top: 25px; right: 0; position: absolute; content: ""; transition: var(--transition-common);}
.main_menu>ul>li>a:after{background-color: #050505; /*width: 20px;*/ width: 0px; height: 1px; bottom: 25px; left: 0; position: absolute; content: ""; transition: var(--transition-common);}
.main_menu>ul>li>a:hover:before, .main_menu>ul>li>a:hover:after{/*width: 100%;*/ width: 20px;}
.main_menu>ul>li.current-menu-item>a:before, .main_menu>ul>li.current-menu-item>a:after{/*width: 100%;*/ width: 20px;}

.main_menu ul li a:hover, .main_menu ul li.current-menu-item a { color: var(--clr-primary);}

.main_menu ul li.menu-item-has-children span { position: absolute; top: 35px; right: -14px; width: 9px; height: 24px;}

ul.sub-menu {
    position: absolute;
    left: 0;
    width: 250px;
    background-color: #fff;
    top: 99px;
    z-index: 1;
    display: none;}
.main_menu ul li:hover ul.sub-menu{display: block;}
ul.sub-menu li {margin: 0 7px; display: block;}
ul.sub-menu li a{padding: 7px 0; border-bottom: 1px solid var(--clr-white);}
ul.sub-menu li a:hover{padding: 7px 0; border-color: var(--clr-primary);}

/*for header css*/

.slider-wrap { position: relative;}
.banner-content{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 100%; max-width: 740px;} 
.banner-content h1 span{font-style: italic; border-bottom: 1px solid var(--clr-white); /*text-decoration: underline; text-decoration-thickness: 1px;*/}
/*.banner-img-box{position: relative; padding-top: 10%;}
.banner-img-box img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.banner-img-box:before{position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(3, 3, 3, 0.3);}*/

.banner-img{position: relative; /*padding-top: 100%;*/ padding-top: 85%;}
.banner-img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.banner-img:before{position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(3, 3, 3, 0.3);}

/*for main sections css*/


.slick-arrow:before {
    width: 46px; height: 46px;
    border-radius: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; border: 2px solid var(--clr-primary);}
.slick-arrow {
    background-color: transparent;
    width: 58px;
    height: 58px;
    border-radius: 100px;
    z-index: 1;
    /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14);*/
    transition: all 0.6s ease-in-out 0s;
    opacity: 0.5;
}
.slick-arrow:hover{opacity: 1;}
.slick-prev {
    /*background-image: url(../images/strategic-arrowL.png);*/
    background-image: url(../images/slider-circel-arrow-left.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    left: -70px;
}
.slick-next {
    /*background-image: url(../images/strategic-arrowR.png);*/
    background-image: url(../images/slider-circel-arrow-right.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    right: -70px;
}
/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus*/
.slick-prev:hover, .slick-prev:focus{background-image: url(../images/slider-circel-arrow-left.png) !important;
    background-repeat: no-repeat !important; background-size: 100%;}
.slick-next:hover, .slick-next:focus{background-image: url(../images/slider-circel-arrow-right.png) !important;
    background-repeat: no-repeat !important; background-size: 100%;}
.main-product-left .slick-prev:hover, .main-product-left .slick-prev:focus, 
.main-product-left .slick-next:hover, .main-product-left .slick-next:focus{background-size: auto;}

.slick-prev:before, .slick-next:before{display: none;}


/*-- --*/

.homexplore_carousel_right{direction: rtl;}
.explore-box { display: flex !important; flex-flow: row wrap; justify-content: space-between; padding: 50px 15px;}
.explore-icon{width: 54px;}
.explore-title{width: calc(100% - 54px); padding: 0 10px; text-align: center; position: relative;}
.explore-title h4{color: var(--clr-graytext);}
.explore-box:hover .explore-title h4{color: var(--clr-primary);}
.explore-hover-pic{width: 165px; height: 165px; border-radius: 100%; overflow: hidden; position: absolute; top: -73%; /*left: 40%;*/ left: 35%; transition: var(--transition-common); z-index: -1;
    transform: translate(50px) rotate(45deg);
    -webkit-transform: translate(50px) rotate(45deg);
    opacity: 0;
    transition: var(--wdtAltTransition);
    -webkit-transition: var(--wdtAltTransition);
    width: fit-content;
    height: fit-content;
    margin: auto;
}

.explore-box:hover .explore-hover-pic{
    transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   opacity: 1;
   transition: var(--transition-common);
}

.sec-title-row p{color: var(--clr-secondary);}
.enhance-box { margin: 0 12px;}
.enhance-pic{position: relative; padding-top: 134%; overflow: hidden;}
.enhance-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.enhance-bottom, .hom-blog-bottom, .hom-collection-bottom{padding-top: 20px;}
.enhance-bottom h6, .hom-blog-bottom h6{margin-bottom: 10px;}
.enhance-bottom p {margin-bottom: 6px; color: var(--clr-graytext);}
.product_list_wraper .enhance-bottom .price_wrap { color: var(--clr-graytext);}
.enhance-bottom p span, .product_list_wraper .enhance-bottom .price_wrap .price bdi {font-weight: var(--fw-semibold); color: var(--clr-primary);}
.enhance-bottom h6 a{color: var(--clr-primary);}
.enhance-bottom h6 a:hover{color: var(--clr-graytext);}

.homtestimonial-box p, .hom-blog-bottom p{color: var(--clr-graytext);}
.homtestimonial-box h6{font-size: var(--f-size-Body); font-weight: var(--fw-semibold);}
.homtestimonial-box { padding: 20px 20px; position: relative; /*border-right: 1px solid #BCC0C8;*/ /*min-height: 215px;*/}
/*{background-color: #BCC0C8; width: 1px; height: 100%; content: ""; position: absolute; top: 0; bottom: 0;}*/
/*.homtestimonial-box.slick-slide.slick-active:last-child{border-right: none;}*/

/*.homtestimonial-box.slick-active { border-left: 1px solid #BCC0C8;}
.homtestimonial-box.slick-current.slick-active { border-color: #fff;}*/
.homtestimonial-box.slick-active:before { background-color: #BCC0C8; width: 1px; height: 100%; top: 0; position: absolute; content: ""; left: 0;}
.homtestimonial-box.slick-current.slick-active:before { background-color: #fff;}
.testimonial-icon { width: 58px; margin: 0 auto 10px;}

.hom-blog-pic{padding-top: 62%; position: relative;}
.hom-blog-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.hom-blog-bottom>a{text-transform: uppercase; font-weight: var(--fw-medium); letter-spacing: 1px;}
.hom-blog-bottom h6 a, .hom-blog-bottom a, .hom-collection-bottom h6 a{color: var(--clr-primary);}
.hom-blog-bottom h6 a:hover, .hom-blog-bottom a:hover, .hom-collection-bottom h6 a:hover{color: var(--clr-graytext);}

.hom-upgrade-content { max-width: 900px;}
.hom-upgrade-button{text-align: right;}
.homupgrade-box{padding: 10px 15px;}
.homupgrade-box h2{margin-bottom: 0; /*font-size: 100px;*/ font-size: 5.2vw; color: #E6E6E6;}


/*for main sections css*/


/*for footer sections css*/

.footer-bg { background-color: var(--clr-primary);}
.ftr-top { padding: 100px 0 40px;}
.ftr-logo { margin: 0 0 30px; max-width: 116px;}
.ftr-top p{color: var(--clr-graytext);}
.ftr-content {max-width: 485px;}

.ftr-menu ul { margin: 0; padding: 0; list-style: none;}
.ftr-menu ul li { margin: 0 0 10px; text-transform:capitalize;}
.ftr-menu ul li a { color: var(--clr-graytext); transition: var(--transition-common);}
.ftr-menu ul li a:hover, ul.ftr-social li a:hover, ul.adrs li a:hover{ color: var(--clr-white);}
.ftr-menu ul li a:hover, ul.adrs li a:hover{ padding-left: 10px;}


.ftr-btm { border-top: 1px solid #454545; padding: 20px 0; text-align: center; color: var(--clr-graytext);}
.ftr-btm p { margin-bottom: 0; color: var(--clr-graytext);}


.ftr-col h6 { color: var(--clr-white); }

ul.ftr-social { margin: 0 0 0px; padding: 0; list-style: none; display: flex; flex-flow: row wrap;}
ul.ftr-social li { list-style: none; font-size: 24px; margin-right: 18px;}
ul.ftr-social li:last-child { margin-right: 0px;}
ul.ftr-social li a{ color: #454545;}


ul.adrs { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap;}
ul.adrs li { margin: 0 0 10px; position: relative; color: var(--clr-graytext);}
ul.adrs li span{ font-weight: var(--fw-semibold); color: var(--clr-white);}
ul.adrs li a{ color: var(--clr-graytext); transition: var(--transition-common);}


/*for footer sections css*/


/*-- inner-pages(Start) --*/
/*-- collection-page-(Start) --*/
.inner-banner {
    padding-top: 23%;
    position: relative;
}
.inner-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.inner-banner:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(3, 3, 3, 0.3);
}
.hom-collection-pic{padding-top: 120%; position: relative;}
.hom-collection-pic img, .blog-listing-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

/*-- collection-page-(End) --*/

/*-- about-page-(Start) --*/

.mission-content p{color: var(--clr-graytext);}
.mission-content p span{color: var(--clr-primary); font-weight: var(--fw-semibold);}

.team-pic{ width: 275px; height: 275px; margin: 0 auto; overflow: hidden; border-radius: 100%; position: relative;}
.team-pic img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0}
.team-bottom{padding-top: 30px;}
.team-bottom h4 {margin-bottom: 15px;}
.team-bottom h4 a{color: var(--clr-primary);}
.team-bottom h4 a:hover{color: var(--clr-graytext);}
.team-bottom h6{font-weight: var(--fw-semibold); font-family: var(--ff-base); font-size: var(--f-size-Body);}
.team-bottom p{color: var(--clr-graytext);}

/*-- about-page-(End) --*/

/*-- blog-page-(Start) --*/

.blog-listing-pic{padding-top: 110%; /*padding-top: 127%;*/ position: relative;}
.blog-listing-box .hom-blog-bottom{padding-top: 30px;}

/*-- pagination-css(Start) --*/

.custom-pagination{display: flex; flex-flow: row wrap; align-items: center;}
.custom-pagination .page-numbers{width: 40px; height: 40px; border-radius: 100px; background-color: #fff; color: var(--clr-graytext); display: flex; align-items: center; justify-content: center; margin: 0 10px;}
.custom-pagination .page-numbers.current, .custom-pagination .page-numbers:hover{ background-color: #F5F5F5; font-weight: var(--fw-semibold); color: var(--clr-primary);}
.custom-pagination .page-numbers.next, .custom-pagination .page-numbers.prev{ width: 46px; height: 46px; color: #BCC0C8; border: 2px solid #BCC0C8;}
.custom-pagination .page-numbers.next:hover, .custom-pagination .page-numbers.prev:hover{ color: var(--clr-primary); border-color: var(--clr-primary);}


/*-- pagination-css(End) --*/


/*-- about-page-(End) --*/

/*-- product-listing-page-(Start) --*/

.product-listing-sec .enhance-box{margin: 0;}

/*-- sidebar-accordion-design(Start) --*/

.sidebar-accordion-design button.accordion-button {
    padding: 10px 0;
    border-bottom: 1px solid var(--clr-primary);
    background-color: var(--clr-white);
    font-size: var(--f-size-Body);
    font-weight: var(--fw-semibold);
    border-radius: 0 !important;
    color: var(--clr-primary);
}
.sidebar-accordion-design button.accordion-button:focus{outline: none; box-shadow: none;}
.sidebar-accordion-design button.accordion-button:hover{color: var(--clr-graytext);}
.sidebar-accordion-design .accordion-item{border-radius: 0; border: none;}
.sidebar-accordion-design .accordion-body{padding-left: 0; padding-right: 0;}
.sidebar-accordion-design .accordion-header{ margin-bottom: 5px;}

/*-- sidebar-accordion-design(End) --*/

/*-- sidebar-custom-checkbox-css(Start) --*/

.sidebar-check-list ul{padding: 0; margin: 0; list-style: none;}
.sidebar-check-list ul li{ margin-bottom: 15px; color: var(--clr-graytext); font-size: var(--ff-base); display: flex; flex-flow: row wrap;}
.sidebar-check-list ul li .form-check-input[type=checkbox] { border-radius: 0; margin-right: 10px; margin-top: 1px; cursor: pointer; width: 1.2em; height: 1.2em;}
.sidebar-check-list ul li label.form-check-label{width: calc(100% - 1.8em); word-break: break-all;}
.sidebar-check-list ul li .form-check-input[type=checkbox]:focus { outline: none; box-shadow: none;}
.sidebar-check-list ul li .form-check-input~label.form-check-label {cursor: pointer;}
.sidebar-check-list ul li .form-check-input:checked[type=checkbox]~label.form-check-label, .sidebar-check-list ul li .form-check-input~label.form-check-label:hover {color: var(--clr-primary);}

/*-- sidebar-custom-checkbox-css(End) --*/

/*-- sidebar-custom-color-radiobox-css(Start) --*/
.color-check-wrape{position: relative;}
.color-check-wrape span{position: absolute; left: 0; top: 0; width: 24px; height: 24px; background-color: #ccc;}
.color-check-wrape.red-check span{background-color: #FF1C1C;}
.color-check-wrape.blue-check span{background-color: #51A2FF;}
.color-check-wrape.orange-check span{background-color: #FFA007;}
.color-check-wrape.green-check span{background-color: #08A832;}
.color-check-wrape.white-check span{background-color: #FFF;}
.color-check-wrape.navy-blue-check span{background-color: #0205C5;}
.color-check-wrape.pink-check span{background-color: #F421FF;}
.color-check-wrape.black-check span{background-color: #181818;}
.color-check-wrape.yellow-check span{background-color: #FFEB13;}
.color-check-wrape.golden-check span{background-color: #CD8F38;}
.color-check-wrape.purple-check span{background-color: #8E0DFF;}

.color-check-wrape .form-check-input{background-color: transparent; opacity: 0; z-index: 9; position: relative;}
.sidebar-color-input ul li .color-check-wrape .form-check-input[type=radio]{border-radius: 0; width: 24px; height: 24px; margin-top: 0;}
.color-check-wrape .form-check-input:checked[type=radio]~span{ /*background-image: url('http://www.w3.org/2000/svg'); */ background-image: url(../images/check-tick.png); background-position: center center; background-repeat: no-repeat;  background-size: 14px; opacity: 1; /*border: none;*/ }
.color-check-wrape span{border:1px solid #dee2e6;}

.sidebar-check-list.sidebar-color-input ul li{display: flex; flex-flow: row wrap; align-items: flex-start;}
.sidebar-check-list.sidebar-color-input ul li .color-check-wrape{width: 40px;}
.sidebar-check-list.sidebar-color-input ul li label.form-check-label{width: calc(100% - 40px);}
.sidebar-check-list.sidebar-color-input ul li.active-color label.form-check-label, 
.sidebar-check-list.sidebar-color-input ul li label.form-check-label:hover{color: var(--clr-primary);}

/*-- sidebar-custom-color-radiobox-css(End) --*/

/*-- sidebar-custom-checkbox-css(End) --*/

/*-- product-listing-page-(End) --*/

/*-- contact-page-(Start) --*/

.contact-map{ height: 550px;}
.contact-info-box{border: 1px solid #D9D9D9;}
.contact-info-wraper { padding: 10px 20px 10px 40px;}
.contact-info-wraper h6{margin-bottom: 10px;}
.contact-info-wraper p a, .contact-info-wraper a{color: var(--clr-graytext);}
.contact-info-wraper a:hover{color: var(--clr-primary);}
.contact-form-box .form-control {height: 56px; border-radius: 0; border:1px solid var(--clr-graytext); color: var(--clr-primary);}
.contact-form-box textarea.form-control{height: auto;}

/*-- contact-page-(End) --*/

/*-- faq-page-(Start) --*/

.faq-accordion-design button.accordion-button{font-size: var(--f-size-Body); font-weight: var(--fw-semibold); font-family: var(--ff-base); color: var(--clr-primary); border-radius: 0 !important; background-color: #F5F5F5; box-shadow: none;}
.faq-accordion-design h2.accordion-header{margin-bottom: 0;}
.faq-accordion-design .accordion-body p{margin-bottom: 10px;}
.faq-accordion-design .accordion-button::after{background-image: url(../images/pluse-icon.png); width: 18px; height: 19px; background-position: center center;}
.faq-accordion-design .accordion-button:not(.collapsed)::after{background-image: url(../images/minus-icon.png); width: 18px; height: 19px; background-position: center center;}
.faq-accordion-design .accordion-item {
    border-radius: 0 !important;
    margin-bottom: 10px;
    border: none;}
.faq-accordion-design .accordion-body{box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.15);}

/*-- faq-page-(End) --*/

/*-- product-details-page-(Start) --*/

.main-price h5{font-family: var(--ff-base); font-weight: var(--fw-medium);}
.main-price h5 span{font-size: var(--f-size-Body); color: var(--clr-graytext); font-weight: var(--fw-regular);}
.deposite-price span{font-weight: var(--fw-semibold); color: var(--clr-primary);}
.date-picker-box label{font-weight: var(--fw-semibold); margin-bottom: 10px;}
.date-picker-box .input-group.date{border-radius: 5px; border:1px solid var(--clr-graytext);}
.date-picker-box .input-group.date:focus span.input-group-text.bg-light{color: var(--clr-primary);}

.date-picker-box .form-control{border-radius: 5px; border: none;}
.date-picker-box .form-control:focus{ outline: none; box-shadow: none;}
.date-picker-box .btn.btn-outline-secondary{border-radius: 5px; border-left: none; border-color: var(--clr-graytext); color: var(--clr-graytext);}
.date-picker-box .btn.btn-outline-secondary:hover{background: transparent; color: var(--clr-primary);}
.date-picker-box span.input-group-text.bg-light { background-color: transparent !important; box-shadow: none; border: none; height: 100%; display: flex; align-content: center; color: var(--clr-graytext);}
.date-picker-box input.form-control:focus ~ .input-group-append .input-group-text.bg-light {color: var(--clr-primary);}
.main-product-right { max-width: 600px; margin: 0 auto;}
.main-product-title{margin-bottom: 30px;}


.main-product-left .slick-arrow {
    background-color: transparent;
    width: 58px;
    height: 58px;
    border-radius: 0px;
    z-index: 1;
    /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14);*/
    transition: all 0.6s ease-in-out 0s;
    opacity: 0.5;
}
.main-product-left .slick-arrow:hover{opacity: 1;}
.main-product-left .slick-prev {
    /*background-image: url(../images/strategic-arrowL.png);*/
    background-image: url(../images/slider-angle-left.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    left: 0px;
    background-size: auto;
}
.main-product-left .slick-next {
    /*background-image: url(../images/strategic-arrowR.png);*/
    background-image: url(../images/slider-angle-right.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    right: 0px;
    background-size: auto;
}
.mainproduct-box {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0 60px;
}
.slider-mainproduct{margin-bottom: 30px;}
.slider-nav-box { margin: 0 5px; background-color: var(--clr-primary);}
.slider-nav-box img{opacity: 0.6;}
.slider-nav-box.slick-current img{opacity: 1;}

.condition-list ul{padding-left: 0; margin-bottom: 0; list-style: none;}
.condition-list ul li{margin-bottom: 15px; color: var(--clr-graytext);}
.condition-list ul li span{ font-weight: var(--fw-semibold); color: var(--clr-primary); margin-right: 6px;}
.size-select{border: 1px solid var(--clr-secondary); border-radius: 4px; min-width: 60px; width: 100px; padding: 3px; color: var(--clr-graytext); font-size: 16px; font-weight: var(--fw-medium);}


/*-- number-input(Start) --*/


.quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*border: 2px solid #3498db;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.quantity button {
  background-color: transparent;
  color: var(--clr-graytext);
  border: none;
  cursor: pointer;
  font-size: 20px;
  width: 50px;
  height: 100%;
  text-align: center;
  text-align: center;
  transition: background-color 0.2s;
}

.quantity button:hover {
  background-color: transparent;
  color: var(--clr-primary);
}

.input-box {
  width: calc(100% - 110px);
  height: 50px;
  text-align: center;
  border: none;
  padding: 3px 10px;
  font-size: var(--f-size-Body);
  font-weight: var(--fw-semibold);
  color: var(--clr-primary);
  outline: none;
}

/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-box[type="number"] {
  -moz-appearance: textfield;
}
.number-input-row{display: flex; flex-flow: row wrap; margin: 35px 0;}
.number-input-left {
    width: 230px;
    border-radius: 50px;
    border: 1px solid #CDCDCD;
    overflow: hidden
}
.main-product-details-sec .summary.entry-summary .number-input-row .number.number-input-left { display: none;}
.number-input-right{width: calc(100% - 230px); padding-left: 20px;}

.rentalprice-wrap {margin-bottom: 10px; /*margin-top: -40px;*/ margin-top: 0px;}
/*.rentalprice-wrap span {font-size: 13px;}*/
.main-product-details-sec .summary.entry-summary .rentalprice-wrap p, .rentalprice-wrap h6 { font-weight: var(--fw-semibold); text-transform: capitalize; color: var(--clr-primary); font-family: var(--ff-base); font-size: var(--f-size-Body);}
.main-product-details-sec .summary.entry-summary .rentalprice-wrap p span, .rentalprice-wrap h6 span { color: var(--clr-graytext); font-weight: var(--fw-medium); font-size: var(--f-size-Body);}



.number-input-right .primary-button{font-weight: var(--fw-bold); min-width: 350px; text-transform: uppercase;}

/*-- number-input(End) --*/

.poduct-info-accordion.sidebar-accordion-design button.accordion-button { font-weight: var(--fw-regular); font-size: var(--f-size-S); border-color: #BCC0C8;}

/*-- product-details-page-(End) --*/

.main_menu ul li.mob-contact{display: none;}

/*-- new-css(12-02-2025)(Start) --*/

.product_list_wraper .enhance-pic img{width: 100% !important; height: 100% !important;}
.product_list_wraper .enhance-bottom .price_wrap{display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
.product_list_wraper .enhance-bottom .price_wrap .price{margin-bottom: 0 !important;}

/*-- Woocommese button(Start) --*/
.woocommerce-page button.button, 
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],
.woocommerce-page a.button, 
.woocommerce-page a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt
{ border: 0; display: inline-block; vertical-align: top; background: var(--clr-primary); color: var(--clr-white); border-radius: var(--button-broder-radius); padding: 10px 30px; 
                 font-size: 18px; text-transform: uppercase; letter-spacing: 2px; transition: var(--transition-common); border: 1px dashed var(--clr-white); box-shadow: 0 0 0px 5px var(--clr-primary); 
                 margin: 5px; font-weight: var(--fw-regular);}
.woocommerce-page button.button:hover:after { display: none !important;}
.woocommerce-page button.button:hover,
.woocommerce-page a.button:hover, 
.woocommerce-page a.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover
{ background: #2e2d2d; color: var(--clr-white); border-style: solid; box-shadow: 0 0 0px 5px #2e2d2d;}

.woocommerce-page button:focus { outline: none  !important;}

/*-- Woocommese button(End) --*/

/*-- Woocommese form(Start) --*/

.woocommerce-form-login .woocommerce-Input--text.input-text, .woocommerce-form-register .input-text, 
.woocommerce-MyAccount-content .input-text, .woocommerce-ResetPassword.lost_reset_password .input-text, 
form.checkout.woocommerce-checkout .input-text {height: 56px; border-radius: 0; border:1px solid var(--clr-graytext); color: var(--clr-primary); padding: 5px 10px;}
.select2-container--default .select2-selection--single{height: 56px; border-radius: 0;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 56px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 56px;}
form.checkout.woocommerce-checkout textarea.input-text{height: auto;}
.woocommerce-LostPassword.lost_password a, a.woocommerce-privacy-policy-link, .woocommerce-MyAccount-content a{color: var(--clr-primary);}
.woocommerce-LostPassword.lost_password a:hover, a.woocommerce-privacy-policy-link:hover, .woocommerce-MyAccount-content a:hover{color: #2e2d2d;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 1px solid #e5e5e5; padding: 20px; margin: 2em 0; text-align: left; border-radius: 0px; background-color: #fcfcfc;}
.woocommerce form.login, .woocommerce form.register {min-height: 430px;}
#customer_login h2, .woocommerce-Addresses h2 { font-size: var(--f-size-M); color: var(--clr-primary);}
/*-- Woocommese form(End) --*/

/*-- Woocommese MyAccount(Start) --*/

.woocommerce-MyAccount-navigation ul{padding-left: 0; list-style: none; border: 1px solid #e5e5e5; background-color: #fcfcfc;}
.woocommerce-MyAccount-navigation ul li:not(:last-child){border-bottom: 1px solid #e5e5e5;}
.woocommerce-MyAccount-navigation ul li a{color: var(--clr-primary); transition: var(--transition-common); padding: 10px 20px; display: block;}
.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a{color: #2e2d2d; background-color: var(--clr-secondary); color: var(--clr-white); padding-left: 30px;}

.woocommerce-info { border-top-color: var(--clr-primary);}
.woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #efefef; color: var(--clr-primary);}
.woocommerce-info::before {color: var(--clr-primary);}
.woocommerce-Addresses a.edit { color: var(--clr-graytext);}
.woocommerce-Addresses a.edit:hover { color: var(--clr-primary);}
header.woocommerce-Address-title {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--clr-graytext); 
    padding-bottom: 3px;
    margin-bottom: 30px;
}
.woocommerce-Addresses h2 {
    /*width: calc(100% - 50px);*/
    width: 60%;
    padding-right: 15px;
}
.woocommerce-Addresses a.edit {
    /*width: 50px;*/
    width: 40%;
    text-align: right;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{border-color: var(--clr-secondary)}
/*-- Woocommese MyAccount(End) --*/
/*-- not-found-page(Start) --*/

.not-found-box {
    padding: 60px 30px;
    background-color: #f6f6f6;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.1);
}
.not-found-box h1 {
    font-size: var(--f-size-XL);
}
/*-- not-found-page(End) --*/



/*-- new-css(12-02-2025)(End) --*/

/*-- new-css(18-02-2025)(Start) --*/

.main-product-details-sec .summary.entry-summary p.price { display: none;}
.main-product-details-sec .summary.entry-summary h1.product_title.entry-title{font-size: var(--f-size-L); text-transform: capitalize;}
.main-product-details-sec .summary.entry-summary, .main-product-details-sec .summary.entry-summary form.cart { margin-bottom: 0em !important;}
.main-product-details-sec .summary.entry-summary .accordion-button::after{color: var(--clr-primary);}
.accordion-button:not(.collapsed):after, .main-product-details-sec .summary.entry-summary .accordion-button:hover:after{ color: var(--clr-graytext) !important;}
.main-product-details-sec .summary.entry-summary .deposite-price span em { font-style: normal;}
.main-product-details-sec .date-picker-box { margin-bottom: 20px;}
.main-product-details-sec .wcgs-woocommerce-product-gallery .wcgs-carousel { border: 1px solid #f3f3f3;}
.main-product-details-sec .summary.entry-summary .number.number-input-left .quantity { text-align: center; justify-content: center;}
.woocommerce-cart-form__cart-item.cart_item .variation table.wdm_options_table tbody tr td { padding: 3px 0px !important;}
.woocommerce-cart table.cart td.product-name a{font-weight: var(--fw-semibold); color: var(--clr-primary);} 
.woocommerce-cart table.cart td.product-quantity{text-align: center;} 
.woocommerce-page table.cart td.actions>.button{display: none;}
.woocommerce-cart table.cart td.actions .coupon .input-text{ border: 1px solid var(--clr-secondary); width: 140px; margin-right: 10px;}
.woocommerce-shipping-calculator a.shipping-calculator-button{color: var(--clr-primary);}
.woocommerce-shipping-calculator a.shipping-calculator-button:hover{color: var(--clr-graytext);}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: rgb(151 151 151 / 14%);}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
    background-color: #dfdfdf;}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: 1em solid #dfdfdf; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent;}
div#customer_details { margin-bottom: 20px; border-bottom: 1px solid var(--clr-secondary); padding-bottom: 30px;}
.woocommerce-checkout-review-order tr.cart_item td.product-name .variation td { padding: 7px 0px; border-top: none;}
.product-listing-sec .woof_container_inner h4 { margin-bottom: 9px; font-size: var(--f-size-Body); font-family: var(--ff-base); font-weight: var(--fw-semibold); border-bottom: 1px solid var(--clr-primary); padding: 0px 0 10px; margin-bottom: 20px;}
/*.product-listing-sec .woof_container { margin-bottom: 30px;}*/
.product-listing-sec a.woof_front_toggle{
    font-size: 0;
    background-image: url(../images/filter-arrow-up.png);
    background-repeat: no-repeat;
    background-position: center center;
    transform: var(--bs-accordion-btn-icon-transform);
    width: 14px;
    height: 20px; transition: var(--transition-common);}
.product-listing-sec a.woof_front_toggle.woof_front_toggle_closed{transform: rotate(180deg);}
.product-listing-sec .woof_block_html_items { margin-bottom: 30px;}

.wpcf7-response-output{text-align: center;}
.invalid .wpcf7-response-output{color: #dc3232;}
.sent .wpcf7-response-output{color: #269f31;}
.invalid .form-control.wpcf7-not-valid{border-color: #dc3232;}
span.wpcf7-spinner { margin: 5px auto; display: table;}
.wpcf7 form .wpcf7-response-output { margin: 0.5em 0.5em 0.5em;}
.blog-details-sec .blog-details-pic { position: relative; padding-top: 50%; overflow: hidden;}
.blog-details-sec .blog-details-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}


/*-- new-css(18-02-2025)(End) --*/

/*-- color-input-css(Start) --*/

.woof-sd-ie.woof-sd-ie-color {
    position: relative;
    display: flex; flex-flow: row wrap;}
    .woof-sd-ie.woof-sd-ie-color .woof-sd-tooltiptext { display: block; min-width: inherit; background-color: transparent; color: #000; text-align: center; visibility: visible; left: 0; margin-left: 15px; top: -4px; position: relative; padding: 0;}
    .woof-sd-ie.woof-sd-ie-color .woof-sd-tooltiptext::after{display: none;}
    .woof-sd-ie.woof-sd-ie-color .woof_radio_term_reset_visible { position: absolute; left: 9px !important; top: -15px; right: initial; width: 18px; padding: 0;}
    .woof-sd-ie.woof-sd-ie-color .woof_radio_term_reset_visible img{width: 100%;}
    .woof-sd-ie.woof-sd-ie-color input[type="radio"]:checked span.woof-sd-tooltiptext { color: var(--clr-graytext); font-weight: var(--fw-semibold);}
    .woof-sd-ie.woof-sd-ie-color > label{border-radius: 0;}
    .woof-sd-ie.woof-sd-ie-color:has(input:checked) > label, .woof-sd-ie.woof-sd-ie-color:hover > label{border-style: solid !important;}

/*-- color-input-css(End) --*/
/*.product-listing-sec .woof_sid_widget.woof_hide_filter { display: block !important;}
.filter_mobile{display: none;}*/
.woocommerce-error li a, .woocommerce-error li { color: #b81c23;}
#customer_details h3 { font-size: var(--f-size-M);}
.woocommerce ul.order_details{padding-left: 0;}
.woocommerce ul.order_details li{border-color: var(--clr-secondary);}
.order_details .order_item ul.wc-item-meta { padding-left: 0;}
.order_details .woocommerce-table__product-name.product-name a { color: var(--clr-primary); font-weight: 600;}
.my_account_orders.account-orders-table a.woocommerce-button.button, .my_account_orders .woocommerce-button.button { padding: 5px 15px; box-shadow: 0 0 0px 2px #2e2d2d; letter-spacing: 0; font-size: 14px !important; margin: 4px;}
.woocommerce-MyAccount-content h2 { font-size: var(--f-size-M);}
.woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-status { font-weight: 600 !important;}
.woocommerce a.remove { line-height: 0.89;}

.woocommerce-cart table.cart .product-thumbnail {
    width: 100px;
}
.woocommerce-cart table.cart .product-thumbnail a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #ddd;
}
.woocommerce-cart table.cart .product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
body.woocommerce-cart h1.page-title, .cart-collaterals .cart_totals h2{font-style: var(--f-size-L)  !important;}
body.woocommerce-checkout form.checkout.woocommerce-checkout ul.woocommerce-error { display: none;}
.woocommerce-MyAccount-content table.my_account_orders.account-orders-table .woocommerce-orders-table__cell-pickup_date span, .woocommerce-MyAccount-content table.my_account_orders.account-orders-table .woocommerce-orders-table__cell-return_date span, 
.woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-pickup_date span, 
.woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-return_date span { display: block; width: 100%;}

/*-- inner-pages(End) --*/

/*Media Query css*/


@media only screen and ( min-width: 1601px ) {
    .container{max-width: 1530px;}
}
/*@media only screen and ( min-width:1921px ) {

    body{max-width: 1920px!important; margin: 0 auto!important;}
    header { max-width: 1920px; margin: 0 auto; }
    
}*/

@media only screen and ( max-width:1700px ) {
    .slick-next { right: -35px;}
    .slick-prev { left: -35px;}
    .slick-arrow { width: 40px; height: 40px; background-size: 100%;}
    .homupgrade-box h2 { font-size: 5vw;}

}
@media only screen and ( max-width:1600px ) {

    :root{
        --f-size-XXXL: 55px;
        --f-size-XXL: 50px;
        --f-size-XL: 42px;
        --f-size-L: 38px;
        --f-size-M: 29px;
        /*--f-size-S: 24px;
        --f-size-Body: 20px;*/
    }

    /*:root{
        --f-size-XXXL: 64px;
        --f-size-XXL: 56px;
        --f-size-XL: 48px;
        --f-size-L: 40px;
        --f-size-M: 32px;
        --f-size-S: 24px;
        --f-size-Body: 20px;
    }*/
    .team-pic { width: 200px; height: 200px;}
    /*.main_menu { width: 73% !important;}
    .header-right { width: 27%;}*/
    .header-right ul li a.primary-button{padding:6px 14px}
    .header-right ul li { margin-right: 10px;}
    .header-right ul li:last-child { margin-left: 8px;}

    .common-padding{padding-top: 80px; padding-bottom: 80px;}
    .common-padding-md{padding-top: 40px; padding-bottom: 40px;}
    .common-padding-sm{padding-top: 20px; padding-bottom: 20px;}

    .ftr-top { padding: 80px 0 40px;}




}
@media only screen and ( max-width:1500px ) {

    :root{
        --f-size-XXXL: 50px;
        --f-size-XXL: 46px;
        --f-size-XL: 40px;
        --f-size-L: 34px;
        --f-size-M: 26px;
        --f-size-S: 22px;
        --f-size-Body: 18px;
    }

    /*:root{
        --f-size-XXXL: 55px;
        --f-size-XXL: 50px;
        --f-size-XL: 42px;
        --f-size-L: 38px;
        --f-size-M: 29px;

       --f-size-S: 24px;
        --f-size-Body: 20px;
    }*/

    .team-pic { width: 180px; height: 180px;}
    .number-input-right .primary-button { min-width: 300px;}
    .logo {
    width: 126px;
    height: 126px;
    padding: 10px;}
    .logo img { max-width: 96px;}
    .ftr-logo { margin: 0 0 20px; max-width: 96px;}
    .header-right ul li a.primary-button { padding: 4px 10px;}

    .common-padding{padding-top: 70px; padding-bottom: 70px;}
    .common-padding-md{padding-top: 35px; padding-bottom: 35px;}
    /*.common-padding-sm{padding-top: 20px; padding-bottom: 20px;}*/

    .ftr-top { padding: 70px 0 30px;}
    .woocommerce-account .addresses .title .edit { font-size: 13px;}

}

@media only screen and ( max-width:1400px ) {
    :root{
        --f-size-XXXL: 45px;
        --f-size-XXL: 42px;
        --f-size-XL: 38px;
        --f-size-L: 32px;
        --f-size-M: 24px;
        --f-size-S: 20px;
        --f-size-Body: 17px;
    }

    /*:root{
        --f-size-XXXL: 50px;
        --f-size-XXL: 46px;
        --f-size-XL: 40px;
        --f-size-L: 34px;
        --f-size-M: 26px;
        --f-size-S: 22px;
        --f-size-Body: 18px;
    }*/

    .team-pic { width: 150px; height: 150px;}
    .team-bottom, .blog-listing-box .hom-blog-bottom { padding-top: 20px;}
    .number-input-left { width: 200px;}
    .number-input-right { width: calc(100% - 200px); padding-left: 10px;}
    .header-right ul li a.primary-button {padding: 4px 7px; letter-spacing: 1px;}

    .common-padding{padding-top: 60px; padding-bottom: 60px;}
    .common-padding-md{padding-top: 30px; padding-bottom: 30px;}
    /*.common-padding-sm{padding-top: 20px; padding-bottom: 20px;}*/
    .ftr-top { padding: 60px 0 30px;}

    .explore-box { padding: 43px 10px;}
    .explore-hover-pic { width: 130px; height: 130px;}
    .enhance-box { margin: 0 8px;}
    .homupgrade-box h2 { font-size: 4.8vw;}

}
@media only screen and ( max-width:1199px ) {

    :root{
        --f-size-XXXL: 42px;
        --f-size-XXL: 39px;
        --f-size-XL: 36px;
        --f-size-L: 30px;
        --f-size-M: 22px;

        /*--f-size-S: 20px;
        --f-size-Body: 17px;*/
    }

    /*:root{
        --f-size-XXXL: 45px;
        --f-size-XXL: 42px;
        --f-size-XL: 38px;
        --f-size-L: 32px;
        --f-size-M: 24px;
        --f-size-S: 20px;
        --f-size-Body: 17px;
    }*/

    .number-input-left {
        width: 120px;
    }
    .number-input-right {
        width: calc(100% - 120px);
    }
    .quantity button { width: 28px;}
    .input-box { width: calc(100% - 60px); padding: 3px 1px}
    .number-input-right .primary-button { min-width: 280px;}

    .header-right ul li:last-child { margin-left: 3px;}
    .primary-button { padding: 8px 20px; font-size: 17px; box-shadow: 0 0 0px 3px var(--clr-primary); margin: 3px; letter-spacing: 1px;}
    .primary-button-wh { box-shadow: 0 0 0px 3px var(--clr-white);}
    .header-right ul li a.primary-button { padding: 4px 6px; letter-spacing: 0px; font-size: 15px;}
    .header-right ul li { margin-right: 8px;}
    .main_menu ul li { margin: 0 15px; font-size: 19px;}
    .logo { width: 116px; height: 116px; padding: 10px;}
    .logo img { max-width: 86px;}
    .ftr-logo { margin: 0 0 15px; max-width: 86px;}
    .inner-banner { padding-top: 33%;}

    .common-padding{padding-top: 50px; padding-bottom: 50px;}
    .common-padding-md{padding-top: 25px; padding-bottom: 25px;}
    /*.common-padding-sm{padding-top: 20px; padding-bottom: 20px;}*/
    .ftr-top { padding: 50px 0 25px;}

    .homtestimonial-box { padding: 15px 15px;}
    .testimonial-icon { width: 48px;}
    .homupgrade-box h2 { font-size: 4.8vw;}
    .ftr-menu ul li { margin: 0 0 7px;}
    .faq-accordion-design .accordion-button::after, .faq-accordion-design .accordion-button:not(.collapsed)::after{ width: 14px; height: 15px;}
    .sidebar-check-list ul li label.form-check-label { width: calc(100% - 24px);}
    .sidebar-check-list ul li .form-check-input[type=checkbox] { margin-right: 7px; margin-top: 3px; width: 1em; height: 1em;}
    .sidebar-check-list ul li { margin-bottom: 10px;}
    .number-input-right .primary-button { height: 50px;}
    .slider-mainproduct { margin-bottom: 20px;}
    .contact-form-box .form-control, .woocommerce-form-login .woocommerce-Input--text.input-text, .woocommerce-form-register .input-text, .woocommerce-MyAccount-content .input-text, .woocommerce-ResetPassword.lost_reset_password .input-text, .select2-container--default .select2-selection--single, form.checkout.woocommerce-checkout .input-text {height: 46px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 46px;}
    .select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;}
    .woocommerce-MyAccount-navigation ul li a { padding: 5px 10px;}
    .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a { padding-left: 20px;}
    .woocommerce ul.order_details li { margin-right: 1em; padding-right: 1em;}
    .woocommerce-account .addresses .title .edit { font-size: 12px;}
    .woocommerce-order-details .shop_table.order_details a.woocommerce-button.order-actions-button { padding: 7px 20px; box-shadow: 0 0 0px 2px #2e2d2d; letter-spacing: 0; font-size: 16px !important; margin: 4px;}



    .woocommerce-page button.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt{padding: 7px 20px; box-shadow: 0 0 0px 2px #2e2d2d; letter-spacing: 0; font-size: 16px !important; margin: 4px;}

}
@media only screen and ( max-width:1024px ) {
    :root{
        --f-size-XXXL: 39px;
        --f-size-XXL: 36px;
        --f-size-XL: 34px;
        --f-size-L: 27px;
        
        
       /*--f-size-M: 22px;
        --f-size-S: 20px;
        --f-size-Body: 17px;*/
    }

    /*:root{
        --f-size-XXXL: 42px;
        --f-size-XXL: 39px;
        --f-size-XL: 36px;
        --f-size-L: 30px;
        --f-size-M: 22px;
        
        --f-size-S: 20px;
        --f-size-Body: 17px;
    }*/

    .slick-arrow { width: 35px; height: 35px;}
    .slick-prev { left: -22px;}
    .slick-next { right: -22px;}
    

}

@media only screen and ( min-width: 992px ) {
    /*.main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }*/
    .main_menu{width: 78% !important;}
    /*.main_menu ul li.mob-contact{display: none;}*/
}

@media only screen and ( max-width: 991px ) {
    .click{
        display: block;
        cursor: pointer;
        order: 3;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }
    /*.main_menu{
        display: none;
        width: 100%;
        position: relative;
    }
    .main_menu ul {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    }
    .main_menu ul li{
       display: block;
    }
    .main_menu ul li a {
    padding: 6px 0px;
    }*/

    /*-- For_mob_menu(Start) --*/
    .main_menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0 !important;
    background-color: rgba(255, 255, 255, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    }

    .main_menu a {
        /*padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;*/
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    body.scrollOff:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}

    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px;}
    .main_menu ul li.menu-item-has-children span { top: 12px; right: 0px; width: 14px; height: 18px;}
    .main_menu ul li { display: block; margin: 0 10px;}
    .main_menu ul { width: 100%;}
    .main_menu { display: block !important; justify-content: flex-start;}
    .main_menu ul li a { padding: 12px 0;}
    .main_menu>ul>li>a:before, .main_menu>ul>li>a:after{display: none;}


    /*-- For_mob_menu(End) --*/

    /*-- For-mob-header(Start) --*/
    .header-right { /*width: 35%;*/ width: auto; padding-right: 20px; order: 2;}
    .header-bottom .header-row { justify-content: flex-end; padding: 15px 0;}
    .logo { right: inherit; margin: 0 0; width: 96px; height: 96px; padding: 6px;}
    .logo img { max-width: 76px;}
    .ftr-logo { margin: 0 auto 15px; max-width: 76px;}

    /*-- For-mob-header(End) --*/

    :root{
        --f-size-XXXL: 36px;
        --f-size-XXL: 34px;
        --f-size-XL: 30px;
        --f-size-L: 25px;
       --f-size-M: 21px;
        --f-size-S: 19px;
        --f-size-Body: 16px;
    }

    /*:root{
        --f-size-XXXL: 39px;
        --f-size-XXL: 36px;
        --f-size-XL: 34px;
        --f-size-L: 27px;
        
       --f-size-M: 22px;
        --f-size-S: 20px;
        --f-size-Body: 17px;
    }*/

    .hom-mission-sec, .mission-sec { text-align: center;}
    .hom-mission-content, .mission-content { margin-top: 20px;}
    .hom-upgrade-sec, .hom-upgrade-button { text-align: center;}
    .homupgrade-box h2 { font-size: 4.5vw;}

    .ftr-content { max-width: 485px; margin: 0 auto 40px; text-align: center;}
    .main-product-right { max-width: inherit; margin: 30px auto 0; width: 100%;}
    /*.number-input-right .primary-button { min-width: 165px; padding: 8px 4px; font-size: 15px; letter-spacing: 0;}*/

    .main-product-details-sec .wcgs-woocommerce-product-gallery { width: 100% !important; max-width: inherit !important; margin-right: 0;}
    .main-product-details-sec .summary.entry-summary{ width: 100% !important; max-width: inherit !important;}
    .woocommerce ul.order_details li { margin-right: 0.5em; padding-right: 0.5em; width: 31.33%; margin-bottom: 15px;}
    .woocommerce-MyAccount-content .woocommerce-info a.wc-forward.button { margin: 25px auto 10px; display: table; float: none;}

}

@media only screen and ( min-width: 768px ) {
    .product-listing-sec .woof_sid_widget.woof_hide_filter { display: block !important;}
    .filter_mobile{display: none;}
}
@media only screen and ( max-width: 768px ) {
    .woocommerce form.login, .woocommerce form.register { min-height: inherit;}
    .woocommerce-customer-details .woocommerce-column--billing-address { margin-bottom: 20px;}
    /*.woocommerce table.shop_table_responsive.cart tr td::before, 
      .woocommerce-page table.shop_table_responsive.cart tr td::before {display: none;}*/
      .woocommerce table.shop_table_responsive tr td .wdm_options_table td { text-align: left !important;}
      .woocommerce table.shop_table_responsive tr td .wdm_options_table td::before {display: none;}
      .shop_table_responsive.cart .woocommerce-cart-form__cart-item.cart_item .product-quantity .quantity{ width: auto;}
      .shop_table_responsive.cart .woocommerce-cart-form__cart-item.cart_item .product-quantity .quantity .input-text.qty.text{margin-left: 10px; border-radius: 0 !important; border: 1px solid var(--clr-graytext);}

}
@media only screen and ( max-width: 767px ) {
    :root{
        --f-size-XXXL: 34px;
        --f-size-XXL: 31px;
        --f-size-XL: 28px;
        --f-size-L: 23px;
       --f-size-M: 20px;

        /*--f-size-S: 19px;
        --f-size-Body: 16px;*/
        --margin-title: 0 0 15px 0;
    }

    /*:root{
        --f-size-XXXL: 36px;
        --f-size-XXL: 34px;
        --f-size-XL: 30px;
        --f-size-L: 25px;
       --f-size-M: 21px;
        --f-size-S: 19px;
        --f-size-Body: 16px;
    }*/

    .inner-banner {
        padding-top: 40%;
    }
    .slick-prev {
        left: 40%;
        top: inherit;
        transform: inherit;
        bottom: 0;
    }
    .slick-next {
        right: 40%;
        top: inherit;
        transform: inherit;
        bottom: 0;
    }
    .homenhance_carousel.slick-slider, .homtestimonial_carousel.slick-slider { padding-bottom: 40px;}

    .common-padding{padding-top: 40px; padding-bottom: 40px;}
    .common-padding-md{padding-top: 20px; padding-bottom: 20px;}
    .common-padding-sm{padding-top: 15px; padding-bottom: 15px;}

    .ftr-top { padding: 40px 0 20px;}
    .ftr-btm { padding: 15px 0;}

    .homtestimonial-box{border-right: none;}
    .primary-button { padding: 6px 15px; font-size: 15px; box-shadow: 0 0 0px 2px var(--clr-primary); margin: 2px; letter-spacing: 0.5px;}
    .primary-button-wh { box-shadow: 0 0 0px 2px var(--clr-white); margin: 2px;}
    .explore-icon { width: 25px;}
    .explore-title { width: calc(100% - 25px); padding: 0 8px;}
    .explore-hover-pic { width: 100px; height: 100px;}
    .explore-box { padding: 34px 5px;}
    .hom-blog-box {text-align: center;}
    .homupgrade-box h2 { font-size: 4.1vw;}
    .homupgrade-box { padding: 5px 10px;}
    ul.adrs li span{display: block;}
    .custom-pagination .page-numbers.next, .custom-pagination .page-numbers.prev { width: 34px; height: 34px;}
    .custom-pagination .page-numbers { width: 30px; height: 30px; margin: 0 6px;}
    .mainproduct-box { padding: 0 20px;}
    .main-product-left .slick-arrow{top: 50%; transform: translateY(-50%); width: 38px; height: 38px;}
    .contact-form-box .form-control, .woocommerce-form-login .woocommerce-Input--text.input-text, .woocommerce-form-register .input-text, .woocommerce-MyAccount-content .input-text, .woocommerce-ResetPassword.lost_reset_password .input-text, .select2-container--default .select2-selection--single, form.checkout.woocommerce-checkout .input-text{ height: 40px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px;}
    .select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px;}
    .header-bottom .header-row { padding: 6px 0;}
    .homtestimonial-box.slick-active:before, .homtestimonial-box.slick-current.slick-active:before{ display: none;}
    /*.product-listing-sec .woof_sid_widget.woof_hide_filter { display: none !important;}
    .filter_mobile{display: block;}*/
    .woocommerce ul.order_details li { width: 48.33%;}
    body.woocommerce-cart p.return-to-shop { text-align: center;}
    .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward { margin: 15px auto 0; display: table; float: none;}
    


    
    

}
@media only screen and ( max-width: 575px ) {
    :root{
        --f-size-XXXL: 31px;
        --f-size-XXL: 28px;
        --f-size-XL: 25px;
        --f-size-L: 22px;
       

        /*--f-size-M: 20px;
        --f-size-S: 19px;
        --f-size-Body: 16px;
        --margin-title: 0 0 15px 0;*/
    }

    /*:root{
        --f-size-XXXL: 34px;
        --f-size-XXL: 31px;
        --f-size-XL: 28px;
        --f-size-L: 23px;
       --f-size-M: 20px;

        --f-size-S: 19px;
        --f-size-Body: 16px;
        --margin-title: 0 0 15px 0;
    }*/
    .enhance-bottom, .hom-blog-bottom, .hom-collection-bottom, .team-bottom{ padding-top: 15px;}
    .hom-mission-content, .mission-content { margin-top: 15px;}
    .team-bottom, .blog-listing-box .hom-blog-bottom { padding-top: 15px;}
    .homupgrade-box h2 { font-size: 7vw;}
    .ftr-col{text-align: center; margin-bottom: 25px;}
    .ftr-social-box { margin-top: 20px;}
    ul.adrs li span { display: inline-block;}
    ul.adrs li{width: 100%;}
    .ftr-social-box ul.ftr-social{justify-content: center;}
    .ftr-content { margin: 0 auto 30px;}
    .blog-sec .blog-listing-box { text-align: center;}
    .faq-accordion-design .accordion-item { margin-bottom: 6px;}
    .main-product-right { margin: 20px auto 0;}
    .slider-mainproduct { margin-bottom: 15px;}
    .main-product-details-sec .date-picker-box { margin-bottom: 15px;}
    .woocommerce ul.order_details li {
        margin-right: 0em;
        padding-right: 0em;
        padding-bottom: 0.5em;
        border-right: none;
        border-right: none;
        border-bottom: 1px dashed var(--clr-secondary);;
        width: 100%;
        margin-bottom: 15px;}


}
@media only screen and ( max-width: 480px ) {

    :root{
        --f-size-XXXL: 28px;
        --f-size-XXL: 26px;
        --f-size-XL: 23px;
        --f-size-L: 20px;
       

        --f-size-M: 19px;
        --f-size-S: 18px;
        /*--f-size-Body: 16px;
        --margin-title: 0 0 15px 0;*/
    }

    /*:root{
        --f-size-XXXL: 31px;
        --f-size-XXL: 28px;
        --f-size-XL: 25px;
        --f-size-L: 22px;
       

        --f-size-M: 20px;
        --f-size-S: 19px;
        --f-size-Body: 16px;
        --margin-title: 0 0 15px 0;
    }*/

    .number-input-left{width: 100%; margin-bottom: 15px;}
    .number-input-right { width: 100%; padding-left: 0; text-align: center;}
    .number-input-right .primary-button { min-width: inherit;}
    .logo { width: 85px; height: 85px;}
    .logo img { max-width: 66px;}
    .ftr-logo { margin: 0 auto 10px; max-width: 66px;}
    .slick-next { right: 38%;}
    .slick-prev{ left: 38%;}
    .enhance-box { margin: 0 5px;}
    .testimonial-icon { width: 38px;}
    .faq-accordion-design .accordion-button::after, .faq-accordion-design .accordion-button:not(.collapsed)::after{ width: 12px; height: 13px;}
    .custom-pagination .page-numbers { margin: 0 4px;}
    .slider-mainproduct { margin-bottom: 5px;}
    .slider-nav-box { margin: 0 2px;}
    .mainproduct-box { padding: 0 0px;}
    .woocommerce-order-details .shop_table.order_details a.woocommerce-button.order-actions-button { padding: 5px 12px; font-size: 13px !important;}


    .woocommerce-page button.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt{padding: 5px 12px;  font-size: 13px !important;}
    

}
@media only screen and ( max-width: 380px ) {
    .logo { width: 75px; height: 75px;}
    .logo img {  max-width: 58px;}
    .ftr-logo { max-width: 58px;}
    .header-bottom .header-row { padding: 3px 0;}
    .header-right ul li:last-child{display: none;}
    .main_menu ul li.mob-contact{display: block;}
    .header-right { padding-right: 10px;}
    .inner-banner { padding-top: 45%;}

    .common-padding{padding-top: 30px; padding-bottom: 30px;}
    .common-padding-md{padding-top: 15px; padding-bottom: 15px;}
    .common-padding-sm{padding-top: 15px; padding-bottom: 15px;}
    .ftr-top { padding: 30px 0 15px;}

    .slick-next { right: 36%;}
    .slick-prev{ left: 36%;}


}

/*Media Query css*/