:root {
  --baseColor: #092143;
  --highlightColor: #F4951D;
  --baseFont: "Poppins", sans-serif;
  --baseTextColor: #636468;
  --buttonPrimary: #A7CB82;
  --buttonPrimaryLight: #B4CA9E;
  --borderColor: #B9B9B9;
  --borderDipColor: #CBCBCB;
  --blueColor: #181945;
  --blackColor: #000;
  --whiteColor: #fff;
  --lightBorderColor: #AAAAAA;
  --lightBackground: #EBEBEB;
  /*--heighLightYellow: #E2A123;*/
  --heighLightYellow: #f4951d;
}


*{margin: 0; padding: 0;box-sizing: border-box;}
body {font-family: var(--baseFont); color: var(--baseTextColor); font-weight: 400; background: var(--whiteColor); }
ul{list-style: none; }
img{max-width: 100%; vertical-align: middle;}
svg{vertical-align: middle;}
.container{width: 100%; max-width: 1920px; padding-left: 146px; padding-right: 146px; }

a{text-decoration: none;}
h1, .h1{font-size: 64px; line-height: 80px; color: var(--baseColor); font-weight: 700; margin-bottom: 25px;}
h1 span, .h1 span{color: var(--highlightColor);}
h3, .h3{font-size: 36px; font-weight: 400; color: var(--blueColor); line-height: 42px;}
h6, .h6{font-size: 18px; line-height: 27px; color: var(--highlightColor); font-weight: 600;margin-bottom: 18px;}
h4, .h4{font-size: 17px; line-height: 26px; font-weight: 600; color: var(--blackColor);}
h4 a, .h4 a{color: var(--blackColor); text-decoration: none;}

p{color: var(--baseTextColor); font-size: 16px; line-height: 25.6px; font-weight: 400; margin-bottom: 35px;}

.learge-btn{border-radius: 900px; background-color: var(--buttonPrimary); overflow: hidden; padding: 18px 85px; display: inline-block;}
.learge-btn span{font-size: 18px; font-weight: 400; line-height: 28px; color: var(--blackColor); display: inline-block; vertical-align: middle; padding-right: 36px; background: url(./images/btn-large-arrow.png) right center; background-repeat: no-repeat;}
.learge-btn:hover{background: var(--highlightColor);color: var(--whiteColor);}
.learge-btn:hover span{background: url(./images/btn-large-arrow-h.png) right center; background-repeat: no-repeat;color: var(--whiteColor);}

.small-btn{border-radius: 900px; background-color: var(--buttonPrimary); overflow: hidden; padding: 8px 22px; display: inline-block;}
.small-btn span{font-size: 18px; font-weight: 400; line-height: 28px; color: var(--blackColor); display: inline-block; vertical-align: middle; padding-right: 28px; background: url(./images/btn-small-arrow.png) right center; background-repeat: no-repeat;}
.small-btn:hover{background: var(--highlightColor); color: var(--whiteColor);}
.small-btn:hover span{color: var(--whiteColor); background: url(./images/btn-small-arrow-h.png) right center;background-repeat: no-repeat;}

/* default scroll bar design */
::-webkit-scrollbar {width: 2px; }
::-moz-scrollbar {width: 2px; }
::-webkit-scrollbar-track {background: var(--borderDipColor); }
::-webkit-scrollbar-thumb {background: var(--highlightColor); }
::-webkit-scrollbar-thumb:hover {background: #555; }
* {
  scrollbar-width: thin; /* Makes the scrollbar thin */
  scrollbar-color: var(--highlightColor) var(--borderDipColor); /* Thumb color and track color */
}

.minicart-inner ul.cart_list{position: relative;}
.minicart-inner ul.cart_list {
  overflow-y: scroll;
  scrollbar-width: none; /* Hide scrollbar in Firefox */
  -ms-overflow-style: none; /* Hide scrollbar in IE and Edge */
}

.minicart-inner ul.cart_list::-webkit-scrollbar {
  display: none; /* Hide scrollbar in Chrome, Safari, Edge */
}

/* Custom Scrollbar */
.minicart-inner ul.cart_list::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px; /* Custom scrollbar width */
  height: 100%;
  background: var(--highlightColor);
  pointer-events: none; /* Prevent interference with scrolling */
}

/* Optional: Add hover effect for the custom scrollbar */
.minicart-inner ul.cart_list:hover::after {
  background: #555; /* Custom hover color */
}
.activeMiniCart{overflow: hidden;}


@media (min-width: 2000px){
  .container{margin-left: auto; margin-right: auto; max-width: unset;}
  .seltzer-button .learge-btn {padding: 1.5vw 3.5vw;}
  .learge-btn{padding: 1.5vw 3.5vw;}
  .learge-btn span{font-size: 1.5vw;background-size: 2vw auto; padding-right: 3vw;}
  p{font-size: 0.9vw;line-height: 1.5;}
  h3, .h3{font-size: 1.3vw; line-height: 1.2;}
  h6, .h6{font-size: 1vw; line-height: 2;}
  h4, .h4 {font-size: 0.8vw; line-height: 1.5;}
  .small-btn{padding: 0.75vw 2.5vw;}
  .small-btn span{font-size: 1.1vw;line-height: 1.5;background-size: 1vw auto; padding-right: 1.6vw;}

}

@media (max-width: 1900px){
  .container{padding-left: 80px; padding-right: 80px;}
  h3, .h3{font-size: 30px;}
  h4, .h4{font-size: 15px; line-height: 24px;}
}

@media (max-width: 1599px){
  h1, .h1{font-size: 48px; line-height: 1.3;}
}

@media (max-width: 1399px){
  .container{padding-left: 50px; padding-right: 50px;}
  h3, .h3{font-size: 30px;}
  h4, .h4{font-size: 15px; line-height: 24px;}
}

@media (max-width: 1199px){
  nav ul li.active a:after, nav ul li.current-menu-item a:after{display: none;}
  nav ul li.current-menu-item{border-color: var(--heighLightYellow);}
  nav ul li.current-menu-item a{color: var(--heighLightYellow);}
}

@media (max-width: 991px){
  h1, .h1 {font-size: 40px; line-height: 1.2; }
}

@media (max-width: 767px){
  .container{padding-left: 30px; padding-right: 30px;}
  h1, .h1 {font-size: 36px; }
  .home .navbar{border-right: 0;}

}


/* ------ header part css ------------ */
.site-header{background-color: var(--whiteColor);font-family: var(--baseFont); padding-top: 8px; padding-bottom: 10px;position: relative; z-index: 1;}
.site-header.fixed-header{position: fixed; top: 0; left: 0; right: 0; z-index: 99;padding-top: 0; padding-bottom: 0;}
.site-header.fixed-header .top-header{display: none;}
.site-header.fixed-header .header-outer {padding: 10px 0; } 
.site-header.fixed-header .logo{max-width: 180px;}
.logo img{height: 90px;}
.top-header{border-bottom: solid 0.5px rgba(170, 170, 170, 0.8); padding: 16px 0;}
.top-header .container{display: flex; justify-content: space-between; align-items: center;}
.top-left-sction{display: flex;align-items: center; justify-content: flex-start; margin-right: auto; margin-left: 0;}
.top-left-sction li{padding-right: 13px; margin-right: 13px; border-right: solid 1px rgba(255, 255, 255, 0.5);}
.top-left-sction li:last-child{border-right: 0; padding-right: 0; margin-right: 0;}
.top-left-sction li a{text-decoration: none; font-size: 14px; line-height: 21px; color: var(--blueColor); font-weight: 400; }
.top-left-sction li .icon{color: var(--highlightColor); font-size: 14px;}
.top-left-sction li .icon svg, .top-left-sction li .icon img{vertical-align: middle;}

.top-middle-section{font-size: 14px; line-height: 21px; color: var(--blueColor); font-weight: 400; text-align: center; margin-left: auto; margin-right: auto;}

.top-right-section{display: flex; align-items: center; margin-left: auto; margin-right: 0;}
.top-right-section li{margin-left: 13px;}
.top-right-section li a{width: 26px; height: 26px; font-size: 14px; display: flex; align-items: center; justify-content: center; background-color: var(--baseColor); border-radius: 100%; overflow: hidden; text-decoration: none; color: var(--whiteColor);}

.header-outer{/*padding: 28px 0;*/ padding: 10px 0;box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);}
.header-outer .container{display: flex; align-items: center; justify-content: space-between;}
.logo{color: var(--whiteColor); font-size: 40px; margin-right: auto; margin-left: 0; text-decoration: none; line-height: 50px; font-weight: 700; font-family: var(--baseFont); display: inline-block; vertical-align: middle;}
.logo span{display: block; color: var(--highlightColor);}
.cart-price{font-size: 18px; line-height: 27px; margin-right: 4px; margin-left: 22px; padding: 12px 24px; font-weight: 600; background-color: var(--highlightColor); color: var(--whiteColor); display: inline-block; vertical-align: middle; border-radius: 900px;}
.navigation-right{display: flex; align-items: center;}
.navigation-right a{color: var(--whiteColor);font-size: 21px; text-decoration: none; margin-left: 22px; position: relative;}
.navigation-right a svg path{fill: var(--baseColor);}
.navbar{border-right: solid 1px var(--lightBorderColor); padding-right: 18px;}

nav ul.nav-menu {margin: 0; padding: 0px 0; list-style: none; display: flex; align-items: center; width: 100%;}
nav ul.nav-menu > li{position: relative;}
nav ul.nav-menu > li.menu-item-has-children{}
nav ul.nav-menu > li.menu-item-has-children:after{content: ""; display: inline-block; width: 8px; height: 4px; background: url(./images/dropdown-icon.svg) no-repeat center;position: absolute; top: 12px; right: 0px;}
nav ul.nav-menu li a{text-decoration: none;line-height: 27px; font-size: 18px; font-weight: 400; font-family: var(--baseFont); display: inline-block; padding: 0 18px; color: var(--blueColor);}
nav ul.nav-menu li:hover a{color: var(--highlightColor);}
nav ul.nav-menu li.active a, nav ul li.current-menu-item a{color: var(--highlightColor); font-weight: 700;}
nav ul.nav-menu li.active a:after, nav ul li.current-menu-item a:after{content: ""; display: inline-block; width: 14px; height: 14px; background: var(--heighLightYellow); border-radius: 100%;position: absolute; top: 100%; left: 50%; margin-top: 4px; transform: translateX(-50%);} 
nav li > ul {margin: 0; padding: 0; background: #99cccc; height: 0; overflow: hidden; transition: all 0.3s; }
nav li > ul a {color: #3366cc; }

.plus, .minus {float: right; padding: 0px; font-weight: 700; color: var(--whiteColor); font-size: 20px; }
.plus:hover, .minus:hover {cursor: pointer; }
.minus {display: none; }
.open .plus {display: none; }
.open .minus {display: block; }
nav .open > ul {margin: 8px 0; padding: 12px 0; height: auto; }
.menu-xxx-container {display: none }
.tadaa .menu-xxx-container {display: block; }
.menu-button {display: block; position: relative; top: 0; width: 48px; height: 48px; cursor: pointer; background-color: transparent; -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-tap-highlight-color: transparent; z-index: 10; }
.bread-top {-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); z-index: 20; }
.bread-bottom {-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

.ham {display: block; width: 18px; height: 2px; background: var(--baseColor); position: absolute; left: 15px; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; z-index: 0; }
.home .ham{background: var(--whiteColor);}
.ham-top {top: 23px; -webkit-transition: -webkit-transform 0.2s 0.2s; transition: -webkit-transform 0.2s 0.2s; transition: transform 0.2s 0.2s; transition: transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); }
.ham-bottom {bottom: 23px; -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); }
.cart-icon .cart-value{width: 14px; height: 14px; background: var(--buttonPrimary); color: var(--whiteColor); border-radius: 200px;display: flex ; align-items: center; justify-content: center; position: absolute; top: 5px; right: -8px;font-size: 10px;}
.cart-icon .cart-value .cart-quantity{display: block;line-height: 1;}
.tadaa .menu-xxx-container{position: absolute; background-color: var(--baseColor);}

main{background: var(--whiteColor); position: relative; min-height: 700px;}

