body{font-family: var(--font-body); font-size: 14px; background: #FFFBF2;}
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/svg/icomoon.eot?7vfwjk');
	src:  url('../fonts/svg/icomoon.eot?7vfwjk#iefix') format('embedded-opentype'),
	url('../fonts/svg/icomoon.ttf?7vfwjk') format('truetype'),
	url('../fonts/svg/icomoon.woff?7vfwjk') format('woff'),
	url('../fonts/svg/icomoon.svg?7vfwjk#icomoon') format('svg');
	font-weight: normal;
  font-display: swap;
	font-style: normal;
}
:root {
	--primary: 221, 161, 107;
	--secondary: 48, 35, 42;
	--theme-black: #000000;
	--theme-heading: 32, 30, 28;
	--theme-paragraph: #2C2C2C;
	--theme-white:  #ffffff;
	--primary-text:  #353333;
	--theme-dark-gray: #3F3C3C;
	--theme-gray:  #9C9C9C;
	--theme-Exlight-gray: #898989;
	--mobile-nav: #545e80;
	--theme-gray:  #9E9EA6;
  --theme-light-gray: #FFFBF2;
	--footer-bg: #021008;
  --theme-yellow: #FFBB00;
  --breadcrumb: #201E1C;
  --font-body: "Montserrat", sans-serif;
  --font-heading: "Playfair Display", serif;
  --font-cormorant: "Cormorant SC", serif;
  --font-bebas: "Bebas Neue", sans-serif;
}
.icon{font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.icon-instagram:before {
  content: "\e90e";
}
.icon-angle-right:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-calendar:before {
  content: "\e903";
}
.icon-caret-right:before {
  content: "\e904";
}
.icon-cart-bag:before {
  content: "\e905";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-globe:before {
  content: "\e908";
}
.icon-pinterest:before {
  content: "\e909";
}
.icon-search-o:before {
  content: "\e90a";
}
.icon-user-o:before {
  content: "\e90b";
}
.icon-x:before {
  content: "\e90d";
}
.icon-map-marker-o:before {
  content: "\e906";
}
.icon-minus:before {
  content: "\e91c";
}
.icon-plus:before {
  content: "\e91b";
}
.icon-chevron-right:before {
  content: "\e913";
}
.icon-chevron-left:before {
  content: "\e914";
}
.icon-menu1:before {
  content: "\e915";
}
.icon-segment:before {
  content: "\e916";
}
.icon-align-left:before {
  content: "\e917";
}
.icon-align-right:before {
  content: "\e918";
}
.icon-clearclose:before {
  content: "\e928";
}
.icon-done:before {
  content: "\e929";
}
.icon-done_all:before {
  content: "\e92a";
}
.icon-check:before {
  content: "\e921";
}
.icon-menu11:before {
  content: "\e919";
}
.icon-trending_neutral:before {
  content: "\e90c";
}
.icon-arrow-thin-down:before {
  content: "\e920";
}
.icon-arrow-thin-up:before {
  content: "\e91d";
}
.icon-arrow-thin-left:before {
  content: "\e91e";
}
.icon-arrow-thin-right:before {
  content: "\e91f";
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
}
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
  }
}
:focus{outline: none !important;}
button:focus{outline: none !important}
.circleeffect{position: relative; overflow: hidden}
.circleeffect:before{content: ""; width: 124px; height: 124px; border-radius: 50%; background: rgba(var(--primary), 1); position: absolute; top: 50%; left: 50%; margin-top: -62px; margin-left: -62px; display: none;}
.circleeffect:hover:before{-webkit-animation: circleIn .4s linear; animation: circleIn .4s linear; display: block; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards}