.home .site-header{background-color: var(--baseColor); box-shadow: unset; margin-bottom: 0;}
.home .top-left-sction li a{color: var(--whiteColor);}
.home nav ul.nav-menu li a{color: var(--whiteColor);}
.home .top-header {border-bottom: solid 0.5px rgba(255, 255, 255, 0.8);}
.home .top-middle-section{color: var(--whiteColor);}
.home .top-right-section li a{color: #3A4659; background: var(--whiteColor);}
.home .navbar {border-right: solid 1px rgba(255, 255, 255, 0.5);}
.home .navigation-right a svg path{fill: var(--whiteColor);}

@media (min-width: 2000px){
  nav ul.nav-menu li a, .cart-price{line-height: 1.5;font-size: 0.9vw;}
  .top-left-sction li a, .top-middle-section{font-size: 0.75vw; line-height: 1.2;}
  nav ul.nav-menu li a{padding: 0 1.2vw;}
  .top-right-section li a {width: 1.5vw; height: 1.5vw; font-size: 0.9vw;} 
  .top-left-sction li .icon{font-size: 0.8vw; margin-right: 0.3vw;}
  nav ul.nav-menu > li.menu-item-has-children:after{top: 0.5vw;background-size: 100% auto; width: 0.7vw;height: 0.45vw;}
  .navigation-right a svg{width: 1vw; height: auto;}
  .navigation-right a.user-icon svg{width: 1.36vw; height: auto;}
  .navigation-right a{margin-left: 1.5vw;}
  .cart-price{margin-right: 0; margin-left: 1.3vw; padding: 0.5vw 1.5vw;}
  .navbar{padding-right: 1.5vw;}
  .top-left-sction li .icon svg{width: 1vw; height: auto;}
  .top-left-sction li {padding-right: 0.75vw; margin-right: 0.75vw;}
  .top-right-section li {margin-left:  0.75vw;}
}


@media (max-width: 1900px){
  .top-left-sction li a{font-size: 12px;}
  .top-middle-section{font-size: 12px;}
  .top-header{padding: 12px 0;}
  .site-header{padding-top: 0px;}
  .logo{max-width: 180px;}
  nav ul.nav-menu li a{font-size: 16px;padding: 0 15px;}
  .cart-price{font-size: 14px;padding: 8px 24px;margin-right: 0px;}
  nav ul.nav-menu li.active a:after{width: 12px; height: 12px;}
}

@media (max-width: 1599px){
  nav ul.nav-menu li a {font-size: 15px; padding: 0 12px; } 
  nav ul.nav-menu li.active a:after {width: 10px; height: 10px; } 
  .cart-price {font-size: 12px; padding: 5px 18px; margin-right: 0px; } 
  .navigation-right a.user-icon{margin-left: 12px;}
  .logo{max-width: 170px;}
  .logo img{height: 90px;}
}

@media (max-width: 1299px){
  .logo{max-width: 140px;}
  .site-header.fixed-header .logo {max-width: 130px;}
  nav ul.nav-menu li a{font-size: 13px;}
  .top-right-section li{margin-left: 10px;}
}


@media screen and (min-width: 1200px) {
  .menu-button {display: none; }
  .menu-xxx-container {display: block; }
  nav .minus,
  nav .plus {display: none; }
  nav .sub-menu {display: none; }
  nav .menu-item-has-children:hover .sub-menu {display: none; height: auto; position: absolute; top: 40px; width: auto; border: 2px solid #6699cc; border-right: 0px; border-left: 0px; padding: 10px 30px 10px 0; }
}

@media (max-width: 1199px){
  .top-middle-section{display: none;}
  .navbar, .header-outer .container{position: static;}
  .header-outer{position: relative; /*padding: 20px 0;*/ padding: 10px 0;}
  .tadaa .menu-xxx-container{left: 0;top: 100%; position: absolute; background-color: var(--baseColor); padding-left: 50px; padding-right: 50px; z-index: 99; right: 0;}
  nav ul.nav-menu{flex-direction: column;align-items: flex-start;}
  nav ul.nav-menu li a{padding: 0; font-size: 16px; color: var(--whiteColor);}
  nav ul.nav-menu > li {position: relative; padding: 12px 0; display: block; border-bottom: solid 0.5px rgba(255, 255, 255, 0.5); width: 100%;}
  nav ul.nav-menu li.active a:after{display: none;}
  nav ul.nav-menu > li.menu-item-has-children:after{display: none;}
  nav ul.nav-menu > li:last-child{display: none;}
  nav li > ul{display: none !important;}
  .site-header{z-index: 99;}
  nav ul.nav-menu li.active a:after, nav ul li.current-menu-item a:after{display: none;}
  nav ul.nav-menu li.active, nav ul li.current-menu-item{border-bottom: solid 0.5px var(--heighLightYellow);}
  nav ul.nav-menu li.active a, nav ul li.current-menu-item a, .home nav ul.nav-menu li.active a, .home nav ul li.current-menu-item a{color: var(--heighLightYellow);}
}

@media (max-width: 991px){
  .top-right-section li a {width: 22px; height: 22px; font-size: 13px;} 
}

@media (max-width: 767px){
  .top-left-sction li .icon-content{display: none;}
  .top-left-sction li{padding-right: 8px;margin-right: 8px;}
  .top-right-section li a{font-size: 12px;}
  .top-right-section li{margin-left: 8px;}
  .top-header {padding: 8px 0; }
  .cart-price{display: none;}
  .navigation-right a{margin-left: 18px;}
  .navigation-right a.user-icon{margin-left: 18px;}  
  .navigation-right a.user-icon svg{max-width: 22px; vertical-align: middle;}
  .header-outer .container{align-items: center;}
  .logo{order: 1;}
  .navbar{order: 3;border-right: 0;padding-right: 0;}
  .navigation-right{order: 2;}
  .menu-button{width: 36px; height: 30px;}
  .tadaa .menu-xxx-container{padding-left: 30px; padding-right: 30px;}
  .home .navbar, .navbar{border-right: 0;}
  .logo img{height: 70px;}
}



/* banner section ------------------- */
.banner-section{background-color: var(--baseColor); padding: 70px 0;}
.banner-section h3{font-size: 56px; line-height: 84px; font-weight: 400; color: var(--whiteColor); text-transform: uppercase;}
.banner-section h2{font-size: 100px; line-height: 150px; font-weight: 500; color: var(--whiteColor); text-transform: uppercase; margin-bottom: 55px;}
.banner-section p{font-size: 18px; font-weight: 300; line-height: 27px; color: var(--whiteColor); margin-bottom: 40px;}
.banner-content{display: flex; align-items: stretch;}
.banner-content .banner-left-part{background: url(./images/banner-left-bg.png) no-repeat left bottom; padding-right: 45px; width: 50%; /*padding-bottom: 230px;*/ padding-bottom: 12vw; position: relative;}
.banner-small-img{position: absolute; bottom: 0; right: 0; width: 17.1vw;}
.banner-right-part{text-align: center; background: url(./images/banner-bg.png) no-repeat center; background-size: 100% auto;width: 50%;}
.banner-section .slick-arrow{display: none !important;}
.banner-section .slider .slick-dots {display: flex; justify-content: center; list-style: none; position: absolute; right: 0; border: 0; padding-top: 0;bottom: -1.3vw; }
.banner-section .slick-dots li {margin: 0 7px; padding: 0; display: flex; align-items: center; }
.banner-section .slick-dots li button {width: 14px; height: 14px; border: 0; background: rgba(255, 255, 255, 0.4); border-radius: 50%; cursor: pointer; font-size: 0; }
.banner-section .slick-dots li.slick-active button {background-color: transparent; color: var(--highlightColor); font-size: 20px; width: 38px; height: 38px; line-height: 38px; text-align: center; font-weight: 600; border: solid 1px var(--highlightColor); }
.banner-section .slick-dots li button::before {content: ''; }
.banner-section .slick-dots li.slick-active:after{content: ""; display: inline-block; vertical-align: middle; border-top: dotted 1px var(--highlightColor); height: 0px; /*width: 103px;*/ width: 5.35vw; margin-left: 14px;}
.banner-section .slick-dots li.slick-active:last-child:after{display: none;}
.banner-section .slick-dots li.slick-active:last-child:before{content: ""; display: inline-block; vertical-align: middle; border-top: dotted 1px var(--highlightColor); height: 0px; width: 103px; margin-left: 0; margin-right: 14px;}
.banner-right-part img{max-width: 92%; display: inline;}

@media (min-width: 2000px){
  .banner-section p {font-size: 1vw; line-height: 1.5; margin-bottom: 3vw; } 
  .banner-section .slick-dots li{margin: 0 0.5vw;}
  .banner-section .slick-dots li button{width: 0.75vw; height: 0.75vw;}
  .banner-section .slick-dots li.slick-active button{font-size: 1vw; width: 2vw; height: 2vw; line-height: 2vw;}
  .banner-section .slick-dots li.slick-active:after{border-top: dotted 0.1vw var(--highlightColor); margin-left: 1vw;}
  .banner-section .slick-dots li.slick-active button{border: solid 0.1vw var(--highlightColor);}

}

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

@media (max-width: 1900px){
  .banner-section h3 {font-size: 48px; line-height: 72px;}
  .banner-section h2 {font-size: 86px; line-height: 140px;}
  .banner-section p{font-size: 16px;}
  .learge-btn{padding: 14px 64px;}
  .learge-btn span{font-size: 16px;}

}

@media (max-width: 1599px){
  .banner-section h3{font-size: 40px;}
  .banner-section h2 {font-size: 68px; line-height: 1.5; } 
}

@media (max-width: 1399px){
  .banner-content .banner-left-part .banner-small-img{max-height: 195px;}
  .banner-content .banner-left-part .banner-small-img img{max-width: 100%; max-height: 100%; object-fit: contain; height: 190px; width: auto;}
}

@media (max-width: 1299px){
  .banner-section h3{font-size: 36px;}
  .banner-section h2 {font-size: 62px; } 
}

@media (max-width: 1199px){
  .banner-section{padding: 20px 0;}
  .banner-right-part{width: 44%;}
  .banner-content .banner-left-part{width: 66%;}
  .banner-section h3 {font-size: 32px; line-height: 1; }
  .banner-section h2 {font-size: 56px; margin-bottom: 10px; }
  .banner-content .banner-left-part{padding-bottom: 5vw;}
  .banner-right-part img {max-width: 100%;}
  .banner-section .slider .slick-dots{bottom: 0;}
  .banner-content .banner-left-part .banner-small-img img{height: 160px;}
}

@media (max-width: 991px){
  .banner-section h3{font-size: 28px;}
  .banner-section h2{font-size: 48px;}
  .banner-section p {font-size: 14px; line-height: 1.5;margin-bottom: 25px;}
  .learge-btn span{font-size: 15px; background-size: 18px auto;padding-right: 26px;}
  .learge-btn {padding: 10px 30px; } 
  .banner-section .slick-dots li.slick-active button{font-size: 16px; width: 30px; height: 30px; line-height: 30px;} 
  .banner-section .slick-dots li.slick-active:after{width: 24px;margin-left: 10px;}
  .banner-section .slick-dots li{margin: 0 5px;}
  .banner-section .slick-dots li button {width: 12px;height: 12px;}
  .banner-content .banner-left-part .banner-small-img img{height: 120px;}
  .banner-right-part{background-position: top center;}
}

@media (max-width: 767px){
  .banner-content{flex-flow: row wrap;}
  .banner-content .banner-left-part{width: 100%; padding-right: 0; order: 2;text-align: center;}
  .banner-right-part{width: 100%; order: 1; margin-bottom: 20px;}
  .banner-section h3 {font-size: 20px; text-align: center; } 
  .banner-section h2 {font-size: 36px; text-align: center; }
  .banner-section p{font-size: 12px; text-align: center;}
  .banner-section .slider .slick-dots {bottom: -40px; right: auto; left: 50%; transform: translateX(-50%); }
  .banner-section{padding-bottom: 60px;}
  .banner-content .banner-left-part .banner-small-img{display: none;}
}



/* about-section --------------------*/
.about-section{padding-top: 85px;}
.about-section .container{}
.about-section-content{padding-bottom: 8vw; background: url(./images/about-bg.png) no-repeat right bottom; background-size: 11.1vw auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end;}
.about-left-content{width: 50%; padding-right: 3.6vw;}
.about-right-content{width: 50%;}
.service-list{display: flex; align-items: flex-end; flex-flow: row wrap;justify-content: flex-start;}
.service-list li{padding-top: 1.5vw; padding-right: 1.75vw; margin-top: auto; margin-bottom: 0;}
.service-list li .service-content{border: solid 1px var(--borderDipColor); border-radius: 10px;transition: transform .3s; transform: scale(1); width: 17.3vw; padding: 25px; aspect-ratio: 1 / 1; min-height: 212px; display: flex; flex-direction: column; justify-content: center;}
.service-list li .service-content p{margin-bottom: 0;}
.service-list li .service-content .service-content-inner{display: flex; margin-bottom: 15px;}
.service-list li .service-content h3{margin-bottom: 10px;}
.service-list li .service-icon{margin-bottom: 28px;} 
.service-list li .service-content-inner .service-icon{margin-bottom: 0px;} 
.service-list li:last-child .service-content{aspect-ratio: unset;}
.service-list li:hover .service-content{background-color: var(--highlightColor); border-color: var(--highlightColor); cursor: pointer;}
.service-list li:hover .service-content .service-icon img{filter: brightness(100);}
.service-list li:hover .service-content .service-icon svg path{fill: var(--whiteColor);}
.service-list li:hover .service-content h3, .service-list li:hover .service-content p{color: var(--whiteColor);}
.service-list li:nth-child(2){position: relative; bottom: -120px;}
.service-list li:hover .service-content{transform: scale(1.1);}

@media (min-width: 2000px){
  .service-list li:nth-child(2) {bottom: -7.9vw;}  
  .service-list li .service-icon{max-width: unset; max-height: unset; width: 5vw; height: 5vw; margin-right: 0.5vw;}
  .service-list li .service-icon svg, .service-list li .service-icon img{max-width: 100%; max-height: 100%; width: 100%; height: auto; object-fit: contain;}
  .service-list li .service-content-inner .service-icon{max-width: unset; max-height: unset; width: 4.5vw; height: 4.5vw; margin-right: 0.5vw;} 
  .service-list li .service-content-inner .service-icon svg, .service-list li .service-content-inner .service-icon img{max-width: 100%; max-height: 100%; width: 100%; height: auto; object-fit: contain;}
  .service-list li:first-child .service-icon{width: 5.5vw;}
  .service-list li .service-content{padding: 1.5vw;}
  .service-list li .service-content h3{margin-bottom: 0.5vw;}
  .service-list li .service-content .service-content-inner{align-items: center; margin-bottom: 0.75vw}
  .service-list li .service-content .service-content-inner h3{margin-bottom: 0vw;}
}

@media (max-width: 1900px){
  .service-list li .service-content{width: 19vw;}
  .about-left-content{padding-right: 2.5vw;}
  .service-list li:nth-child(2) {bottom: -5.7vw;}

}

@media (max-width: 1599px){
  .service-list li{width: 20vw;}
  .service-list li .service-content{width: 100%;}
  .service-list li .service-content-inner .service-icon{max-width: 60px; max-height: 60px; margin-right: 10px;}
  .service-list li .service-content-inner .service-icon svg, .service-list li .service-content-inner .service-icon img{max-width: 100%; max-height: 100%; object-fit: contain;}
  .service-list li .service-icon{max-width: 60px; max-height: 60px; margin-right: 10px;}
  .service-list li .service-icon svg, .service-list li .service-icon img{max-width: 100%; max-height: 100%; object-fit: contain;}
  .service-list li:nth-child(2) .service-icon, .service-list li:nth-child(3) .service-icon{max-width: 50px; max-height: 50px;}
  .service-list li .service-content h3{font-size: 24px; line-height: 1.5;}
  .service-list li .service-icon {margin-bottom: 15px;}
  .service-list li .service-content .service-content-inner{margin-bottom: 5px;}
  .service-list li .service-content{padding: 15px;min-height: 180px;}
}

@media (max-width: 1399px){
  .service-list li {width: 21.5vw;}
}

@media (max-width: 1199px){
  .about-left-content{width: 100%; margin-bottom: 5vw; padding-right: 0;}
  .about-right-content{width: 100%; padding-left: 0;}
  .service-list{align-items: stretch; margin-left: 0; margin-right: -1.75vw; width: auto;}
  .service-list li {width: 25%; margin-top: 0;}
  .service-list li:nth-child(2) {bottom: unset;}
  .service-list li .service-content{height: 100%;}
  .about-section{padding-top: 40px;}
}

@media (max-width: 991px){
  .service-list li{width: 50%;}
  .service-list li .service-content h3 br{display: none;}
  .service-list li .service-content{min-height: 80px;aspect-ratio: unset;}
  .service-list li .service-content h3{font-size: 20px;}
  .service-list li .service-content .service-content-inner{align-items: center;}
  .service-list li .service-content .service-content-inner h3{margin-bottom: 0;}
  .service-list li .service-content-inner .service-icon svg{margin-top: -15px;}
}

@media (max-width: 767px){
  .service-list li {width: 100%; }
  .about-left-content{margin-bottom: 60px;}
  .about-right-content{text-align: center;}
  .about-right-content h1 br{display: none;}
  .about-section-content{background-size: 20vw auto;}
}

/* limit-time-offer ------------------ */
.limit-time-offer{display: flex; flex-flow: row wrap; align-items: stretch;}
.limit-time-offer-left{width: 66.145833333333%; overflow: hidden; background-color: var(--buttonPrimaryLight); padding-top: 30px; padding-bottom: 70px; padding-left: 146px; padding-right: 104px; aspect-ratio: 1.79 / 1; position: relative;}
.limit-time-offer-right{width: 33.854166666667%;}
.limit-time-offer-right .limit-time-box{background-color: #EAEEF0;width: 100%; height: 50%; position: relative; overflow: hidden;}
.limit-time-offer-right .limit-time-box:first-child{background-color: #E3E3E3;}
.limit-time-offer-left .learge-btn{background-color: var(--whiteColor);vertical-align: top;}
.limit-time-offer-left .learge-btn:hover{background: var(--highlightColor); color: var(--whiteColor);}
.limit-time-offer-left .learge-btn:hover span{color: var(--whiteColor);}
.limit-time-offer img{width: 100%; height: 100%; object-fit: cover;}
.limit-time-offer .offer-left-button{}
.limit-time-offer-right .limit-time-box .offer-right-button{margin-top: 30px;}
.limit-time-offer-right .limit-time-box:last-child .offer-right-button{top: 12.2vw;}
.limit-time-offer-left img, .limit-time-offer-right .limit-time-box img{transform: scale(1);transition: transform .3s;}
.limit-time-offer-left:hover img, .limit-time-offer-right .limit-time-box:hover img{transform: scale(1.1);}
.limit-time-offer-left{display: flex; align-items: center;}
.offer-left-content p{font-size: 20px; line-height: 70px; color: var(--whiteColor); font-weight: 500;margin-bottom: 0;}
.offer-left-content h4{font-size: 24px; line-height: 70px; color: var(--whiteColor); font-weight: 700;}
.offer-left-content h2{font-size: 64px; line-height: 70px; color: var(--whiteColor); font-weight: 700;}
.offer-left-content h2 span{font-weight: 500;}
.offer-left-content .offer-left-button{margin-top: 92px;}
.limit-time-offer-left .offer-left-content{width: 40.5%;}
.limit-time-offer-left .offer-left-image{width: 59.5%;}

.limit-time-offer-right .limit-time-box{display: flex; flex-flow: row wrap; padding: 25px 45px; align-items: center;}
.limit-time-offer-right .limit-time-box .limit-box-content{width: 54.7%;}
.limit-time-offer-right .limit-time-box .limit-box-image{width: 45.3%;}
.limit-time-offer-right .limit-time-box .limit-box-image img{height: auto;}
.limit-time-offer-right .limit-time-box p{font-size: 18px; line-height: 27px; color: var(--blueColor); font-weight: 400; margin-bottom: 0; text-transform: uppercase; margin-bottom: 16px;}
.limit-time-offer-right .limit-time-box h3{font-size: 40px; line-height: 45px; color: var(--blueColor); font-weight: 600; text-transform: uppercase;}
.limit-time-offer-right .limit-time-box h3 span{display: block;}

@media (min-width: 2000px){
  .limit-time-offer{margin-left: auto; margin-right: auto;}
  .offer-left-content p{font-size: 1.05vw;line-height: 3.5;}
  .offer-left-content h4{line-height: 3; font-size: 1.25vw;}
  .offer-left-content h2{font-size: 3.33vw;line-height: 1.1;}
  .offer-left-content .offer-left-button{margin-top: 4.7vw;}
  .limit-time-offer-right .limit-time-box .offer-right-button{margin-top: 1.6vw;}
  .limit-time-offer-right .limit-time-box p{margin-bottom: 0.9vw;font-size: 0.95vw;}
  .limit-time-offer-right .limit-time-box h3{font-size: 2vw;line-height: 1.2;}
}

@media (max-width: 1900px){
  .limit-time-offer-left{padding-left: 80px; padding-right: 80px; }
  .offer-left-content p{font-size: 1.05vw;line-height: 3.5;}
  .offer-left-content h4{line-height: 3; font-size: 1.25vw;}
  .offer-left-content h2{font-size: 3.33vw;line-height: 1.1;}
  .offer-left-content .offer-left-button{margin-top: 4.7vw;}
  .limit-time-offer-right .limit-time-box .offer-right-button{margin-top: 1.6vw;}
  .limit-time-offer-right .limit-time-box p{margin-bottom: 0.9vw;font-size: 0.95vw;}
  .limit-time-offer-right .limit-time-box h3{font-size: 2vw;line-height: 1.2;}
}

@media (max-width: 1599px){
  .limit-time-offer-right .limit-time-box p{font-size: 0.9vw;}
}


@media (max-width: 1399px){
  .limit-time-offer-left {padding-left: 50px; padding-right: 50px; }
  .limit-time-offer-left .learge-btn{padding: 1vw 4vw;}
  .limit-time-offer-left .learge-btn span{font-size: 1.2vw; background-size: 1.2vw auto; padding-right: 2vw;} 
  .limit-time-offer-right .limit-time-box .small-btn{padding: 0.7vw 1.2vw; text-decoration: none;}
  .limit-time-offer-right .limit-time-box .small-btn span{font-size: 1.1vw;display: block;line-height: 1; padding-right: 1.5vw;background-size: 0.9vw auto;}
}

@media (max-width: 1199px){
  .limit-time-offer-right .limit-time-box{padding: 1.5vw 2.35vw;}
}

@media (max-width: 991px){
  .limit-time-offer-right .limit-time-box .offer-right-button .small-btn{padding: 0px 10px; line-height: 1.5; }
  .limit-time-offer-right .limit-time-box .offer-right-button .small-btn span{line-height: 2;font-size: 1.36vw;background-size: 1vw auto;}
  .limit-time-offer-right .limit-time-box p {font-size: 1.2vw; line-height: 1.2; }
  .offer-left-content p{font-size: 1.6vw;line-height: 1.5;}
  .offer-left-content h4{font-size: 1.9vw;}
  .offer-left-content .offer-left-button {margin-top: 3.5vw; }
  .limit-time-offer-left{padding-top: 20px;padding-bottom: 30px;}
  .limit-time-offer-left .learge-btn {padding: 0.5vw 2.5vw; }
  .limit-time-offer-left .learge-btn span {font-size: 1.66vw; background-size: 1.6vw auto; padding-right: 2.8vw; }

}

@media (max-width: 767px){
  .limit-time-offer-left .learge-btn{padding: 7px 36px;}
  .limit-time-offer-left .learge-btn span {font-size: 14px; background-size: 16px auto; padding-right: 28px; line-height: 2;} 
  .limit-time-offer .offer-left-button{left: 6.6vw; top: 23.8vw;}
  .limit-time-offer-right .limit-time-box .offer-right-button .small-btn{padding: 7px 12px; line-height: 1;}
  .limit-time-offer-right .limit-time-box .offer-right-button .small-btn span{font-size: 12px; background-size: 12px auto; padding-right: 18px; line-height: 1;}
  .limit-time-offer-left{width: 100%;}
  .limit-time-offer-right{width: 100%; display: flex;}
  .limit-time-offer-right .limit-time-box{width: 50%; height: auto;}
  .limit-time-offer-left{padding-left: 30px; padding-right: 30px;}
  .offer-left-content p{font-size: 15px;}
  .offer-left-content h4{font-size: 20px;}
  .offer-left-content h2{font-size: 36px;}
  .limit-time-offer-right .limit-time-box p{font-size: 13px;}
  .limit-time-offer-right .limit-time-box h3{font-size: 20px;}

}

@media (max-width: 480px){
  .limit-time-offer-left .offer-left-content{width: 56%;}
  .limit-time-offer-left .offer-left-image {width: 44%;}
  .offer-left-content h2 {font-size: 30px; } 
  .offer-left-content h4 {font-size: 18px;}
  .offer-left-content p{font-size: 14px;}
  .limit-time-offer-right .limit-time-box{width: 100%;}
  .limit-time-offer-right .limit-time-box h3 {font-size: 16px;}
  .limit-time-offer-right .limit-time-box p {font-size: 11px;}
}

@media (max-width: 479px){
  .limit-time-offer-left .offer-left-content {width: 54.7%; }
  .limit-time-offer-left .offer-left-image {width: 45.3%; }
  .offer-left-content h2 {font-size: 24px; }
  .offer-left-content p {font-size: 12px; margin-bottom: 10px}
  .offer-left-content h4 {font-size: 16px; line-height: 1.5; margin-bottom: 10px; }
  .limit-time-offer-left .learge-btn {padding: 3px 20px; }
  .limit-time-offer-left .learge-btn span {font-size: 12px; background-size: 14px auto; padding-right: 20px;} 
  .limit-time-offer-right{flex-flow: row wrap;}
}

@media (max-width: 370px){
  .limit-time-offer-left{flex-flow: row wrap;aspect-ratio: unset; padding-top: 40px; padding-bottom: 40px; text-align: center;}
  .limit-time-offer-left .offer-left-content{width: 100%; order: 2;}
  .limit-time-offer-left .offer-left-image{width: 100%; order: 1; padding-left: 40px; padding-right: 20px; margin-bottom: 20px}
  .offer-left-content h2 {font-size: 20px; }
  .limit-time-offer-left .offer-left-image img{max-height: 180px; object-fit: contain;}

  .limit-time-offer-right .limit-time-box{flex-flow: row wrap;aspect-ratio: unset; padding-top: 40px; padding-bottom: 40px; text-align: center;}
  .limit-time-offer-right .limit-time-box .limit-box-content{width: 100%; order: 2;}
  .limit-time-offer-right .limit-time-box .limit-box-image{width: 100%; order: 1; padding-left: 40px; padding-right: 20px; margin-bottom: 20px}
  .limit-time-offer-right .limit-time-box .limit-box-image img{max-height: 180px; object-fit: contain;}
}




/* new-product-section -------------- */
.new-product-section{padding-top: 60px; background-color: #F5F5F5; padding-bottom: 28px;}
.title-section{margin-bottom: 3.9vw;}
.new-product-section .title-section, .feature-product-section .title-section{padding-left: 146px; padding-right: 146px;}
.title-section h2{font-size: 40px; line-height: 80px; font-weight: 500; text-align: center; color: var(--baseColor);}
.title-section h2 span{color: var(--highlightColor);}
.title-section p{font-size: 20px; font-weight: 400; color: var(--baseTextColor); text-align: center;}

.new-product-slider-list{text-align: center; margin-bottom: 25px;}
.new-product-slider-list li{max-width: 328px;padding-right: 10px; padding-left: 10px;}
.slider-list-inner{border-radius: 20px; overflow: hidden; border: solid 0.5px var(--borderColor); background-color: var(--whiteColor); padding: 10px;}
.slider-list-image{border-radius: 20px; overflow: hidden;}
.list-title{margin-top: 25px;}
.list-title h4{text-transform: uppercase;}
.feature-slider .list-title h4{min-height: 72px;}
.new-product-slider-list .list-title h4{text-align: left; color: var(--blueColor);}
.new-product-slider-list .list-title h4 a{ color: var(--blueColor); text-decoration: none;}
.price-container{margin-top: 18px;}
.cart-btn-outer{text-align: center; margin-top: 35px;margin-bottom: 25px;}
.woocommerce ul.products li.product .button {display: inline-block; margin-top: 0; }
.cart-btn-outer .cart-btn span{display: inline-block; vertical-align: middle; padding-right: 12px; margin-top: -5px;}
.new-product-slider-list .slick-dots{display: flex; align-items: center; justify-content: center; margin-top: 80px; padding-top: 0px;}
.new-product-slider-list .slick-dots li svg{cursor: pointer;}
.new-product-slider-list .slick-dots li svg path{fill: rgba(0, 0, 0, 0.2);}
.new-product-slider-list .slick-dots li.slick-active svg circle{fill: var(--highlightColor) !important;}
.new-product-slider-list .slick-dots li{padding-right: 8px; padding-left: 8px;}


@media (min-width: 2000px){
  .new-product-slider-list li{max-width: unset;}
  .new-product-section .slick-slide img{width: 100%; height: auto;}
  .cart-btn-outer .cart-btn{font-size: 0.9vw; line-height: 1.5;}
  .cart-btn-outer .cart-btn svg{height: auto; width: 0.9vw;}
  .cart-btn-outer .cart-btn span{padding-right: 0.5vw; margin-top: -0.4vw;}  
  .slider-list-inner{padding: 1vw;}
  .title-section p{font-size: 1vw;}
  .title-section h2 {font-size: 2.5vw;line-height: 2;}
}

@media (max-width: 1900px){  
  .cart-btn-outer .cart-btn span{padding-right: 5px;}
  .new-product-section .title-section, .feature-product-section .title-section{padding-right: 80px; padding-left: 80px;}
}

@media (max-width: 1599px){
  .title-section p{font-size: 18px;}
}

@media (max-width: 1399px){
  .new-product-section .title-section, .feature-product-section .title-section{padding-right: 50px; padding-left: 50px;}  
  .cart-btn-outer .cart-btn span{padding-right: 5px;}
}

@media (max-width: 1299px){
  .cart-btn-outer{margin-top: 20px;margin-bottom: 10px;}
  .best-seller-inner .list-title h4 br{display: none;}
  .title-section p{font-size: 16px;}
  .title-section h2{font-size: 36px; line-height: 1.8;}
}

@media (max-width: 991px){
  .new-product-slider-list li{max-width: unset;}
  .new-product-slider-list .slick-dots{margin-top: 30px;}
  .new-product-slider-list .slick-dots li svg{width: 12px; height: 12px;}
  .new-product-slider-list .slick-dots li {padding-right: 5px; padding-left: 5px; }
}

@media (max-width: 767px){
  .title-section h2{font-size: 28px;}
  .new-product-section .title-section, .feature-product-section .title-section{padding-right: 30px; padding-left: 30px;}
}

@media (max-width: 370px){
  .title-section h2{font-size: 28px;}
}

/* feature-product-section --------------------------*/
.feature-product-section{background: url(./images/feature.jpg) no-repeat top center #F5F5F5; padding-top: 5.5vw; background-size: 100% auto;}
.feature-slider .slick-list{background-color: var(--whiteColor); border: solid 1px var(--borderColor); box-shadow: 0px 4px 10px rgba(0, 0, 0, .1); border-radius: 20px; overflow: hidden; position: relative;}
.feature-slider .feature-slider-item{max-width: 342px; background: var(--whiteColor);}
.feature-slider .feature-slider-item + .feature-slider-item{border-left: solid 1px var(--borderDipColor);}
.feature-slider-item-inner{padding: 47px 20px 20px; text-align: center;}
.feature-slider-item-inner .slider-list-image{width: 175px; height: 173px; border: solid 1px var(--borderDipColor); overflow: hidden; border-radius: 100%; aspect-ratio: 1.1 / 1; margin-left: auto; margin-right: auto; }
.feature-slider .slick-arrow{position: absolute; font-size: 0; top: 50%; cursor: pointer; color: var(--blackColor); margin-top: 1.3vw; width: 4.6vw; height: 4.6vw; background: #F3F3F3; box-shadow: 0px 4px 8px rgba(0, 0, 0, .2); border: 0; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.feature-slider .slick-prev.slick-arrow{left: -6.3vw;}
.feature-slider .slick-next.slick-arrow{right: -6.3vw;}
.feature-product-section .container{padding-left: 16.4vw; padding-right: 16.4vw;}
.feature-slider .slick-prev.slick-arrow:before{content: "\f053"; font-weight: 900;font-family: "Font Awesome 6 Free"; line-height: 1; font-size: 1.9vw;}
.feature-slider .slick-next.slick-arrow:before{content: "\f054"; font-weight: 900;font-family: "Font Awesome 6 Free"; line-height: 1; font-size: 1.9vw;}
.feature-slider .slick-arrow:hover{color: var(--whiteColor); background-color: var(--highlightColor);}
.feature-slider-outer{background: url(./images/feature-left-botton-image.png) no-repeat left 37px bottom 5px; padding-bottom: 5.7vw; background-size: 9.52vw auto;}
.feature-product-section-inner{background: url(./images/feature-right-botton-image.png) no-repeat right 32px bottom 30px; background-size: 13.9vw auto;}
.feature-product-section-inner .title-section h2{color: var(--whiteColor);}
.feature-product-section-inner .title-section h2 span{color: var(--highlightColor);}
.feature-product-section-inner .title-section p{color: var(--whiteColor);}

@media(min-width: 2000px){
  .feature-slider .feature-slider-item{max-width: unset;}
}


@media(max-width: 1199px){
  .feature-slider .feature-slider-item{max-width: unset;}
}

@media(max-width: 767px){
  .feature-slider .slick-arrow{width: 36px; height: 36px;}
  .feature-slider .slick-next.slick-arrow:before, .feature-slider .slick-prev.slick-arrow:before{font-size: 18px;}
  .feature-slider .slick-next.slick-arrow{right: -46px;}
  .feature-slider .slick-prev.slick-arrow{left: -46px;}
  .feature-product-section{background-image: unset; padding-top: 0;}
  .feature-product-section .title-section{background: url(./images/feature.jpg) no-repeat top center; background-size: cover; padding-top: 5.5vw; padding-bottom: 5.5vw; margin-bottom: 20px;}
  .feature-product-section-inner .title-section p{margin-bottom: 10px;}
}

/* best-seller-section -------------------------- */
.best-seller-section{padding-top: 50px;}
.best-seller-inner{max-width: 516px; border: solid 1px var(--borderColor); border-radius: 20px; padding: 25px; display: flex; align-items: stretch;}
.best-seller-inner .best-seller-image{width: 11vw; padding-right: 50px; text-align: left;}
.best-seller-inner .best-seller-content{width: 13.3vw;}
.best-seller-inner .list-title{margin-top: 0;min-height: 80px;}
.best-seller-inner .list-title h4{font-size: 16px; min-height: 100px;}
.best-seller-inner .cart-btn-outer{text-align: left;}
.best-seller-list{display: flex; align-items: stretch; justify-content: flex-start; flex-flow: row wrap; margin-left: -14px; margin-right: -14px; margin-top: -14px;}
.best-seller-list li{padding: 14px;}
.best-seller-list .slick-dots{display: flex; align-items: center; justify-content: center; margin-top: 35px;width: 100%;padding-top: 0px;}
.best-seller-list .slick-dots li svg{cursor: pointer;}
.best-seller-list .slick-dots li svg path{fill: rgba(0, 0, 0, 0.2);}
.best-seller-list .slick-dots li.slick-active svg circle{fill: var(--highlightColor) !important;}
.best-seller-list .slick-dots li{padding-right: 8px; padding-left: 8px;}

@media (min-width: 2000px){
  .best-seller-inner{max-width: unset;}
  .best-seller-inner .best-seller-image{text-align: center;}
  .best-seller-inner .best-seller-image img{display: inline;}
  .best-seller-inner .list-title h4 {font-size: 0.9vw; }
}

@media (max-width: 1399px){
  .best-seller-inner .list-title h4{font-size: 14px;}
}

@media (max-width: 1299px){
  .best-seller-inner .best-seller-image{width: 10vw; padding-right: 20px;}
  .best-seller-inner .best-seller-content{width: 15vw;}
}

@media (max-width: 1199px){
  .best-seller-inner{max-width: unset;width: 100%;}
  .best-seller-inner .best-seller-image{width: 40%;}
  .best-seller-inner .best-seller-content{width: 60%;}
}

@media (max-width: 991px){
  .best-seller-inner{flex-direction: column;}
  .best-seller-inner .best-seller-image{width: 100%; padding-right: 0; margin-bottom: 20px; text-align: center;}
  .best-seller-inner .best-seller-image img{display: inline;}
  .best-seller-inner .best-seller-content{width: 100%; text-align: center;}
  .best-seller-inner .cart-btn-outer{text-align: center;}
  .best-seller-list .slick-dots li{padding-right: 5px; padding-left: 5px;}
  .best-seller-list .slick-dots li svg{width: 12px; height: 12px;}
  .best-seller-list .slick-dots{margin-top: 30px;}
}



/* soil */
/* SELTZER */
.seltzer_outer_slider{padding: 65px 0 45px;}
.seltzer_slider_inner{padding: 50px 45px; display: flex; align-items: center; background: #E3E3E3; /*height: 406px;*/ border-radius: 20px; overflow: hidden;} 
.seltzer_slider_item{padding: 0px 20px;}
.seltzer_slide_pic{display: flex; flex-flow: row wrap; align-items: center; width: 100%;}
.seltzer_slide_pic .seltzer_slider_left{width: 50%; text-align: center;}
.seltzer_slide_pic .seltzer_slider_left img{display: inline;}
.seltzer_slide_pic .seltzer_slider_right{width: 50%; padding-left: 110px;}
.seltzer_slider_right h2{font-size: 40px; font-weight: 700; color: var(--blueColor); line-height: 60px;}
.seltzer-button{margin-top: 90px;}
.seltzer-button .learge-btn{background: #FEFFFE;padding: 15px 55px;}
.seltzer-button .learge-btn:hover{background: var(--highlightColor);color: var(--whiteColor);}

@media (min-width: 2000px){
  .seltzer_outer_slider{margin-left: auto; margin-right: auto;}
  .seltzer-button{margin-top: 4.5vw;}
  .seltzer_slider_right h2{font-size: 2.5vw;line-height: 1.4;}
  .seltzer-button .learge-btn{padding: 1.5vw 3.5vw;}
  .seltzer_slide_pic .seltzer_slider_left img{min-width: 100%; height: auto;}
}

@media (max-width: 1900px){
  .seltzer_slide_pic .seltzer_slider_left{width: 48%;}
  .seltzer_slide_pic .seltzer_slider_right{width: 52%;padding-left: 4.5vw;}
  .seltzer-button{margin-top: 4.5vw;}
  .seltzer_slider_right h2{font-size: 2vw;line-height: 1.4;}
  .seltzer-button .learge-btn{padding: 0.75vw 3vw;}
}

@media (max-width: 1699px){
  .seltzer_slider_right h2{font-size: 1.8vw;}
  .seltzer-button {margin-top: 3.5vw;}
  .seltzer-button .learge-btn {padding: 0.5vw 2vw; }
  .seltzer-button .learge-btn span {font-size: 14px; padding-right: 1.6vw; background-size: 1.1vw auto; }
}

@media (max-width: 1599px){
  .seltzer_slide_pic .seltzer_slider_left{width: 50%;}
  .seltzer_slide_pic .seltzer_slider_right{width: 50%;padding-left: 5.5vw;}
  .seltzer_slider_right h2 {font-size: 2vw; }
}

@media (max-width: 1199px){
  .seltzer_slide_pic .seltzer_slider_left{width: 48%;}
  .seltzer_slide_pic .seltzer_slider_right{width: 52%;padding-left: 5vw;}
  .seltzer_slider_inner{padding: 40px 30px;}

}

@media (max-width: 991px){
  .seltzer_slider_right h2 {font-size: 2.5vw; }
  .seltzer-button .learge-btn {padding: 3px 20px; }
  .seltzer-button .learge-btn span {font-size: 12px; padding-right: 2.2vw; background-size: 1.5vw auto; }
  .seltzer_slider_item {padding: 0px 10px; }
}

@media (max-width: 767px){
  .seltzer_slider_item{padding: 0px 10px;}
}

@media (max-width: 480px){
  .seltzer_slide_pic .seltzer_slider_left {width: 100%; }
  .seltzer_slide_pic .seltzer_slider_right {width: 100%; padding-left: 0; text-align: center; margin-top: 40px; }
  .seltzer_slider_right h2 {font-size: 18px; }
  .seltzer-button .learge-btn span {font-size: 14px; padding-right: 25px; background-size: 16px auto; }
  .seltzer-button {margin-top: 25px; }
}


/* Popular_Products */
.popular_pro {padding: 60px 0px 35px 0px; background-color: #F3F3F3; } 
.popular_pro .slick-dots{padding-top: 58px;}
.popular_slide_item {padding: 0px 26px; overflow: hidden; } 
.popular_slider{padding: 0px 0px 45px 0px;}
.popular_slide_inner {padding: 2.4vw 25px 15px; border: 1px solid var(--borderColor); border-radius: 20px; background-color: var(--whiteColor); }
.item_pic {width: 16vw; height: 16vw; border-radius: 50%; overflow: hidden; margin: 0 auto; } 
.popular_slide_inner .list-title {margin-top: 30px; } 
.popular_slide_inner .list-title h4{font-size: 20px; font-weight: 700; text-align: center; min-height: 72px;} 
.popular_outer_slider{margin: 0px -26px;}
  
.slick-dots{display: flex; justify-content: center; align-items: center; padding-top: 65px;}
.slick-dots li button{font-size: 0px; border: 0px; width: 16px; height: 16px; border-radius: 50px; background: rgba(0, 0, 0, 0.2);  }
.slick-dots li{padding: 0px 5px;}
.slick-dots li.slick-active button{background-color: var(--highlightColor);}

@media (min-width: 2000px) {
  .item_pic img{min-width: 100%;}
  .popular_slide_inner .list-title h4{font-size: 1vw;}
}
  
@media (max-width: 1900px) {
  .popular_slide_inner .list-title h4{font-size: 18px;}
}

@media (max-width: 1600px) {
  .item_pic{width: 200px; height: 200px;}
  .popular_slide_inner h4{font-size: 15px;}
  .popular_slide_inner{padding: 29px 20px;}
  .popular_slide_item{padding: 0px 20px;}
  .review{padding: 0px 0px !important;}
}

@media (max-width: 1399px) {
  .popular_slide_inner .list-title h4{font-size: 16px; min-height: 72px;}
}

@media (max-width: 1299px) {
  .popular_slide_inner .list-title h4{font-size: 14px;}
  .popular_slide_item{padding: 0px 15px;}
}
@media (max-width:1199px) {
  .popular_pro_heading p{font-size: 18px;}
}

@media (max-width:1024) {
  .popular_outer_slider{padding-top: 45px;}
  .slick-dots{padding-top: 50px;}
  .popular_slider {padding: 0px 0px 40px 0px; }
}

@media (max-width:991px) {
  .popular_slide_inner {padding: 29px 30px; }
  .slick-dots li button{width: 12px; height: 12px;}
  .popular_pro .slick-dots{padding-top: 30px;}
  .popular_slider{padding: 0;}
}

@media (max-width:767px) {
  .popular_slide_inner {padding: 29px 15px; }
  .item_pic {width: 190px; height: 190px; }
  .popular_outer_slider{/*padding-top: 40px;*/ padding-top: 0px;}
  .popular_slide_inner {padding: 29px 20px; }
 .item_pic {width: 180px; height: 180px; }
}

@media (max-width:575px) {
  .popular_slide_inner {
    padding: 29px 40px;
  }
  .item_pic {width: 220px; height: 220px; }
  .popular_pro_heading h3{font-size: 35px;}
  .popular_pro_heading p {font-size: 16px; }
  .popular_pro {padding: 45px 0px 35px 0px; }
}
/* Popular_Products */

/* seller */
.resiter_sell {background: var(--buttonPrimaryLight); overflow: hidden; }
.resiter_sell_inner {display: flex; align-items: center; }
.resiter_sell_left {width: 50%; }
.resiter_sell_right {width: 50%; }
.resiter_sell_left h2 {font-size: 48px; font-weight: 700; text-align: left; color: var(--whiteColor); line-height: 70px; }
.resiter_sell_left p {font-size: 24px; font-weight: 400; text-align: left; color: var(--whiteColor); line-height: 70px; }
.resiter_btn {text-decoration: none; font-size: 20px; font-weight: 600; line-height: 30px; color: var(--whiteColor); padding: 23px 50px; text-transform: capitalize; background: var(--highlightColor); border-radius: 900px; }
.resiter_btn i {padding-left: 15px; }
.wholesale_pic {}
.resiter_btn:hover{background: var(--baseColor);}

@media (min-width: 2000px) {
  .resiter_sell_left p{font-size: 1.5vw;line-height: 3;margin-bottom: 3vw;}
  .resiter_sell_left h2{font-size: 3vw; line-height: 1.5;}
  .resiter_btn{padding: 1.25vw 3.5vw; font-size: 1.5vw;}
  .resiter_btn span {font-size: 1.5vw; background-size: 2vw auto; padding-right: 3vw; }
  .resiter_btn i{font-size: 1.5vw;}
  .wholesale_pic img{width: 100%; height: auto;}
}

@media (max-width: 1900px) {
  .resiter_btn{font-size: 18px; padding: 18px 44px;}
  .resiter_btn i {padding-left: 10px;}
  .resiter_sell_left h2 {font-size: 40px; }
  .resiter_sell_left p{font-size: 20px;}
}

@media (max-width: 1600px) {
  .resiter_sell_left h2 {font-size: 40px; line-height: 1.5;}
}

@media (max-width: 1299px) {
  .resiter_sell_left p {font-size: 18px; line-height: 2; } 
}

@media (max-width: 1199px) {
  .resiter_btn {font-size: 16px; padding: 15px 40px; } 
  .resiter_sell_left p {font-size: 16px; line-height: 2; margin-bottom: 2.5vw; }
  .resiter_sell_left h2{font-size: 36px;}
}

@media (max-width: 991px) {
  .resiter_sell_inner{flex-flow: row wrap; padding: 25px 0 60px;}
  .resiter_sell_left{width: 100%; text-align: center; order: 2;}
  .resiter_sell_right{width: 100%; order: 1; margin-bottom: 20px;}
  .resiter_sell_right img{max-width: 50vw;}
  .wholesale_pic{text-align: center;}
  .resiter_sell_left h2{text-align: center;}
  .resiter_sell_left p{text-align: center;}
}

@media (max-width: 767px) {
  .resiter_sell_left h2 {font-size: 28px; }
  .resiter_sell_left p {font-size: 14px; line-height: 1.5; margin-bottom: 30px; }
}

@media (max-width: 370px) {
  .resiter_btn{padding: 12px 25px; font-size: 14px;}
  .resiter_btn i {padding-left: 5px; }
  .resiter_sell_left h2 {font-size: 20px; }
  .resiter_sell .container {padding-left: 20px; padding-right: 20px; }
  .wholesale_pic{padding: 0 20px;}
  .resiter_sell_inner{padding: 25px 0 35px;}
  .resiter_sell_left p {font-size: 12px; line-height: 1.5; margin-bottom: 15px; }
}

/* barnd_logo */
.brand_logo{padding-bottom: 30px;}
.brand_logo_inner {padding: 90px 0px 0px; align-items: center; margin: 0px -25px; }
.logo_img {padding: 0px 25px; }

@media (max-width: 1900px) {
  .brand_logo_inner img{margin-left: auto; margin-right: auto;}
}

@media (max-width:991px) {
  .brand_logo_inner {flex-wrap: wrap; justify-content: center; padding: 40px 0px 0px; }
  .brand_logo_inner .logo_img a {max-width: 120px; }
}

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

/* brand_logo */



/* footer --------------------------- */
footer {background: var(--baseColor); position: relative; z-index: 1; margin-top: 226px; }
footer::before {background: url(./images/bttm_bg_img.png) no-repeat top right; width: 13.85vw; height: 14vw; top: -30px; right: 9vw; margin-right: -1.5vw; content: ''; position: absolute; background-size: 100% auto; }
footer a {font-size: 18px; font-weight: 400; line-height: 18px; text-decoration: none; color: rgba(255, 255, 255, 1); }
footer a:hover{color: var(--highlightColor);}

.ftr_top {border-bottom: 0.6px solid rgba(255, 255, 255, 0.4); }
.ftr_info ul li .social_logo {transition: all 0.3s; padding-right: 12px; }
.ftr_info ul li .social_logo span i {font-size: 13px; color: rgba(244, 149, 29, 1); }
.ftr_top_inner {display: flex; padding: 0px 0px 40px 0px; }
.ftr_top_inner h5 {font-size: 20px; font-weight: 700; color: var(--highlightColor); line-height: 20px; }
.quick_link {display: flex; flex-flow: wrap; width: 25%; }
.quick_link ul {width: 100%; }
.ftr_top_wholesale {width: 35%; padding-right: 70px; }
.ligal_link li {padding-top: 30px; }
.ligal_link .ftr_time {display: flex; padding-top: 80px;}
.ftr_time .social_logo {padding-right: 25px; }
.store-icons{display: flex;margin-top: 60px;}
.store-icons a{width: 54px; height: 54px; display: flex; border-radius: 16px; background: rgba(255, 255, 255, 0.2); align-items: center; justify-content: center; border: solid 1px #fff; color: #fff;}
.store-icons a i{font-size: 32px;}
.store-icons a + a{margin-left: 15px;}

.ligal_link .ftr_time span {font-size: 14px; color: rgba(255, 255, 255, 0.6); }
footer .ftr_time_text a{font-size: 16px; line-height: 28px; font-weight: 400;}
footer .ftr_info a{font-size: 16px; line-height: 18px; font-weight: 400;}
.ligal_link .ftr_time .ftr_time_text .time {padding-bottom: 20px; line-height: 1; }
.ligal_link .ftr_time .social_logo span {display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 20%; background-color: var(--whiteColor); margin-right: 22px; border: 3px solid #dbdfe4; padding: 5px;}
.ligal_link .ftr_time .social_logo span i {color: rgba(244, 149, 29, 1); }

.ftr_logo a span {display: block; color: rgba(244, 149, 29, 1); font-family: var(--baseFont); }

.ftr_logo {margin-bottom: 35px;}

.ftr_link {width: 70%; display: flex; padding-top: 45px; align-items: baseline;}
.ftr_info ul li {display: flex; align-self: center; padding-top: 32px; }

.ftr_info ul li .contact span {font-size: 14px; color: rgba(255, 255, 255, 0.6); padding-bottom: 8px; font-weight: 400; line-height: 1;}
.ftr_top span {display: block; }

/* ftr_bttm */
.ftr_bttm {padding: 50px 0px; position: relative; }
.ftr_bttm_inner {display: flex; justify-content: space-between; }
.ftr_bttm_inner .ftr_bttm_right {display: flex; align-self: center; }
.ftr_bttm_inner .ftr_bttm_right h5 {font-size: 22px; font-weight: 600; color: var(--whiteColor); line-height: 26px; padding-right: 30px; padding-left: 10px; }
.ftr_bttm_social li {padding-left: 30px; }
.ftr_bttm_social li:first-child {padding-left: 0px; }
.ftr_bttm_social li a {color: var(--whiteColor); font-size: 21px; }
.ftr_bttm_social li a:hover{color: var(--highlightColor);}
.ftr_bttm_social ul {display: flex; }
.copyright p {font-size: 18px; font-weight: 400; color: var(--whiteColor); text-align: left;line-height: 26px; margin-bottom: 0;}
.tap_to_top {max-width: 100px;position: absolute; bottom: 3.5vw; left: 50%; transform: translateX(-50%); }
.tap_to_top a span {width: 80px; height: 70px; background-color: var(--highlightColor); display: inline-flex; justify-content: center; align-items: center; border-top-right-radius: 45px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 40px; }
.tap_to_top a span i {font-size: 35px; }


@media (min-width: 2000px) {
  footer{margin-top: 11.8vw;}
  .ftr_top_inner h5{font-size: 1vw;}
  footer a {font-size: 0.9vw;line-height: 1.5;}
  .ligal_link .ftr_time span{font-size: 0.7vw;}
  footer .ftr_time_text a {font-size: 0.8vw; line-height: 1.5;}
  footer .ftr_info a{font-size: 0.8vw; line-height: 1.5;}
}

@media (max-width:1900px) {
  footer a{font-size: 16px;}
  .ligal_link li {padding-top: 28px; } 
  .ftr_bttm_inner .ftr_bttm_right h5{font-size: 20px;}
  footer::before{right: 4vw;}
}


@media (max-width:1600px) {
  .ligal_link li {padding-top: 30px; }
  footer a {line-height: 1.2; }
}

@media (max-width:1599px) {
  footer .ftr_info a, footer .ftr_time_text a {font-size: 14px; line-height: 1.5;}
  .ftr_time .social_logo svg{width: 40px; height: auto;}
  .ftr_time .social_logo{padding-right: 15px;}
  .tap_to_top{max-width: 80px;bottom: 3vw;}
  .tap_to_top svg{width: 100%; height: auto;}
  .ftr_bttm{padding: 30px 0;}
  .ftr_bttm_inner .ftr_bttm_right h5{font-size: 16px; padding-right: 20px;}
  .ftr_bttm_social li{padding-left: 20px;}
  .copyright p{font-size: 14px; line-height: 1.5;}
  .ftr_logo img{max-height: 120px;}
}

@media (max-width: 1199px) {
  .ftr_top_inner{flex-flow: row wrap;}
  .ftr_top_wholesale {width: 100%; padding-right: 0;}
  .ftr_top_wholesale ul{display: flex; align-items: flex-start; justify-content: space-between; flex-flow: row wrap;}
  .ftr_link{width: 100%;}
  .ftr_top_inner h5{font-size: 16px;}
  footer a {font-size: 14px;}
  .ligal_link li {padding-top: 15px;}
  .ligal_link .ftr_time{padding-top: 50px;}
  footer .ftr_info a, footer .ftr_time_text a{font-size: 13px;}
  .ftr_info ul li .contact span{font-size: 13px; padding-bottom: 0;}
  .ligal_link .ftr_time .ftr_time_text .time {padding-bottom: 3px;font-size: 13px;}
  .copyright p{font-size: 13px;}
  .ftr_bttm_inner .ftr_bttm_right h5{font-size: 14px;}
  .ftr_bttm {padding: 20px 0;}
  .tap_to_top{max-width: 70px; bottom: 2.5vw;}
  .ftr_bttm_social li a{font-size: 18px;}
  .ftr_bttm_social li {padding-left: 15px;}
  .store-icons{margin-top: 35px;}
  .store-icons a {width: 48px; height: 48px; border-radius: 12px;} 
  .store-icons a i {font-size: 24px; }
}

@media (max-width: 991px) {
  .ftr_link{flex-flow: row wrap;}
  .quick_link{width: 50%; margin-bottom: 40px;}
  .ftr_top_inner{padding-bottom: 0;}
  .ftr_info ul li{width: 100%;}
  .ftr_top_wholesale{display: flex; justify-content: space-between;}
  .ftr_logo{order: 2;}
  .ftr_info{order: 1;}
  footer{margin-top: 150px;}
  .store-icons {margin-top: 30px; }
  .store-icons a {width: 40px; height: 40px; border-radius: 7px; }
}

@media (max-width: 767px) {
  .ftr_top_wholesale{flex-flow: row wrap; flex-direction: column;}
  .ftr_logo {order: 1; }
  .ftr_info{order: 2;}
  .quick_link{width: 100%;}
  .ftr_bttm_inner{flex-direction: column; align-items: flex-start;}
  .copyright p{margin-bottom: 0px;}
  .ftr_bttm_inner .ftr_bttm_left{order: 2; margin-top: 15px;}
  .ftr_bttm_inner .ftr_bttm_right{margin-left: 0; margin-right: auto; order: 1;}
  .ftr_bttm_inner .ftr_bttm_right h5{padding-left: 0;}
  .tap_to_top{left: auto; right: 0;transform: unset;}
  .ftr_top_inner ul{display: none; margin-bottom: 20px;}
  .quick_link{margin-bottom: 20px;}
  .ftr_link{padding-top: 20px;}
  .ftr_top_inner h5{position: relative; width: 100%;}
  .ftr_top_inner h5:after{content: ""; width: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 10px; background: url(./images/white-down.svg) no-repeat right center;} 
  .ftr_top_inner h5.active:after{transform: rotate(-180deg) translateY(50%);}
  .store-icons a {width: 36px; height: 36px; border-radius: 5px; }
  .store-icons a i {font-size: 20px; }
  .store-icons a + a {margin-left: 12px; }
  .store-icons {margin-top: 25px; }
}


/* footer ----------------------- */
.site-footer{background-color: var(--baseColor);}
.footer-top{position: relative; top: -145px; z-index: 9; margin-bottom: -96px; }
footer:after{content: ""; display: block; /*width: 160.1px; height: 219.55px;*/ width: 8.3vw; height: 12vw; background: url(./images/footer-top-left-bg.svg) no-repeat left top; background-size: 100% auto; position: absolute; top: -12vw; left: 1.5vw;}
.footer-top:after{content: ""; display: block; /*width: 197px; height: 208px;*/ width: 10.3vw; height: 11vw; background: url(./images/footer-top-right-bg.svg) no-repeat right top; position: absolute; top: -3.3vw; right: 2.4vw;background-size: 100% auto;}
.home footer:after, .home .footer-top:after{display: none !important;}
.footer-top .container{display: flex; justify-content: center; align-items: flex-start;}
.new-letter-section{width: 55.42vw; border-radius: 20px; background: url(./images/newsleter-bg.svg) no-repeat right -1px center var(--highlightColor);background-size: auto 100%; padding-left: 3.9vw;}
.newslater{width: 29.15vw; padding-top: 50px;padding-right: 40px; padding-bottom: 25px; position: relative;}
.newslater h6{font-size: 15px; color: var(--whiteColor); font-weight: 600; line-height: 24px;margin-bottom: 10px;}
.newslater h2{font-size: 36px; color: var(--whiteColor); font-weight: 700; line-height: 50px; margin-bottom: 10px;}
.newslater p{font-size: 15px; color: var(--whiteColor); font-weight: 400; line-height: 27px; max-width: 370px;margin-bottom: 0;}
.newslater-inner-bg{background: url(./images/line-arrow.svg) no-repeat right 16px bottom; padding-bottom: 10px; margin-bottom: 2px;}
.newsleter-box{margin-top: 25px;}
.newsleter-box .form-control{background-color: var(--whiteColor); border-radius: 12px; width: 100%; height: 61px; border: 0; box-shadow: unset; font-weight: 400; color: #7A7A7A; font-size: 15px; line-height: 26px; padding: 0 20px;}
.footer-top .checkbox-outer{font-size: 15px; color: var(--whiteColor); font-weight: 400; line-height: 26px;}
.footer-top .checkbox-outer a{font-size: 15px; color: var(--whiteColor); font-weight: 500; line-height: 26px; text-decoration: none;}
.footer-top .checkbox-outer{display: flex; align-items: center;margin-top: 0px;}
.footer-top .checkbox-outer .checkbox{width: 19px; height: 19px; background-color: var(--whiteColor); border: 0; box-shadow: unset; margin-right: 5px;}
.newslater .massage-icon{position: absolute; top: -5vw; right: 0; width: 10.28vw;}
.newslater .massage-icon svg{width: 100%; height: auto;}
.newslater .tnp-subscription input[type=email]{
  background: rgba(235, 235, 235, 0.7);
  border-radius: 12px;
  width: 100%;
  height: 61px;
  border: 0;
  box-shadow: unset;
  font-weight: 400;
  color: #7A7A7A;
  font-size: 15px;
  line-height: 26px;
  padding: 0 20px;
}-
.newslater .tnp-subscription input[type=email]:focus{border: 0;outline: none;}
.newsleter-box{position: relative;width: 80%;}
.newsleter-box .tnp-field-button{position: absolute;top: -10px;right: 80px;}
.newsleter-box .tnp-field-button .tnp-submit{
  width: 60px;
  height: 60px; /* Adjust height as needed */
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path d="M127.4 79.1401L117.453 70.4086V66.3593C117.453 65.3853 116.666 64.5957 115.695 64.5957H110.896C110.834 64.5347 101.546 55.2702 101.481 55.213C99.2906 53.2907 96.087 53.6439 94.4379 55.2895L85.1043 64.5957H80.3047C79.3339 64.5957 78.5469 65.3853 78.5469 66.3593V70.4086L68.6004 79.1401C68.4118 79.3056 68.2606 79.5097 68.1571 79.7386C68.0535 79.9675 68 80.216 68 80.4673V108.801C68 111.717 70.3665 114.092 73.2734 114.092H122.727C125.635 114.092 128 111.714 128 108.801V80.4673C128 80.216 127.946 79.9675 127.843 79.7386C127.739 79.5097 127.588 79.3056 127.4 79.1401ZM117.453 75.0952L123.573 80.4673L117.453 85.8394V75.0952ZM96.8697 57.8373C97.5221 57.2941 98.4779 57.2941 99.1303 57.8373L105.909 64.5956H90.0915L96.8697 57.8373ZM82.0625 68.1228H113.938V88.9256L108.101 94.0491L101.472 88.2264C99.4927 86.4887 96.507 86.4887 94.5268 88.2268L87.8988 94.049L82.0625 88.9255V68.1228ZM78.5469 75.0952V85.8394L72.4272 80.4672L78.5469 75.0952ZM71.5156 108.441V84.3537L85.2305 96.393L71.5156 108.441ZM74.4345 110.565L96.8424 90.8808C97.5023 90.3015 98.4977 90.3014 99.1571 90.8804L121.565 110.565H74.4345ZM124.484 108.441L110.769 96.393L124.484 84.3537V108.441Z" fill="%23F4951D"/></svg>');
  background-repeat: no-repeat;
  background-size: cover; /* Adjust this as needed */
  background-position: center;
  cursor: pointer;
  font-size: 0;
  padding: 0;
}
.newslater-inner-bg div.tnp-subscription{margin-left: 0;}

@media (min-width: 2000px){
  .new-letter-section{width: 56.5vw;padding-left: 3.5vw; /*background-size: 22vw auto;*/}
  .newslater{width: 56%; padding-right: 1vw; padding-bottom: 2vw; padding-top: 2.6vw;padding-right: 2.1vw;}
  .newslater h6{font-size: 0.9vw;line-height: 1.5; margin-bottom: 0.5vw;}
  .newslater h2{font-size: 1.8vw;line-height: 2;}
  .newslater p{font-size: 0.9vw;line-height: 1.5; max-width: 22vw;}
  .newsleter-box .form-control, .footer-top .checkbox-outer{font-size: 0.8vw;line-height: 1.5;}
  .footer-top .checkbox-outer a{font-size: 0.8vw;line-height: 1.5;}
  .newslater .massage-icon{top: -3vw; width: 7.5vw;} 
  .newsleter-box .form-control{height: 3.15vw;}
  .newslater-inner-bg{margin-bottom: 0.15vw; padding-bottom: 0.5vw; background-size: 19.5vw auto;}
}


@media (max-width: 1900px){
  .new-letter-section{width: 65vw;}
  .newslater{width: 36vw;}
}

@media (max-width: 1599px){
  .newslater h2{font-size: 30px;}
  .footer-top .checkbox-outer, .footer-top .checkbox-outer a{font-size: 13px;}
  .new-letter-section {width: 66vw; }
  .newslater p{font-size: 14px; line-height: 1.5;}
  footer::before {right: 1vw; margin-right: 0; } 
  .newsleter-box .form-control{height: 54px;}
  .newslater h6 {font-size: 14px; line-height: 1.5; margin-bottom: 5px; } 
}

@media (max-width: 1399px){
  .newslater .massage-icon{top: -3vw;width: 8vw; right: 2.5vw;}
  .newslater{padding-top: 30px;}
  .newsleter-box{margin-top: 15px;}
  .new-letter-section {width: 64vw; padding-left: 2.5vw;}
}

@media (max-width: 1299px){
  .footer-top .checkbox-outer, .footer-top .checkbox-outer a {font-size: 12px; line-height: 1.2; }
  .newslater{width: 36vw;}
}

@media (max-width: 1199px){
  .new-letter-section{width: 100%;padding-left: 5vw;}
  .newslater{width: 60%;}
  .newslater-inner-bg{background-size: auto 100%;}
}

@media (max-width: 991px){
  .new-letter-section{padding-right: 5vw; background-image: unset;}
  .newslater {width: 100%; padding-right: 0;}
  .newslater .massage-icon{right: 0;}
  .newslater h2 {font-size: 26px; line-height: 1.5; }
  .newslater h6 {font-size: 13px; line-height: 1; margin-bottom: 0px; }
  .newslater p {font-size: 13px; line-height: 1.5; max-width: unset; }
  .newsleter-box .form-control {height: 48px; font-size: 14px; padding: 0 15px; line-height: 1.5;}
  .newsleter-box {margin-top: 5px; }
  .newslater .tnp-subscription input[type=email]{height: 48px; font-size: 14px; padding: 0 15px; line-height: 1.5;}
  .newsleter-box .tnp-field-button .tnp-submit{height: 48px;}
  .newsleter-box{width: 100%;}
}

@media (max-width: 479px){
  .newslater h2{font-size: 20px;}
  .newslater h6{font-size: 11px;}
  .newslater p {font-size: 12px; line-height: 1.2;} 
}

/* listing-page ====================== */
.listing-page-wrap{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;}
.catlistpage .listing-page-products{width: 100% !important; padding-left: 0px !important; border-left: none !important;}
.catlistpage .listing-page-products ul li{width: 20%;}
.catlistpage .woocommerce-pagination ul li{width: auto !important;}
.listing-page-wrap .left-sidebar{/*width: 376px;*/ width: 19.6vw; position: relative; z-index: 0;}
.listing-page-wrap .listing-page-products{/*width: 1205px;*/ width: 62.8vw; border-left: solid 0.5px var(--borderDipColor); min-height: 50vh; padding-left: 20px;}
.products-list, 
.woocommerce .products ul, .woocommerce ul.products{display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start; margin-left: -15px;margin-bottom: 0;}
.products-list li, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width: 25%; padding-left: 15px;margin-bottom: 15px; margin-left: 0; margin-right: 0; }
.products-list li .slider-list-inner{padding: 30px 10px 20px;height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.products-list li .slider-list-image{position: relative;border-radius: 0; overflow: unset; margin-top: 0; margin-bottom: 0; }
.products-list li .list-title{margin-bottom: auto;}
.view-buttons{position: absolute; top: 0; right: 0; display: flex; flex-direction: column; align-items: flex-end;}
.view-buttons .button-icon{width: 32px; height: 32px; background: var(--lightBackground); border-radius: 8px; margin-bottom: 2px; display: none; align-items: center; justify-content: center;}
.view-buttons .button-icon:hover{background: var(--buttonPrimary);}
.view-buttons .button-icon:hover svg path{stroke: var(--whiteColor);}
.view-buttons .button-icon:hover .wishlist-icon svg path, .view-buttons .button-icon:hover .compare-icon svg path{fill: var(--whiteColor);}
.products-list li:hover .view-buttons .button-icon{display: flex;}

.toolbar{display: flex; align-items: center; justify-content: space-between; margin-bottom: 33px; margin-top: 6px;}
.toolbar p, .woocommerce .woocommerce-result-count{font-size: 18px; margin-bottom: 0;}
.woocommerce .woocommerce-ordering {margin: 0 0 0; }
.short select {appearance: none; -moz-appearance: none; -webkit-appearance: none; position: relative; cursor: pointer; font-size: 18px; min-width: 227px; line-height: 27px; font-weight: 400; background-color: var(--highlightColor); border-radius: 900px; color: var(--whiteColor); width: 100%; height: 46px; border: 0; padding: 0 50px 0 25px; outline: unset; box-shadow: unset; background-image: url(./images/white-arrow.svg); background-repeat: no-repeat; background-position: right 25px center; }
.short select:focus {border: 0; outline: unset; box-shadow: unset;}

.title{margin-bottom: 25px;}
.title h4{font-size: 24px; font-weight: 700; color: var(--baseColor); line-height: 1; text-align: left;}
.title h4 span{color: var(--highlightColor);}

.listing-top-wrap{margin-bottom: 35px;}
.categories-name{display: flex; align-items: flex-start; justify-content: flex-start; flex-flow: row wrap;}
.categories-name li{margin-right: 5px;}
.categories-name li a{font-size: 18px; padding: 13px 15px; text-align: center; min-width: 7.28vw; line-height: 1; font-weight: 400; color: var(--blueColor); background: var(--lightBackground); border-radius: 8px; display: inline-block; vertical-align: middle; text-decoration: none; }
.categories-name li a:hover{background: var(--buttonPrimary); color: var(--blackColor);}

.breadcome-outer{padding-top: 35px; padding-bottom: 25px; position: relative; z-index: 9; background: var(--whiteColor);}
.breadcome-outer .container{display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap;}
.breadcome{display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap;}
.breadcome li{font-weight: 400; font-size: 18px; line-height: 27px; padding-right: 15px;}
.breadcome li a{font-weight: 400; color: var(--blueColor); text-decoration: none;}
.breadcome li strong{color: var(--lightBorderColor); font-weight: 400;}
.breadcome li:before{content: ""; display: inline-block; vertical-align: middle; background: url(./images/breadcome-arrow-black.svg) no-repeat center; width: 9px; height: 15px; margin-right: 10px;}
.breadcome li:first-child:before{display: none;}
.breadcome li:last-child:before{opacity: 0.5;}
.recent-view-btn{color: var(--baseColor); font-size: 18px; line-height: 27px; font-weight: 400; text-decoration: none; background: url(./images/recent-btn-icon.svg) no-repeat right center; padding-right: 30px;}
.recent-view-btn:hover{color: var(--highlightColor);}

.left-sidebar{}
.left-sidebar .block,
.left-sidebar .wpfFilterWrapper{border: solid 0.5px var(--lightBorderColor); border-radius: 20px; padding: 30px 25px !important; margin-bottom: 25px; margin-top: 0;}
.left-sidebar .block h4,
.left-sidebar .wpfFilterWrapper .wfpTitle{color: var(--blueColor); font-size: 18px; line-height: 27px; font-weight: 600; margin-bottom: 0;}
.left-sidebar .block .block-head{margin-bottom: 20px;}
.left-sidebar .wpfFilterWrapper .wpfFilterContent{margin-top: 20px;}
.left-sidebar .wpfFilterWrapper .wpfFilterContent.wpfHide{margin-top: 0px;}
.left-sidebar .product-search{position: relative;margin-top: 10px;margin-bottom: 30px;}
.left-sidebar .product-search .search-field{background: #F1F1F1; padding: 10px 45px 10px 20px; border-radius: 8px; font-size: 18px; line-height: 27px; font-weight: 400; border: solid 0.5px #8B8B8B; width: 100%;}
.left-sidebar .product-search .search-field-btn{position: absolute; right: 15px; top: 50%; transform: translateY(-50%);background: url(./images/src-btn.svg) no-repeat center; background-size: 100% auto; width: 20px; height: 20.06px; border: 0; outline: unset; box-shadow: unset; font-size: 0;}

.left-sidebar .block .category-names{list-style: disc; list-style-position: inside; color: var(--blackColor);padding-left: 10px;} 
.left-sidebar .block .category-names li{margin-bottom: 15px;}
.left-sidebar .block .category-names li a{color: var(--blackColor); font-size: 18px; line-height: 1; font-weight: 400; text-decoration: none;}

.left-sidebar .block .checking-list{list-style: none;}
.left-sidebar .block .checking-list li{margin-bottom: 25px; position: relative;}
.left-sidebar .wpfFilterContent li{margin-bottom: 15px;}
.left-sidebar .block .checking-list li label{color: var(--blackColor); font-size: 18px; line-height: 1; font-weight: 400; position: relative; cursor: pointer;}
.checking-list li input[type="checkbox"] {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.checking-list li label:before {content:''; -webkit-appearance: none; background-color: transparent; width: 20px; height: 20px; border-radius: 5px; border: solid 0.5px var(--blueColor); padding: 0px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 18px; }
.checking-list li input[type="checkbox"]:checked + label:after {content: ''; display: block; position: absolute; top: 7px; left: 9px; width: 3px; height: 9px; border: solid var(--blueColor); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.left-sidebar .block .product-tags{display: flex; align-items: flex-start; justify-content: flex-start; flex-flow: row wrap;}
.left-sidebar .block .product-tags li{margin-right: 10px; margin-bottom: 15px;}
.left-sidebar .block .product-tags li a{font-size: 14px; padding: 8px 8px; font-weight: 400; line-height: 18px; color: var(--blueColor); text-decoration: none; background: var(--lightBackground); display: inline-block; vertical-align: top; min-width: 88px; text-align: center; border-radius: 8px;}

.left-sidebar .wpfFilterWrapper .wpfCheckbox label {width: 24px !important; height: 24px !important; vertical-align: middle; }
.left-sidebar .wpfFilterWrapper .wpfCheckbox label::before{border-color: var(--blueColor) !important; width: 20px !important; height: 20px !important; border-radius: 5px; background-color: transparent !important;}
.left-sidebar .wpfFilterWrapper label .wpfDisplay{color: var(--blackColor); font-size: 18px; font-weight: 400;}

.brand .block-content, .more-category-names .block-content{max-height: 240px; overflow-x: hidden; overflow-y: auto;}
.slidecontainer{width: 100%; position: relative; padding-top: 30px; z-index: 0;}
.main-price-show{font-size: 14px; font-weight: 400; line-height: 21px; color: var(--whiteColor); background: var(--highlightColor); box-shadow: 0px 4px 4px rgba(0, 0, 0, .2); border-radius: 6px; position: absolute; left: 40%; top: 0px; padding: 2px 12px; min-width: 60px; text-align: center;}

.price-slider {--value: 40%; /* Initial value for width */ -webkit-appearance: none; appearance: none; width: 100%; height: 3px; background: transparent; outline: none; position: relative; z-index: 1; } 
.price-slider::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background: var(--borderDipColor); /* Inactive background */ transform: translateY(-50%); z-index: -1; } 
.price-slider::after {content: ''; position: absolute; top: 50%; left: 0; width: calc(var(--value)); /* Dynamically set width */ height: 3px; background: var(--highlightColor); /* Active background */ transform: translateY(-50%); z-index: -1; } 
.price-slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 18px; height: 18px; background: var(--baseColor); border-radius: 50%; cursor: pointer; } 
.price-slider::-moz-range-thumb {width: 18px; height: 18px; background: var(--baseColor); border-radius: 50%; cursor: pointer; }

.price-range-show{display: flex; justify-content: center; align-items: center; margin-top: 20px; margin-bottom: 30px;}
.price-range-show .price-show{font-size: 18px; line-height: 27px; color: var(--blueColor); font-weight: 400;}
.filter-button{display: flex; justify-content: center; margin-bottom: 15px;}
.filter-button .btn-filter{font-size: 18px; font-weight: 400; line-height: 26px; color: var(--blackColor); border: 0; outline: unset; box-shadow: unset; background: var(--buttonPrimary); text-align: center; padding: 10px 38px; border-radius: 900px; cursor: pointer; }
.filter-button .btn-filter span{padding-left: 12px;}

.left-sidebar .wpfFilterButtons .wpfFilterButton.wpfButton{font-size: 18px;min-height: unset; width: auto; font-weight: 400; line-height: 26px; color: var(--blackColor); border: 0; outline: unset; box-shadow: unset; background: var(--buttonPrimary); text-align: center; padding: 10px 38px; border-radius: 900px; cursor: pointer; }
.left-sidebar .wpfFilterButtons .wpfFilterButton.wpfButton:after{content: ""; display: inline-block; width: 22px; height: 18px; background: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1242 17.7388L21.7737 9.04435L13.1242 0.349879C13.0461 0.247298 12.9469 0.162697 12.8332 0.101806C12.7195 0.0409142 12.5941 0.00515317 12.4655 -0.00305677C12.3368 -0.0112667 12.2078 0.00826664 12.0874 0.0542203C11.9669 0.100174 11.8577 0.171475 11.7672 0.263297C11.6767 0.355119 11.6069 0.465318 11.5627 0.586434C11.5185 0.707549 11.5008 0.836753 11.5108 0.9653C11.5209 1.09385 11.5584 1.21873 11.6209 1.33151C11.6835 1.44428 11.7695 1.5423 11.8731 1.61895L18.3445 8.1443L1.12657 8.1443C0.887859 8.1443 0.658929 8.23913 0.490137 8.40792C0.321346 8.57671 0.226518 8.80564 0.226518 9.04435C0.226518 9.28306 0.321346 9.51199 0.490137 9.68078C0.658929 9.84957 0.887859 9.9444 1.12657 9.9444L18.3445 9.9444L11.8731 16.4697C11.7049 16.6392 11.6108 16.8686 11.6116 17.1075C11.6125 17.3463 11.7082 17.575 11.8776 17.7433C12.0471 17.9116 12.2765 18.0057 12.5154 18.0048C12.7542 18.004 12.9829 17.9083 13.1512 17.7388L13.1242 17.7388Z' fill='%23181945'%3E%3C/path%3E%3C/svg%3E") no-repeat center; background-size: contain; vertical-align: text-top; margin-left: 12px; }

.left-sidebar .block.customer-ratings .checking-list li label{display: flex; align-items: center;}
.left-sidebar .block.customer-ratings .checking-list li label .rating-vote{font-size: 16px; line-height: 24px; color: var(--blackColor); font-weight: 400; margin-left: 15px;}
.left-sidebar .block.customer-ratings .rating{width: 162px; height: 26px;}
.left-sidebar .block.customer-ratings .rating .rating-full{background-size: 162px auto;}

.custom-star-rating{display: flex; gap: 3px;}
.custom-star-rating .star{max-width: 16px;}

.left-sidebar .wpfFilterWrapper[data-filter-type="wpfRating"] ul:not(.wpfButtonsFilter) li .wpfDisplay{width: 162px; height: 26px;display: inline-block; vertical-align: middle; font-size: 0; margin-left: 18px;}
.left-sidebar .wpfFilterWrapper[data-filter-type="wpfRating"] ul:not(.wpfButtonsFilter) li[data-term-slug="5-5"] .wpfDisplay{background: url(./images/star5.png) no-repeat left center;}
.left-sidebar .wpfFilterWrapper[data-filter-type="wpfRating"] ul:not(.wpfButtonsFilter) li[data-term-slug="4-5"] .wpfDisplay{background: url(./images/star4.png) no-repeat left center;}
.left-sidebar .wpfFilterWrapper[data-filter-type="wpfRating"] ul:not(.wpfButtonsFilter) li[data-term-slug="3-5"] .wpfDisplay{background: url(./images/star3.png) no-repeat left center;}
.left-sidebar .wpfFilterWrapper[data-filter-type="wpfRating"] ul:not(.wpfButtonsFilter) li[data-term-slug="2-5"] .wpfDisplay{background: url(./images/star2.png) no-repeat left center;}
.left-sidebar .wpfFilterWrapper[data-filter-type="wpfRating"] ul:not(.wpfButtonsFilter) li[data-term-slug="1-5"] .wpfDisplay{background: url(./images/star1.png) no-repeat left center;}

.wpfFilterWrapper[data-filter-type="wpfPrice"] .ui-slider-horizontal{height: 3px;}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .ui-slider.ui-widget-content:not(.iris-slider-offset){border: 0; background: var(--borderDipColor);}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .ui-slider-horizontal .ui-slider-range{background: var(--highlightColor) !important;}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .ui-slider.ui-widget-content .ui-slider-handle{width: 18px; height: 18px; background: var(--baseColor); border-radius: 50%; cursor: pointer;}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .ui-slider.ui-widget-content .ui-slider-handle:hover, 
.wpfFilterWrapper[data-filter-type="wpfPrice"] .ui-slider.ui-widget-content .ui-slider-handle.ui-state-hover, 
.wpfFilterWrapper[data-filter-type="wpfPrice"] .ui-slider.ui-widget-content .ui-slider-handle.ui-state-active{background: var(--highlightColor) !important; border-color: var(--highlightColor) !important;}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .ui-slider-horizontal .ui-slider-handle{top: -9px;}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceInputs{ font-size: 18px; line-height: 27px; color: var(--blueColor); font-weight: 400;margin-top: 25px;} 
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfFilterContent{text-align: center;}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceInputs .wpfCurrencySymbol{margin-right: 0px !important;}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfFilterDelimeter{}


@media (min-width: 2000px){
  .listing-page-wrap .listing-page-products{width: calc(100% - 21vw);}
}

@media (max-width: 1900px){
  .listing-page-wrap .left-sidebar{width: 350px;}
  .listing-page-wrap .listing-page-products{width: calc(100% - 380px);}
}

@media (max-width: 1599px){
  .breadcome li{font-size: 16px;}
  .recent-view-btn{font-size: 16px; padding-right: 28px; background-size: 18px auto;}

  .listing-page-wrap .left-sidebar{width: 320px;}
  .listing-page-wrap .listing-page-products{width: calc(100% - 350px);}
  .left-sidebar .block .checking-list li label{font-size: 16px;}
  .left-sidebar .block .checking-list li{margin-bottom: 20px;}
  .left-sidebar .wpfFilterContent li{margin-bottom: 10px;}
  .left-sidebar .block .category-names li a{font-size: 16px;}
  .price-range-show .price-show{font-size: 16px;}
  .filter-button .btn-filter{font-size: 16px;}
  .products-list li {width: 33.33%;}
  .left-sidebar .block.customer-ratings .checking-list li label .rating-vote{font-size: 14px;}
  .left-sidebar .block.customer-ratings .rating {width: 140px; height: 22px; }
  .left-sidebar .block.customer-ratings .rating .rating-full{background-size: 140px auto;}
  .left-sidebar .product-search .search-field{font-size: 16px; line-height: 20px;}
  .left-sidebar .product-search .search-field-btn{width: 16px; height: 16.06px;}
  .categories-name li a {font-size: 16px; padding: 10px 15px;}
  .toolbar p{font-size: 16px;}
  .short select{font-size: 16px;}
  .left-sidebar .block .product-tags li a{min-width: 78px;}
}


@media (max-width: 1199px){
  .block-content{margin-top: 15px;}
  .listing-page-wrap .left-sidebar{width: 100%; border-bottom: solid 0.5px var(--borderDipColor); padding-bottom: 2vw; margin-bottom: 2vw;}
  .listing-page-wrap .listing-page-products{width: 100%; padding-left: 0;border-left: 0;}
  .left-sidebar .block .block-head {margin-bottom: 0px; }
  .left-sidebar .block,
  .left-sidebar .wpfFilterWrapper{    border-radius: 10px; padding: 15px 20px !important; margin-bottom: 15px;}
  .left-sidebar .block h4,
  .left-sidebar .wpfFilterWrapper .wfpTitle{font-size: 16px;}
  .left-sidebar .product-search{margin-bottom: 10px;}
}

@media (max-width: 992px){
  .listing-page-wrap{padding-bottom: 60px;}
  .products-list li{width: 50%;}
  footer:after{display: none;}
  .footer-top:after{display: none;}
}

@media (max-width: 767px){
  .block-content{display: none;}
  .left-sidebar .block .checking-list li label{font-size: 14px;}
  .checking-list li label:before{width: 16px; height: 16px;border-radius: 3px;margin-right: 12px;}
  .checking-list li input[type="checkbox"]:checked + label:after{    top: 6px; left: 7px; width: 2px; height: 6px;} 
  .left-sidebar .block .checking-list li {margin-bottom: 12px; }
  .left-sidebar .block .category-names li{margin-bottom: 10px; }
  .left-sidebar .block .category-names li a{font-size: 15px;}
  .short select {font-size: 14px; height: 40px;min-width: 180px;padding: 0 18px; background-position: right 15px center;}
  .toolbar p {font-size: 14px; }
  .toolbar{margin-bottom: 25px;}
  .categories-name li a {font-size: 14px; padding: 7px 12px; }
  .title{margin-bottom: 20px;}
  .site-header.fixed-header{display: none;}
  .left-sidebar .block h4,
  .left-sidebar .wpfFilterWrapper .wfpTitle{position: relative;}
  .left-sidebar .block h4:after{content: ""; width: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 10px; background: url(./images/recent-btn-icon.svg) no-repeat right center;} 
  .left-sidebar .block.active h4:after{transform: rotate(-180deg) translateY(50%);}
  .breadcome li{font-size: 14px;padding-right: 10px;line-height: 22px;}
  .breadcome li:before{width: 7px; height: 13px; margin-right: 5px; background-size: 100% auto;} 
  .breadcome-outer {padding-top: 20px; padding-bottom: 15px; }
  .breadcome-outer .container{flex-direction: column;}
  .breadcome{margin-left: 0; margin-right: auto;}
  .recent-view-btn-outer{margin-left: auto; margin-top: 20px;}
}

@media (max-width: 480px){
  .products-list li{width: 100%; padding-left: 0;}
  .products-list{margin-left: 0;}
  .toolbar{flex-direction: column; align-items: center;}
  .limit{margin-bottom: 10px;}
  .products-list li .slider-list-image{text-align: center;}
  .products-list li .list-title h4{text-align: center;}
}

@media (max-width: 370px){
  .breadcome li{font-size: 13px;padding-right: 6px;line-height: 20px;}
}


/* product details ================== */
.details-page-top, .woocommerce div.product.details-page-top{display: flex; align-items: flex-start; justify-content: flex-start; flex-flow: row wrap; margin-bottom: 90px;}
.details-page-top .gallery-section{width: 50%;}
.details-page-top .content-right-section {width: 50%; padding-left: 45px;}
.content-right-section .review-section{margin-top: 20px;}
.review-section .rating{float: left; margin-right: 15px; margin-top: 5px;}
.review-section p{margin-bottom: 0; font-size: 18px; line-height: 27px; font-weight: 400; color: var(--lightBorderColor);}
.review-section p a{color: var(--lightBorderColor); margin-left: 15px;}
.product-featurs{list-style: none; margin-bottom: 0; margin-top: 35px;}
.product-featurs li{font-size: 18px; line-height: 27px; color: var(--blackColor); font-weight: 400; margin-bottom: 10px;}
.product-featurs li:before{content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 14px; background: url(./images/tickmark.svg) no-repeat center; margin-right: 12px;}
.product-featurs li:last-child{margin-bottom: 0;}
.content-right-section .price{font-size: 24px; font-weight: 600; color: var(--highlightColor); line-height: 1.1; margin-top: 45px;}
.content-right-section .quantity-wraper{margin-top: 0px; margin-bottom: 34px;}
.quantity-wraper{display: flex; align-items: center;}
.ability{margin-right: 25px; float: left;margin-top: 7px;}
.ability span{font-size: 18px; font-weight: 600; line-height: 1; display: inline-block; border-radius: 100px; padding: 16px 26px;}
.ability span.in-stock{background: var(--buttonPrimaryLight); color: var(--whiteColor) !important;}

.woocommerce div.product .content-right-section .ability{display: none;}
.woocommerce div.product .content-right-section p.stock{font-size: 18px; font-weight: 600; line-height: 1;} 
.woocommerce div.product .content-right-section p.stock.in-stock{background: var(--buttonPrimaryLight); color: var(--whiteColor) !important; display: inline-block; border-radius: 100px; padding: 16px 26px; float: left; margin-right: 15px; margin-top: 7px; }

.quantity{display: flex; justify-content: center; padding: 0 30px; align-items: center; background: var(--lightBackground); width: 264px; border-radius: 100px;overflow: hidden;}
.quantity .qty{font-size: 20px; font-weight: 400; line-height: 18px; color: var(--blueColor); height: 64px; width: 150px; text-align: center; margin-left: 15px; margin-right: 15px; background: transparent; border: 0; box-shadow: unset;} 
.quantity .qty:focus{outline: unset; box-shadow: unset; border: 0;}
.quantity button{background: transparent; border: 0; box-shadow: unset;}
.details-page-top .content-right-section .variations-table{margin-top: 25px; margin-bottom: 25px;}
.details-page-top .content-right-section .variations-table .quantity {width: 130px; background: #EBEBEB; margin: 0 auto;}
.details-page-top .content-right-section .variations-table img {width: 48px; }
.details-page-top .content-right-section .variations-table tr td, .details-page-top .content-right-section .variations-table tr th{text-align: center; border-color: var(--lightBorderColor) !important;}
.details-page-top .content-right-section .variations-table .quantity .qty {width: 40px !important; font-size: 18px; }

#variations-cart-form{display: block; overflow: hidden; clear: both;} 

.checkou-btn{font-size: 18px; font-weight: 600; line-height: 27px; color: var(--whiteColor); border: 0; outline: unset; box-shadow: unset; background: var(--buttonPrimary); text-align: center; padding: 18px 124px; border-radius: 900px; cursor: pointer;}
.checkou-btn span{display: inline-block; vertical-align: middle; padding-right: 20px;}

.buy-now{font-weight: 400; font-size: 18px; padding: 22px 95px; line-height: 1; color: var(--blueColor); border: solid 0.5px var(--blueColor); border-radius: 100px; display: inline-block; vertical-align: middle; background: var(--whiteColor); }
.details-page-top .checkou-btn{margin-right: 10px;}

.details-page-top .utility{margin-top: 65px;margin-bottom: 20px;}
.sku_wrapper{display: block;    font-size: 18px; line-height: 26px; color: #181945; font-weight: 400; margin-top: 20px;} 
.posted_in{display: block; font-size: 18px; line-height: 26px; color: #181945; font-weight: 400; margin-top: 20px;} 
.posted_in a{color: #181945; text-decoration: none;}
.utility{border-bottom: solid 0.5px var(--borderDipColor); display: flex; align-items: center; flex-flow: row wrap; justify-content: flex-start; padding-bottom: 18px;}
.utility li{margin-right: 35px;display: flex ; align-items: center; color: #AAAAAA;} 
.utility li a{color: var(--lightBorderColor); font-size: 18px; line-height: 27px; font-weight: 400; text-decoration: none; margin-right: 10px;}
.utility li a span{margin-right: 8px;}
.utility li a:hover{color: var(--highlightColor);}
.woocommerce div.product form.cart .button.cart-btn{    font-size: 18px; font-weight: 600; line-height: 27px; color: var(--whiteColor); border: 0; outline: unset; box-shadow: unset; background: var(--buttonPrimary); text-align: center; padding: 18px 124px; border-radius: 900px; cursor: pointer;margin-right: 10px;}
.calegory-locater{font-size: 18px; line-height: 26px; color: var(--blueColor); font-weight: 400; margin-top: 20px;}
.calegory-locater span{margin-left: 8px;}
.woocommerce div.product form.cart .button.cart-btn:hover, .buy-now:hover{background-color: var(--highlightColor); border-color: var(--highlightColor); color: var(--whiteColor); cursor: pointer;}

.flow-us{display: flex; align-items: center; justify-content: flex-start; margin-top: 30px;}
.flow-us .flow-us-text{font-size: 18px; line-height: 26px; color: var(--blueColor); font-weight: 400; margin-right: 30px;}
.flow-us-social{display: flex; align-items: center; justify-content: flex-start;}
.flow-us-social li{margin-right: 25px;}

.gallery-section{display: flex; align-items: stretch; justify-content: space-between;}
.gallery-section .gallery-left{width: 20%; overflow: hidden; padding-right: 2px;}
.gallery-section .gallery-left .gallery-left-thum{}
.gallery-section .gallery-left .gallery-thum{width: 158px; /*height: 158px;*/ aspect-ratio: 1 / 1; margin-bottom: 10px; border: solid 0.5px var(--lightBorderColor); border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.gallery-section .gallery-left .gallery-thum img{max-width: 100%; max-height: 100%; object-fit: contain;}
.gallery-section .gallery-main{width: 78%;border: solid 0.5px var(--lightBorderColor); border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.gallery-large-thum img{min-width: 100%; min-height: 100%; object-fit: contain;}

.details-page-bottom{padding-top: 140px; padding-bottom: 50px;}
#cart-message-tigger{margin-top: 15px;}
#cart-message-tigger .error-message{border: dashed 2px var(--highlightColor); padding: 5px 15px; display: block; color: var(--highlightColor);}

/* Default - Desktop Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs{
  z-index: 0;
}
.nav-tabs {display: flex; list-style: none; padding: 0; margin: 0; border-bottom: 0.5px solid var(--lightBorderColor); } 
.nav-tabs li {margin-right: 10px; } 
.nav-tabs li:after{content: ""; width: 0.5px; height: 22px; background: var(--lightBorderColor); display: inline-block; vertical-align: middle;} 
.nav-tabs li:last-child:after{display: none;} 
.nav-tabs li a {display: inline-block; padding: 10px 30px; font-size: 20px; color: var(--lightBorderColor); line-height: 1; font-weight: 400; text-decoration: none; border: 1px solid transparent; } 
.nav-tabs li:hover a{color: var(--highlightColor);}
.nav-tabs li.active a {font-weight: 600; color: var(--highlightColor); border-bottom: 2px solid var(--highlightColor); } 
.tab-content .tab-pane {display: none; padding: 40px 0; } 
.tab-content .tab-pane.in.active {display: block; } 
.tab-content p{font-size: 20px; line-height: 30px; font-weight: 400; color: var(--baseTextColor); margin-bottom: 20px;}
.tab-content h2{margin-bottom: 20px;}
.tab-content .comment-form{border: 0.5px solid #AAAAAA; border-radius: 20px; padding: 30px 30px; margin-top: 20px;} 
.tab-content .comment-form label{display: block; font-size: 18px; font-weight: 400; color: #181945; line-height: 1; padding-bottom: 9px;} 
.tab-content .comment-form .comment-form-cookies-consent label{display: inline;padding-bottom: 0;}
.woocommerce .tab-content #review_form #respond p{margin-bottom: 20px;}
.woocommerce p.stars a::before{color: var(--blackColor);}
.woocommerce p.stars.selected a:not(.active)::before, .woocommerce p.stars.selected a.active::before{color: var(--highlightColor);}
.tab-content .comment-form input[type="text"], .tab-content .comment-form input[type="email"]{width: 100%; height: 64px; border: none; background: rgba(235, 235, 235, 0.7); border-radius: 10px; font-size: 16px; font-weight: 300; outline: none; font-family: "Poppins", sans-serif; padding: 0px 25px;}
.woocommerce .tab-content #review_form #respond textarea{    width: 100%; height: 216px; border: none; background: rgba(235, 235, 235, 0.7); border-radius: 10px; font-size: 16px; font-weight: 300; outline: none; font-family: "Poppins", sans-serif; resize: none; padding: 25px;}
.tab-content .comment-form input[type="checkbox"]{display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; width: 18px; height: 18px; border: 0.5px solid #181945; border-radius: 4px;}
.woocommerce p.stars a:hover~a::before{color: var(--blackColor);}
.woocommerce p.stars:hover a::before{color: var(--highlightColor);}

@media screen and (max-width: 1599px) {
  .woocommerce div.product form.cart .button.cart-btn{padding: 16px 80px;}
}

@media screen and (min-width: 768px) {
  .tab-content h3{display: none;}
}

/* Mobile - Accordion */
@media screen and (max-width: 767px) {
  .nav-tabs {display: none; /* Hide tabs on mobile */ }
  .tab-content .tab-pane {display: block; margin-bottom: 10px; }
  .tab-content .tab-pane h3 {margin: 0 0 0px; padding: 5px 30px; font-size: 20px; background: var(--buttonPrimary); color: var(--whiteColor); cursor: pointer; position: relative;border-radius: 100px; }
  .tab-content .tab-pane p {/*display: none;*/ }
  .tab-content .tab-pane.active p {display: block; }
  .gallery-section .gallery-left .gallery-thum{width: 99% !important;}
  .tab-content .tab-pane.active h3{background: var(--highlightColor);}
  .tab-content .tab-pane.active .tab-content-inner{padding-top: 20px;}
  .tab-content .tab-pane h3:after{content: ""; width: 20px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); height: 10px; background: url(./images/white-down-arrow.svg) no-repeat right center;}
  .tab-content .tab-pane.active h3:after{transform: translateY(-50%) rotate(-180deg);}
  .tab-content .comment-form input[type="text"], .tab-content .comment-form input[type="email"]{font-size: 14px; height: 50px; padding: 0px 20px;} 
  .woocommerce .tab-content #review_form #respond textarea{font-size: 14px; height: 100px; padding: 20px 20px;}
  .tab-content .comment-form label{font-size: 14px;}
  .tab-content .comment-form input[type="checkbox"]{margin-right: 7px;}
  .tab-content h2{font-size: 18px;}
  .tab-content .comment-form{padding: 15px 15px;}
}


.recently-view-section{margin-top: 50px;}
.recently-view-section .title-section {margin-bottom: 1.5vw; }
.recently-view .slick-list{background-color: var(--whiteColor); position: relative;}
.recently-view .slick-list .slick-track{border: solid 1px var(--borderColor); /*box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);*/ border-radius: 20px; overflow: hidden;}
.recently-view .recent-slider-item{max-width: 324px; background: var(--whiteColor);}
/*.recently-view .recent-slider-item:first-child{border-left: solid 1px var(--borderDipColor);border-right: solid 1px var(--borderDipColor);}*/
.recently-view .recent-slider-item + .recent-slider-item{border-left: solid 1px var(--borderDipColor);}
.recent-slider-item-inner{padding: 47px 20px 20px; text-align: center;}
.recent-slider-item-inner .slider-list-image{width: 175px; height: 173px; overflow: hidden; border-radius: 100%; aspect-ratio: 1.1 / 1; margin-left: auto; margin-right: auto; }
.recently-view .slick-arrow{position: absolute; font-size: 0; top: 50%; cursor: pointer; color: var(--blackColor); margin-top: 1.3vw; width: 4.6vw; height: 4.6vw; background: #F3F3F3; box-shadow: 0px 4px 8px rgba(0, 0, 0, .2); border: 0; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.recently-view .slick-prev.slick-arrow{left: -6.3vw;}
.recently-view .slick-next.slick-arrow{right: -6.3vw;}
.recent-product-section .container{padding-left: 16.4vw; padding-right: 16.4vw;}
.recently-view .slick-prev.slick-arrow:before{content: "\f053"; font-weight: 900;font-family: "Font Awesome 6 Free"; line-height: 1; font-size: 1.9vw;}
.recently-view .slick-next.slick-arrow:before{content: "\f054"; font-weight: 900;font-family: "Font Awesome 6 Free"; line-height: 1; font-size: 1.9vw;}
.recently-view .slick-arrow:hover{color: var(--whiteColor); background-color: var(--highlightColor);}
.recent-slider-outer{background: url(./images/feature-left-botton-image.png) no-repeat left 37px bottom 5px; padding-bottom: 5.7vw; background-size: 9.52vw auto;}
.recent-product-section-inner{background: url(./images/feature-right-botton-image.png) no-repeat right 32px bottom 30px; background-size: 13.9vw auto;}

.recently-view.slider-work .recent-slider-item{max-width: unset;}


@media (max-width: 1900px){
  .recently-view .recent-slider-item{max-width: 20%;}
  .recently-view.slider-work .recent-slider-item{max-width: unset;}
  .slick-slider.slider-work{padding-left: 4vw; padding-right: 4vw;}
  .recently-view .slick-prev.slick-arrow {left: -2.3vw;}
  .recently-view .slick-next.slick-arrow {right: -2.3vw;}
  .checkou-btn{padding: 18px 100px;}
  .buy-now{padding: 22px 80px;}
  .details-page-bottom {padding-top: 5vw; padding-bottom: 5vw; }
}

@media (max-width: 1599px){
  .checkou-btn{padding: 16px 80px;}
  .buy-now{padding: 20px 60px;}
  .quantity .qty{width: 100px;height: 60px;}
  .quantity{width: 220px;}
  .product-featurs li {font-size: 16px; line-height: 24px;} 
  .product-featurs{margin-top: 25px}
  .content-right-section .price{margin-top: 35px;}
  .content-right-section .quantity-wraper {/*margin-top: 20px;*/ margin-top: 2px; margin-bottom: 25px; }
  .content-right-section .button-group{overflow: hidden; clear: both;}
  .details-page-top .utility {margin-top: 50px; }
  .utility{padding-bottom: 12px;}
  .recently-view-section {margin-top: 0px; }
  .recently-view .recent-slider-item{max-width: 25%;}
  .recently-view.slider-work .recent-slider-item{max-width: unset;}
  .tab-content p {font-size: 16px; line-height: 25px;} 
  .nav-tabs li a{font-size: 18px;}
}


@media (max-width: 1199px){
  .details-page-top .gallery-section{width: 100%; margin-bottom: 50px;}
  .details-page-top .content-right-section{ width: 100%; padding-left: 0;}
  .recently-view .recent-slider-item{max-width: 33.33%;}
  .recently-view.slider-work .recent-slider-item{max-width: unset; height: 100%;}
  .gallery-section .gallery-left .gallery-thum{height: auto; aspect-ratio: 1 / 1;}

  .recently-view .slick-list .slick-track{border: 0; box-shadow: unset; border-radius: unset; overflow: visible;display: flex; align-items: stretch;}
  .recently-view.slider-work .slick-list{border: solid 1px var(--borderColor); border-radius: 20px; overflow: hidden;}
}

@media (max-width: 991px){
  .relateditem .list-title {min-height: 75px;}
  .relateditem a h2{
    display: -webkit-box; /* Webkit browsers */
    -webkit-box-orient: vertical; /* Webkit browsers */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3; /* Webkit browsers */
    max-height: 75px; /* Fallback for other browsers (2 lines × line-height) */
    line-height: 25px; /* Adjust line height as needed */
  }
}

@media (max-width: 767px){
  .recently-view .recent-slider-item{max-width: 50%;}
  .recently-view.slider-work .recent-slider-item{max-width: unset;}
  .tab-content .tab-pane{padding: 0;}
  .checkou-btn {padding: 12px 40px; font-size: 16px; }
  .checkou-btn span{padding-right: 10px;}
  .buy-now {padding: 16px 40px; font-size: 16px; }
  .ability span {font-size: 16px; padding: 12px 20px;}
  .quantity .qty {width: 66px; height: 48px; font-size: 16px; }
  .quantity {width: 160px; }
  .review-section p{font-size: 16px;}
  .utility li a{font-size: 16px;}
  .calegory-locater{font-size: 16px;}
  .flow-us .flow-us-text{font-size: 16px;margin-right: 15px;}
  .flow-us{margin-top: 15px;}
  .details-page-top .content-right-section h3{font-size: 20px;line-height: 1.3;}
  .content-right-section .review-section {margin-top: 5px; }
  .details-page-top, .woocommerce div.product.details-page-top{margin-bottom: 7vw;}
  .content-right-section .ability{margin-top: 5px;}
  .content-right-section .quantity-wraper {/*margin-top: 3vw;*/ margin-top: 0; margin-bottom: 5vw;} 
  .details-page-top .utility {margin-top: 5vw; }
  .content-right-section .price {margin-top: 5vw; }
  .flow-us-social li {margin-right: 20px; }
  .recently-view-section {margin-top: 5vw; }
  .woocommerce div.product form.cart .button.cart-btn{padding: 12px 32px; font-size: 16px;}
  .tab-content p{line-height: 21px;}
  .woocommerce div.product .content-right-section p.stock{font-size: 14px; margin-bottom: 5vw;}
  .woocommerce div.product .content-right-section p.stock.in-stock{padding: 12px 26px;}
}

@media (max-width: 480px){
  .recently-view .recent-slider-item{max-width: 100%;}
  .recently-view.slider-work .recent-slider-item{max-width: unset;}
  .woocommerce div.product div.summary {margin-bottom: 0;}
}

@media (max-width: 479px){
  .details-page-top .content-right-section h3 {font-size: 18px; line-height: 1.2; }
  .review-section .rating {float: none; margin-right: 0; margin-top: 15px; margin-bottom: 10px; }
  .review-section p {font-size: 14px; } 
  .review-section p a{margin-left: 10px;}
  .product-featurs {margin-top: 15px; }
  .details-page-top .gallery-section{margin-bottom: 40px;}
  .gallery-section .gallery-left .gallery-thum{border-radius: 10px;}
  .checkou-btn {padding: 12px 25px; font-size: 14px; line-height: 1; }
  .checkou-btn span svg{width: 20px; height: auto; vertical-align: baseline;}
  .checkou-btn span {padding-right: 5px; }
  .buy-now {padding: 13px 25px; font-size: 14px; line-height: 1; }
  .utility li {margin-right: 20px; }
  .utility li a {font-size: 14px; }
  .calegory-locater{font-size: 14px; }
  .flow-us .flow-us-text{font-size: 14px; }
  .woocommerce div.product form.cart .button.cart-btn {padding: 7px 25px; font-size: 14px; }
  .woocommerce div.product form.cart .button.cart-btn span svg{vertical-align: middle;margin-top: -3px;}
  .content-right-section .summary p.price{margin-bottom: 10px; margin-top: 12px;}
  .content-right-section .review-section .rating{float: none; clear: both; overflow: hidden;}
  .content-right-section .review-section p a {margin-left: 0; }
  .content-right-section .review-section p {font-size: 14px; }
  .content-right-section .woocommerce-product-rating {margin-bottom: 10px;} 
  .sku_wrapper{font-size: 16px;}
  .posted_in{font-size: 16px;margin-top: 10px;}
  .woocommerce div.product .content-right-section div.summary {margin-bottom: 0;}
}


@media (max-width: 370px){
  .content-right-section .quantity-wraper{flex-direction: column; align-items: flex-start;}
  .ability{margin-bottom: 10px;}
  .content-right-section .quantity-wraper {/*margin-top: 7vw;*/ margin-bottom: 7vw;} 
  .details-page-top .checkou-btn{margin-bottom: 10px;}
  .checkou-btn {padding: 16px 40px;}
  .flow-us{flex-direction: column; align-items: flex-start;}
  .woocommerce div.product .content-right-section form.cart .button.cart-btn {padding: 7px 20px;}
  .woocommerce div.product .content-right-section form.cart .buy-now {padding: 12px 20px;}
  .ability span {font-size: 14px;}
  .quantity {width: 140px; margin-right: 12px; margin-bottom: 15px;}
  .quantity .qty{margin-left: 10px; margin-right: 10px;height: 44px;}
  .posted_in{font-size: 14px; line-height: 21px;}
  .content-right-section .price{margin-bottom: 5vw;}
  .woocommerce div.product .woocommerce-product-rating {margin-bottom: 5vw; }
  .woocommerce div.product .content-right-section .quantity{width: 120px;}
  .woocommerce div.product .content-right-section .quantity .qty {margin-left: 5px; margin-right: 5px;}
}


/* recent view dropdown ==== */
.recent-view-dropdown{position: absolute; top: 100%; z-index: 9; left: 0; right: 0; margin-top: 18px; overflow-x: hidden; display: none;}
.recent-active-dropdown .recent-view-dropdown{display: block; min-height: 100vh;}
.recent-view-dropdown-ul,
.recent-view-dropdown .products-list{background: var(--whiteColor); border: solid 1px var(--borderColor); box-shadow: 0px 4px 10px rgba(0, 0, 0, .1); border-radius: 20px; overflow: hidden; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start;}
.recent-active-dropdown:after{content: ""; display: block; background: rgba(0, 0, 0, 0.9); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;}
.recent-view-dropdown-ul li,
.recent-view-dropdown .products-list li,
.woocommerce-page .recent-view-dropdown ul.products li.product{width: 20%;margin: unset;}
.recent-view-dropdown .products-list li .slider-list-inner{padding: 47px 20px 20px; text-align: center; border: 0;}
.recent-view-dropdown .products-list li .slider-list-image{width: 175px; height: 173px; border: solid 1px var(--borderDipColor); overflow: hidden; border-radius: 100%; aspect-ratio: 1.1 / 1; margin-left: auto; margin-right: auto; }
.recent-view-dropdown-ul li + li,
.recent-view-dropdown .products-list li + li{border-left: solid 1px var(--borderDipColor);}
.recent-view-dropdown .products-list li .view-buttons{display: none;}
.woocommerce .recent-view-dropdown ul.products li.product .woocommerce-loop-product__title{color: var(--blackColor);}
.woocommerce-page ul.products li.product a.added_to_cart, li .cart-btn-outer a.added_to_cart{ display: inline-block; font-size: 16px; font-weight: 400; line-height: 24px; outline: unset; box-shadow: unset; text-align: center; padding: 10px 35px !important; border-radius: 900px; cursor: pointer; color: #181945; border: solid 0.5px #636468; background: #fff; margin-left: auto; margin-right: auto; margin-top: 18px;}
.woocommerce-page ul.products li.product a.added_to_cart:before, li .cart-btn-outer a.added_to_cart:before{content: ""; display: inline-block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 15.5C16.0304 15.5 16.5391 15.7107 16.9142 16.0858C17.2893 16.4609 17.5 16.9696 17.5 17.5C17.5 18.0304 17.2893 18.5391 16.9142 18.9142C16.5391 19.2893 16.0304 19.5 15.5 19.5C14.9696 19.5 14.4609 19.2893 14.0858 18.9142C13.7107 18.5391 13.5 18.0304 13.5 17.5C13.5 16.9696 13.7107 16.4609 14.0858 16.0858C14.4609 15.7107 14.9696 15.5 15.5 15.5ZM15.5 16.5C15.2348 16.5 14.9804 16.6054 14.7929 16.7929C14.6054 16.9804 14.5 17.2348 14.5 17.5C14.5 17.7652 14.6054 18.0196 14.7929 18.2071C14.9804 18.3946 15.2348 18.5 15.5 18.5C15.7652 18.5 16.0196 18.3946 16.2071 18.2071C16.3946 18.0196 16.5 17.7652 16.5 17.5C16.5 17.2348 16.3946 16.9804 16.2071 16.7929C16.0196 16.6054 15.7652 16.5 15.5 16.5ZM6.5 15.5C7.03043 15.5 7.53914 15.7107 7.91421 16.0858C8.28929 16.4609 8.5 16.9696 8.5 17.5C8.5 18.0304 8.28929 18.5391 7.91421 18.9142C7.53914 19.2893 7.03043 19.5 6.5 19.5C5.96957 19.5 5.46086 19.2893 5.08579 18.9142C4.71071 18.5391 4.5 18.0304 4.5 17.5C4.5 16.9696 4.71071 16.4609 5.08579 16.0858C5.46086 15.7107 5.96957 15.5 6.5 15.5ZM6.5 16.5C6.23478 16.5 5.98043 16.6054 5.79289 16.7929C5.60536 16.9804 5.5 17.2348 5.5 17.5C5.5 17.7652 5.60536 18.0196 5.79289 18.2071C5.98043 18.3946 6.23478 18.5 6.5 18.5C6.76522 18.5 7.01957 18.3946 7.20711 18.2071C7.39464 18.0196 7.5 17.7652 7.5 17.5C7.5 17.2348 7.39464 16.9804 7.20711 16.7929C7.01957 16.6054 6.76522 16.5 6.5 16.5ZM17.5 3.5H3.77L6.32 9.5H14.5C14.83 9.5 15.12 9.34 15.3 9.1L18.3 5.1C18.43 4.93 18.5 4.72 18.5 4.5C18.5 4.23478 18.3946 3.98043 18.2071 3.79289C18.0196 3.60536 17.7652 3.5 17.5 3.5ZM14.5 10.5H6.37L5.6 12.06L5.5 12.5C5.5 12.7652 5.60536 13.0196 5.79289 13.2071C5.98043 13.3946 6.23478 13.5 6.5 13.5H17.5V14.5H6.5C5.96957 14.5 5.46086 14.2893 5.08579 13.9142C4.71071 13.5391 4.5 13.0304 4.5 12.5C4.4997 12.1607 4.58573 11.8269 4.75 11.53L5.47 10.06L1.84 1.5H0.5V0.5H2.5L3.35 2.5H17.5C18.0304 2.5 18.5391 2.71071 18.9142 3.08579C19.2893 3.46086 19.5 3.96957 19.5 4.5C19.5 5 19.33 5.42 19.05 5.76L16.14 9.65C15.78 10.16 15.18 10.5 14.5 10.5Z' fill='black'%3E%3C/path%3E%3C/svg%3E") no-repeat center; background-size: contain; vertical-align: text-top; margin-right: 12px; }
.woocommerce-page ul.products li.product a.added_to_cart:hover, li .cart-btn-outer a.added_to_cart:hover{    background: var(--buttonPrimary); color: #000; border: solid 0.5px var(--buttonPrimary);}


@media (max-width: 1599px){
  .recent-view-dropdown-ul li,
  .recent-view-dropdown .products-list li,
  .woocommerce-page .recent-view-dropdown ul.products li.product{/*width: 25%;*/}
}

@media (max-width: 1199px){
  .recent-view-dropdown-ul li,
  .recent-view-dropdown .products-list li,
  .woocommerce-page .recent-view-dropdown ul.products li.product{width: 33.33%;}
}

@media (max-width: 768px){
  .woocommerce .recent-view-dropdown ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{width: 33.33%; margin-bottom: 0;}
  .recent-view-dropdown .products-list li .slider-list-inner {padding: 20px 15px 10px;}
}

@media (max-width: 767px){
  .recent-view-dropdown-ul li,
  .recent-view-dropdown .products-list li,
  .woocommerce-page .recent-view-dropdown ul.products li.product{width: 50%;}
  .recent-view-dropdown .products-list li .slider-list-image{width: 140px; height: 140px;}
  .woocommerce .recent-view-dropdown ul.products li.product .woocommerce-loop-product__title{font-size: 14px; line-height: 1.3;}
  .recent-view-dropdown .list-title {margin-top: 15px; }
  .woocommerce .recent-view-dropdown ul.products[class*=columns-] li.product, .woocommerce-page .recent-view-dropdown ul.products[class*=columns-] li.product{margin-bottom: 0px;}
}

@media (max-width: 560px){
  .woocommerce .recent-view-dropdown ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{width: 50%; margin-bottom: 0;}
  .recent-view-dropdown .products-list li .slider-list-image {width: 100px; height: 100px; }
}

@media (max-width: 479px){
  .recent-view-dropdown-ul li,
  .recent-view-dropdown .products-list li,
  .woocommerce-page .recent-view-dropdown ul.products li.product{width: 100%;}
  .woocommerce .recent-view-dropdown ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{width: 100%; margin-bottom: 0;}
  .woocommerce .recent-view-dropdown ul.products[class*=columns-] li.product, .woocommerce-page .recent-view-dropdown ul.products[class*=columns-] li.product{width: 100%;}
  .recent-view-dropdown-ul li + li, .recent-view-dropdown .products-list li + li{border: 0;}
}


/* checkout css ---------------------- */
.checkout-page .title-section {margin-bottom: 25px; margin-top: 10px;}
.checkout-page .title-section h2 {font-size: 24px; line-height: 50px; font-weight: 700; text-align: left;} 
.details-sec-inner{display: flex; padding-bottom: 63px; flex-flow: row wrap; align-items: stretch; justify-content: space-between;}
.details-sec-inner .details-sec-left .registration-form{border: 0.5px solid var(--lightBorderColor); border-radius: 20px; padding: 45px 30px 20px; height: 100%;}
.details-sec-inner .details-sec-left{width: 66.5%; display: flex; flex-flow: column;}
.form-control { width: 100%; height: 64px; border: none; background: var(--lightBackground); border-radius: 10px; font-size: 16px; font-weight: 300; outline: none; font-family: "Poppins", sans-serif; padding: 0px 27px; opacity: 70%;}
.form-row{display: flex; padding-bottom: 20px;margin: 0px -12px; }
.form-col{width: 100%; padding: 0px 12px; }
.form-text{display: block; font-size: 16px; font-weight: 400; color: var(--blueColor); line-height: 1; padding-bottom: 9px; width: 100%;}
.form-text span.requird{color: #FF0004;}

.woocommerce-checkout .wc-block-components-sidebar-layout{display: flex; padding-bottom: 63px; flex-flow: row wrap; align-items: stretch; justify-content: space-between;}
.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main{width: 66.5%; border: 0.5px solid var(--lightBorderColor); border-radius: 20px; padding: 30px 30px; height: 100%;}
.woocommerce-checkout .wc-block-components-sidebar{width: 31.7%;border: 0.5px solid #AAAAAA; border-radius: 20px; padding: 35px 40px 20px 40px; height: 100%; margin-top: 0;}

.form-control{width: 100%; height: 64px; border: none; background: rgba(235, 235, 235, 0.7); border-radius: 10px; font-size: 16px; font-weight: 300; outline: none; font-family: "Poppins", sans-serif; padding: 0px 25px;}

.details-sec-inner .details-sec-left .form-row .form-control.slect-optn{ -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background: url('./images/slect-dropdown.png') no-repeat right 30px center var(--lightBackground); background-size: 14px;}
.details-sec-inner .details-sec-left .checkbox-outer{display: flex; align-items: center; padding: 24px 0px 17px 0px;}
.details-sec-inner .details-sec-left .form-row .form-control.pass-key{ -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; }
.password-field{position: relative;}
.password-field .toggle-password{position: absolute; width: 22px; height: 18px; cursor: pointer; top: 50%; transform: translateY(-50%); right: 18px; display: block;}
.password-field .toggle-password svg{vertical-align: top;}

.details-sec-inner .checkbox-outer input, .intro-popup .checkbox-outer input{ padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.details-sec-inner .checkbox-outer label, .intro-popup .checkbox-outer label { position: relative; cursor: pointer; font-size: 18px; font-weight: 400; color: var(--blueColor); }
.details-sec-inner .checkbox-outer label:before, .intro-popup .checkbox-outer label:before, .checking .checkbox-outer label:before{ content:''; -webkit-appearance: none; background-color: transparent; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 17px; width: 24px; height: 24px; border: 0.5px solid var(--blueColor); border-radius: 4px; }
.details-sec-inner .checkbox-outer input:checked + label::after, .intro-popup .checkbox-outer input:checked + label::after, .checking .checkbox-outer input:checked + label::after{ content: ''; display: block; position: absolute; top: 4px;  left: 9px; width: 6px; height: 14px; border: solid var(--blueColor); border-width: 0 2px 2px 0; transform: rotate(45deg); }

.details-sec-inner .details-sec-left .checkbox-outer p{margin-bottom: 0px; font-size: 18px;  font-weight: 400; color: var(--blueColor); padding-left: 15px; }
.details-sec-inner .details-sec-left .form-row .text-area{width: 100%; height: 216px; border: none; background: rgba(235, 235, 235, 0.7); border-radius: 10px;  font-size: 16px; font-weight: 300;  outline: none; font-family: "Poppins", sans-serif; resize: none; padding: 25px;}
.checkout-page .form-control::placeholder{color: var(--lightBorderColor); font-size: 16px; font-weight: 300;}

.details-sec-inner .details-sec-right{width: 31.7%; display: flex;}
.our-order-detls{border: 0.5px solid var(--lightBorderColor); border-radius: 20px; padding: 35px 40px 20px 40px; height: 100%;}
.our-order-detls h5{ font-size: 24px; font-weight: 500; color: var(--blueColor); padding-bottom: 12px;}
.our-order-detls .product-list li{display: flex; justify-content: space-between; align-items: center; padding: 20px 0px 24px 0px; border-bottom: 0.5px solid var(--lightBorderColor); line-height: 1;}
.our-order-detls .product-list li .prod-list-left{margin-bottom: 0px; font-size: 18px; font-weight: 400; color: var(--blueColor); padding-right: 90px; line-height: 21px; }
.our-order-detls .product-list li .prod-list-right{font-size: 18px; font-weight: 400; color: var(--blueColor);}
.our-order-detls .product-list li .prod-list-right span{color: var(--highlightColor); font-size: 20px; font-weight: 600;}
.our-order-detls .product-list.product-list-top li:first-child{padding-bottom: 16px;}
.our-order-detls .checking{padding: 15px 0px 16px 0px; border-bottom: 0.5px solid var(--lightBorderColor);}
.order-qualifies{display: flex; align-items: center; padding: 12px 0px; line-height: 1;}
.order-qualifies p{margin-bottom: 0px;  font-size: 18px; font-weight: 400; color: var(--buttonPrimary);}
.order-qualifies span {margin-right: 18px;}
.our-order-detls .checking ul li{display: flex; align-items: center; padding: 12px 0px; line-height: 100%;}
.our-order-detls .checking ul li p{margin-bottom: 0px;  font-size: 18px; font-weight: 400; color: var(--blueColor); }

.checking ul li .checkbox-outer input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.checking ul li .checkbox-outer label { position: relative; cursor: pointer; font-size: 18px; font-weight: 400; color: var(--blueColor);  }
.checking ul li .checkbox-outer label:before { content:''; -webkit-appearance: none; background-color: transparent; display: inline-block; position: relative; vertical-align: middle;cursor: pointer; margin-right: 17px; width: 18px; height: 18px; border: 0.5px solid var(--blueColor); border-radius: 4px; }
.checking ul li .checkbox-outer input:checked + label::after { content: ''; display: block; position: absolute; top: 6px; left: 7px; width: 4px; height: 11px;  border-width: 0 2px 2px 0; transform: rotate(45deg); }

.our-order-detls .checking ul li:first-child p{color: var(--buttonPrimary);}
.payment{padding-top: 30px;}
.payment .payment-option{padding: 0px 0px 18px 0px;}
.payment .payment-option label{ font-size: 18px; font-weight: 400; color: var(--blueColor); }

.payment .payment-option .check-payment[type="radio"] { border-radius: 50%; cursor: pointer;  outline: none; width: 20px; height: 20px; -moz-appearance: none; -webkit-appearance: none; vertical-align: middle;}
.payment .payment-option .check-payment[type="radio"]:checked { background-color: var(--highlightColor); box-shadow: inset 0 0 0 .1875em var(--whiteColor);  border: 1px solid var(--highlightColor); }
.payment .payment-option .check-payment{width: 20px;  height: 20px;  border-radius: 50%;  border: 1px solid var(--lightBorderColor); margin-right: 10px; }
    
.payment .payment-option p{font-size: 18px; font-weight: 400; line-height: 26px; color: var(--blueColor); padding: 23px 17px 0px 40px;  margin-bottom: 0px; }

.details-sec-inner .details-sec-right .basic_btn, .cart-table-outer .cart-right .basic_btn{width: 100%; background: var(--highlightColor);  font-size: 18px; font-weight: 600; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center; padding: 25px; line-height: 100%; color: var(--whiteColor); text-decoration: none;}
.details-sec-inner .details-sec-right .basic_btn.coupon_btn{background: var(--buttonPrimary); color: var(--whiteColor); margin-top: 23px; }
.our-order-detls .cupon-form{padding: 24px 0px 0px 0px;margin-bottom: 3px;}
.our-order-detls .atm-card-logo{width: 100%; height: 64px; background: var(--lightBackground); border-radius: 10px; margin-top: 10px; display: flex; justify-content: center; align-items: center; padding: 0px 20px; }
.our-order-detls .atm-card-logo ul{margin: 0px -5px; display: flex; justify-content: center; align-items: center;}
.our-order-detls .atm-card-logo ul li{ padding: 0px 5px; flex-wrap: wrap;}
.our-order-detls h6{ font-size: 16px; font-weight: 400; color: var(--baseColor); margin-bottom: 0px; padding-top: 24px; }
.checking ul li span{margin-right: 18px;}
.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-main .wc-block-checkout__login-prompt{margin-top: -24px; font-size: 16px; font-weight: 400; line-height: 24px; outline: unset; box-shadow: unset; text-align: center; padding: 7px 25px; border-radius: 900px; cursor: pointer; color: #181945; border: solid 0.5px #636468; background: #fff;}
.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-main .wc-block-checkout__login-prompt:hover{background-color: var(--highlightColor); border-color: var(--highlightColor); color: var(--whiteColor);}
.wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice{color: #A7CB82 !important;}


@media (min-width:1600px) {
  .our-order-detls .product-list  li .prod-list-left{padding-right: 67px;}
}
@media (max-width:1599px) {
  .our-order-detls h5{padding-bottom: 10px;}
  .our-order-detls .product-list  li .prod-list-left{padding-right: 45px;}
  .payment .payment-option p{padding: 25px 17px 0px 40px;}
  .our-order-detls .cupon-form { padding: 20px 0px 20px 0px; }
  .our-order-detls h6{padding-top: 20px;}
  .woocommerce-checkout .wc-block-components-sidebar{padding: 35px 25px 20px 25px;}
}

@media (max-width:1399px) {
  .our-order-detls .cupon-form { padding: 20px 0px 0px 0px; }
  .our-order-detls .checking { padding: 20px 0px 20px 0px; }
  .our-order-detls h6{line-height: 22px;}
  .order-qualifies p{}
}


@media (max-width:1366px) {
  .payment { padding-top: 22px; }
  .payment .payment-option { padding: 0px 0px 23px 0px; }
  .our-order-detls {  padding: 35px 35px 20px 35px; }
}

@media (max-width:1299px) {
  .payment .payment-option p {  padding: 25px 0px 0px 40px; }
  .our-order-detls .product-list  li .prod-list-left { padding-right: 30px; }
}

@media (max-width:1199px) {
  .details-sec-inner{flex-wrap: wrap;}
  .details-sec-inner .details-sec-left{width: 100%;}
  .details-sec-inner .details-sec-right{width: 100%; padding-left: 0px; padding-top: 30px;}
  .our-order-detls { padding: 35px 35px 50px 35px; }
  .our-order-detls .product-list  li .prod-list-left { padding-right: 94px; }
  .payment .payment-option p { padding: 25px 35px 0px 40px; }
  .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main{width: 100%;}
  .woocommerce-checkout .wc-block-components-sidebar{width: 100%; margin-top: 30px;}
}

@media (max-width: 991px) {
  .payment .payment-option p {  padding: 25px 36px 0px 40px; }
  .our-order-detls .product-list  li .prod-list-left {  padding-right: 106px; }
  .details-sec-inner .details-sec-right{width: 100%;}
  .our-order-detls .atm-card-logo ul li{padding: 0px 15px;}
  .our-order-detls .atm-card-logo ul{margin: 0px -15px;}
  .woocommerce-checkout .title{margin-bottom: 0;}
  .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main{padding: 25px !important;}
  .woocommerce-checkout .wc-block-components-sidebar{width: 100%; margin-top: 0px;}
  .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main .css-0 .wp-block-woocommerce-checkout-order-summary-block{display: none;}
}

@media (max-width:767px) {
  .payment .payment-option p {  padding: 25px 115px 0px 40px; }
  .our-order-detls .product-list li .prod-list-left { padding-right: 120px; }
  .details-sec-inner .details-sec-right { width: 100%; }
  .details-sec-inner .details-sec-left .form-row .text-area{height: 80px;}
  .details-sec-inner .details-sec-left .registration-form{padding: 30px 30px;}
  .form-control{height: 50px;}
  .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title{border-top: 0 !important;padding: 0 !important;}
  .woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-main .wc-block-checkout__login-prompt{margin-top: -30px; font-size: 14px; padding: 3px 15px;}
}
@media (max-width: 575px) {
   .payment .payment-option p { padding: 25px 20px 0px 40px; }
   .our-order-detls .product-list  li .prod-list-left { padding-right: 35px; font-size: 17px; }
   .our-order-detls .product-list  li .prod-list-right{font-size: 17px;}
   .our-order-detls .product-list  li .prod-list-right span{font-size: 18px;}
   .checking ul li .checkbox-outer label{font-size: 17px;}
   .payment .payment-option label{font-size: 17px;}
   .payment .payment-option p{font-size: 17px;}
   .details-sec-inner .details-sec-left .form-row{flex-flow: column;}
   .details-sec-inner .details-sec-left .form-row .form-col { padding: 0px 0px; margin-bottom: 10px;}
   .details-sec-inner .details-sec-left .form-row .form-text{ }
   .details-sec-inner .details-sec-left .form-row{padding-bottom: 0px; margin: 0px 0px;}
   .details-sec-inner .details-sec-right .our-order-detls .atm-card-logo ul li { padding: 0px 3px; } 
   .form-text {font-size: 16px;line-height: 1.25; }
   .details-sec-inner .details-sec-right .basic_btn{font-size: 16px; padding: 20px;} 
   .details-sec-inner .checkbox-outer label{font-size: 16px;}
}

@media (max-width:479px) {
  .checkout-page .title-section {margin-bottom: 10px; margin-top: 0px; }
  .form-text{font-size: 14px;}
  .details-sec-inner .checkbox-outer label{font-size: 14px;}
  .details-sec-inner .checkbox-outer label:before, .intro-popup .checkbox-outer label:before{width: 16px; height: 16px;margin-right: 10px;}
  .details-sec-inner .checkbox-outer input:checked + label::after, .intro-popup .checkbox-outer input:checked + label::after{top: 4px; left: 7px; width: 3px; height: 8px;} 
  .order-qualifies p{font-size: 15px;line-height: 1.25;}
  .order-qualifies span {margin-right: 15px;}
  .checking ul li .checkbox-outer label {font-size: 15px; }
  .our-order-detls .checking ul li{padding: 8px 0px;}
  .payment .payment-option p {font-size: 15px; line-height: 1.35; }
  .payment .payment-option p {padding: 12px 20px 0px 40px; }
  .payment .payment-option .check-payment[type="radio"]{width: 16px; height: 16px;}
  .payment .payment-option {padding: 0px 0px 15px 0px; }
  .payment .payment-option label {font-size: 15px; }
  .our-order-detls .product-list li{padding: 15px 0px;}
  .our-order-detls .product-list.product-list-top li:first-child {padding-bottom: 10px;}
  .checking ul li .checkbox-outer label:before{margin-right: 12px; width: 16px; height: 16px;} 
  .checking ul li .checkbox-outer input:checked + label::after{top: 5px; left: 7px; width: 3px; height: 8px;}
  .our-order-detls .product-list li .prod-list-left{font-size: 15px;}
  .our-order-detls .product-list li .prod-list-right{font-size: 15px;}
  .our-order-detls .product-list li .prod-list-right span {font-size: 15px; }
  .our-order-detls h5 {padding-bottom: 0px; font-size: 20px; }
  .woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-main .wc-block-checkout__login-prompt{float: none; display: inline-block; margin: 10px 0;}
}

@media (max-width:420px) {
  .details-sec-inner .details-sec-left .registration-form{ padding: 25px 20px; }
   .our-order-detls { padding: 25px 20px 40px 20px; }
  .page-heading-inner { padding-bottom: 26px; }
  .our-order-detls .product-list  li .prod-list-left { padding-right: 20px;}
}

/*===================== check_out_page=============== */


/*================== intro popup_page =============== */
.intro-popup{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: rgba(0, 0, 0, 0.7);}
.popup-sec{padding: 138px 0px; overflow: auto; max-height: 100vh;}
.popup-sec .popup-sec-inner .popup-sec-regist{padding-top: 60px;}
.popup-sec .page-heading-inner h4{ font-size: 40px; font-weight: 700; color: var(--Blue-Color, rgba(9, 33, 67, 1)); padding-bottom: 35px; line-height: 42px; }
.popup-sec .page-heading-inner h4 span{color: rgba(244, 149, 29, 1); padding-right: 8px;}
.popup-sec .page-heading-inner h5{ font-size: 30px; font-weight: 400; color: var(--Text-Colr_1, rgba(24, 25, 69, 1)); line-height: 100%;}
.popup-sec-inner{background: rgba(255, 255, 255, 1);  padding: 60px 130px; border-radius: 40px;}
.licence{display: flex; align-items: center; margin-top: 0px; flex-wrap: wrap;}
.licence p{margin-bottom: 0px; padding-bottom: 9px; font-size: 18px;  color: var(--Text-Colr_1, rgba(24, 25, 69, 1)); }
.licence .basic_btn{margin-top: 14px;}
.popup-sec-inner .form-control.slect-optn{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.popup-sec-inner .form-col.form-col-zip{max-width: 334px; width: 100%;}
 .basic_btn{font-size: 18px; font-weight: 600; text-decoration: none; background: var(--highlightColor); border-radius: 50px; padding: 14px 50px; padding-left: 50px; color: var(--whiteColor);}
.licence .basic_btn.browse_btn_icon {position: relative; margin-top: 0; padding-left: 80px; background-image: url(./images/browse-logo.png); background-size: 28px; background-position: left 40px top 50%; background-repeat: no-repeat; }
.popup-btm{display: flex; justify-content: space-between; padding-top: 60px; position: relative;}
.file_btn{    position: absolute; left: 0px; right: 0px; width: auto; height: auto; opacity: 0; cursor: pointer; top: 0; bottom: 0;} 
.popup-btm-right .basic_btn{background-color: var(--buttonPrimary); border: 0; cursor: pointer;}
.popup-btm-right .basic_btn:hover{background-color: var(--highlightColor);}
.popup-btm-left .checkbox-outer label a{color: var(--highlightColor); font-size: 18px; font-weight: 600;}
.date-select{display: flex; align-items: center; flex-flow: row wrap; justify-content: space-between; position: relative;}
.date-pic{opacity: 1; background: url(./images/calender-icon.svg) no-repeat; width: 49px; height: 54px; border-width: 0; background-size: 100% auto; cursor: pointer; }
.date-select .form-control.date{width: calc(100% - 62px);}
.date-select .flatpickr-calendar.open{top: 100% !important; left: 0 !important; margin-top: 10px;}
.form-col.otpsec{display: flex; align-items: center; flex-flow: row wrap;}
.form-col.otpsec #generate-otp{
      font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    outline: unset;
    box-shadow: unset;
    text-align: center;
    padding: 10px 35px;
    border-radius: 900px;
    cursor: pointer;
    color: #181945;
    border: solid 0.5px #636468;
    background: #fff;
    white-space: nowrap;
    margin-left: 24px;
}
.form-col.otpsec #generate-otp:hover{background-color: var(--highlightColor); color: var(--whiteColor); border-color: var(--highlightColor);}
.form-col.otpsec .form-control{width: calc(100% - 205px);}


@media (max-width:1599px) {
    .popup-sec{padding: 100px 0px 100px 0px;}
    .popup-sec-inner{padding: 50px 100px 100px 100px;}
}
@media (max-width:1366px) {
    .popup-sec .page-heading-inner h4{font-size: 35px; padding-bottom: 20px;}
    .page-heading-inner { padding-bottom: 20px; }
    .popup-sec .page-heading-inner h5 { font-size: 25px; }
}
@media (max-width:1199px) {
    .popup-sec{padding: 50px 0px 50px 0px;}
    .popup-sec-inner { padding: 50px 50px 100px 50px; }
}

@media (max-width:991px) {
   .popup-sec-regist .registration-form .form-row {flex-flow: column; padding-bottom: 0px; margin: 0px 0px;}
   .popup-sec-regist .registration-form .form-row .form-col{padding: 0px 0px;}
   .popup-sec-inner .form-col.form-col-zip{max-width: 100%; width: 100%;}
   .popup-sec-regist .registration-form .form-text{padding-top: 10px;}
   .popup-sec .popup-sec-inner .popup-sec-regist { padding-top: 0px; }
   .popup-sec-inner { padding: 40px 40px 90px 40px; }
}


@media (max-width:767px) {
    .popup-btm{flex-flow: column;}
    .popup-btm-left{padding-bottom: 40px;}
    .popup-btm{padding-top: 40px;}
    .popup-sec .page-heading-inner h5 { font-size: 21px; }
    .popup-sec .page-heading-inner h4 { font-size: 30px; padding-bottom: 10px; }
    .popup-sec-inner { padding: 35px 25px 70px 25px; }
    .checkbox-outer label{font-size: 17px; }
    .checkbox-outer label a{font-size: 17px !important;}
    .checkbox-outer label::before{margin-right: 10px;}
}
@media (max-width:575px) {
    .popup-sec .page-heading-inner h4 { font-size: 26px; padding-bottom: 10px; }
    .licence p{padding-right: 10px; font-size: 17px;}
    .popup-sec .page-heading-inner h5 { font-size: 18px; } 
}

@media (max-width: 479px) {
  .checkbox-outer label {font-size: 12px; }
  .checkbox-outer label a {font-size: 12px !important; }
  .newsleter-box .form-control{height: 44px;}
  .ftr_logo {margin-bottom: 30px; }
  .footer-top{top: -130px;margin-bottom: -100px;}
}

/*================== intro popup_page =============== */


/* compare page ------------- */
.product-compare{margin-top: 25px; padding-bottom: 140px;}
.compare-table-outer{width: 100%; overflow: auto;}
.product-compare .title{padding-bottom: 20px;}
.compare-table, 
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table{width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--borderColor); border-radius: 20px; overflow: hidden; margin-bottom: 25px;}

.compare-table th strong, 
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table th a{font-size: 16px; font-weight: 600; color: var(--blueColor); text-decoration: none;}
.compare-table td span{font-weight: 700; color: var(--Green-Buton, rgba(167, 203, 130, 1));}
.compare-table th,
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table th {padding: 12px 20px; text-align: left; border-bottom: 0.5px solid rgba(63, 63, 63, 0.5); font-size: 18px; font-weight: 400; line-height: 22px; text-align: left; color: var(--blueColor); border-right: 0.5px solid rgba(63, 63, 63, 0.5); }
.compare-table td,
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td{padding: 12px 20px; text-align: left; border-bottom: 0.5px solid rgba(63, 63, 63, 0.5); font-size: 18px; font-weight: 400; line-height: 26px; color: var(--blueColor); border-right: 0.5px solid rgba(63, 63, 63, 0.5); }
.compare-table td.compare-heading{min-width: 277px;}
.compare-table td p{text-align: center; margin-bottom: 0px;}
.compare-table td .price{color: var(--Button-and-icon-color, rgba(244, 149, 29, 1)); font-weight: 700;}
.compare-table .cart-btn-outer .cart-btn{color: var(--whiteColor);}
.compare-table td .delet-btn{display: block; padding-top: 48px;}
.compare-table th:last-child, .compare-table td:last-child,
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table th:last-child, .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td:last-child{border-right: 0;}
.compare-table tbody tr:last-child td,
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table tbody tr:last-child td{border-bottom: 0;}
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td .cart-btn{white-space: nowrap; color: #181945; text-decoration: none;margin-top: 10px;}
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td .cart-btn:hover{color: #fff; text-decoration: none;background: var(--highlightColor);border-color: var(--highlightColor);}
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td .cart-btn:hover svg path{fill: #fff;}

.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table::-webkit-scrollbar {
    width: 2px; /* Scrollbar width */
  }

.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table::-webkit-scrollbar-track {
    background: var(--borderDipColor); /* Scrollbar track color */
  }

.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table::-webkit-scrollbar-thumb {
    background: var(--highlightColor); /* Scrollbar thumb color */
  }

.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table::-webkit-scrollbar-thumb:hover {
    background: #555; /* Hover color for scrollbar thumb */
  }

  /* For Firefox */
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table{
    scrollbar-width: thin; /* Makes the scrollbar thin */
  scrollbar-color: var(--highlightColor) var(--borderDipColor); /* Thumb and track colors */
}

/* Optional: Add horizontal scrollbar styling, if needed */
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table::-webkit-scrollbar-horizontal {
  height: 2px; /* Horizontal scrollbar height */
}

.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table::-webkit-scrollbar-thumb-horizontal {
  background: var(--highlightColor); /* Horizontal scrollbar thumb color */
}

.woosc_table tbody tr.tr-add_to_cart td .woosc-remove{
  width: 32px;
  height: 36px;
   background: #AAAAAA; /* Default fill color */
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="36" viewBox="0 0 32 36" fill="none"><path d="M5.97943 36C4.95543 36 4.08381 35.6408 3.36457 34.9225C2.64533 34.2042 2.28571 33.3344 2.28571 32.3133V4.04058H0V1.75777H9.14286V0H22.8571V1.75777H32V4.04058H29.7143V32.3133C29.7143 33.3633 29.3623 34.2407 28.6583 34.9453C27.9543 35.65 27.0751 36.0015 26.0206 36H5.97943ZM27.4286 4.04058H4.57143V32.3133C4.57143 32.7226 4.70324 33.059 4.96686 33.3223C5.23048 33.5855 5.568 33.7172 5.97943 33.7172H26.0229C26.3733 33.7172 26.6956 33.5711 26.9897 33.2789C27.2838 32.9867 27.4301 32.664 27.4286 32.311V4.04058ZM10.9897 29.1516H13.2754V8.60621H10.9897V29.1516ZM18.7246 29.1516H21.0103V8.60621H18.7246V29.1516Z" fill="%23AAAAAA"></path></svg>') no-repeat center center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="36" viewBox="0 0 32 36" fill="none"><path d="M5.97943 36C4.95543 36 4.08381 35.6408 3.36457 34.9225C2.64533 34.2042 2.28571 33.3344 2.28571 32.3133V4.04058H0V1.75777H9.14286V0H22.8571V1.75777H32V4.04058H29.7143V32.3133C29.7143 33.3633 29.3623 34.2407 28.6583 34.9453C27.9543 35.65 27.0751 36.0015 26.0206 36H5.97943ZM27.4286 4.04058H4.57143V32.3133C4.57143 32.7226 4.70324 33.059 4.96686 33.3223C5.23048 33.5855 5.568 33.7172 5.97943 33.7172H26.0229C26.3733 33.7172 26.6956 33.5711 26.9897 33.2789C27.2838 32.9867 27.4301 32.664 27.4286 32.311V4.04058ZM10.9897 29.1516H13.2754V8.60621H10.9897V29.1516ZM18.7246 29.1516H21.0103V8.60621H18.7246V29.1516Z" fill="%23AAAAAA"></path></svg>') no-repeat center center;
  background-size: contain; /* Ensure the SVG scales properly */
  mask-size: contain;
  -webkit-mask-size: contain;
  font-size: 0; 
  display: inline-block;
  cursor: pointer;margin: 20px auto 10px;
}
.woosc_table tbody tr.tr-add_to_cart td .woosc-remove:hover{background: #f4951d;}
.woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table tbody tr.tr-add_to_cart td.col{text-align: center;}

@media(max-width: 1600px){
  .compare-table th, .compare-table td{padding: 16px 25px;}
  .compare-table td{font-size: 16px;line-height: 22px;}
  .compare-table th, .compare-table th strong{font-size: 15px;}
  .compare-table td .delet-btn{padding-top: 30px;}
  .compare-table td.compare-heading {min-width: 235px; }
  .cart-btn-outer {margin-top: 15px; margin-bottom: 20px; } 
  .product-compare{padding-bottom: 80px; margin-top: 20px;}
  .product-compare .title {padding-bottom: 10px; }

}

@media(max-width: 1499px){
  .compare-table th, .compare-table td{padding: 16px 25px;}
  .compare-table td{font-size: 15px;line-height: 21px;}
  .compare-table th, .compare-table th strong{font-size: 15px;}
  .compare-table td .delet-btn{padding-top: 30px;}
  .compare-table td.compare-heading {min-width: 220px; }
  .cart-btn-outer {margin-top: 15px; margin-bottom: 20px; } 
  .product-compare{padding-bottom: 80px; margin-top: 20px;}
  .product-compare .title {padding-bottom: 10px; }

}


/* prduct wishlist ------------------*/
.product-wishlist{margin-top: 25px; padding-bottom: 140px;}
.wishlist-table-outer{width: 100%; overflow: auto;}
.product-wishlist .title{padding-bottom: 10px; margin-bottom: 0;}

.wishlist-table{width: 100%; border-collapse: separate; border-spacing: 0 35px;}
.wishlist-table tr th{text-align: left;border-bottom: solid 0.5px var(--lightBorderColor); padding: 5px 20px; font-size: 18px; line-height: 26px; color: var(--blueColor); font-weight: 400;}
.wishlist-table tr th:first-child{padding-left: 0;}
.wishlist-table tr td{border-top: solid 0.5px var(--lightBorderColor); border-bottom: solid 0.5px var(--lightBorderColor); padding: 25px 18px; text-align: left;}
.wishlist-table tr td:first-child{border-left: solid 0.5px var(--lightBorderColor); border-radius: 20px 0 0 20px;}
.wishlist-table tr td:last-child{border-right: solid 0.5px var(--lightBorderColor); border-radius: 0 20px 20px 0;}
.wishlist-table tr td.wishlist-image{width: 140px;}
.wishlist-table tr td .price{font-size: 20px; line-height: 26px; color: var(--blueColor); font-weight: 400;}
.wishlist-table tr td.wishlist-product-desc h4, .wishlist-table tr td.wishlist-product-desc h4 a{font-size: 20px; line-height: 26px; color: var(--blueColor); font-weight: 400;}
.wishlist-table tr td.wishlist-product-desc p{font-size: 16px; line-height: 24px; color: var(--baseTextColor); font-weight: 400;}
.wishlist-table tr td.wishlist-image a{margin-left: 15px;}
.wishlist-table tr td .ability span.in-stock{background-color: transparent; color: var(--buttonPrimary); font-size: 20px; line-height: 26px; border-radius: 0; padding: 0; font-weight: 600;}
.wishlist-table tr td .ability span.in-stock:before{content: ""; background: url(./images/instock-tic.svg) no-repeat left center; width: 20px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 7px;}
.wishlist-table tr td .cart-btn-outer .cart-btn{color: var(--whiteColor); padding: 20px 53px; font-weight: 600; margin-right: 50px;}
.share-it{}
.share-it a{text-decoration: none; margin-right: 5px;}
.share-it a.shear{margin-right: 12px; text-decoration: underline; font-size: 18px; line-height: 26px; color: var(--blueColor); font-weight: 400;text-underline-offset: 3px;}


/* prduct cart ------------------*/
.product-cart{margin-top: 25px; padding-bottom: 140px;}
.product-cart .title{padding-bottom: 10px; margin-bottom: 0;}
.cart-table-outer{display: flex; justify-content: space-between;width: 100%; flex-flow: row wrap; align-items: flex-start;}
.cart-table-outer .cart-wrapper{width: 66.5%;}
.cart-table-outer .cart-right{width: 31.7%; padding-top: 110px;}
.woocommerce-cart .woocommerce .cart-right table.shop_table{border: 0;margin-bottom: 0;}
.woocommerce-cart .woocommerce .cart-right table.shop_table th, .woocommerce-cart .woocommerce .cart-right table.shop_table td{padding-left: 0; padding-right: 0;}
.woocommerce-cart .woocommerce .cart-right table.shop_table .cart-subtotal th, .woocommerce-cart .woocommerce .cart-right table.shop_table .cart-subtotal td{border-bottom: 0.5px solid #AAAAAA;}
.woocommerce-cart .woocommerce .cart-right table.shop_table .cart-subtotal th{text-align: left; font-size: 18px; font-weight: 400; color: #181945; line-height: 21px;}
.woocommerce-cart .woocommerce .cart-right table.shop_table .cart-subtotal td{text-align: right;color: #F4951D; font-size: 20px; font-weight: 600;}
.woocommerce-cart .woocommerce .cart-right table.shop_table .shipping-calculator-button{
  font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    background: #F4951D;
    border-radius: 900px;
    padding: 5px 15px;
    color: #fff;
    line-height: 1;
    border: 0;
    display: inline-block;
}
.woocommerce-cart .woocommerce .cart-right table.shop_table .cart-subtotal th{text-align: left;    font-size: 18px;
    font-weight: 400;
    color: #181945;
    line-height: 21px;}
.woocommerce-cart .woocommerce .cart-right table.shop_table td{/*text-align: right;*/}
.woocommerce-cart .woocommerce .cart-right table.shop_table tbody th, .woocommerce-cart .woocommerce .cart-right table.shop_table tbody td{border: 0;}
.woocommerce-cart .woocommerce .cart-right table.shop_table tbody .order-total th, .woocommerce-cart .woocommerce .cart-right table.shop_table tbody .order-total td{border-top: 0.5px solid #AAAAAA;}
.woocommerce-cart .woocommerce .cart-right table.shop_table tbody .order-total th{text-align: left; font-size: 18px; font-weight: 400; color: #181945; line-height: 21px;}
.woocommerce-cart .woocommerce .cart-right table.shop_table tbody .order-total td{text-align: right;color: #F4951D; font-size: 20px; font-weight: 600;}
.woocommerce-cart .woocommerce .cart-right table.shop_table td.shipping-section{padding-bottom: 25px;}
.woocommerce-cart .woocommerce .cart-right table.shop_table td.shipping-section p.woocommerce-shipping-destination{margin-bottom: 20px;margin-top: 20px;}

.woocommerce-cart .woocommerce .cart-right input[type="radio"] { border-radius: 50%; cursor: pointer;  outline: none; border-radius: 50%;  border: 1px solid #AAAAAA; margin-right: 10px; width: 20px; height: 20px; -moz-appearance: none; -webkit-appearance: none; vertical-align: middle;}
.woocommerce-cart .woocommerce .cart-right input[type="radio"]:checked { background-color: #F4951D; box-shadow: inset 0 0 0 .1875em #fff;  border: 1px solid #F4951D; }
.woocommerce ul#shipping_method li input[type="radio"]{margin-right: 15px;}

.woocommerce .cal form .shipping-calculator-form{margin-top: 20px;}
.woocommerce .cal form .shipping-calculator-form p{margin-bottom: 0px;}
.woocommerce .cal form .shipping-calculator-form .form-row{margin-bottom: 20px; padding: 0;}
.woocommerce .cal form .shipping-calculator-form .form-row input.input-text{
      width: 100%;
    height: 64px;
    border: none;
    background: rgba(235, 235, 235, 0.7);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    font-family: "Poppins", sans-serif;
    padding: 0px 25px;
}
.woocommerce .select2-container .select2-selection--single{
      width: 100%;
    height: 64px;
    border: none;
    background: rgba(235, 235, 235, 0.7);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    font-family: "Poppins", sans-serif;
    padding: 18px 25px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 14px;
    position: absolute;
    top: 50%;
    right: 25px;
    width: 14px;
    margin-top: -7px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b{background: url(./images/slect-dropdown.png) no-repeat center; width: 14px; height: 14px;border:0;}
.woocommerce .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform: rotate(-180deg);}

.woocommerce-cart .select2-dropdown{border: 1px solid rgba(235, 235, 235, 0.7); border-radius: 10px;}
.woocommerce-cart .select2-search--dropdown{padding: 12px;}
.woocommerce-cart .select2-container--default .select2-search--dropdown .select2-search__field{
   width: 100%;
    height: 44px;
    border: none;
    background: rgba(235, 235, 235, 0.7);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    font-family: "Poppins", sans-serif;
    padding: 18px 25px;
}

.woocommerce-cart .select2-results__option{padding: 6px 15px;}
.woocommerce-cart .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{background-color: rgba(235, 235, 235, 0.7);}
.woocommerce-cart .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{background-color: #092143; color: #fff;}

.cart-table{width: 100%; border-collapse: separate; border-spacing: 0 35px;}
.cart-table tr th{text-align: left;border-bottom: solid 0.5px var(--lightBorderColor); padding: 5px 20px; font-size: 18px; line-height: 26px; color: var(--blueColor); font-weight: 400; white-space: nowrap;}
.cart-table tr th:first-child{padding-left: 0;}
.cart-table tr td{border-top: solid 0.5px var(--lightBorderColor); border-bottom: solid 0.5px var(--lightBorderColor); padding: 25px 18px; text-align: left; min-width: 140px;}
.cart-table tr td:first-child{border-left: solid 0.5px var(--lightBorderColor); border-radius: 20px 0 0 20px;}
.cart-table tr td:last-child{border-right: solid 0.5px var(--lightBorderColor); border-radius: 0 20px 20px 0;}
.cart-table tr td.cart-image{width: 140px;}
.cart-table tr td .price{font-size: 20px; line-height: 26px; color: var(--blueColor); font-weight: 400;}
.cart-table tr td.cart-product-desc h4, .cart-table tr td.cart-product-desc h4 a{font-size: 20px; line-height: 26px; color: var(--blueColor); font-weight: 400;}
.cart-table tr td.cart-product-desc h4{margin-bottom: 10px;}
.cart-table tr td.cart-product-desc p{font-size: 16px; line-height: 24px; color: var(--baseTextColor); font-weight: 400; margin-bottom: 15px;}
.cart-table tr td.cart-image a{margin-left: 15px;}
.cart-table tr td .quantity{width: 122px;}
.cart-table tr td .quantity .qty{height: 40px; width: 60px; text-align: center; margin-left: 5px; margin-right: 5px;-moz-appearance: textfield; -webkit-appearance: none;}
.cart-table tr td .quantity .qty::placeholder{text-align: center;}
.cart-table tr td .cart-btn-outer .cart-btn{color: var(--whiteColor); padding: 20px 53px; font-weight: 600; margin-right: 50px;}
.cart-table tr td .cart-features{display: flex; align-items: center; border-top: solid 0.5px var(--lightBorderColor); padding-top: 12px;}
.cart-table tr td .cart-features li{margin-right: 10px;}
.cart-table tr td .cart-features li a{font-size: 16px; font-weight: 400; line-height: 26px; color: var(--buttonPrimary) !important; text-decoration: underline; text-underline-offset: 3px;}
.cart-table tr td .cart-features li a:after{content: ""; width: 0.5px; height: 16px; background: var(--lightBorderColor); display: inline-block; vertical-align: middle; margin-left: 10px;}
.cart-table tr td .cart-features li:last-child a:after{height: 0;}
.cart-table tr td .cart-features li a:hover{color: var(--buttonPrimary) !important; background: transparent !important;}
.cart-table tr td .cart-features li a:hover{text-decoration: none; cursor: pointer;}
.cart-table-outer .cart-right .shiping-mgs{}
.cart-table-outer .cart-right .shiping-mgs p{font-size: 16px; line-height: 50px; font-weight: 300; color: var(--lightBorderColor); margin-bottom: 0;}
.cart-table-outer .cart-right .cart-page-total li{border-bottom: 0;padding-bottom: 5px;}
.cart-table-outer .cart-right .cart-checkout-button{margin-bottom: 20px;}
.cart-table-outer .cart-right .basic_btn.coupon_btn {background: var(--buttonPrimary); color: var(--whiteColor); margin-top: 12px; }

.cart-bottom{display: flex; justify-content: space-between; align-items: center;}
.cart-bottom .cupon-form{width: 499px; position: relative;}
.cart-bottom .cupon-form .form-row{margin: 0;padding: 0; flex-direction: row;}
.cart-bottom .cupon-form .form-col{padding: 0;}
.cart-bottom .cupon-form .basic_btn{position: absolute; right: 0; background: var(--buttonPrimary); height: 64px; padding: 18px 36px; color: var(--whiteColor); border: 0; font-size: 18px; font-weight: 600;} 
.cart-bottom .cupon-form .basic_btn:hover{border: 0; outline: unset; background: var(--highlightColor); color: var(--whiteColor);}
.cart-bottom .cupon-form .form-control{/*width: calc(100% - 140px);*/ height: 64px; border: none; background: var(--lightBackground); border-radius: 900px; font-size: 18px; color: var(--lightBorderColor); text-align: center; }
.cart-bottom .empty-cart-btn{font-size: 18px; font-weight: 400; text-decoration: none; background: var(--whiteColor); border-radius: 900px; padding: 18px 84px; color: var(--blueColor); border: solid 0.5px var(--baseTextColor); }
.cart-bottom .update-cart-btn{font-size: 18px; font-weight: 400; text-decoration: none; background: var(--highlightColor); border-radius: 900px; padding: 19px 36px; color: var(--whiteColor); margin-left: 5px; }
.cart-bottom .cupon-form .form-col{width: calc(100% - 140px);}
.woocommerce-cart:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .cart-right a.checkout-button.button.alt {
    background: #A7CB82;
    color: #fff;
    border: 0;border-radius: 900px;
    margin-bottom: 0;
}

@media(max-width: 1599px){
  .cart-table tr td{min-width: 120px;}
  .cart-table tr td.cart-product-desc h4, .cart-table tr td.cart-product-desc h4 a{font-size: 18px; line-height: 24px;}
  .cart-table tr td .price{font-size: 18px; line-height: 24px;}
  .cart-table tr td.cart-image {width: 120px; min-width: 100px; }
  .cart-bottom .cupon-form{width: 50%;}
  .cart-bottom .cupon-form .basic_btn{font-size: 16px;height: 54px;padding: 12px 36px;}
  .cart-bottom .cupon-form .form-control{font-size: 16px;height: 54px; padding: 0px 50px 0 25px;}
}

@media(max-width: 1199px){
  .cart-table-outer{flex-direction: column;}
  .cart-table-outer .cart-wrapper {width: 100%;}
  .cart-table-outer .cart-right{width: 100%;padding-top: 60px;}
}

@media(max-width: 768px){
    .cart-table{width: 100%;}
    .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td {
        /*display: table-cell;*/
        /*text-align: unset !important;*/
        border: 0; padding: 0; background: #fff;
    }
    .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td::before, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td::before{
      content:"";
      display: none !important;
    }
    .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr{
      display: grid;
      grid-template-areas:
      "leftSide description description"
      "leftSide cartPrice cartPrice"
      "leftSide quantity priceSubtotal";
      border: solid 0.5px var(--lightBorderColor);
      border-radius: 12px;
      margin-bottom: 1em;
      padding: 1em;
      background-color: #fff;
      grid-auto-flow: column;
      grid-template-columns: 120px calc(100% - 120px - 180px) 180px 180px;
    }
    .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tbody tr:first-child td:first-child{
      /*border-top: solid 0.5px var(--lightBorderColor);*/
    }
    .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-image, 
    .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-image{grid-area: leftSide;width: 100px;}
    .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-product-desc, 
    .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-product-desc{grid-area: description; width: 100%; border-bottom: 0; padding: 0; display: flex ; align-items: flex-start; margin-bottom: 5px; justify-content: space-between;} 
    .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-price-section,
    .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-price-section{grid-area: cartPrice;text-align: left !important; margin-bottom: 10px;}
    .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-quantity, 
    .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-quantity{grid-area: quantity;}
    .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-price-subtotal, 
    .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-price-subtotal{grid-area: priceSubtotal; display: flex ; align-items: center; justify-content: flex-end;} 
    .cart-table tr td .cart-features{border-top: 0; padding-top: 0;}
    .cart-table tr td .cart-features li {margin-right: 0; }
    .cart-table tr td .cart-features li a{width: auto; height: auto;}
    .cart-table tr td.cart-product-desc h4, .cart-table tr td.cart-product-desc h4 a {font-size: 14px; line-height: 1.5; margin-bottom: 0; }
    .cart-table tr td.cart-image a {margin-left: 0; }
    .cart-table tr td .quantity .qty{height: 36px; width: 48px; font-size: 18px;}
    .woocommerce .cart_totals  table.shop_table_responsive tr:nth-child(2n) td, 
    .woocommerce-page .cart_totals  table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent;
    }
    .woocommerce .cart_totals table.shop_table_responsive tr, 
    .woocommerce-page .cart_totals table.shop_table_responsive tr {
        display: table-row;
    }
    .woocommerce .cart_totals table.shop_table_responsive tr td, 
    .woocommerce-page .cart_totals table.shop_table_responsive tr td {
        display: table-cell;
        text-align: unset !important;
    }
    .woocommerce-cart .woocommerce .cart-right table.shop_table .cart-subtotal td {text-align: right !important;}
    .woocommerce-cart .woocommerce .cart-right table.shop_table tbody .order-total td {text-align: right !important;}
    .woocommerce .cart_totals table.shop_table_responsive tbody th, .woocommerce-page .cart_totals table.shop_table_responsive tbody th{display: table-cell;}
    .woocommerce .cart_totals table.shop_table_responsive tr td::before, .woocommerce-page .cart_totals table.shop_table_responsive tr td::before{display: none;}
    .cart-bottom{flex-flow: row wrap;justify-content: center; flex-direction: column;}
    .cart-bottom .cupon-form{width: 100%; max-width: 460px;}
    .cart-table-outer .cart-right{padding-top: 40px;}
    .our-order-detls {padding: 35px 35px 35px 35px; }
    .cart-table tr td.cart-product-desc h4{width: calc(100% - 90px); text-align: left;}
    .cart-table tr td .cart-features li a:after{margin-left: 0px;}
}


@media(max-width: 767px){
  .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr{grid-template-columns: 100px calc(100% - 100px - 100px) 100px 100px;}
  .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-product-desc, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-product-desc{flex-direction: column;}
  .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr {
    grid-template-columns: 30% 70% 70% 70%;
    grid-template-areas:
    "leftSide description"
    "leftSide cartPrice"
    "leftSide quantity"
    "leftSide priceSubtotal";
  }
  .cart-table tr td.cart-product-desc h4{width: 100%;}
  .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-price-subtotal, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-price-subtotal{justify-content: flex-start; margin-top: 10px;}
  .woocommerce .cal form .shipping-calculator-form .form-row {margin-bottom: 16px;}
}

@media(max-width: 480px){
  .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr {grid-template-columns: 35% 65% 65% 65%; }
  .cart-bottom .cupon-form .basic_btn {font-size: 14px; height: 44px; padding: 10px 24px; }
  .cart-bottom .cupon-form .form-col {width: calc(100% - 110px);}
  .cart-bottom .cupon-form .form-control {font-size: 14px; height: 44px;} 
  .cart-bottom .cupon-form{max-width: 360px;}  
  .woocommerce-cart:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .cart-right a.checkout-button.button.alt{padding: 14px 20px; font-size: 18px;}
  .our-order-detls h5{font-size: 20px;}
  .product-cart{margin-top: 10px; padding-bottom: 50px;}
  .woocommerce .cal form .shipping-calculator-form .form-row input.input-text{font-size: 14px;height: 50px;padding: 0px 20px;}
  .woocommerce .select2-container .select2-selection--single{padding: 12px 12px; line-height: 1;height: 50px;font-size: 14px;}
  .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left: -3px; margin-top: -5px;}
}

@media(max-width: 479px){
  .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr {
    grid-template-columns: 40% 60% 60% 60%;
  }
}

@media(max-width: 360px){
  .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr {
    grid-template-columns: 100% 100% 100% 100%;
    grid-template-areas:
    "leftSide"
    "description"
    "cartPrice"
    "quantity"
    "priceSubtotal";
  }
  .woocommerce .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-image, .woocommerce-page .cart-table-outer .cart-wrapper table.shop_table_responsive tr td.cart-image{width: 100%;}
  .cart-bottom .cupon-form .form-row{flex-direction: column; align-items: flex-start;}
  .cart-bottom .cupon-form .form-col {width: 100%;}
  .cart-bottom .cupon-form .basic_btn {position: relative; right: unset; margin-top: 10px;}
  .cart-bottom .cupon-form {max-width: 100%; }
  .our-order-detls {padding: 20px; }
  .woocommerce-cart:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .cart-right a.checkout-button.button.alt {padding: 10px 15px; font-size: 16px; }
  #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{padding-top: 0px !important;}
  .cart-bottom{justify-content: flex-start;align-items: flex-start;}
  .cart-bottom .cupon-form .form-row{display: block; margin-bottom: 30px;}
  .cart-bottom .cupon-form .form-row:after, .cart-bottom .cupon-form .form-row:before{display: none;}
  .woocommerce form .form-row input.input-text{text-align: left;}
}

/* search filter ---------------------  */
.search-popup-outer{position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; background: rgba(0, 0, 0, 0.7);}
.search-popup-outer.active-filter{display: block;}
.search-popup{margin-top: 96px; background: var(--whiteColor); border-radius: 20px; padding: 70px 0;}
#search-form{display: flex; align-items: center; justify-content: space-between;}
.search-popup .search-bg{width: calc(100% - 198px); background: rgba(235, 235, 235, 0.7); padding: 7px 32px; border-radius: 200px; display: flex; align-items: stretch; justify-content: flex-start; overflow: hidden;}
.search-popup .search-bg .category-dropdown{width: 364px;}
.search-popup .search-bg input.form-control{width: calc(100% - 364px); border-left: solid 1px var(--lightBorderColor); border-radius: 0;}
.search-popup .search-bg .form-control{background-color: transparent; height: 50px;}
.search-popup .search-bg select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none;background-image: url('./images/slect-dropdown.png'); background-repeat: no-repeat; background-position: right 30px center;}
.search-popup .btn-search{background: var(--buttonPrimary); height: 64px; padding: 18px 42px;font-size: 18px; font-weight: 400; border-radius: 50px; color: var(--whiteColor); border: 0; box-shadow: unset; outline: none;}
.search-popup .btn-search:focus{border: 0; box-shadow: unset; outline: none;}
.search-popup .btn-search span{margin-left: 16px;}


/* 18 years old popup ---------------- */
#age-verification-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; justify-content: center; align-items: center; }
.age-verification-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1; }
.age-verification-content {position: relative; z-index: 2; background: var(--baseColor); padding: 45px; border-radius: 20px; text-align: center; max-width: 700px; width: 90%; }
.age-verification-content h2 {font-size: 40px; margin-bottom: 15px; font-weight: 600; color: var(--whiteColor); text-transform: uppercase; }
.age-verification-content p {font-size: 18px; font-weight: 300; line-height: 27px; color: var(--whiteColor); margin-bottom: 40px;}
.age-verification-content .ftr_logo {margin-bottom: 30px; }
.age-button {padding: 10px 20px; margin: 5px; font-size: 16px; cursor: pointer; border: none; border-radius: 5px; transition: background 0.3s; }
#age-yes {border-radius: 900px; background-color: var(--buttonPrimary); overflow: hidden; padding: 12px 40px; display: inline-block;font-size: 18px;font-weight: 600; line-height: 27px; }
#age-no {border-radius: 900px; background-color: var(--highlightColor); overflow: hidden; padding: 12px 40px; display: inline-block; font-size: 18px;font-weight: 600; line-height: 27px; }


.woocommerce-message{background-color: var(--lightBackground); outline: unset;}


/* approval page ---------------- */
.approval-page{display: flex; align-items: center; justify-content: center;padding: 80px 0;}
.approval-status{width: 375px; text-align: center;}
.approval-status h2{font-size: 24px; font-weight: 500; line-height: 36px; color: #092143; margin: 20px 0; text-align: center;}
.approval-status h2 span{color: #A7CB82;}
.approval-status p{font-size: 14px; line-height: 19.69px; color: #7D8A9C; text-align: center;}

@media(min-width: 1200px){
  .approval-status p{font-size: 16px; line-height: 1.5;}
}


/* mini cart --------------- */
.custom-mini-cart{padding-top: 24px;position: relative;height: 100%;}
.min-cart-sec{position: fixed;top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8);z-index: 99; display: none;}
.minicart-inner{background: #fff; max-width: 766px; margin-left: auto; margin-right: 0; margin-top: 78px; padding: 32px 0px 32px 32px;height: calc(100vh - 156px);} 
.minicart-inner .cart-items{height: 100%;display: flex ; align-items: stretch; justify-content: stretch; flex-direction: column;} 
.minicart-inner ul.cart_list li{display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 10px;}
.minicart-inner ul.cart_list li .thumbnailMini{width: 100px;}
.minicart-inner ul.cart_list li .thumbnailMini img{max-width: 100%; max-height: 100%; object-fit: contain; float: none; width: auto; margin-left: 0;height: auto;}
.mini-cart-cross{position: absolute; top: 10px; right: 30px; cursor: pointer; display: inline-block;} 
.mini-cart-cross:hover svg path{stroke: #F4951D;fill: #F4951D;}
.title h4 span.cart-count{color: #092143; font-weight: 400;}
.minicart-inner ul.cart_list li .remove{margin-left: 43px;}
.minicart-inner ul.cart_list li .remove:hover svg path{fill: #F4951D;}
.minicart-inner ul.cart_list li .prod_desc{width: 330px; margin-left: 30px; margin-right: 30px;}
.minicart-inner ul.cart_list li .prod_desc a{color: #181945; font-size: 14px; line-height: 21px; text-transform: uppercase; text-decoration: none;}
.minicart-inner ul.cart_list li .quantity{width: 122px;padding: 8px 10px; margin-left: 0; margin-right: 0; color: #181945; font-weight: 500;}
.minicart-inner .minicart-bottom{border-top: solid 0.5px #AAAAAA; padding-top: 20px; margin-top: auto; margin-bottom: 0px;margin-left: 20px; margin-right: 52px;}
.minicart-inner ul.cart_list{max-height: 330px; overflow-y: auto;overflow-x: hidden; padding-left: 20px !important; margin-bottom: 40px;}
.minicart-inner .minicart-bottom h4{color: #181945; font-weight: 500; font-size: 24px; line-height: 50px;}
.minicart-inner .minicart-bottom .buttons{display: flex; justify-content: space-between; align-items: stretch; margin-top: 10px;margin-bottom: 40px;}
.minicart-inner .minicart-bottom .buttons .button{width: 48%; border: solid 0.5px #636468; background: #fff; padding: 17px 20px; text-align: center; border-radius: 900px; font-size: 18px; color: #181945; line-height: 27px; font-weight: 400;}
.minicart-inner .minicart-bottom .buttons .button.checkout{border-color: #A7CB82; background: #A7CB82; color: #fff;}
.minicart-inner .minicart-bottom .total-price-sec{display: flex; align-items: center; justify-content: space-between;margin-bottom: 20px;}
.minicart-inner .minicart-bottom .total-price-sec strong{color: #181945; font-size: 18px; line-height: 50px; font-weight: 400;}
.minicart-inner .minicart-bottom .total-price-sec .amount{color: var(--highlightColor); font-size: 20px; font-weight: 600; line-height: 50px;}
.minicart-inner ul.cart_list li .remove:hover{background: transparent !important;}


.woocommerce-account main .woocommerce form.checkout_coupon, 
.woocommerce-account main .woocommerce form.login, 
.woocommerce-account main .woocommerce form.register{
    border: 0.5px solid #AAAAAA;
    border-radius: 20px;
    padding: 45px 30px 20px;
}
.woocommerce-account main .woocommerce form.woocommerce-ResetPassword{
    border: 0.5px solid #AAAAAA;
    border-radius: 20px;
    padding: 45px 30px 20px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.woocommerce-account main .woocommerce form .form-row{flex-direction: column; align-items: flex-start;}
.woocommerce-account main .woocommerce form .form-row label{font-size: 18px; font-weight: 400; color: #181945; line-height: 1; padding-bottom: 9px;}
.woocommerce-account main .woocommerce form .form-row input.input-text,
.woocommerce-account main .woocommerce form.edit-account .form-row input{
    width: 100%;
    height: 64px;
    border: none;
    background: rgba(235, 235, 235, 0.7);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    font-family: "Poppins", sans-serif;
    padding: 0px 25px;
}
.woocommerce-account main .woocommerce form.edit-account .form-row input[type="file"]{padding-top: 20px; margin-bottom: 15px;}
.woocommerce-account main .woocommerce form .form-row textarea{
  width: 100%;
    height: 216px;
    border: none;
    background: rgba(235, 235, 235, 0.7);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    font-family: "Poppins", sans-serif;
    resize: none;
    padding: 25px;
}
.woocommerce-account main .woocommerce form .form-row input.woocommerce-form__input-checkbox{
    margin-right: 17px;
    width: 24px;
    height: 24px;
    border: 0.5px solid #181945;
    border-radius: 4px; vertical-align: middle;
}
.woocommerce-account main .woocommerce form .form-row input.woocommerce-form__input-checkbox:checked{
  background: url(./images/tick.png) !important;
  background-size: 100% 100% !important;
  -webkit-appearance: none;
}
.woocommerce-account main .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin-top: 10px;
    margin-bottom: 20px;
}
.woocommerce-account main .woocommerce form .show-password-input, main .woocommerce-page form .show-password-input{
  width: 22px;
  height: 18px; 
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path d="M8 1.46005C8.97004 1.15186 9.98218 0.996668 11 1.00005C15.182 1.00005 18.028 3.50005 19.725 5.70405C20.575 6.81005 21 7.36105 21 9.00005C21 10.6401 20.575 11.1911 19.725 12.2961C18.028 14.5001 15.182 17.0001 11 17.0001C6.818 17.0001 3.972 14.5001 2.275 12.2961C1.425 11.1921 1 10.6391 1 9.00005C1 7.36005 1.425 6.80905 2.275 5.70405C2.7935 5.02688 3.37074 4.39677 4 3.82105" stroke="%23636468" stroke-width="1.5" stroke-linecap="round"></path><path d="M14 9C14 9.79565 13.6839 10.5587 13.1213 11.1213C12.5587 11.6839 11.7956 12 11 12C10.2044 12 9.44129 11.6839 8.87868 11.1213C8.31607 10.5587 8 9.79565 8 9C8 8.20435 8.31607 7.44129 8.87868 6.87868C9.44129 6.31607 10.2044 6 11 6C11.7956 6 12.5587 6.31607 13.1213 6.87868C13.6839 7.44129 14 8.20435 14 9Z" stroke="%23636468" stroke-width="1.5"></path></svg>');
  background-repeat: no-repeat;
  background-position: right center;
}
.woocommerce-account main .woocommerce form .show-password-input::after, main .woocommerce-page form .show-password-input::after{display: none;}
.woocommerce-account main .woocommerce form .form-row.form-row-wide{align-items: stretch;}
.woocommerce-account main .woocommerce form .form-row{align-items: flex-start;}
.woocommerce-account main .woocommerce form.lost_reset_password .form-row{width: 100%;}
.lost_password{float: right; margin-top: -44px;} 
.lost_password a{color: #F4951D; font-size: 16px; font-weight: 600; text-decoration: underline;}
main .woocommerce input:-webkit-autofill,
main .woocommerce input:-webkit-autofill:hover, 
main .woocommerce input:-webkit-autofill:focus, 
main .woocommerce input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px rgba(235, 235, 235, 0.7) inset !important;
}

@media(max-width: 1600px){
  .minicart-inner .minicart-bottom .buttons{margin-bottom: 0px;margin-top: 0px;}
  .minicart-inner .minicart-bottom .buttons .button{font-size: 16px;padding: 12px 20px;}
  .minicart-inner .minicart-bottom .total-price-sec .amount, .minicart-inner .minicart-bottom .total-price-sec strong{font-size: 18px; line-height: 36px;}
  .minicart-inner .minicart-bottom h4{font-size: 20px;line-height: 40px;}
  .minicart-inner{margin-top: 40px;height: calc(100vh - 80px);}
}

@media(max-width: 1499px){
  .minicart-inner ul.cart_list{max-height: 270px;}
  .minicart-inner ul.cart_list li .prod_desc{width: 240px; margin-left: 20px; margin-right: 20px;} 
  .minicart-inner ul.cart_list li .thumbnailMini {width: 80px;}
  .minicart-inner ul.cart_list li .quantity{font-size: 14px;width: 110px;}
  .minicart-inner{max-width: 600px;}
  .minicart-inner ul.cart_list{padding-left: 0px !important;}
  .minicart-inner ul.cart_list li .remove{margin-left: 30px; max-width: 24px;}
  .minicart-inner ul.cart_list li .remove svg{max-width: 100%; max-height: 100%;}
}

@media(max-width: 1199px){
  .minicart-inner {max-width: 450px; padding: 25px 0px 25px 25px; margin-top: 20px; height: calc(100vh - 40px);}
  .custom-mini-cart{padding-top: 0;}
  .minicart-inner .title h4{font-size: 20px;}
  .mini-cart-cross{top: -10px; right: 15px;}
  .minicart-inner ul.cart_list li .prod_desc {width: 150px; margin-left: 15px; margin-right: 15px; line-height: 1.3;}
  .minicart-inner ul.cart_list li .prod_desc a{font-size: 13px; line-height: 1.3;}
  .minicart-inner ul.cart_list li .quantity {font-size: 12px; width: 90px; padding: 5px 10px; }
  .minicart-inner ul.cart_list li .remove {margin-left: 20px; max-width: 20px; }
  .minicart-inner .minicart-bottom{margin-left: 0px; margin-right: 25px;}
  .minicart-inner ul.cart_list li .thumbnailMini a{display: inline-block; vertical-align: middle; max-height: 80px;} 
  .minicart-inner .minicart-bottom .buttons .button {font-size: 14px; padding: 7px 20px; }
  .minicart-inner .minicart-bottom .total-price-sec .amount, .minicart-inner .minicart-bottom .total-price-sec strong {font-size: 16px; line-height: 28px; }
}

@media(max-width: 479px){
  .minicart-inner{max-width: 300px;}
  .minicart-inner .title h4 {font-size: 16px; }
  .mini-cart-cross{max-width: 24px;}
  .mini-cart-cross svg{max-width: 100%; max-height: 100%;}
  .minicart-inner .minicart-bottom h4 {font-size: 18px; line-height: 24px; }
  .minicart-inner .minicart-bottom .total-price-sec{margin-bottom: 10px;}
  .minicart-inner .minicart-bottom .buttons .button {font-size: 13px; padding: 3px 15px; }
  .minicart-inner .minicart-bottom{padding-top: 10px;}
  .minicart-inner ul.cart_list li{margin-bottom: 15px;}
  .minicart-inner ul.cart_list li .thumbnailMini {width: 90px; }
  .minicart-inner ul.cart_list li .thumbnailMini a{max-height: 90px;}
}

/* my account ---------------- */
.woocommerce-account main .woocommerce-MyAccount-content p a{color: var(--highlightColor);}
.woocommerce-account main .woocommerce-MyAccount-content p a:hover{text-decoration: underline;}
.woocommerce-account main .woocommerce{display: flex ; flex-flow: row wrap; justify-content: space-between; align-items: stretch; padding-bottom: 60px;}
.woocommerce-account main .woocommerce-MyAccount-navigation{border: solid 0.5px #AAAAAA; border-radius: 20px; padding: 30px 25px; margin-bottom: 25px;width: 370px;}
.woocommerce-account main .woocommerce-MyAccount-content{/*width: 62.8vw;*/ width: calc(100% - 415px); border-left: solid 0.5px #CBCBCB; min-height: 50vh; padding: 0 0 0 45px; margin-left: auto; margin-right: 0;}
.woocommerce-account main .woocommerce-MyAccount-navigation ul li{margin-bottom: 15px;}
.woocommerce-account main .woocommerce-MyAccount-navigation ul li a {
    text-decoration: none;
    line-height: 27px;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--baseFont);
    display: inline-block;
    padding: 0 18px;
    color: var(--blueColor);
}
.woocommerce-account main .woocommerce-MyAccount-navigation ul li:hover a {
    color: var(--highlightColor);
}
main .woocommerce-info {
    border-top-color: var(--buttonPrimary);
}
main .woocommerce-info::before{
  color: var(--buttonPrimary)
}
.woocommerce-account main .woocommerce-MyAccount-content .woocommerce-info a, .woocommerce-account main .woocommerce-MyAccount-content .woocommerce-info a.cart-btn{color: #181945;}
.woocommerce-account main .woocommerce-MyAccount-content .woocommerce-info a:hover, .woocommerce-account main .woocommerce-MyAccount-content .woocommerce-info a.cart-btn:hover{text-decoration: none;}

.woocommerce-account .woocommerce .col2-set .u-column1.col-1{float: none; margin-left: auto; margin-right: auto;max-width: 600px;}
.woocommerce-account .woocommerce .col2-set .u-column1.col-1 h2{text-align: center;}

@media(max-width: 1900px){
  .woocommerce-account main .woocommerce-MyAccount-navigation{width: 300px;}
  .woocommerce-account main .woocommerce-MyAccount-content{width: calc(100% - 345px);}
}

@media(max-width: 1600px){
  .compare-table td, .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td{font-size: 16px;}
  .compare-table th strong, .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table th a{font-size: 14px;}
  .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td .cart-btn{font-size: 14px; padding: 7px 20px;}
  .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td .cart-btn svg{width: 16px;}
  .woosc_table tbody tr.tr-add_to_cart td .woosc-remove{width: 24px; height: 24px;}
  .woocommerce-account main .woocommerce-MyAccount-content{width: calc(100% - 332px); padding: 0 0 0 32px;}
}

@media(max-width: 1299px){
  .compare-table td, .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td {font-size: 14px; padding: 10px 15px; }
  .compare-table th strong, .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table th a {font-size: 13px; line-height: 1; }
  .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td .cart-btn {font-size: 13px; padding: 5px 17px; }
  .woocommerce-account main .woocommerce-MyAccount-navigation ul li a{font-size: 16px;line-height: 24px;padding: 0 12px;}

}

@media(max-width: 1199px){
  .woocommerce-account main .woocommerce-MyAccount-navigation {width: 100%; }
  .woocommerce-account main .woocommerce-MyAccount-content {width: 100%; padding: 0; border: 0;}
}

@media(max-width: 991px){
  .woocommerce-account main .woocommerce-MyAccount-content .woosc_list{overflow-x: auto;}
  .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table{table-layout: auto; position: relative;} 
  .woocommerce-account main .woocommerce-MyAccount-content .woosc_list .woosc_table td:first-child{
    position: sticky;left: 0;
    width: 112px;
  }
}

@media(max-width: 767px){
  .woocommerce-account main .woocommerce form .form-row label{font-size: 14px;}
  .woocommerce-account main .woocommerce form .form-row input.input-text,
  .woocommerce-account main .woocommerce form.edit-account .form-row input{font-size: 14px;height: 50px; padding: 0px 20px;}
  .woocommerce-account main .woocommerce form .form-row input.woocommerce-form__input-checkbox{width: 1.125em; height: 1.125em;margin-right: 10px;}
  .lost_password a{font-size: 14px;}
  main{min-height: 400px;}
}

@media(max-width: 479px){
  .woocommerce-account main .woocommerce form.checkout_coupon, .woocommerce-account main .woocommerce form.login, .woocommerce-account main .woocommerce form.register{padding: 25px 20px 20px;margin: 15px 0;}
  .woocommerce-account .woocommerce .col2-set .u-column1.col-1{margin-top: 25px;}
  .woocommerce-account main .woocommerce form.woocommerce-ResetPassword{padding: 25px 20px 20px;}
  .woocommerce-account main .woocommerce form.woocommerce-ResetPassword p{font-size: 14px; line-height: 1.5; margin-bottom: 20px;} 
}

@media(max-width: 370px){
  .lost_password {float: none; margin-top: 0; }
}

/* woocommerce-address*/
.woocommerce-address-fields{margin-top: 40px;}
.woocommerce-address-fields .woocommerce-input-wrapper{width: 100%;}
.woocommerce form .woocommerce-address-fields .form-row {padding: 0; margin: 0 0 16px; }
.woocommerce-address-fields__field-wrapper{margin-bottom: 40px;}

.tinv-wishlist .product-remove button[title="Remove"]{
   width: 32px;
  height: 36px;
   background: #AAAAAA; /* Default fill color */
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="36" viewBox="0 0 32 36" fill="none"><path d="M5.97943 36C4.95543 36 4.08381 35.6408 3.36457 34.9225C2.64533 34.2042 2.28571 33.3344 2.28571 32.3133V4.04058H0V1.75777H9.14286V0H22.8571V1.75777H32V4.04058H29.7143V32.3133C29.7143 33.3633 29.3623 34.2407 28.6583 34.9453C27.9543 35.65 27.0751 36.0015 26.0206 36H5.97943ZM27.4286 4.04058H4.57143V32.3133C4.57143 32.7226 4.70324 33.059 4.96686 33.3223C5.23048 33.5855 5.568 33.7172 5.97943 33.7172H26.0229C26.3733 33.7172 26.6956 33.5711 26.9897 33.2789C27.2838 32.9867 27.4301 32.664 27.4286 32.311V4.04058ZM10.9897 29.1516H13.2754V8.60621H10.9897V29.1516ZM18.7246 29.1516H21.0103V8.60621H18.7246V29.1516Z" fill="%23AAAAAA"></path></svg>') no-repeat center center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="36" viewBox="0 0 32 36" fill="none"><path d="M5.97943 36C4.95543 36 4.08381 35.6408 3.36457 34.9225C2.64533 34.2042 2.28571 33.3344 2.28571 32.3133V4.04058H0V1.75777H9.14286V0H22.8571V1.75777H32V4.04058H29.7143V32.3133C29.7143 33.3633 29.3623 34.2407 28.6583 34.9453C27.9543 35.65 27.0751 36.0015 26.0206 36H5.97943ZM27.4286 4.04058H4.57143V32.3133C4.57143 32.7226 4.70324 33.059 4.96686 33.3223C5.23048 33.5855 5.568 33.7172 5.97943 33.7172H26.0229C26.3733 33.7172 26.6956 33.5711 26.9897 33.2789C27.2838 32.9867 27.4301 32.664 27.4286 32.311V4.04058ZM10.9897 29.1516H13.2754V8.60621H10.9897V29.1516ZM18.7246 29.1516H21.0103V8.60621H18.7246V29.1516Z" fill="%23AAAAAA"></path></svg>') no-repeat center center;
  background-size: contain; /* Ensure the SVG scales properly */
  mask-size: contain;
  -webkit-mask-size: contain;
  font-size: 0; 
  display: inline-block;
  cursor: pointer;margin: 20px auto 10px;
  padding: 0;
  border-radius: unset;
}
.tinv-wishlist .product-remove button[title="Remove"]:hover{
  background: #f4951d;
}
.tinv-wishlist table.tinvwl-table-manage-list, 
.tinv-wishlist table.tinvwl-table-manage-list{width: 100%; border-collapse: separate; border-spacing: 0 35px; }
.tinv-wishlist table.tinvwl-table-manage-list th{text-align: left; border-bottom: solid 0.5px var(--lightBorderColor); padding: 5px 20px; font-size: 18px; line-height: 26px; color: var(--blueColor); font-weight: 400; white-space: nowrap; }

.tinv-wishlist table.tinvwl-table-manage-list td{border-top: solid 0.5px var(--lightBorderColor); border-bottom: solid 0.5px var(--lightBorderColor); padding: 25px 18px; text-align: left; font-size: 20px; line-height: 26px; color: var(--blueColor); font-weight: 400;} .tinv-wishlist table.tinvwl-table-manage-list td:first-child{border-left: solid 0.5px var(--lightBorderColor); border-radius: 20px 0 0 20px;}
.tinv-wishlist table.tinvwl-table-manage-list td:last-child{border-right: solid 0.5px var(--lightBorderColor); border-radius: 0 20px 20px 0;}
.tinv-wishlist table.tinvwl-table-manage-list .product-thumbnail{width: 140px; min-width: 140px;}
.tinv-wishlist table.tinvwl-table-manage-list td.product-name a{font-size: 20px; line-height: 26px; color: var(--blueColor); font-weight: 400; }
.tinv-wishlist table.tinvwl-table-manage-list tfoot td{border: 0; padding: 0;}
.tinv-wishlist table.tinvwl-table-manage-list tfoot td:first-child{border-left: 0; border-radius: unset;}
.tinv-wishlist table.tinvwl-table-manage-list tfoot td:last-child{border-right: 0; border-radius: unset;}
.tinv-wishlist table.tinvwl-table-manage-list tfoot .tinvwl-input-group .form-control{height: 64px; border: none; background: url(./images/slect-dropdown.png) no-repeat right 30px center rgba(235, 235, 235, 0.7);appearance: none;opacity: 1; border-radius: 900px; font-size: 18px; color: var(--lightBorderColor); text-align: center; }
.woocommerce.tinv-wishlist #respond input#submit.alt, .woocommerce.tinv-wishlist a.button.alt, .woocommerce.tinv-wishlist button.button.alt, .woocommerce.tinv-wishlist input.button.alt{white-space: nowrap; color: #181945; background: var(--whiteColor); border-color: #636468;}
.woocommerce.tinv-wishlist #respond input#submit.alt:hover, .woocommerce.tinv-wishlist a.button.alt:hover, .woocommerce.tinv-wishlist button.button.alt:hover, .woocommerce.tinv-wishlist input.button.alt:hover{background: var(--highlightColor); border-color: var(--highlightColor); color: var(--whiteColor);}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button[name="tinvwl-action-product_apply"]{
      background-color: var(--buttonPrimary);
    height: 64px;
    padding: 18px 36px;
    color: var(--whiteColor);
    border: 0;
    font-size: 18px;
    font-weight: 600;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button[name="tinvwl-action-product_apply"]:hover{    border: 0; outline: unset; background: var(--highlightColor); color: var(--whiteColor);}
.tinv-wishlist .social-buttons li a.social{color: #181945;}
.tinv-wishlist .social-buttons li a.social:hover{color: var(--highlightColor);}
.tinv-wishlist .product-stock p.stock{font-size: 18px; font-weight: 600;}
.tinv-wishlist .product-stock p.in-stock{color: #B4CA9E;}
.tinv-wishlist table input[type=checkbox] {margin-right: 0; width: 20px; height: 20px; border-radius: 5px; border: solid 0.5px #181945; vertical-align: middle; }
.tinv-wishlist .tinv-header{display: none;}

@media(max-width: 1199px){
  .tinv-wishlist table.tinvwl-table-manage-list td{font-size: 14px; line-height: 1.3;}
  .tinv-wishlist table.tinvwl-table-manage-list td.product-name a{font-size: 14px; line-height: 1.3;}
  .tinv-wishlist .product-action .button>i{font-size: 24px; color: var(--highlightColor);}
  .woocommerce.tinv-wishlist #respond input#submit.alt, .woocommerce.tinv-wishlist a.button.alt, .woocommerce.tinv-wishlist button.button.alt, .woocommerce.tinv-wishlist input.button.alt{padding: 0; border: 0;}
  .tinv-wishlist table.tinvwl-table-manage-list tbody td:first-child{padding-left: 40px;}
  .tinv-wishlist table.tinvwl-table-manage-list tbody td:last-child{padding-right: 40px;}
  .tinv-wishlist table.tinvwl-table-manage-list th{padding: 5px 10px; font-size: 14px;}
  .tinv-wishlist .product-remove button[title="Remove"] {width: 28px; height: 32px;}
}

@media(max-width: 991px){
  .tinv-wishlist table.tinvwl-table-manage-list, .tinv-wishlist table.tinvwl-table-manage-list{border-collapse: collapse; border-spacing: 0;}
  .tinv-wishlist table.tinvwl-table-manage-list thead{display: none;}
  .tinv-wishlist table.tinvwl-table-manage-list td{border: 0; padding: 0;}
  .tinv-wishlist table.tinvwl-table-manage-list td:first-child {border-left: 0; border-radius: unset; }
  .tinv-wishlist table.tinvwl-table-manage-list td:last-child {border-right: 0; border-radius: unset; }
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr{border: solid 0.5px var(--lightBorderColor); border-radius: 20px; padding: 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin-bottom: 25px;}
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-cb{order: 0; margin-bottom: 15px; }
  .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-thumbnail{order: 1;margin-bottom: 10px !important;}
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-name{order: 2;}
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-stock{order: 3; width: 120px !important;}
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-price{width: auto !important; order: 4;margin-left: 15px; margin-right: 15px;}
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-date{width: auto !important; order: 5; margin-left: 15px; margin-right: 15px;}    
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-action{order: 7; width: 40px !important;margin-left: 15px; margin-right: 15px;}
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-remove{order: 8; width: 40px !important;}
  
  .tinv-wishlist .product-action>.button>i{display: block !important;}
  .tinv-wishlist .product-action>.button>span{display: none;}
  
  .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-name{width: 100% !important;}
  .tinv-wishlist table.tinvwl-table-manage-list tbody td:first-child{padding-left: 0;}
  .tinv-wishlist .tinvwl-table-manage-list .product-remove{padding: 0;}
  .tinv-wishlist .product-action .button {width: auto; display: inline-block; vertical-align: middle; }
  .tinv-wishlist .product-remove button[title="Remove"]{margin: 0;}
  .tinv-wishlist .product-stock p.stock{font-size: 16px;}
  .tinv-wishlist .product-stock i {margin-right: 10px; }
  .tinv-wishlist .social-buttons{margin-bottom: 60px;}
  .tinv-wishlist table.tinvwl-table-manage-list tfoot .tinvwl-input-group .form-control{height: 50px;}
  :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button[name="tinvwl-action-product_apply"]{    height: 50px; padding: 12px 36px; font-size: 16px;} 

}

@media(max-width: 767px){
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-name{margin-bottom: 10px;}
}

@media(max-width: 480px){
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-date {width: 100% !important; margin-top: 10px;} 
  .tinv-wishlist table.tinvwl-table-manage-list tbody tr td.product-action{margin-left: unset; margin-right: 10px;}
}

@media(max-width: 479px){
  .tinv-wishlist table.tinvwl-table-manage-list tfoot .tinvwl-input-group .form-control{margin-bottom: 10px;}
  .tinv-wishlist table.tinvwl-table-manage-list tfoot .tinvwl-input-group{width: 100%;display: block;}
  .tinv-wishlist .tinvwl-to-left .tinvwl-input-group .form-control+.tinvwl-input-group-btn{text-align: center;}
}


.woocommerce-notices-wrapper{width: 100%;}

/* login popup ------------------ */
.login-popup-outer{position: fixed;display: none;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;background: rgba(0, 0, 0, 0.7);}
.login-popup-outer.active-login{display: block;}
.login-popup-outer .login-popup-inner{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.login-popup-outer .login-popup{border-radius: 20px; width: 48%; padding: 45px 30px 20px; background: #fff; margin-left: auto; margin-right: auto; max-width: 600px;}
.login-popup-outer .login-popup h2{text-align: center;}
.login-popup-outer .login-popup form{width: 100%; padding: 45px 30px 20px;} 
.login-popup-outer .login-popup form .form-row{flex-direction: column; align-items: flex-start;}
.login-popup-outer .login-popup form .form-row label{font-size: 18px; font-weight: 400; color: #181945; line-height: 1; padding-bottom: 9px;}
.login-popup-outer .login-popup form .form-row input.input-text{
    width: 100%;
    height: 64px;
    border: none;
    background: rgba(235, 235, 235, 0.7);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    font-family: "Poppins", sans-serif;
    padding: 0px 25px;
}
.login-popup-outer .login-popup form .password-input, .login-popup-outer .login-popup form .password-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
}
.login-popup-outer .login-popup form .show-password-input, .login-popup-outer .login-popup form .show-password-input2{
  width: 22px;
  height: 18px; position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path d="M8 1.46005C8.97004 1.15186 9.98218 0.996668 11 1.00005C15.182 1.00005 18.028 3.50005 19.725 5.70405C20.575 6.81005 21 7.36105 21 9.00005C21 10.6401 20.575 11.1911 19.725 12.2961C18.028 14.5001 15.182 17.0001 11 17.0001C6.818 17.0001 3.972 14.5001 2.275 12.2961C1.425 11.1921 1 10.6391 1 9.00005C1 7.36005 1.425 6.80905 2.275 5.70405C2.7935 5.02688 3.37074 4.39677 4 3.82105" stroke="%23636468" stroke-width="1.5" stroke-linecap="round"></path><path d="M14 9C14 9.79565 13.6839 10.5587 13.1213 11.1213C12.5587 11.6839 11.7956 12 11 12C10.2044 12 9.44129 11.6839 8.87868 11.1213C8.31607 10.5587 8 9.79565 8 9C8 8.20435 8.31607 7.44129 8.87868 6.87868C9.44129 6.31607 10.2044 6 11 6C11.7956 6 12.5587 6.31607 13.1213 6.87868C13.6839 7.44129 14 8.20435 14 9Z" stroke="%23636468" stroke-width="1.5"></path></svg>');
  background-repeat: no-repeat;
  background-position: right center;
}
.login-popup-outer .login-popup form .form-row input.woocommerce-form__input-checkbox{
    margin-right: 17px;
    width: 24px;
    height: 24px;
    border: 0.5px solid #181945;
    border-radius: 4px; vertical-align: middle;
}
.login-popup-outer .login-popup form .form-row input.woocommerce-form__input-checkbox:checked{
  background: url(./images/tick.png) !important;
  background-size: 100% 100% !important;
  -webkit-appearance: none;
}
.login-popup-outer .login-popup form .woocommerce-form-login__rememberme {
    margin-top: 10px;
    margin-bottom: 20px;
}
.login-popup-outer .login-popup form .woocommerce-form-login__submit {
      font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    outline: unset;
    box-shadow: unset;
    text-align: center;
    padding: 10px 35px;
    border-radius: 900px;
    cursor: pointer;
    color: #181945;
    border: solid 0.5px #636468;
    background: #fff;
    float: left;
    margin-right: 1em;
}
.login-popup-outer .login-popup form .woocommerce-form-login__submit:hover{
      background: var(--buttonPrimary);
    color: #000;
    border: solid 0.5px var(--buttonPrimary);
}

.login-popup-outer .login-popup form .woocommerce-form-ragister__submit {
      font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    outline: unset;
    box-shadow: unset;
    text-align: center;
    padding: 10px 35px;
    border-radius: 900px;
    cursor: pointer;
    color: #181945;
    border: solid 0.5px #636468;
    background: #fff;
    float: left;
    margin-right: 1em;
}
.login-popup-outer .login-popup form .woocommerce-form-ragister__submit:hover{
      background: var(--buttonPrimary);
    color: #000;
    border: solid 0.5px var(--buttonPrimary);
}
.login-popup-outer .login-popup form .button-group{display: inline-block; float: left;}

.woocommerce .login-popup-inner form .show-password-input::after, .woocommerce-page .login-popup-inner form .show-password-input::after{display: none;}

.forgot-password-popup .form-row.form-row-wide{flex-flow: row wrap; flex-direction: column;}
.forgot-password-popup .form-row.form-row-wide label{text-align: left;}
.forgot-password-popup .form-row.form-row-wide input.input-text{
    width: 100%;
    height: 64px;
    border: none;
    background: rgba(235, 235, 235, 0.7);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    font-family: "Poppins", sans-serif;
    padding: 0px 25px;
}

.forgot-password-popup .button{
  font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    outline: unset;
    box-shadow: unset;
    text-align: center;
    padding: 10px 35px;
    border-radius: 900px;
    cursor: pointer;
    color: #181945;
    border: solid 0.5px #636468;
    background: #fff;
    float: left;
    margin-right: 1em;
}
.forgot-password-popup form{padding-left: 30px;padding-right: 30px;}
.forgot-password-popup-inner .close-popup{}
.forgot-password-popup-inner .close-popup:hover svg path {
    stroke: #F4951D;
    fill: #F4951D;
}

@media(max-width: 991px){
  .login-popup-outer .login-popup{width: 100%;}
  .login-popup-outer .login-popup form .woocommerce-form-login__submit{font-size: 14px; padding: 8px 25px;}
  .login-popup-outer .login-popup form .woocommerce-form-ragister__submit{font-size: 14px; padding: 8px 25px;}
  .login-popup-outer .login-popup form .lost_password {float: none;margin-top: 0;}
  .forgot-password-popup .button{font-size: 14px; padding: 8px 25px;}
}

@media(max-width: 767px){
  .login-popup-outer{padding-left: 30px;padding-right: 30px;}
  .login-popup-outer .login-popup form .form-row input.input-text{font-size: 14px;height: 50px;padding: 0px 20px;}
  .login-popup-outer .login-popup form .form-row label{font-size: 14px;}  
  .forgot-password-popup .form-row.form-row-wide label{font-size: 14px;}
  .forgot-password-popup .form-row.form-row-wide input.input-text{font-size: 14px;height: 50px;padding: 0px 20px;}
  .login-popup-outer .login-popup form .form-row input.woocommerce-form__input-checkbox{width: 1.125em;height: 1.125em; margin-right: 10px;}
  .woocommerce .login-popup-outer form.checkout_coupon, .woocommerce .login-popup-outer form.login, .woocommerce .login-popup-outer form.register {border: 0;padding: 0px;}
  .woocommerce .login-popup-outer form.checkout_coupon, .woocommerce .login-popup-outer form.login, .woocommerce .login-popup-outer form.register{margin: 1em 0;}
  .forgot-password-popup form{padding-left: 20px;padding-right: 20px;}
}

@media(max-width: 479px){
  .login-popup-outer .login-popup form{width: 100%;padding: 15px 20px 0px;}
  .login-popup-outer .login-popup form .lost_password{margin-bottom: 0;}
  .forgot-password-popup-inner{width: 90%;}
}

@media(max-width: 370px){
  .login-popup-outer .login-popup form .woocommerce-form-login__submit{padding: 6px 20px; margin-right: 10px;}
  .login-popup-outer .login-popup form .woocommerce-form-ragister__submit{padding: 6px 20px; margin-right: unset;}
  .login-popup-outer .login-popup{padding: 25px 20px 20px;}
  .login-popup-outer {padding-left: 20px;padding-right: 20px;}
  .forgot-password-popup .button{padding: 6px 20px;}
}

.edit-account fieldset{padding: 30px; margin-top: 20px;margin-bottom: 20px;}

@media(max-width: 767px){
  .edit-account fieldset{padding: 20px;}
  .woocommerce-account main .woocommerce form.edit-account .form-row input[type="file"] {padding-top: 15px;}
}

.woocommerce-account .woocommerce .col2-set.addresses .u-column1.col-1{width: 100%; max-width: 100%;
border-radius: 20px; overflow: hidden; border: solid 0.5px var(--borderColor); background-color: var(--whiteColor); padding: 20px; margin-bottom: 40px;
}
.woocommerce-account .woocommerce .col2-set.addresses .woocommerce-Address-title{display: flex; align-items: center; justify-content: space-around;}
.woocommerce-account .woocommerce .col2-set.addresses .woocommerce-Address-title:before, .woocommerce-account .woocommerce .col2-set.addresses .woocommerce-Address-title:after{display: none;}
.woocommerce-account .woocommerce .col2-set.addresses .u-column1.col-1 h2 {
    text-align: center;
    margin-left: 0;
    margin-right: auto;
}
.woocommerce .col2-set .col-2.addresses, .woocommerce-page .col2-set.addresses .col-2{width: 100%; float: none;
border-radius: 20px; overflow: hidden; border: solid 0.5px var(--borderColor); background-color: var(--whiteColor); padding: 20px;
}
.woocommerce-account .woocommerce .col2-set.addresses .u-column2.col-2 h2 {
    text-align: center;
    margin-left: 0;
    margin-right: auto;
}
.woocommerce-account .addresses .title .edit{
    color: var(--highlightColor);
    text-decoration: underline;
}
.woocommerce-account .addresses .title .edit:hover{text-decoration: none;}

@media(max-width: 480px){
  .woocommerce-account .woocommerce .col2-set.addresses .woocommerce-Address-title{flex-direction: column; align-items: flex-start;}
}

.error404 .not-found{max-width: 600px; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 40px;border-radius: 20px;
    overflow: hidden;
    border: solid 0.5px var(--borderColor);
    background-color: var(--whiteColor);
    padding: 20px;
}

.error404 .not-found #searchform div{
  width: 100%;
  background: rgba(235, 235, 235, 0.7);
  padding: 7px 10px 7px 32px;
  border-radius: 200px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
}
.error404 .not-found #searchform div input[type="text"]{
  background-color: transparent;
  height: 50px;
  width: 100%;
  border: 0;
}
.error404 .not-found #searchform div input[type="submit"]{
  background-color: #f4951d;
  color: white; /* Adjust text color for better contrast */
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  border: 0;
  border-radius: 50px;
}
.error404 .not-found #searchform div input[type="submit"]:hover {
    background-color: #d17e12; /* Slightly darker shade for hover effect */
}
.error404 .not-found #searchform div input:focus{border: 0; outline: none;}
.error404 .not-found h1{font-size: 24px; font-weight: 700; color: var(--baseColor); line-height: 1; text-align: center;}
.error404 .not-found p{text-align: center;}

@media(max-width: 767px){
  .error404 .not-found{width: 80%;}
}


.about-banner{margin-bottom: 85px; position: relative;}
.about-image{float: left; width: 51%; padding-right: 2.5vw; margin-bottom: 35px;}
.about-image img{max-width: 100%;}
.about-banner .banner-text{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.about-banner img{width: 100%; height: auto;vertical-align: top;}
.about-banner h1{color: #fff; margin-bottom: 0;padding-left: 70px; font-size: 68px;}
.about-section-content-section h1 strong{color: var(--highlightColor);}

@media (min-width: 1600px){
  .about-banner h1{font-size: 5vw;padding-left: 1vw;}
}

@media (max-width: 1199px){
  .about-banner h1{padding-left: 38px;font-size: 52px;}
}

@media (max-width: 991px){
  .about-banner h1{padding-left: 15px;font-size: 40px;}
  .about-image{width: 100%; padding-right: 0;}
}

@media (max-width: 767px){
  .about-banner h1{padding-left: 25px;font-size: 35px;}
}

@media (max-width: 480px){
  .about-banner h1{padding-left: 12px;font-size: 24px;}
}

@media (max-width: 479px){
  .about-banner h1{padding-left: 0px;font-size: 20px;}
}

@media (max-width: 360px){
  .about-banner h1{padding-left: 0px;font-size: 16px;}
}

.woocommerce main span.onsale{background-color: #f4951d; aspect-ratio: 1 / 1; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);text-transform: uppercase; padding: 10px;z-index: 0; top: 0; left: 0;}