.headercontainer{padding: 0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headercontainer .headertp{background: rgba(var(--primary), 1); padding: 5px 0px;}
.headercontainer .headertpinner{display: flex; justify-content: space-between; align-items: center;}
.headercontainer .headlocation{width: 25%; display: inline-flex; align-items: center; gap: 5px; font-size: 14px; color: var(--theme-white);}
.headercontainer .headlocation i{font-size: 120%;}
.headercontainer .headlocation span{line-height: 100%;}
.headercontainer .offertetx{width: 50%; display: flex; justify-content: center; text-align: center; color: var(--theme-white); font-size: 14px;}
.headercontainer .headertp ul{width: 25%; display: flex; justify-content: flex-end; flex-wrap: wrap; margin: 0px; padding: 0px; gap: 26px;}
.headercontainer .headertp ul li{position: relative; display: inline-flex; margin: 0px; padding: 0px;}
.headercontainer .headertp ul li:before{position: absolute; opacity: 0; left: -14px; top: 9px; content: ""; min-width: 4px; height: 4px; background: var(--theme-white); border-radius: 50%;}
.headercontainer .headertp ul li~li:before{opacity: 1;}
.headercontainer .headertp ul li a{display: block; margin: 0px; font-size: 14px; padding: 0px; color: var(--theme-white); text-decoration: none;}

.headercontainer .headerbtm{background: rgba(var(--secondary), 1); padding: 15px 0px; position: relative;}
.headercontainer .headtoprow{display: -ms-flexbox; display: flex; margin: 0px 0px; align-items: center; justify-content: space-between; transition: all 0.2s ease-in-out;}

.theme-btn,.default-btn{position: relative; display: inline-flex; min-width: 130px; align-items: center; justify-content: center; text-align: center; gap: 8px; background: rgba(var(--primary), 1); font-size: 13px; color: var(--theme-white); padding: 11px 22px; letter-spacing: 2px; min-height: 42px; font-weight: 600; overflow: hidden; text-transform: uppercase; border-radius: 0px; border: none; cursor: pointer; text-decoration: none; z-index: 3; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.theme-btn i,.default-btn i{line-height: 100%;}
.theme-btn:hover{border-color: rgba(var(--secondary), 1);}
.theme-btn::before,.default-btn::before{content: ""; position: absolute; height: 500px; width: 530px; top: 50%; left: 50%; background: var(--theme-white); border-radius: 50%; transform: translateX(-30%) translateY(-40%) scale(0); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; z-index: -1;}
.theme-btn:hover,.default-btn:hover{color: var(--theme-white);}
.theme-btn:hover::before,.default-btn:hover::before{transform: translateX(-50%) translateY(-50%) scale(1);}
.theme-btn:focus,.default-btn:focus{color: var(--theme-white);}
.theme-btn::before{background: rgba(var(--secondary), 1);}
.theme-btn:hover{color: var(--theme-white); background: rgba(var(--secondary), 1);}
.theme-btn:hover::before{background: rgba(var(--secondary), 1);}

.default-btn{background: var(--theme-white); color: rgba(var(--theme-heading), 1); padding: 11px 22px;}
.default-btn::before{background: rgba(var(--primary), 1);}
.default-btn:hover{border-color: rgba(var(--primary), 1);}
.default-btn:hover:focus{background: rgba(var(--primary), 1); color: var(--theme-white);}
.default-btn:focus:hover{background: rgba(var(--primary), 1); color: var(--theme-white);}
.default-btn:focus{background: rgba(var(--primary), 1); color: var(--theme-white);}

.headercontainer .headerbtm.sticky{position: fixed; top: 0 !important; left: 0; z-index: 999; padding: 10px 0px; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);}

.headercontainer .headtoprow .logocontainer{position: relative; align-self: center; padding: 0px 0px; min-width: 150px; max-width: 150px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.headercontainer .headtoprow .navigationcolumn{padding: 0px 0px; -ms-flex-item-align: center; align-self: center; margin-left: auto; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.headercontainer .logocontainer img{position: relative; z-index: 1; max-height: 100%; max-width: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.headercontainer .logocontainer a{color: var(--theme-white); display: block; padding: 0px; margin: 0px 0px; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headercontainer .logocontainer a span{color: #012346;}

.headercontainer.sticky .logocontainer{min-width: 130px; max-width: 130px;}
.headercontainer.sticky .logocontainer a{margin: 0px;}

.headercontainer .userbts{display: flex; align-items: center; justify-content: flex-end; gap: 20px; width: 35%;}
.headercontainer .userbts .cartbtns{display: inline-flex; gap: 20px;}
.headercontainer .userbts .cartbtns .cartbtn{color: var(--theme-white); font-size: 18px; text-decoration: none; border: none; outline: none;}

.headercontainer .navigationouter{float: left; display: flex; align-items: center;}
.headercontainer .navigation{display: flex; flex-wrap: wrap; justify-content: flex-start; width: 35%;}
.headercontainer .navigation .sf-menu{margin: 0px; padding: 0px; display: flex; gap: 2.2rem;}
.headercontainer .navigation .sf-menu > li{list-style: none; display: inline-block; float: none;}
.headercontainer .navigation .sf-menu > li > a{color: var(--theme-white); text-decoration: none; padding: 0px; display: block; font-size: 14px; text-transform: capitalize; letter-spacing: .02em; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headercontainer .navigation .sf-menu > li.parent > a{padding-right: 23px;}
.headercontainer .navigation .sf-menu > li > a:hover{color: rgba(var(--primary), 1); background: transparent;}
.headercontainer .navigation .sf-menu > li.active > a{color: rgba(var(--primary), 1); font-weight: 600; color: rgba(var(--primary), 1);}
.headercontainer .navigation .sf-menu > li:last-child > ul{left: auto; right: 0px;}
.headercontainer .navigation ul li.parent:after{font-family: 'icomoon'; content: "\e90f"; position: absolute; right: 10px; top: 50%; color: rgba(var(--primary), 1); margin-top: -6px; line-height: 100%; font-size: 13px;}
.headercontainer .navigation ul li.parent:hover:after{color: var(--theme-white);}
/* dropdown menu css start */
.headercontainer .navigation ul li ul li{width: 100%;}
.headercontainer .navigation ul li ul li a{width: 100%; font-size: 13px;}
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; top: 94px; left: 0px; z-index: 999; padding: 0px; margin: 0px; }
.sf-menu > li {float: left;}
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
/* DEMO SKIN */
.sf-menu{float: left;}
.sf-menu li ul li a{background: 0 0; color: #4B9095; text-align: left; padding: 9px 20px;}
.sf-menu li ul li + li{border-top: 1px solid #381e99;}
.sf-menu li ul li a:hover{background: var(--theme-black); color: var(--theme-white);}
.sf-menu a{padding: 7px 20px; text-decoration: none; zoom: 1; }
.sf-menu a{color: #13a; }
.sf-menu li{-webkit-transition: background .2s; transition: background .2s; }
.sf-menu li:hover, .sf-menu li.sfHover {-webkit-transition: none; transition: none; }
.headercontainer .navigation .sf-menu>li>a:hover{color: #090931; background: 0 0;}
.headercontainer .navigation .sf-menu>li:hover a{background: transparent; color: rgba(var(--primary), 1);}
.headercontainer .navigation .sf-menu>li ul li:hover a{background: none !important; color: #303030;}
.headercontainer .navigation .sf-menu>li.parent:hover > a{background: rgba(var(--primary), 1); color: var(--theme-white);}

.headercontainer .navigation .sf-menu>li:hover ul li a{color: var(--theme-white);}
.headercontainer .navigation .sf-menu>li ul li a{background: none; color: var(--theme-white); -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.headercontainer .navigation .sf-menu>li ul li a:hover{background: var(--primary-dark) !important; color: var(--theme-white);}
.headercontainer .navigation .sf-menu>li ul li a{background: none; font-size: 13px; text-transform: capitalize;}
.sf-arrows .sf-with-ul { padding-right: 30px !important; }
.sf-arrows .sf-with-ul:after { content: '\f107'; position: absolute; font-family: 'FontAwesome'; right: 20px; height: 0; width: 0; }
.sf-arrows > li > .sf-with-ul { padding-right: 30px !important; }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { }
.sf-arrows ul .sf-with-ul:after { content: '\f105'; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { }

.section-heading{margin-top: 0px; margin-bottom: 25px;}
.section-heading h2, .section-heading h1{font-family:var(--font-heading); color: rgba(var(--theme-heading), 1); font-size: 55px; line-height: 60px; font-weight: 400; padding: 0px 0px 10px 0px; margin-bottom: 0px; letter-spacing:-.01em;}
.section-heading h2 strong, .section-heading h1 strong{font-weight:600;color:rgba(var(--primary), 1);}
.section-heading h2 em, .section-heading h1 em{font-style:italic;font-weight:300;color:var(--ink2);}
.section-heading p{font-size: 14px; line-height: 24px; color: var(--theme-paragraph); font-weight: 400; margin: 0px 0px 20px 0px;}
.section-heading .theme-btn{min-width: 140px;}

.swiper .swiper-slide{display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto;}

.swiper-nav{display: flex; justify-content: space-between; pointer-events: none; position: absolute; z-index: 2; gap: 5px; top: 50%; left: -45px; margin-top: -35px; right: -45px; transform: translateY(-50%);}
.swiper-nav .swiper-button-next{pointer-events: all; position: static; font-size: 16px; display: flex; justify-content: center; align-items: center; margin: 0px; width: 50px; height: 50px; text-align: center; padding: 0px !important; outline: none; border: 1px solid var(--theme-dark-gray); color: var(--theme-paragraph); background: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.swiper-nav .swiper-button-next svg{display: none;}
.swiper-nav .swiper-button-next:hover{background: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1); color: var(--theme-white);}
.swiper-nav .swiper-button-next:after{content: "\e902"; font-family: 'icomoon'; font-size: inherit;}
.swiper-nav .swiper-button-next.swiper-button-disabled{pointer-events: none;}
.swiper-nav .swiper-button-prev{pointer-events: all; position: static; font-size: 16px; display: flex; justify-content: center; align-items: center; margin: 0px; width: 50px; height: 50px; text-align: center; padding: 0px !important; outline: none; border: 1px solid var(--theme-dark-gray); color: var(--theme-paragraph); background: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.swiper-nav .swiper-button-prev svg{display: none;}
.swiper-nav .swiper-button-prev:hover{background: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1); color: var(--theme-white);}
.swiper-nav .swiper-button-prev:after{content: "\e901"; font-family: 'icomoon'; font-size: inherit;}
.swiper-nav .swiper-button-prev.swiper-button-disabled{pointer-events: none;}

.form-control{display: block;width: 100%; padding: .375rem .75rem; border: 1px solid var(--theme-paragraph); font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--theme-paragraph); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; border-radius: 5px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

.form-group{position: relative;}
.form-group .inputgroup{position: relative;}
.form-group .inputgroup .form-icon{position: absolute; right: 15px; pointer-events: none; top: 50%; transform: translateY(-50%);}
.form-group .form-control, .form-group .form-select{background-color: var(--primary-light); border-color: rgba(var(--primary), 0.35); height: 50px; padding: 5px 40px 5px 20px; font-size: 15px; border-radius: 15px; color: var(--theme-light-gray);}
.form-group .form-control:focus, .form-group .form-select:focus{border-color: rgba(var(--primary), 1); box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25);}
.form-group .form-control::-webkit-input-placeholder{color: var(--theme-light-gray);}
.form-group .form-control::-moz-placeholder{color: var(--theme-light-gray);}
.form-group .form-control:-ms-input-placeholder{color: var(--theme-light-gray);}
.form-group .form-control:-moz-placeholder{color: var(--theme-light-gray);}

.headercontainer .headtoprow .searchbx{width: 100%;}
.headercontainer .headtoprow .searchbx .searchbxinner{float: left; width: 100%;}
.headercontainer .headtoprow .searchbx .formgroup{position: relative; display: flex;}
.headercontainer .headtoprow .searchbx .formgroup .form-control{background: none; color: var(--theme-gray); font-size: 14px; border-color: rgba(var(--primary), 1); padding: 5px 20px 5px 15px; height: 40px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none;}
.headercontainer .headtoprow .searchbx .formgroup .form-control::-webkit-input-placeholder {color: var(--primary);}
.headercontainer .headtoprow .searchbx .formgroup .form-control::-moz-placeholder {color: var(--primary);}
.headercontainer .headtoprow .searchbx .formgroup .form-control:-ms-input-placeholder{ color: var(--primary);}
.headercontainer .headtoprow .searchbx .formgroup .searchbutton{background: rgba(var(--primary), 1); font-size: 18px; outline: none; border: none; color: var(--theme-white); min-width: 40px; height: 40px;}

.bannercontainer{padding: 0px 0px; position: relative;}
.bannercontainer .swiper img{width: 100%; max-height: 100%;}
.bannercontainer .swiper .swiper-slide{position: relative;}
.bannercontainer .swiper .swiper-slide picture{width: 100%;}
.bannercontainer .swiper .swiper-slide:after{content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 7.45%, rgba(0, 0, 0, 0) 56.15%);}

.bannercaption{position: absolute; left: 0px; right: 0px; top: 50%; padding: 0px 60px; z-index: 2; text-align: center; transform: translateY(-50%);}
.bannercaption .captioninner{position: relative; padding: 0px 0px 0px 0px;}
.bannercaption .captioninner h1{margin-top: 0px; margin-bottom: 25px; font-size: 45px; line-height: 55px; font-family: var(--font-heading); font-weight: 400; color: var(--theme-white);}
.bannercaption .captioninner h1 span{display: block;}

.bannercontainer .swiper-wrapper .swiper-slide.swiper-slide-active .bannercaption .captioninner h1{-webkit-animation: 1s .8s fadeInUp both; animation: 1s .8s fadeInUp both;}
.bannercontainer .swiper-wrapper .swiper-slide.swiper-slide-active .bannercaption .captioninner p{-webkit-animation: 1.5s .8s fadeInUp both; animation: 1.5s .8s fadeInUp both;}
.bannercontainer .swiper-wrapper .swiper-slide.swiper-slide-active .bannercaption .captioninner .theme-btn{-webkit-animation: 1.5s .8s fadeInUp both; animation: 1.5s .8s fadeInUp both;}

.bannercontainer .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{display: flex; flex-direction: column; gap: 5px; position: absolute; text-align: center; width: auto !important; transform: translateY(-50%) !important; bottom: auto; overflow: initial; top: 50%; left: 35px;}
.bannercontainer .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{opacity: 1; background: var(--theme-white); width: 7px; height: 7px; transform: none !important; margin: 4px 5px !important; left: 0px !important; right: 0px !important; position: relative !important;}
.bannercontainer .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1; box-shadow: 0px 0px 0px 6px rgba(var(--secondary), 1);}

.categorycontainer{padding: 60px 0px;}
.categorycontainer .catbx{float: left; width: 100%;}
.categorycontainer .catbx .catbximg{float: left; width: 100%; clip-path: shape(from 6.49% 5.91%,vline to 4.61%,curve to 12.5% 0% with 6.49% 2.17%/9.12% 0.15%,hline to 25%,hline to 50%,hline to 75%,hline to 87.5%,curve to 93.51% 4.33% with 90.82% 0%/93.51% 1.94%,vline to 5.91%,curve to 99.87% 10.3% with 96.92% 5.91%/99.73% 7.84%,line to 100% 12.5%,vline to 25%,vline to 50%,vline to 75%,vline to 90.11%,curve to 94.47% 94.09% with 100% 92.31%/97.52% 94.09%,hline to 93.51%,vline to 95.67%,curve to 87.5% 100% with 93.51% 98.06%/90.82% 100%,hline to 75%,hline to 50%,hline to 25%,hline to 12.5%,curve to 6.49% 95.67% with 9.18% 100%/6.49% 98.06%,vline to 94.09%,curve to 0% 89.42% with 2.91% 94.09%/0% 92%,vline to 75%,vline to 50%,vline to 25%,vline to 12.5%,line to 0.2% 10.3%,curve to 6.49% 5.91% with 0.41% 7.88%/3.13% 5.98%,close);}
.categorycontainer .catbx .catbximg img{width: 100%; max-height: 100%; height: auto; transition: 0.2s ease-in-out;}
.categorycontainer .catbx .catbxheading{float: left; width: 100%; display: flex; min-height: 50px; justify-content: center; align-items: center; text-align: center;}
.categorycontainer .catbx .catbxheading h3{color: var(--theme-black); font-size: 18px; font-weight: 400; margin: 0px;}
.categorycontainer .catbx .catbxheading h3 a{color: var(--theme-black); text-decoration: none; transition: 0.2s ease-in-out;}
.categorycontainer .catbx:hover .catbximg img{transform: scale(1.1);}
.categorycontainer .catbx:hover .catbxheading h3 a{color: rgba(var(--primary), 1);}


.shopcontainer{padding: 60px 0px 60px 0px;}
.shopbx{float: left; width: 100%; position: relative; text-decoration: none; overflow: hidden;}
.shopbx img{width: 100%; max-height: 100%; height: auto; transition: 0.2s ease-in-out;}
.shopbx .shopovarlay{position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; display: flex; align-items: flex-end; justify-content: center; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.74%, #000000 116.05%);}
.shopbx .shopovarlay h3{color: var(--theme-light-gray); font-size: 26px; font-weight: 400; margin: 0px 0px 20px 0px; text-align: center; padding: 0px; font-family: var(--font-heading);}
.shopbx:hover img{transform: scale(1.1);}

.productcontainer{padding: 60px 0px 60px 0px;}
.productbx{float: left; width: 100%; position: relative; text-decoration: none;}
.productbx .productbximg{float: left; width: 100%; overflow: hidden;}
.productbx .productbximg img{width: 100%; max-height: 100%; height: auto; transition: 0.2s ease-in-out;}
.productbx:hover .productbximg img{transform: scale(1.1);}
.productbx .productcontent{float: left; width: 100%; padding: 15px 0px 0px 0px;}
.productbx .productcontent h3{color: var(--theme-black); font-size: 16px; max-width: calc(100% - 80px); font-weight: 400; text-transform: uppercase; font-family: var(--font-heading); margin: 0px;}
.productbx .productcontent h3 a{color: var(--theme-black); text-decoration: none; transition: 0.2s ease-in-out;}
.productbx:hover .productcontent h3 a{color: rgba(var(--primary), 1);}
.productbx .productcontent .productcart{outline: none; position: relative; background: none; font-size: 16px; color: #161D22; border: 1px solid var(--theme-dark-gray); display: inline-flex; justify-content: center; align-items: center; min-width: 44px; height: 44px; border-radius: 50%; transition: 0.3s ease-in-out;}
.productbx:hover .productcontent .productcart{color: var(--theme-white); background: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1);}
.productbx .productcontent .crossprice{color: var(--theme-Exlight-gray); font-size: 18px; font-weight: 400; text-decoration: line-through; display: inline-flex;}
.productbx .productcontent .price{color: var(--theme-paragraph); font-size: 18px; font-weight: 500; display: inline-flex;}

.middlebanner{position: relative;}
.middlebanner img{width: 100%; max-height: 100%; height: auto;}
.middlebanner .middlecontent{position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%);}
.middlebanner .middlecontent h2{font-family:var(--font-heading); color: var(--theme-white); font-size: 55px; line-height: 60px; font-weight: 700; padding: 0px 0px 15px 0px; margin-bottom: 0px;}
.middlebanner .middlecontent h2 span{color: var(--theme-light-gray); font-size: 65%; font-weight: 400; display: block;}

.videocontainer{padding: 20px 0px 0px 0px;}
.videoinner{height: 480px; position: relative;}
.videoinner video{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;border-radius:0px}
.videoinner .play-pause-button{display: inline-flex; z-index:1;font-size:2.2em; padding-top: 4px; color: var(--theme-white); width:70px;height:70px;justify-content:center;align-items:center;border:none;outline:none; background: linear-gradient(151.31deg, rgba(var(--primary), 0.7) 14.97%, rgba(var(--primary), 0.5) 93.47%); backdrop-filter: blur(10px); border-radius:50%;}
.videoinner .play-pause-button .fa-play{padding-left:6px}
.videoinner .videoovarlay{position: absolute; padding: 20px; background: rgba(0, 0, 0, 0.50); left: 0px; right: 0px; top: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.videoinner .videoovarlay h2{font-family:var(--font-heading); color: var(--theme-white); font-size: 55px; line-height: 60px; text-align: center; font-weight: 700; padding: 0px; margin-bottom: 0px;}
.videoinner .videoovarlay h2 span{color: var(--theme-light-gray); font-size: 65%; font-weight: 400; display: block;}

.reviewcontainer{padding: 60px 0px;}
.reviewcontainer .reviewbx{float: left; width: 100%; background: var(--theme-white); padding: 30px; border-radius: 10px;}
.reviewcontainer .reviewbx .ratingstar{color: var(--theme-yellow); font-size: 14px; margin: 0px 0px 5px 0px;}
.reviewcontainer .reviewbx p{color: var(--theme-paragraph); font-size: 14px; font-weight: 400; line-height: 22px; margin: 0px 0px 10px 0px;}
.reviewcontainer .reviewbx .ratinguser{display: flex; align-items: center; gap: 15px;}
.reviewcontainer .reviewbx .ratinguser .ratingavatar{padding: 0px;}
.reviewcontainer .reviewbx .ratinguser .ratingavatar img{min-width: 50px; max-width: 50px; height: 50px; border-radius: 50%; object-fit: cover;}
.reviewcontainer .reviewbx .ratinguser .ratingcontent{padding: 0px; flex: 1;}
.reviewcontainer .reviewbx .ratinguser .ratingcontent h3{color: var(--theme-paragraph); font-size: 18px; font-weight: 400; font-family: var(--font-heading); margin: 0px;}

.bannersmcontainer{padding: 0px;}
.bannersmcontainer .bannersmbx{float: left; width: 100%; position: relative;}
.bannersmcontainer .bannersmbx img{width: 100%; max-height: 100%; height: auto;}
.bannersmcontainer .bannersmbx .bannersmovarlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6.17%, #000000 133.77%); display: flex; align-items: flex-end; padding: 30px; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.bannersmcontainer .bannersmbx h3{position: relative; font-family:var(--font-cormorant); color: var(--theme-white); font-size: 60px; line-height: 100%; text-align: center; font-weight: 700; padding: 0px 0px 10px 0px; margin-bottom: 20px;}
.bannersmcontainer .bannersmbx h3:after{content: ""; position: absolute; left: 0px; top: 100%; right: 0px; border-top: 1px solid rgba(255, 255, 255, 0.17);}
.bannersmcontainer .bannersmbx h3 span{color: var(--theme-light-gray); font-size: 35%; font-weight: 400; padding: 0px 0px 5px 0px; display: block; line-height: 100%;}
.bannersmcontainer .bannersmbx h4{color: var(--theme-white); font-size: 18px; text-align: center; font-weight: 500; padding: 0px; margin-bottom: 5px;}
.bannersmcontainer .bannersmbx p{color: var(--theme-white); font-size: 13px; text-align: center; font-weight: 500; padding: 0px; margin-bottom: 20px;}

.bannersmcontainer .bannersmbx .bold-heading{position: relative; width: 100%; font-family:var(--font-bebas); color: var(--theme-white); font-size: 60px; line-height: 100%; text-align: center; text-transform: uppercase; font-weight: 400; margin-bottom: 20px;}
.bannersmcontainer .bannersmbx .bold-heading span{display: block;}

.blogcontainer{padding: 60px 0px 0px 0px;}
.blogcontainer .blogbx{float: left; width: 100%;}
.blogcontainer .blogbx .blogbximg{float: left; width: 100%; height: 100%;}
.blogcontainer .blogbx .blogbximg img{width: 100%; max-height: 100%; height: auto; border-radius: 10px;}
.blogcontainer .blogbx .blogbxcontent{float: left; width: 100%; padding: 15px 0px 0px 0px;}
.blogcontainer .blogbx .blogbxcontent .date{display: inline-flex; gap: 5px; color: var(--theme-Exlight-gray); font-size: 13px; text-transform: uppercase; margin: 0px 0px 8px 0px;}
.blogcontainer .blogbx .blogbxcontent h3{font-family:var(--font-heading); color: rgba(var(--theme-heading), 1); font-size: 18px; font-weight: 400; padding: 0px; margin-bottom: 8px;}
.blogcontainer .blogbx .blogbxcontent h3 a{color: rgba(var(--theme-heading), 1); text-decoration: none; transition: 0.2s ease-in-out;}
.blogcontainer .blogbx .blogbxcontent p{color: var(--theme-paragraph); font-size: 14px; font-weight: 400; line-height: 22px; margin: 0px 0px 15px 0px;}
.blogcontainer .blogbx .blogbxcontent .knowmorebtn{color: rgba(var(--theme-heading), 1); text-decoration: none; display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 500; margin: 0px; transition: 0.2s ease-in-out;}
.blogcontainer .blogbx .blogbxcontent .knowmorebtn span{font-style: italic; line-height: 100%;}
.blogcontainer .blogbx .blogbxcontent .knowmorebtn i{font-size: 80%; padding: 2px 0px 0px 0px;}

.blogcontainer .blogbx .blogbxcontent .knowmorebtn:hover{gap: 12px; color: rgba(var(--primary), 1);}
.blogcontainer .blogbx .blogbxcontent h3:hover a{color: rgba(var(--primary), 1);}

.blogbtmimg{width: 100%; padding: 40px 0px 60px 0px;}
.blogbtmimg img{width: 100%; max-height: 100%; height: auto;}

.newslettercontainer{padding: 60px 0px; background: #FFFBF2;}
.newslettercontainer .contactinfo{float: left; width: 100%;}
.newslettercontainer .contactinfo h3{color: var(--theme-black); font-size: 20px; font-family: var(--font-heading); font-weight: 400; margin: 0px 0px 20px 0px;}
.newslettercontainer .contactinfo p{color: var(--theme-black); font-size: 14px; font-weight: 400; margin: 0px;}
.newslettercontainer .contactinfo p a{color: var(--theme-black); text-decoration: none; transition: 0.3s ease-in-out;}
.newslettercontainer .contactinfo p a:hover{color: rgba(var(--primary), 1);}
.newslettercontainer .contactinfo p + p{margin: 5px 0px 0px 0px;}

.newslettercontainer .newsletterbx{float: left; width: 100%; padding: 0px 70px; position: relative;}
.newslettercontainer .newsletterbx:before{content: ""; position: absolute; left: 20px; top: 15px; bottom: 15px; border-left: 1px solid var(--theme-black); opacity: 0.20;}
.newslettercontainer .newsletterbx:after{content: ""; position: absolute; right: 20px; top: 15px; bottom: 15px; border-right: 1px solid var(--theme-black); opacity: 0.20;}
.newslettercontainer .newsletterbx h3{color: var(--theme-black); font-size: 28px; font-family: var(--font-heading); font-weight: 400; margin: 0px 0px 15px 0px;}
.newslettercontainer .newsletterbx p{color: var(--theme-black); font-size: 14px; font-weight: 400; margin: 0px 0px 20px 0px;}
.newslettercontainer .newsletterbx .form-control{background: var(--theme-white); color: var(--theme-gray); font-size: 14px; border-color: rgba(var(--primary), 1); padding: 5px 20px 5px 15px; height: 40px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none;}
.newslettercontainer .newsletterbx .form-control::-webkit-input-placeholder {color: var(--primary);}
.newslettercontainer .newsletterbx .form-control::-moz-placeholder {color: var(--primary);}
.newslettercontainer .newsletterbx .form-control:-ms-input-placeholder{ color: var(--primary);}
.newslettercontainer .newsletterbx .subscribebtn{background: rgba(var(--primary), 1); font-size: 14px; font-weight: 600; padding: 0px 15px; text-transform: uppercase; outline: none; border: none; color: var(--theme-white); height: 40px;}

.newslettercontainer .socialbx{float: left; width: 100%;}
.newslettercontainer .socialbx h3{color: var(--theme-black); font-size: 20px; font-family: var(--font-heading); font-weight: 400; margin: 0px 0px 20px 0px;}
.newslettercontainer .socialbx p{color: var(--theme-black); font-size: 14px; font-weight: 400; margin: 0px;}
.newslettercontainer .socialbx .socialrow{display: flex; flex-wrap: wrap; gap: 20px 0px;}
.newslettercontainer .socialbx .socialrow a{color: var(--theme-black); width: 50%; font-size: 14px; font-weight: 400; display: flex; align-items: center; gap: 10px; text-decoration: none;}
.newslettercontainer .socialbx .socialrow a i{font-size: 16px; color: #161D22; border: 1px solid var(--theme-dark-gray); display: inline-flex; justify-content: center; align-items: center; min-width: 40px; height: 40px; border-radius: 50%; transition: 0.3s ease-in-out;}
.newslettercontainer .socialbx .socialrow a:hover{color: rgba(var(--primary), 1);}
.newslettercontainer .socialbx .socialrow a:hover i{border-color: rgba(var(--primary), 1); background: rgba(var(--primary), 1); color: var(--theme-white);}

.footercontainer{padding: 0px;}
.footercontainer .footertp{background-image: url(../images/footer-pattern.png); background-color: rgba(var(--primary), 1); background-size: 40px; padding: 60px 0px;}
.footercontainer .footerlogoouter{float: left; width: 100%;}
.footercontainer .footerlogo{display: block; margin: 0px 0px 15px 0px;}
.footercontainer .footerlogo img{width: auto; height: auto; max-height: 100%; max-width: 100%;}
.footercontainer .footeraddres{display: block;}
.footercontainer .footeraddres p{color: var(--theme-black); font-size: 14px; line-height: 24px; margin-bottom: 1rem;}
.footercontainer .footerheading{color: var(--theme-black); font-size: 20px; font-family: var(--font-heading); font-weight: 400; margin: 0px 0px 15px 0px;}
.footercontainer ul{margin: 0px; padding: 0px;}
.footercontainer ul li{margin: 0px 0px 10px 0px; padding: 0px; list-style: none; width: 100%;}
.footercontainer ul li a{color: var(--theme-black); font-size: 14px; text-decoration: none; margin: 0px; padding: 0px; transition: 0.3s ease-in-out;}
.footercontainer ul li a:hover{color: rgba(var(--secondary), 1); text-decoration: underline;}
.footercontainer .footercolumntwo ul li{width: 50%;}
.footercontainer .cards{display: flex; flex-wrap: wrap; gap: 5px;}
.footercontainer .cards img{width: auto; height: auto; max-height: 100%; max-width: 100%; border-radius: 5px;}
.footercontainer .footerbtm{padding: 13px 0px; background: var(--theme-black);}
.footercontainer .footerbtm p{color: var(--theme-white); font-size: 14px; text-align: center; margin: 0px;}
.footercontainer .footerbtm p a{color: var(--theme-white); text-decoration: none; transition: 0.3s ease-in-out;}
.footercontainer .footerbtm p a:hover{color: rgba(var(--primary), 1);}

.container{margin-right: auto; margin-left: auto;}


/* Product List */

.breadcrumbcontainer{padding: 0px;}
.breadcrumb{background: none; display: flex; padding: 15px 0px; margin-bottom: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none;}
.breadcrumb li{color: var(--breadcrumb); font-size: 15px; font-weight: 400;}
.breadcrumb>li+li:before{padding: 0px 12px; color: var(--breadcrumb); content: "/";}
.breadcrumb li a{color: var(--breadcrumb); text-decoration: none; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.breadcrumb li a:hover{color: var(--breadcrumb);}
.breadcrumb li.active{color: rgba(var(--primary), 1);}

.form-check-input{appearance:none;-webkit-appearance:none; width:16px; height:16px; border: 1px solid #cbd5e1; border-radius:4px; cursor:pointer; position:relative;transition:all .2s ease; background:#fff;}
.form-check-input:checked{background-color: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1)}
.form-check-input:checked::after{content: "\e921"; color: var(--theme-white); font-family: 'icomoon'; position: absolute; left:0px; top:0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center;}
.form-check{display:flex;align-items:center;gap:10px}
.form-check-label{cursor:pointer}

.filtetbtn{position: fixed; z-index: 4; right: 0px; bottom: 35%; display: flex; align-items: center; gap: 10px; background: rgba(var(--secondary), 1); color: var(--theme-white); padding: 7px; border-radius: 30px 0px 0px 30px;}
.filtetbtn svg{width: 24px; height: 24px;}

.productlistcontainer{padding: 10px 0px 40px 0px; position: relative;}
.productlistcontainer .productinner{position: relative; z-index: 1;}
.leftfilterouter{float: left; width: 100%; position: sticky; top: 72px;}
.leftfilterouter .ltfilterbx{float: left; width: 100%; border-bottom: 1px solid #4D4D4D; margin: 0px 0px 15px 0px;}
.leftfilterouter .ltfilterbx:last-child{border: none;}
.leftfilterouter .ltfiltertp{color: rgba(var(--theme-heading), 1); position: relative; width: 100%; padding: 0px 0px 5px 0px; font-size: 28px; font-weight: 300; font-family: var(--font-heading); text-transform: capitalize; margin: 0px 0px 15px 0px;}
.leftfilterouter .ltfiltertp:after{content: ""; position: absolute; left: 0px; top: 100%; width: 100%; border-bottom: 1px solid #4D4D4D;}

.leftfilterouter .ltfilterbx .ltfilterheading{display: flex; align-items: center; position: relative; margin: 0px 0px 15px 0px;}
.leftfilterouter .ltfilterbx .ltfilterheading a{color: rgba(var(--theme-heading), 1); padding: 0px; text-decoration: none; font-size: 20px; font-family: var(--font-heading); font-weight: 300; text-transform: capitalize;}
.leftfilterouter .ltfilterbx .ltfilterheading .collapsebtn{position: absolute; right: 0px; top: 50%; width: 26px; height: 26px; transform: translateY(-50%); outline: none; color: var(--breadcrumb); font-size: 14px; display: inline-flex; justify-content: center; align-items: center; text-align: center; background: none; border: none;}
.leftfilterouter .ltfilterbx .ltfilterheading .collapsebtn i{transition:.3s;}
.leftfilterouter .ltfilterbx .ltfilterheading .collapsebtn.active i{transform:rotate(180deg);}
.leftfilterouter .ltfilterbx .ltfilterbody{padding: 0px; display: none;}
.leftfilterouter .ltfilterbx .ltfilterbody.active{display: block;}
.leftfilterouter .ltfilterbx .ltfilterbodyinner{padding: 0px 0px 15px 0px;}
.leftfilterouter ul{display: block; margin: 0px; padding: 0px;}
.leftfilterouter ul li{display: block; margin: 0px; padding: 0px; list-style: none;}
.leftfilterouter ul li a{display: block; margin: 0px; padding: 6px 0px 6px 0px; color: var(--theme-Exlight-gray); position: relative; font-size: 14px; font-weight: 400; text-decoration: none; transition: 0.3s ease-in-out;}
.leftfilterouter ul li.active a{color: rgba(var(--secondary), 1);}
.leftfilterouter ul li a:hover{color: rgba(var(--secondary), 1);}

.leftfilterouter .filtercheckbx{display: flex; flex-wrap: wrap; gap: 5px 0px;}
.leftfilterouter .filtercheckbx .form-check{font-size: 14px; margin-bottom: 14px;}
.leftfilterouter .filtercheckbx .form-check .form-check-input{background-color: initial; border-color: #4D4D4D; border-radius: 3px;}
.leftfilterouter .filtercheckbx .form-check .form-check-input:checked{background-color: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1);}
.leftfilterouter .filtercheckbx .form-check .form-check-input:focus{border-color: rgba(var(--primary), 1); outline: 0; box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25);}
.leftfilterouter .filtercheckbx .form-check .form-check-label{color: var(--theme-Exlight-gray); font-weight: 400; font-size: 14px; line-height: 100%;}

.leftfilterouter .filtercolor{display: flex; flex-wrap: wrap; gap: 10px;}
.leftfilterouter .filtercolor .checkbox{display: inline-flex; position: relative; width: 28px; height: 28px; border-radius: 50%; overflow: hidden;}
.leftfilterouter .filtercolor .checkbox input[type="checkbox"]{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0;}
.leftfilterouter .filtercolor .checkbox label{width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; bottom: 0px; right: 0px; font-size: 13px; font-weight: 400; display: flex; justify-content: center; align-items: center;}
.leftfilterouter .filtercolor .checkbox label:after{content: "\e921"; font-family: 'icomoon'; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; justify-content: center; background: rgba(var(--primary), 0.20); color: var(--theme-white); opacity: 0; transition: 0.3s ease-in-out;}
.leftfilterouter .filtercolor .checkbox input[type="checkbox"]:checked + label{opacity: 0.5;}
.leftfilterouter .filtercolor .checkbox input[type="checkbox"]:checked + label:after{opacity: 1;}

.product-loader{display: inline-flex; align-items: center; gap: 0px 10px; font-size: 15px; font-weight: 500; color: var(--theme-gray);}
.product-loader i{color: var(--theme-gray);}
.product-loader span{font-style: italic;}
.leftfilterouter .filterclose{position: absolute; right: 10px; top: -10px; color: var(--theme-white); background: rgba(var(--secondary), 1); display: inline-flex; justify-content: center; align-items: center; width: 26px; height: 26px; font-size: 20px; border-radius: 50%; text-decoration: none;}

.leftfilterouter .slider-thumb{pointer-events: none; background: transparent; -webkit-appearance: none; top: 12px;}
.leftfilterouter .slider-thumb::-webkit-slider-thumb{pointer-events: all; width: 12px; height: 12px; border-radius: 50%; background: #0d6efd; cursor: pointer; -webkit-appearance: none;}
.leftfilterouter .slider-track{background: #DFDFDF;}
.leftfilterouter .slider-thumb::-moz-range-thumb{pointer-events: all; width: 12px; height: 12px; border-radius: 50%; background: #0d6efd; cursor: pointer;}
.leftfilterouter .slider-track{background-color: #4D4D4D !important;}
.leftfilterouter #slider-range{background: linear-gradient(98.73deg, rgba(var(--secondary-light), 1) 15.31%, rgba(var(--secondary), 1) 91.33%) !important;}
.leftfilterouter .slider-thumb::-webkit-slider-thumb{background: linear-gradient(98.73deg, rgba(var(--secondary-light), 1) 15.31%, rgba(var(--secondary), 1) 91.33%); outline: none; border: none;}
.leftfilterouter .slider-thumb::-moz-range-thumb{background: linear-gradient(98.73deg, rgba(var(--secondary-light), 1) 15.31%, rgba(var(--secondary), 1) 91.33%); outline: none; border: none;}
.leftfilterouter .priceinputs{display: flex; align-items: center;}
.leftfilterouter .priceinputs .pricecol{position: relative; flex: 1;}
.leftfilterouter .priceinputs .pricecol label{position: absolute; margin: 0px; left: 10px; top: 50%; text-transform: uppercase; transform: translateY(-50%); color: var(--theme-paragraph); font-size: 14px;}
.leftfilterouter .priceinputs .pricecol .form-control{border-radius: 0px; border: 1px solid #ddd; font-size: 14px; color: #7A7671; padding: 4px 10px; height: 40px; text-align: right; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.leftfilterouter .priceinputs .pricecol .form-control[type=number]::-webkit-inner-spin-button,
.leftfilterouter .priceinputs .pricecol .form-control[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;  margin: 0;}
.leftfilterouter .priceinputs .pricecol .form-control[type="range"]::-moz-range-thumb {-moz-appearance: none;}
.leftfilterouter .priceinputs .pricecol .form-control[type=number]{-moz-appearance: textfield;}
.leftfilterouter .priceinputs .totext{color: #7A7671; display: flex; align-items: center; padding: 0px 10px;}
.leftfilterouter .priceinputs .totext p{font-size: 14px; font-weight: 400; color: var(--theme-paragraph); margin: 0px;}
.leftfilterouter .hiddenprice{color: var(--theme-gray); font-size: 15px;}

.filtertp{display: flex; justify-content: space-between; margin: 0px 0px 15px 0px;}
.filtertp .paginate{display: inline-flex; gap: 10px; align-items: center; color: var(--theme-paragraph); font-size: 14px; font-weight: 400;}
.filtertp .paginate strong{color: var(--theme-white); font-family: "Playfair", serif; font-size: 24px; font-weight: 300;}
.filtertp .sortbtx{display: inline-flex; align-items: center; gap: 10px; border: 1px solid #4D4D4D; border-radius: 40px; padding: 8px 15px 8px 20px;}
.filtertp .sortbtx svg{color: #201E1C; width: 20px; max-height: 100%; margin-top: 2px;}
.filtertp .sortbtx span{white-space: normal; display: inline-flex; align-items: center; gap: 8px; color: #201E1C; font-size: 15px; font-weight: 500; white-space: nowrap;}
.filtertp .sortbtx span span{gap: 8px;}
.filtertp .sortbtx .form-control{background: none; height: 22px; padding: 1px 0px 1px 0px; border: none; box-shadow: none; color: var(--theme-paragraph); font-size: 14px; font-weight: 400;}
.filtertp .sortbtx .form-control option{color: var(--theme-gray);}

@supports (-moz-appearance: none) {
  .leftfilterouter .slider-thumb{top: 9px;}
}
.discountbx{position: absolute; left: 10px; right: 10px; top: 10px; z-index: 2; align-items: center; display: flex; justify-content: space-between;}
.discountbx .discounttxt{display: inline-flex; background: rgba(var(--secondary), 1); color: var(--theme-white); font-size: 14px; font-weight: 400; padding: 5px 16px; border-radius: 30px;}
.discountbx .wishlistbtn{width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; color: rgba(var(--secondary), 1); font-size: 16px; outline: none; border: none; background: var(--theme-white); padding: 0; border-radius: 50%; transition: .3s ease-in-out;}
.discountbx .wishlistbtn:hover{color: var(--theme-white); background: rgba(var(--primary), 1);}

.price-range{width:100%;}
.range-wrap{position:relative;}
.price-range input[type=range]{-webkit-appearance:none; appearance:none; width:100%; height: 8px; background:linear-gradient(to right,rgba(var(--primary), 1) 45%,var(--theme-white) 45%); border-radius:999px; outline:none; cursor:pointer;}
.price-range input[type=range]::-webkit-slider-runnable-track{height:4px; border-radius:999px; background:transparent;}
.price-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:18px; height:18px; border-radius:50%; background:rgba(var(--primary), 1); border:3px solid rgba(var(--primary), 1); margin-top:-7px; box-shadow:0 2px 6px rgba(0,0,0,.15); transition:.2s ease;}
.price-range input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);}
.price-range input[type=range]::-moz-range-track{height:4px; background:#e5e7eb; border-radius:999px;}
.price-range input[type=range]::-moz-range-thumb{width:18px; height:18px; border-radius:50%; background:#fff; border:3px solid #2563eb; box-shadow:0 2px 6px rgba(0,0,0,.15); cursor:pointer;}

.range-values{font-size:14px; color: var(--theme-Exlight-gray);}


/* Product Details */
.productdlcontainer{padding: 10px 0px 40px 0px;}
.product-detail .detailstp{float: left; width: 100%; padding: 35px; background: #fff; margin-bottom: 30px;}
.product-detail .dlrightbx{padding: 0px 0px 0px 30px;}
.detailsleftbx{float: left; width: 100%; position: sticky; top: 75px;}
.detailsleftbx .gallery-container{display: flex; gap: 10px; align-items: center; max-width: 100%; margin: auto; height: 546px;}
.detailsleftbx .swiper-nav{position: absolute; pointer-events: none; left: 50%; top: 5px; bottom: 5px; display: flex; flex-direction: column; justify-content: space-between; margin: 0px; transform: translateX(-50%); right: auto;}
.detailsleftbx .swiper-nav .swiper-button-prev{pointer-events: all; position: static; border: none; color: var(--theme-white); -webkit-text-fill-color: var(--theme-white); font-size: 18px; top: auto; width: 26px; height: 26px; align-items: center; margin: 0px;}
.detailsleftbx .swiper-nav .swiper-button-prev:hover{background: none;}
.detailsleftbx .swiper-nav .swiper-button-prev svg{display: inline-flex;}
.detailsleftbx .swiper-nav .swiper-button-prev:before{display: none;}
.detailsleftbx .swiper-nav .swiper-button-prev:after{display: none;}
.detailsleftbx .swiper-nav .swiper-button-next:before{display: none;}
.detailsleftbx .swiper-nav .swiper-button-next:after{display: none;}
.detailsleftbx .swiper-nav .swiper-button-next{pointer-events: all; position: static; border: none; color: var(--theme-white); -webkit-text-fill-color: var(--theme-white); font-size: 18px; top: auto; width: 26px; height: 26px; align-items: center; margin: 0px;}
.detailsleftbx .swiper-nav .swiper-button-next svg{display: inline-flex;}
.detailsleftbx .swiper-nav .swiper-button-next:hover{background: none;}
.detailsleftbx .thumb-slider{width: 95px; height: 100%;}
.detailsleftbx .main-slider{width: 100%; height: 100%;}
.detailsleftbx .swiper-slide{display: flex;}
.detailsleftbx .swiper-slide img{width: 100%; max-width: 100%; height: auto; max-height: 100%; object-fit: cover; border-radius: 0px;}
.detailsleftbx .thumb-slider .swiper-slide{opacity: 1; cursor: pointer; background: rgba(var(--primary-light), 1); border-radius: 12px;}
.detailsleftbx .thumb-slider .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.detailsleftbx .thumb-slider .swiper-slide-thumb-active{opacity: 1; background: linear-gradient(98.73deg, rgba(var(--secondary-light), 1) 15.31%, rgba(var(--secondary), 1) 91.33%);}
/*.detailsleftbx .main-slider .swiper-slide img{cursor: zoom-in;}*/
.productltcontent{float: left; width: 100%; padding: 0px 0px 0px 0px;}
.productltcontent .subheading{width: 100%; font-size: 14px; color: rgba(var(--theme-heading), 1);}
.productltcontent h2{font-family: var(--font-heading); color: rgba(var(--theme-heading), 1); font-size: 40px; line-height: 50px; font-weight: 400; margin: 0px 0px 20px 0px;}
.productltcontent p{color: var(--theme-gray); font-size: 14px; font-weight: 400; line-height: 24px; margin: 0px 0px 20px 0px;}

.productltcontent .dltshare{display: flex; align-items: center; white-space: nowrap; gap: 10px; margin-left: auto;}
.productltcontent .dltshare label{color: rgba(var(--theme-heading), 1); font-size: 15px; font-weight: 400; margin: 0px;}
.productltcontent .dltshare .socialsharebtx{display: flex; gap: 6px;}
.productltcontent .dltshare .socialsharebtx .socialshare{display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; text-decoration: none; color: rgba(var(--theme-heading), 1); border: 1px solid rgba(var(--theme-heading), 1); border-radius: 50%; transition: 0.3s ease-in-out;}
.productltcontent .dltshare .socialsharebtx .socialshare:hover{color: var(--theme-white); border-color: rgba(var(--primary), 1); background: rgba(var(--primary), 1);}


.productltcontent .dtrating{display: flex; gap: 3px; align-items: center; font-size: 14px; color: #707070; margin-bottom: 15px;}
.productltcontent .dtrating i{color: #EAAF21;}
.productltcontent .dtrating span{display: inline-block; vertical-align: middle; color: var(--theme-gray); font-size: 90%;}
.productltcontent .priceouter{display: flex; align-items: center; gap: 10px; margin: 0px; margin: 0px 0px 20px 0px;}
.productltcontent .priceouter .price{font-size: 26px; font-weight: 600; color: rgba(var(--theme-heading), 1); line-height: 100%;}
.productltcontent .priceouter .crossprice{font-size: 14px; font-weight: 400; color: rgba(var(--theme-heading), 1); text-decoration: line-through; line-height: 100%;}
.productltcontent .priceouter .offtext{font-size: 14px; font-weight: 400; color: rgba(var(--theme-heading), 1); line-height: 100%;}
.productltcontent .skutxt{font-size: 14px; font-weight: 400; color: rgba(var(--theme-heading), 1); line-height: 100%; margin: 0px 0px 20px 0px;}

.productltcontent h3{font-family: var(--font-heading); color: rgba(var(--theme-heading), 1); font-size: 18px; font-weight: 400; margin: 0px 0px 10px 0px;}
.productltcontent h4{font-family: var(--font-heading); color: rgba(var(--theme-heading), 1); font-size: 16px; font-weight: 300; margin: 0px 0px 10px 0px;}

.productltcontent .productcontentheading{display: flex;}
.productltcontent .productcontentheading h2{width: 100%;}

.productltcontent .sizebx{display: block; margin: 0px 0px 15px 0px;}
.productltcontent .sizebx .sizebxinner{display: block;}
.productltcontent .radio.size{display: inline-block; margin: 3px 4px 3px 0px; position: relative; padding: 0px;}
.productltcontent .radio.size input[type="radio"]{position: absolute;left: 0px;top: 0px;margin: 0px;padding: 0px; opacity: 0;}
.productltcontent .radio.size label{padding: 0px; display: inline-flex; background: var(--theme-white); cursor: pointer; justify-content: center; align-items: center; border: none; line-height: 100%; -webkit-border-radius: 0px; border-radius: 0px; color: rgba(var(--theme-heading), 1); font-size: 15px; font-weight: 400; text-align: center; min-width: 60px; height: 40px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.productltcontent .radio.size label::before{display: none;}
.productltcontent .radio.size label::after{display: none;}
.productltcontent .radio.size input[type="radio"]{position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px;}
.productltcontent .radio.size input[type="radio"]:checked + label{color: var(--theme-white); background: rgba(var(--primary), 1);}

.productltcontent .filtercolor{display: flex; flex-wrap: wrap; gap: 5px;}
.productltcontent .filtercolor .radio{display: inline-flex; position: relative; width: 45px; height: 45px; border-radius: 0px; overflow: hidden;}
.productltcontent .filtercolor .radio input[type="radio"]{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0;}
.productltcontent .filtercolor .radio label{width: 100%; height: 100%; cursor: pointer; position: absolute; left: 0px; right: 0px; bottom: 0px; right: 0px; font-size: 18px; font-weight: 400; display: flex; justify-content: center; align-items: center;}
.productltcontent .filtercolor .radio label:after{content: "\e921"; font-family: 'icomoon'; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; justify-content: center; background: rgba(var(--primary), 0.20); color: var(--theme-white); opacity: 0; transition: 0.3s ease-in-out;}
.productltcontent .filtercolor .radio input[type="radio"]:checked + label:after{opacity: 1;}

.cartbtngroup{display: flex; gap: 0px; flex-direction: column;}
.cartbtngroup label{font-family: "Playfair", serif; color: var(--theme-white); font-size: 20px; font-weight: 300; margin: 0px 0px 10px 0px;}
.cartbtngroup .qtyinner{max-width: 140px; min-width: 140px; flex: 1; margin: 0px; display: inline-flex; position: relative;}
.cartbtngroup .qtyinner .form-control{height: 44px; background: var(--theme-white); text-align: center; border-color: var(--theme-white); color: rgba(var(--theme-heading), 1); font-size: 15px; font-weight: 500; border-radius: 0px;}
.cartbtngroup .qtyinner button{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border: none; font-size: 16px; justify-content: center; align-items: center; text-align: center; display: inline-flex; background: none; color: rgba(var(--theme-heading), 1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.cartbtngroup .qtyinner button:hover{color: rgba(var(--primary), 1);}
.cartbtngroup .qtyinner button.plusbtn{right: 10px; left: auto;}
.cartbtngroup .default-btn{background: none; height: 44px; border: 1px solid rgba(var(--theme-heading), 1);}
.cartbtngroup .default-btn svg{width: 18px;}
.cartbtngroup .default-btn:hover:focus{background: rgba(var(--theme-heading), 1); color: var(--theme-white);}
.cartbtngroup .default-btn:focus:hover{background: rgba(var(--theme-heading), 1); color: var(--theme-white);}
.cartbtngroup .default-btn:focus{background: rgba(var(--theme-heading), 1); color: var(--theme-white);}
.cartbtngroup .default-btn:before{background: rgba(var(--theme-heading), 1);}
.cartbtngroup .wishlistbtn{width: 44px; height: 44px; display: inline-flex; justify-content: center; align-items: center; color: rgba(var(--secondary), 1); font-size: 16px; outline: none; border: none; background: var(--theme-white); padding: 0; border-radius: 0px; transition: .3s ease-in-out;}
.cartbtngroup .wishlistbtn:hover{color: var(--theme-white); background: rgba(var(--primary), 1);}

.dltaccordion{padding: 30px 0px 0px 0px;}
.dltaccordion .dltaccordionitem{border-top: 1px solid rgba(0, 0, 0, 0.10);}
.dltaccordion .dltaccordionitem .dltaccordionheader{padding: 15px 0px; color: rgba(var(--theme-heading), 1); font-size: 18px; font-family: var(--font-heading); font-weight: 400;}
.dltaccordion .dltaccordionitem .dltaccordionheader span svg{width: 20px;}
.dltaccordion .dltaccordionitem .dltaccordionbody h4{font-family: var(--font-body); color: rgba(var(--theme-heading), 1); font-size: 16px; font-weight: 600; margin: 0px 0px 5px 0px;}
.dltaccordion .dltaccordionitem .dltaccordionbody p{font-family: var(--font-body); color: rgba(var(--theme-heading), 1); font-size: 14px; font-weight: 400; margin: 0px 0px 10px 0px;}

.ratingouter{padding: 0px 0px 0px 0px;}
.ratingouter .reviewslistbx{padding: 10px 0px 20px 0px;}
.ratingouter .reviewslistbx + .reviewslistbx{border-top: 1px solid rgba(var(--theme-heading), 0.10); padding: 20px 0px;}
.ratingouter .reviewslistbx .reviewsuserimg{display: table-cell; vertical-align: top;}
.ratingouter .reviewslistbx .reviewsuserimg img{float: left; min-width: 45px; max-width: 45px; height: 45px; -webkit-object-fit: cover; object-fit: cover; -webkit-border-radius: 50%; border-radius: 50%;}
.ratingouter .reviewslistbx .reviewsuserct{display: table-cell; vertical-align: middle; padding-left: 15px;}
.ratingouter .reviewslistbx .reviewsuserct h6{color: rgba(var(--theme-heading), 1); font-size: 16px; font-weight: 500; margin: 0px 0px 5px 0px; padding: 0px;}
.ratingouter .reviewslistbx .reviewsuserct .rating{font-size: 14px; color: #707070; margin: 0px 0px 5px 0px; line-height: 100%;}
.ratingouter .reviewslistbx .reviewsuserct .rating i{color: #FFC107; display: inline-block; vertical-align: middle;}
.ratingouter .reviewslistbx .reviewsuserct p{font-size: 14px; font-weight: 400; line-height: 24px; margin: 10px 0px 0px 0px;}

.reviewformbx{border-top: 1px solid rgba(var(--theme-heading), 0.10); padding: 20px 0px 0px 0px;}
.reviewformbx .revarea{display: block; margin-bottom: 10px;}
.reviewformbx .rating-area{padding: 0; float: none; display: inline-block; vertical-align: middle; line-height: 100%; margin-top: -1px;}
.reviewformbx .starpanel{float: none; display: inline-block; height: auto; vertical-align: middle; position: relative; top: 0px;}
.reviewformbx .starpanel input[type=radio]{border: 0; width: 1px; height: 1px; overflow: hidden; position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); opacity: 0;}
.reviewformbx .starpanel label{position: relative; float: right; color: #fff; margin: 0px;}
.reviewformbx .starpanel label:before{margin: 0px 5px 0px 0px; line-height: 100%; width: 18px; height: 18px; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FBAF3F' viewBox='0 0 16 16'%3E%3Cpath d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z'/%3E%3C/svg%3E"); display: inline-block; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.reviewformbx .starpanel input[type=radio]:checked ~ label:before {color: #FBAF3F; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FBAF3F' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E");}
.reviewformbx .starpanel label:hover ~ label:before{color: #FBAF3F;}
.reviewformbx .starpanel label:hover:before{color: #FBAF3F;}
.reviewformbx .revarea .control-label{vertical-align: inherit; color: var(--theme-gray); font-size: 16px; font-weight: 300; line-height: 100%; padding: 0px; margin: 0px 10px 0px 0px;}

.reviewformbx .form-group{position: relative; margin-bottom: 17px;}
.reviewformbx .form-group label{display: block; color: rgba(var(--theme-heading), 1); font-size: 14px; font-weight: 300; margin: 0px 0px 4px 0px;}
.reviewformbx .form-group .form-control{background: var(--theme-white); border: 1px solid rgba(var(--primary), 0.10); padding: 4px 20px; height: 44px; color: var(--theme-paragraph); -webkit-border-radius: 2px; border-radius: 2px;}
.reviewformbx .form-group .form-control:focus{border-color: rgba(var(--primary), 1); box-shadow:none;}
.reviewformbx .form-group textarea.form-control{height: 90px;}

/* Cart */
.cartcontainer{padding: 10px 0px 40px 0px;}
.cartcontainer .section-heading{margin: 0px 0px 15px 0px;}
.cartcontainer .section-heading h2{font-size: 30px; line-height: 34px; margin: 0px;}
.cartcontainer .form-group label{font-size: 14px; color: var(--theme-paragraph);}
.cartcontainer .form-control, .cartcontainer .form-select{border-radius: 0px; font-size: 14px;}
.cartcontainer .form-control:focus, .cartcontainer .form-select:focus{box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25); border-color: rgba(var(--primary), 1);}
.cartproductlist{display: flex; justify-content: space-between; gap: 10px; align-items: center; margin: 0px 0px 10px 0px;}
.cartproductlist + .cartproductlist{border-top: 1px solid rgba(0, 0, 0, 0.10); padding: 20px 0px 0px 0px; margin: 20px 0px 0px 0px;}
.cartproductlist .cartitem{display: flex; align-items: center; gap: 20px; width: 100%; max-width: 450px;}
.cartproductlist .cartitem .cartlis-img{min-width: 80px; max-width: 80px;}
.cartproductlist .cartitem .cartlis-img a{display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 100%;}
.cartproductlist .cartitem .cartlis-img img{width: auto; height: auto; width: 100%; max-height: 100%;}

.cartproductlist .qtyinner{max-width: 94px; position: relative;}
.cartproductlist .qtyinner .form-control{border: 1px solid rgba(var(--theme-heading), 0.20); color: rgba(var(--theme-heading), 1); background: var(--theme-white); height: 30px; font-size: 14px; border-radius: 40px; text-align: left; padding-right: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.cartproductlist .qtyinner .form-control[type=number]::-webkit-inner-spin-button, 
.cartproductlist .qtyinner .form-control[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
.cartproductlist .qtyinner .form-control:focus{border-color: rgba(var(--primary), 1);}
.cartproductlist .qtyinner button{position: absolute; right: 28px; top: 50%; font-size: 20px; padding: 0px; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; text-align: center; transform: translateY(-50%); border: none; border-radius: 50%; background: rgba(var(--secondary), 0.20); outline: none; color: rgba(var(--secondary), 1); transition: 0.3s ease-in-out;}
.cartproductlist .qtyinner button.addbtns{right: 5px; left: auto;}
.cartproductlist .qtyinner button:hover{color: var(--theme-white); border-color: rgba(var(--secondary), 1); background: rgba(var(--secondary), 1);}
.cartproductlist .carttitle{padding-right: 0px;}
.cartproductlist .carttitle p{margin: 0px 0px 10px 0px; color: var(--theme-gray);}
.cartproductlist .carttitle label{color: var(--theme-gray); align-self: center;}
.cartproductlist .carttitle h3{color: rgba(var(--theme-heading), 1); font-size: 18px; font-weight: 400; margin: 0px 0px 7px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.cartproductlist .carttitle h3 a{color: rgba(var(--theme-heading), 1); text-decoration: none;}
.cartproductlist .cart-price .money{color: rgba(var(--primary), 1); font-size: 20px; font-weight: 600; white-space: nowrap;}
.cartproductlist .cart-delete{display: flex; gap: 15px;}
.cartproductlist .cart-delete form{display: flex; gap: 15px;}
.cartproductlist .cart-delete a{min-width: 40px; height: 40px; padding: 0px; background: rgba(var(--primary), 0.20); color: rgba(var(--primary), 1); outline: none; border: none; font-size: 16px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; text-decoration: none; transition: 0.3s ease-in-out;}
.cartproductlist .cart-delete a:hover{background: rgba(var(--primary), 1); color: var(--theme-white);}
.cartproductlist .cart-delete a.refresh-btn{background: rgba(var(--secondary), 1); color: var(--theme-white);}
.cartproductlist .cart-delete a.refresh-btn:hover{background: rgba(var(--primary), 1); color: var(--theme-white);}
.cartproductlist .cart-delete a.refresh-btn svg{width: 20px;}
.cartsummarybx{float: left; width: 100%; background: var(--theme-white); color: var(--theme-paragraph); padding: 30px; border-radius: 0px; box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.07);}
.cartsummarybx .borderbtm{border-bottom: 1px solid rgba(0, 0, 0, 0.12); color: var(--theme-paragraph);}
.cartsummarybx .card--grey label{margin: 0px 0px 4px 0px; text-transform: capitalize;}
.cartsummarybx .input-group{gap: 0px;}
.cartsummarybx .input-group .form-control{border-radius: 0px; border-color: rgba(var(--primary), 1); }
.cartsummarybx .input-group .btn{background: rgba(var(--primary), 1); border: none; color: var(--theme-white); cursor: pointer; padding: 0px 10px; font-size: 14px; border-radius: 0px;}
.cartsummarybx .input-group .btn:focus{background: rgba(var(--primary), 1);}
.cartsummarybx .input-group .btn:focus:hover{background: rgba(var(--primary), 1);}
.cartsummarybx .input-group .btn:hover{background: rgba(var(--primary), 1);}
.cartsummarybx .input-group .btn:active{background: rgba(var(--primary), 1);}
.qtyloader{position: absolute; display: flex; align-items: center; justify-content: center; left: 0px; right: 0px; bottom: 0px; top: 0px; background: rgba(255, 255, 255, 0.66);}
.qtyloader .spinner-border{border-color: rgba(var(--primary), 1); border-right-color: transparent;}
.cartsummarybx .cartshipping{margin: 15px 0px 10px 0px; color: #198754;}
.cartsummarybx .cartproductlist{background: rgba(var(--primary), 1); padding: 5px; border-radius: 10px;}
.cartsummarybx .cartproductlist .cart-price .money{font-size: 16px; padding-right: 10px;}
.cartsummarybx .responsiveList{padding: 0px 0px; max-height: 264px; overflow: auto; margin: 0px -10px 0px 0px;}
.cartsummarybx .responsiveList .responsiveListinner{padding: 0px 10px 0px 0px;}
.cartsummarybx .responsiveList::-webkit-scrollbar{width: 4px; height: 4px;}
.cartsummarybx .responsiveList::-webkit-scrollbar-track{background: rgba(var(--secondary), 0.20); border-radius: 10px;}
.cartsummarybx .responsiveList::-webkit-scrollbar-thumb{background: rgba(var(--secondary), 1); border-radius: 10px;}

.cartcontainer .card{border: none; padding: 0px; background: none; border-radius: 0px;}
.cartcontainer .card .card-body{border: none; background: none; padding: 0px; border-radius: 0px;}
.cartcontainer .card .form-group{position: relative;}
.cartcontainer .card .form-group label{color: var(--theme-gray); margin: 0px 0px 4px 0px;}
.cartcontainer .card .form-group .form-select{width: 100%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23777777' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .45rem center; background-size: 16px 12px;}
.cartcontainer .card.card-grey .card-body{background: rgba(var(--primary), 1); border: 1px solid rgba(var(--secondary-light), 0.20); padding: 20px; border-radius: 15px;}
.cartcontainer .card.card-grey .card-body h3{color: var(--theme-white); font-size: 18px;}
.cartcontainer .card .form-group textarea.form-control{height: 80px;}

.cartcontainer .card .form-group .form-control, .cartcontainer .card .form-group .form-select{height: 42px; color: rgba(var(--theme-heading), 1); background-color: var(--theme-white); border-radius: 7px;}
.cartcontainer .card .form-group .form-control::-webkit-input-placeholder{color: var(--theme-gray);}
.cartcontainer .card .form-group .form-control::-moz-placeholder{color: var(--theme-gray);}
.cartcontainer .card .form-group .form-control:-ms-input-placeholder{color: var(--theme-gray);}
.cartcontainer .card .form-group .form-control:-moz-placeholder{color: var(--theme-gray);}
.cartcontainer .card .form-group .form-control::-moz-placeholder{color:var(--theme-gray);opacity:1}
.cartcontainer .card .form-group .form-control:-ms-input-placeholder{color:var(--theme-gray)}
.cartcontainer .card .form-group .form-control::-webkit-input-placeholder{color:var(--theme-gray)}
.cartcontainer .card .form-group .form-control::-ms-expand{background-color:transparent;border:0}
.cartcontainer .card .form-group .form-control:-webkit-autofill,
.cartcontainer .card .form-group .form-control:-webkit-autofill:hover,
.cartcontainer .card .form-group .form-control:-webkit-autofill:focus
.cartcontainer .card .form-group .form-control:-webkit-autofill,
.cartcontainer .card .form-group textarea.form-control:-webkit-autofill,
.cartcontainer .card .form-group textarea.form-control:-webkit-autofill:hover
.cartcontainer .card .form-group textarea.form-control:-webkit-autofill:focus,
.cartcontainer .card .form-group .form-control:-webkit-autofill,
.cartcontainer .card .form-group .form-control:-webkit-autofill:hover,
.cartcontainer .card .form-group .form-control:-webkit-autofill:focus{-webkit-text-fill-color:var(--theme-gray); -webkit-box-shadow: 0 0 0px 1000px rgba(var(--primary-light), 0.90) inset; transition: background-color 5000s ease-in-out 0s;}

.cartsummarybx .cartproductlist .cartitem .cartlis-img{min-width: 60px; max-width: 60px; height: 70px;}
.cartsummarybx .cartproductlist .cartitem .carttitle h3{font-size: 14px;}
.cartsummarybx .cartproductlist .carttitle p{font-size: 13px; margin: 0px;}
.cartsummarybx .cartproductlist .cartitem{gap: 15px;}
.cartsummarybx .cartproductlist + .cartproductlist{margin: 10px 0px 0px 0px; border: none;}

/* Custom Radio */
.customRadio{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 10px;}
.customRadio input[type="radio"]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);display:none;}
.customRadio input[type="radio"]+label{position:relative;padding:0 0 0 30px;cursor:pointer;}
.customRadio input[type="radio"]+label:before{content:'';background: rgba(var(--primary), 0.05); border:1px solid rgba(var(--primary), 0.70);height:20px;width:20px;border-radius:50%;position:absolute;top:0;left:0;}
.customRadio input[type="radio"]+label:after{content:''; background:rgba(var(--primary), 1);width:10px;height:10px;border-radius:50%;position:absolute;top:5px;left:5px;opacity:0;-webkit-transform:scale(2);transform:scale(2);-webkit-transition:transform 0.3s linear,opacity 0.3s linear;transition:transform 0.3s linear,opacity 0.3s linear;}
.customRadio input[type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.customRadio input[type="radio"]:checked+label:before{border-color: rgba(var(--primary), 1);}
.customRadio label{color: var(--theme-gray);}

/* Custom Checkbox */
.customCheckbox{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0; color: rgba(var(--secondary-light), 1);}
.customCheckbox input[type="checkbox"]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);display:none;}
.customCheckbox input[type="checkbox"]+label{position:relative;padding:0 0 0 30px;margin-bottom:0;cursor:pointer;}
.customCheckbox input[type="checkbox"]+label:before{content:'';background:none;border:1px solid rgba(var(--secondary-light), 1);border-radius:0;height:20px;width:20px;position:absolute;top:0;left:0;}
.customCheckbox input[type="checkbox"]+label:after{content:'';border-style:solid;border-width:0 0 2px 2px;border-color:transparent transparent rgba(var(--secondary-light), 1) rgba(var(--secondary-light), 1);width:11px;height:6px;position:absolute;top:5px;left:5px;opacity:0;-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);-webkit-transition:transform 0.3s linear,opacity 0.3s linear;transition:transform 0.3s linear,opacity 0.3s linear;}
.customCheckbox input[type="checkbox"]:checked+label:after{opacity:1;-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);color:#6d6d6d;}

.ordridbg{border:1px solid #62943A;padding:5px 10px;color:#62943A;display:inline-block;border-radius:5px;font-size:13px;}

.shipping-box h3{float:left;width:100%;color:#000;font-size:17px;font-weight:500;text-transform:uppercase;margin-bottom:7px;}
.shipping-box h3 a{float:right;width:22px;height:22px;border-radius:50%;background:#0771d4;line-height:22px;color:#fff;font-size:10px;text-align:center;}
.shipping-box h3 a:hover{background:#ef1600;color:#fff;}
.shipping-box p{float:left;width:100%;color:var(--theme-gray);font-size:14px;margin-bottom:5px;}
.shipping-box p a{color:#ef1600;}

.radio-custom .customRadio{display:inline-flex;margin-right:12px; color: var(--theme-gray);}
.slctrdo{position:absolute!important;right:0;}

#option-1:checked:checked~.option-1,
#option-2:checked:checked~.option-2,
#option-3:checked:checked~.option-3{border-color:#f7941d;background:#fff5ea;}
#option-4:checked:checked~.option-4,
#option-5:checked:checked~.option-5,
#option-6:checked:checked~.option-6{border-color:#39378a;background:#f4f4ff;}

.shipping-box .option h6{padding-right: 30px; color: var(--theme-white);}
.cartcontainer .card .card-body .shipping-box .option{background: rgba(var(--primary), 1); height:100%;width:100%;border-radius:0px;cursor:pointer;padding: 20px 20px; border-radius: 15px; border: 1px solid rgba(var(--secondary-light), 0.20); transition:all 0.3s ease;}
.shipping-box input[type="radio"]{visibility:hidden;position:absolute;}
.shipping-box.customRadio input[type="radio"]+label::before{top:10px;right:10px;left:inherit;}
.shipping-box.customRadio input[type="radio"]+label::after{top:15px;right:15px;left:inherit;}

.address-bbox{background: rgba(var(--primary-light), 0.20); border: 1px solid rgba(var(--primary-light), 1); height:100%;width:100%;border-radius:20px;cursor:pointer;padding: 15px 15px; transition:all 0.3s ease;}
.address-bbox .head-adrs-box{display: flex; justify-content: space-between; margin: 0px 0px 10px 0px;}
.address-bbox .head-adrs-box h4{font-size: 20px; color: var(--theme-white); font-weight: 600; margin: 0px; width: 100%;}
.address-bbox .head-adrs-box .editbtn{min-width: 30px; height: 30px; padding: 0px; background: rgba(var(--secondary-light), 0.20); color: rgba(var(--secondary), 1); outline: none; border: none; font-size: 16px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; text-decoration: none; transition: 0.3s ease-in-out;}
.address-bbox .head-adrs-box .editbtn:hover{background: rgba(var(--secondary-light), 1); color: rgba(var(--secondary), 1);}
.address-bbox .adrsinfoo{font-size: 14px; display: flex; margin: 0px 0px 5px 0px; color: var(--theme-gray);}
.address-bbox .adrsinfoo + .adrsinfoo{border-top: 1px solid rgba(255, 255, 255, 0); padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px;}
.address-bbox .adrsinfoo strong{font-weight: 500; min-width: 140px; color: rgba(var(--secondary-light), 1);}
.cartcontainer .payment-method{display: block;}
.cartcontainer .payment-method h3{font-size: 17px; color: var(--theme-white); font-weight: 600; margin: 0px 0px 10px 0px;}
.cartcontainer .payment-method p{color: var(--theme-gray);}
.ordersucces{float: left; width: 100%; text-align: center;}
.ordersucces .card-icon{display: inline-flex; justify-content: center; align-items: center; min-width: 80px; height: 80px; color: #fff; font-size: 65px; background: #4CAF50; border-radius: 50%; margin: 0px 0px 15px 0px;}
.ordersucces h4{font-size: 24px; font-weight: 600; margin: 0px 0px 10px 0px; color: rgba(var(--theme-heading), 1);}
.ordersucces p{color: var(--theme-paragarph); font-size: 14px; line-height: 22px; font-weight: 500; margin: 0px 0px 10px 0px;}
.ordersucces .badge{background: #4CAF50; color: #fff;}

.empty-cart{display: block; text-align: center; padding: 30px 0px;}
.empty-cart .cartlt{display: inline-flex; margin: 0px 0px 15px 0px; min-width: 90px; height: 90px; align-items: center; justify-content: center; border-radius: 50%; font-size: 3rem; background: rgba(var(--primary), 0.20); color: rgba(var(--primary), 1); }
.empty-cart .cartlt i{font-size: inherit; line-height: 100%;}
.empty-cart p{font-size: 24px; font-weight: 600; margin: 0px 0px 15px 0px; color: rgba(var(--theme-heading), 1);}

.ordersuccess{float: left; width: 100%; background: rgba(var(--primary-light), 0.20); text-align: center; padding: 40px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 30px;}
.ordersuccess .orderstatusicon{display: inline-flex; justify-content: center; align-items: center; width: 70px; height: 70px; font-size: 48px; background: #4caf50; color: var(--theme-white); margin: 0px 0px 32px 0px; border-radius: 50%; box-shadow: 0px 0px 0px 11px rgba(76, 175, 80, 0.40);}
.ordersuccess h2{color: var(--theme-white); font-size: 22px; font-weight: 600; margin: 0px 0px 15px 0px;}
.ordersuccess p{color: var(--theme-gray); font-size: 15px; font-weight: 400; margin: 0px 0px 15px 0px;}