/*
Theme Name: Solanesse
Template: twentytwentyone
Author: Solanesse
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@charset "UTF-8";
@import 'https://site-assets.fontawesome.com/releases/v6.6.0/css/all.css';

@font-face {
  font-family: 'Suisse Intl';
  src: url('fonts/SuisseIntl.eot');
  src: url('fonts/SuisseIntl.eot?#iefix') format('embedded-opentype'),
    url('fonts/SuisseIntl.woff2') format('woff2'),
    url('fonts/SuisseIntl.woff') format('woff'),
    url('fonts/SuisseIntl.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url('fonts/SuisseIntl-Medium.eot');
  src: url('fonts/SuisseIntl-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/SuisseIntl-Medium.woff2') format('woff2'),
    url('fonts/SuisseIntl-Medium.woff') format('woff'),
    url('fonts/SuisseIntl-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url('fonts/SuisseIntl-Bold.eot');
  src: url('fonts/SuisseIntl-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/SuisseIntl-Bold.woff2') format('woff2'),
    url('fonts/SuisseIntl-Bold.woff') format('woff'),
    url('fonts/SuisseIntl-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'EB Garamond';
  src: url('fonts/EBGaramond-Bold.eot');
  src: url('fonts/EBGaramond-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/EBGaramond-Bold.woff2') format('woff2'),
    url('fonts/EBGaramond-Bold.woff') format('woff'),
    url('fonts/EBGaramond-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'EB Garamond';
  src: url('fonts/EBGaramond-Italic.eot');
  src: url('fonts/EBGaramond-Italic.eot?#iefix') format('embedded-opentype'),
    url('fonts/EBGaramond-Italic.woff2') format('woff2'),
    url('fonts/EBGaramond-Italic.woff') format('woff'),
    url('fonts/EBGaramond-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'EB Garamond';
  src: url('fonts/EBGaramond-Regular.eot');
  src: url('fonts/EBGaramond-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/EBGaramond-Regular.woff2') format('woff2'),
    url('fonts/EBGaramond-Regular.woff') format('woff'),
    url('fonts/EBGaramond-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'EB Garamond';
  src: url('fonts/EBGaramond-Medium.eot');
  src: url('fonts/EBGaramond-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/EBGaramond-Medium.woff2') format('woff2'),
    url('fonts/EBGaramond-Medium.woff') format('woff'),
    url('fonts/EBGaramond-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0;
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  font-family: 'Suisse Intl';
  color: #333333;
  background: #F8F4EE;
}

a,
a:hover {
  text-decoration: none;
}

a {
  color: #333
}

a:hover {
  color: #F2CF57;
}

section {
  position: relative;
}

img {
  max-width: 100%;

}

li {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
}

h1,
h2 {
  font-size: 64px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.25px;
  font-family: 'EB Garamond';
  color: #3C4043;

}

h3 {
  font-size: 36px;
  line-height: normal;
  font-family: 'Suisse Intl';
  font-weight: normal;

}

h4 {
  font-size: 32px;
  line-height: normal;
  font-family: 'EB Garamond';
}

h5 {
  font-size: 24px;
  line-height: normal;
  font-family: 'Suisse Intl';
  font-weight: 500;
}

h6 {
  font-size: 20px;
  line-height: normal;
  font-family: 'Suisse Intl';
}

p {
  padding: 0px;
  margin: 0 0 0 0;
}

ul,
ol {
  margin: 0 0 0 0px;
  padding: 0px;
}



/**Header**/
.header-main {
  padding: 16px 0;
  position: relative;
  background: #F8F4EE;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}

.fixed-header .header-main {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}

.main-header.fixed-bar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.header-logo img {
  width: 120px;
}

.main-navigation .menu>li>a {
  font-size: 17px;
  color: #3C4043;
  text-decoration: none;
  font-weight: 400;
  line-height: normal;
  font-family: 'Suisse Intl';
}

.cmn-space-sec,
.woocommerce section {
  padding: 80px 0;
}

.about-prod-sec {
  margin: 80px 0;
}

.cmn-header {
  margin-bottom: 22px;
}

.custom-btn,
.common-form form input[type="submit"] {
  background: #000;
  color: #fff;
  padding: 12px 36px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 50px;
  font-family: 'Suisse Intl';
}

.custom-btn:hover,
.common-form form input[type="submit"]:hover {
  background: #F2CF57;
  color: #fff;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}

header .menu-item a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 9px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform-origin: left;
  transform-origin: left;
  z-index: -1;
  background-color: #F2CF577d;
}

header .menu-item a:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

header .menu-item a {
  position: relative;
  z-index: 1
}

.header-main-content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container-custm {
  padding: 0 50px;
}

.header-right ul {
  display: flex;
  align-items: center;
}

.header-right ul li {
  padding-left: 26px;
  position: relative;
}

.top-offset {
  margin-top: 76px;
}

.header-nav {
  flex: 1 1 auto;
  padding: 0 30px 0 30px;
  justify-content: center;
}

.main-navigation .menu>li.current-menu-item a {
  font-weight: bold;
}

.cart-count {
  width: 14px;
  height: 14px;
  background: #F2CF57;
  position: absolute;
  top: 0;
  right: -10px;
  border-radius: 50%;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  padding: 0px;
  box-sizing: border-box;
  letter-spacing: 0;
}

/*banner*/
.banner {
  background-color: #FFFBF3;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-inner {
  width: 100%;
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
}

.banner-left {
  max-width: 490px;
  width: 100%;
  position: relative;
  padding: 193px 0px;
}

.banner-left h1 {
  margin-bottom: 48px;
  color: #fff;
}

.banner-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 0;
}

.banner::after {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

#rotator {
  position: relative;
  display: inline-block;
  height: 1.2em;
  line-height: 1.2;
  overflow: hidden;
  vertical-align: text-bottom;
}

#rotator>span {
  position: absolute;
  top: 0;
  left: 0;
}

.line {
  height: 170px;
  position: relative;
  overflow: hidden;
}

/*About section*/
.about-left {
  position: relative;
}

/*About prod sec*/
.about-prod-sec-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

#about-prod-sec {
  overflow: hidden;
}

.about-prod-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-prod-right {
  padding: 60px;
  padding-left: 0px;
  padding-right: 30px;
  position: relative;
}

.about-prod-left {
  width: 54%;
  position: absolute;
  left: 0;
  background: #F2CF57;
  border-radius: 0 24px 24px 0;
  height: 85%;
  bottom: 0;
  background-size: cover;
  background-position: bottom;
}

.home-about-prod-sec .about-prod-left,
.our-vision-sec .about-prod-left {
  position: static;
  width: 100%;
  height: auto;
  border-radius: 24px;
}

.home-about-prod-sec .about-prod-left-outer,
.our-vision-sec .about-prod-left-outer {
  padding-top: 50px;
  overflow: hidden;
  padding-right: 0;
}

.home-about-prod-sec .about-prod-right,
.our-vision-sec .about-prod-right {
  padding-left: 50px;
  padding-top: 0;
  padding-bottom: 0;
}

.split {
  overflow: hidden;
}

.split-outer {
  display: inline-block !important;
}

.about-prod-right .split-outer {
  display: inline !important;
}

.split-outer u {
  border-bottom: 1px solid #333;
  text-decoration: none;
}

.about-img-col,
.about-img-col1 {
  width: 100%;
  height: auto;
/*  max-width: 450px;*/
  max-height: 700px;
  top: 0;
  right: 0;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  margin-top: -5px;
}

.about-prod-right ul {
  margin: 22px 0;
  margin-left: 15px;
}

.about-prod-right ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 18px;
}

.about-prod-right ul li::before {
  content: '';
  background: #333;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  position: absolute;
  left: 0;
  top: 9px;
}


/*Ribbon sec*/
/*section.ribbon-sec {
    overflow: hidden;
}
.first_sec_scroll {
    background: #333333;
    position: relative;
    z-index: 2;
    padding: 17px;
  
}
.scrolling-text ul {
    display: flex;
    flex-wrap: nowrap;
}
.first_sec_scroll ul {
    width: 100%;
    height: 100%;
    text-align: center;
      width: max-content;
        animation: scroll-left 5s linear infinite;   
}
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-10%);
    }
}*/

#marquee>div {
  overflow: hidden;
  display: flex;
  background-color: #333 !important;
  color: #fff !important;
  padding: 17px;
}

.scrolling-text ul li {
  margin-right: 20px;
  display: flex;
  white-space: nowrap;
  font-size: 24px;
  color: #fff;
  position: relative;
  padding-left: 30px;
}

.scrolling-text ul li::before {
  content: '-';
  position: absolute;
  left: 0;
}


/*Repair sec*/
.repair-left {
  display: flex;
  gap: 23px;
}

.repair-left-item {
  background: #FDFDFD;
  border-radius: 24px;
  overflow: hidden;
}

.repair-item-content {
  padding: 25px;
}

.repair-item-content li {
  margin-bottom: 6px;
  padding-left: 28px;
  position: relative;
}

.fa-sharp.fa-solid {
  font-family: "Font Awesome 6 Pro";
}

.repair-item-content li i {
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 2px;
}

.list-disable {
  color: #B5B5B5;
}

.repair-right {
  padding-left: 50px;
}

.others-link {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 2;
}

.repair-item-img {
  position: relative;
}

.repair-item-img img {
  min-height: 230px;
  width: 100%;
  object-fit: cover;
}

.others-link {
  color: #fff;
}

.repair-sec-header {
  margin-bottom: 50px;
}

.repair-left-item a:hover {
  color: #333;
}

/*Floating div sec*/
.floating-div-content {
  background: #FFFBF3;
  border-radius: 36px;
  padding: 55px;
  position: relative;
}

.floating-item span {
  font-family: 'EB Garamond';
  font-size: 32px;
  background: #fff;
  border-radius: 60px;
  padding: 24px 32px;
  line-height: normal;
  display: inline-block;
}

.floating-item ul li:nth-of-type(2n) {
  position: absolute;
  right: 0;
}

.floating-item li {
  margin-top: 25px;
}

.floating-item ul li:last-child {
  text-align: center;
  margin-left: 5px;
}

.floating-item li:first-child {
  margin-top: 0;
  padding-bottom: 20px;
}

.floating-item ul li:nth-of-type(2) {
  top: 80px;
  right: 15%;
  margin-top: 0;
}

.floating-item ul li:nth-of-type(4) {
  bottom: 165px;
  right: 25px;
}

.floating-item ul li:nth-of-type(3) {
  margin-left: 100px;
}

.about-prod-btns.floating-div-btn {
  position: absolute;
  bottom: 30px;
  max-width: 380px;
  width: 100%;
}

.single-trust-block {
  margin-top: 0;
  margin-bottom: 15px;
}

/*Customer sec*/
.customer-sec-grid,
.single-prod-images-sec {
  overflow: hidden;
}

.customer-item,
.customer-item img {
  height: 100%;
}

.customer-item img {
  object-fit: cover;
  width: 100%;
  border-radius: 12px;
}

.customer-item {
  padding-bottom: 6px;
}

.customer-sec-grid .row div[class*="col-"] {
  padding-left: 6px;
  padding-right: 6px;
}

.customer-sec-header {
  margin-bottom: 50px;
}

.customer-sec-header span {
  display: inline-block;
  margin-bottom: 24px;
}


/*Innovation sec*/
#innovation-sec {
  background: #F9FDF9;
  overflow: hidden;
}

.innovation-sec-header {
  background: #F8F4EE;
}

.innovation-img {
  position: absolute;
  bottom: 0;
  right: -20px;
}

.innovation-right {
  padding: 80px 18px 80px 0;
}

.innovation-right p {
  line-height: 24px;
}

.innovation-btm-text {
  position: absolute;
  bottom: 8px;
  right: 30%;
  z-index: 1;
  transform: translateX(-30%);
}

.innovation-left {
  position: absolute;
  bottom: 0;
  right: -20px;
  width: 66%;
  background-size: cover;
  height: 100%;
  background-position: center;
}




/*Sample page*/
.page-content-inner h2,
.page-content-inner h3,
.page-content-inner h4,
.page-content-inner h5,
.page-content-inner h6 {
  margin-bottom: 25px;
  font-family: 'Suisse Intl';
  font-weight: 500;
}

.page-content-inner ul li,
.page-content-inner ol li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 7px;
}

.page-content-inner ul li::before,
.page-content-inner ol li::before {
  content: '';
  background: #F2CF57;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 9px;
  border-radius: 50px;
}

.page-content-inner ul,
.page-content-inner ol,
.page-content-inner p {
  margin-bottom: 30px;
  font-family: 'Suisse Intl';
}

.page-content-inner ul,
.page-content-inner ol {
  margin-left: 10px;
}

.page-content-inner table {
  width: 100%;
  margin-bottom: 30px;
}

.page-content-inner table thead {
  background: #000000;
  color: #fff;
}

.page-content-inner table td,
.page-content-inner table th {
  padding: 18px;
}

.page-content-inner table tbody tr:nth-of-type(2n) {
  background: #FFFBF3;
}

.page-content-inner table tbody tr {
  border-top: 1px solid #ddd;
}

/*footer*/
footer {
  position: relative;
}

.footer-inner {
  background: #000;
  border-radius: 36px 36px 5px 5px;
  padding: 80px 20px 40px;
  overflow: hidden;
  position: relative;
}

.footer-title {
  font-family: 'Suisse Intl';
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  padding-bottom: 16px;
  margin-bottom: 30px;
  border-bottom: 1px solid #fff;
}

.footer-menu ul li,
.footer-menu ul li a {
  color: #fff;
}

.footer-menu ul li {
  margin-bottom: 10px;
}

.footer-menu ul li:last-child {
  margin-bottom: 0;
}

.footer-menu ul li a:hover {
  color: #F2CF57;
}

.footer-col {
  position: relative;
}

.footer-menu a:last-child {
  color: #fff;
}

.footer-menu a:last-child:hover {
  color: #F2CF57;
}

.footer-menu ul {
  margin-bottom: 10px;
}

ul.social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  position: relative;
}

ul.social-icons li {
  margin-right: 12px
}

ul.social-icons li:last-child {
  margin-right: 0;
}

ul.social-icons li a {
  display: block;
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 50%;
  font-size: 18px;
  color: #222;
  line-height: 28px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.social-icons li a:hover {
  background: #F2CF57;
  color: #fff;
  -webkit-transform: translate(0, -3px);
  -ms-transform: translate(0, -3px);
  transform: translate(0, -3px);
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}

.full-img-sec-inner img {
  width: 100%;
}

.sticky-prod-left {
  position: absolute;
  right: 0;
}

.sticky-prod-left img {
  border-radius: 24px 0 0 24px;
}

.sticky-prod-sec {
  background: #FFFBF3;
  overflow: hidden;
}

.sticky-sec-accordion {
  margin: 30px 0;
}

.sticky-prod-right {
  padding-right: 65px;
}

.mob-sticky-prod {
  display: none;
}

/*Reveal sec*/
.content-scroll-padding {
  padding-right: 70px;
}

.scroll-section-wrapper {
  display: flex;
  position: relative;
}

.content-col {
  padding: 0 0px 0 30px;
  position: relative;
  margin-top: 40px;
}

.progress-line {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 3px;
  height: 100%;
  background: #ececec;
  border-radius: 2px;
  z-index: 8;
  overflow: hidden;
  transition: background 0.2s;
}

.progress-line .prog {
  width: 100%;
  background: #181818;
  height: 0%;
  transition: height 0.5s cubic-bezier(.44, 1.2, .58, 1);
}

.step-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.step-list li {
  position: relative;
  transition: color .38s;
}

.step-list li:not(:last-child) {
  margin-bottom: 10px;
}

.step-list h3 {
  color: #848484;
  transition: color .3s;
}

.step-list li.active h3 {
  color: #1b1b1b;
}

.desc-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 1.05s, max-height 1.1s;
  will-change: opacity;
}

.step-list li.active .desc-content {
  opacity: 1;
  pointer-events: auto;
  max-height: 400px;
  animation: fadeInDesc 0.9s;
}

@keyframes fadeInDesc {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


.image-col {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.image-col img.panel-img {
  overflow: hidden;
  height: 600px;
  width: 100%;
  border-radius: 24px 0 0 24px;
}

.panel-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 1;
  transform: scale(1) translateY(0);
  pointer-events: none;
  transition: opacity 1.1s, transform 1.2s;
  background: #e0e0e0;
}

.panel-img.active {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
  animation: fadeImgIn 1.1s;
}

@keyframes fadeImgIn {
  from {
    opacity: 0;
    transform: scale(0.97) translateY(40px);
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}


.sticky-prod-left.image-col {
  position: absolute;
  right: 0;
  width: 55%;
  top: 0;
  bottom: 0;
}

#scrollFeatureSection .about-prod-btns {
  margin-top: 35px;
}

.step-list li:not(.active) {
  color: #B5B5B5;
}

.scroll-reveal-text {
  background: #FFFBF3;
}


/*Sub-pages*/
.sub-banner h1 {
  color: #fff;
  margin: 0;
}

.sub-banner {
  padding: 160px 0;
}


/*Our story page*/
.abt-banner {
  background: #FFFBF3;
}

.banner-right {
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  width: 43vw;
}

.banner-right img {
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.abt-banner-left p {
  max-width: 490px;
  width: 100%;
  color: #fff;
  z-index: 1;
  position: relative;
}

.abt-banner-left .split-outer {
  display: inline !important;
}

.abt-banner-left h1 {
  margin-bottom: 20px;
  color: #fff;
  z-index: 1;
}

.abt-banner-left {
  padding: 243px 0;
  max-width: 750px;
  padding-right: 30px;
}

.banner-right img {
  height: 100%;
  border-radius: 32px 0 0 32px;
}

.our-story-sec .about-prod-right {
  padding: 0;
  padding-left: 16px;
  padding-right: 0;
  position: relative;
}

.our-story-sec h2,
.about-prod-sec.our-vision-sec h2 {
  margin-bottom: 20px;
}

.our-story-sec .about-prod-btns {
  margin-top: 40px;
}

.our-story-sec .about-prod-btns span {
  margin-left: 4px;
}

.our-story-sec .about-prod-left {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.our-story-sec .about-prod-left {
  width: 53.5%;
}

.treatment-sec-inner {
  padding: 56px;
  background: #fff;
  border-radius: 36px;
}

.treatment-sec-inner h2 {
  margin: 0;
}

.about-prod-sec.our-vision-sec {
  margin: 0;
}

.our-vision-sec .about-prod-sec-inner {
  position: relative;
  overflow: hidden;
}

.our-vision-sec .about-prod-sec-inner:first-child {
  background: #FFFBF3;
}

.our-vision-sec .about-prod-sec-inner:last-child .row {
  flex-direction: row-reverse !important;
}

.our-color-sec .about-prod-left {
  left: auto;
  right: 0;
  border-radius: 24px 0 0 24px;
}

.about-prod-sec.our-vision-sec .about-prod-right p,
.our-story-sec .about-prod-right p {
  margin-bottom: 15px;
}

.our-vision-sec .about-prod-sec-inner:last-child .about-prod-right {
  padding-right: 50px;
  padding-left: 0;
}

.brand-sec-inner {
  background: #FFFBF3;
  padding: 40px 70px;
  border-radius: 36px;
}

.brand-sec-inner-wrap {
  max-width: 800px;
  margin: auto;
  width: 100%;
}

.brand-sec-inner .row div[class*="col-"] {
  margin-top: 36px;
  padding-left: 18px;
  padding-right: 18px;
}

.brand-sec-item {
  background: #fff;
  padding: 30px;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  height: 382px;
  cursor: pointer;
}

.brand-sec-inner .row {
  margin-left: -18px;
  margin-right: -18px;
}

.brand-sec-item h5 {
  margin-bottom: 0;
}

.brand-sec-item:hover {
  background: #4B533C;
  color: #fff;
}

.newsletter-sec {
  background: #FFFBF3;
  clear: both;
}

.newsletter-sec-inner h3 {
  margin-bottom: 16px;
}

.newsletter-email input[type="email"] {
  border: 1px solid #333;
  border-radius: 50px;
  height: 48px;
  padding: 8px 30px;
  color: #B5B5B5;
  font-size: 20px;
  width: 100%;
}

.newsletter-submit span.wpcf7-spinner {
  display: none;
}

.newsletter-submit input[type="submit"] {
  background: #000;
  color: #fff;
  padding: 12px 36px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 50px;
  font-family: 'Suisse Intl';
  border: 0px;
  cursor: pointer;
}

.newsletter-submit input[type="submit"]:hover,
.SIGNUP_FLD #zcWebOptin:hover {
  background: #F2CF57 !important;
  color: #fff;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}

.newsletter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  position: relative;
}

.newsletter-submit {
  position: absolute;
  right: 0;
}

.newsletter-email {
  width: 100%;
}

.newsletter-email .wpcf7-form-control-wrap {
  display: block;
}

.newsletter-email span.wpcf7-not-valid-tip {
  position: absolute;
  bottom: -25px;
  left: 30px;
}

.newsletter-form>div {
  width: 100%;
  text-align: center;
}

#errorMsgDiv {
  text-align: left;
  color: #ff0000 !important;
  top: -10px;
  position: relative;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  font-size: 14px !important;
  /*  display: none;*/
}

.SIGNUP_FLD-outer {
  display: flex;
  align-items: flex-end;
  gap: 7px;
}

.newsletter-form #customForm input[type="text"],
.newsletter-form #customForm input[type="email"] {
  border: 1px solid rgb(51, 51, 51) !important;
  border-radius: 50px !important;
  height: 48px !important;
  padding: 8px 30px !important;
  color: #333 !important;
  width: 100% !important;
  background: #fff !important;
  font-size: inherit !important;
}

.newsletter-form #customForm {
  max-width: 100%;
  width: 100% !important;
  display: flex;
  justify-content: flex-start;
  border: none !important;
  background: transparent !important;
}

.SIGNUP_FLD div {
  text-align: left;
  margin-bottom: 2px;
}

.SIGNUP_FLD #zcWebOptin {
  background: rgb(0, 0, 0) !important;
  color: rgb(255, 255, 255);
  padding: 12px 36px;
  font-size: 16px !important;
  line-height: 24px;
  border-radius: 50px !important;
  font-family: "Suisse Intl";
  border: 0px !important;
  cursor: pointer;
  margin-left: 0;
  margin-bottom: 1px;
  width: auto !important;
  height: auto !important;
}

.newsletter-form form {
  margin-top: 35px !important;
}

.newsletter-form .SIGNUP_FLD-outer .SIGNUP_FLD {
  flex: 1 1 auto;
}

.newsletter-form .SIGNUP_FLD-outer .SIGNUP_FLD:last-child {
  flex: 0 0 auto;
}

.newsletter-form #customForm>div {
  width: 100%;
}

::placeholder {
  color: #ddd;
}

#SIGNUP_HEADING {
  display: none !important;
}

.SIGNUP_FLD {
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}

.SIGNUP_FLD {
  width: 42% !important;
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
}

.SIGNUP_FLD:last-child {
  width: 20% !important;
}

.SIGNUP_FLD:nth-of-type(4) {
  width: 14% !important;
  text-align: right;
  padding: 0;
}

.SIGNUP_FLD:nth-of-type(2) {
  padding-left: 0;
}




/*Science page*/
.science-sub-inner {
  padding: 256px 0;
  color: #fff;
}

.science-sub-inner h1 {
  color: #fff;
  margin-bottom: 20px;
}

.science-sub-banner::after {
  display: none;
}

.group {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.group iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#poster-image {
  background-size: cover !important;
  bottom: 0;
  left: 0;
  opacity: 1.0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
}

#video-img-poster-image {
  background-size: cover !important;
  bottom: 0;
  left: 0;
  opacity: 1.0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.video-sec-wrap {
  background: #FFFBF3;
  padding: 40px 45px 60px;
  border-radius: 36px;
  margin-top: `;
}

.video-sec-inner {
  margin-top: 20px;
  position: relative;
  max-width: 865px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-radius: 36px;
  overflow: hidden;
}

.play-btn a,
.play-btn i {
  color: #fff;
}

.play-btn a {
  border: 6px solid #fff;
  border-radius: 100px;
  height: 53px;
  width: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our-color-sec .about-prod-left {
  width: 48%;
}

.our-color-sec .about-prod-right {
  padding-left: 0;
  padding-right: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.full-img-sec-inner {
  position: relative;
}

.full-img-btm-text {
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
}

.treatment-txt-clr {
  font-weight: 600;
}

#about-sec {
  background: #FFFBF3;
}

.about-left img {
  border-radius: 16px;
}

#about-sec .about-right {
  padding-left: 50px;
}

.about-right li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 18px;
}

#about-sec .about-right ul {
  margin-left: 10px;
}

.about-right li p {
  color: #737373;
}

.about-right li::before {
  content: '';
  background: #333;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  position: absolute;
  left: 0;
  top: 9px;
}

#key-repair-sec ul>p {
  margin-bottom: 12px;
}

#key-repair-sec h2 {
  margin-bottom: 22px;
}

#key-repair-sec .about-left {
  padding-left: 50px;
  padding-right: 0;
}


.result-sec {
  background: #EEDECF;
}

.result-sec-inner h2 {
  margin-bottom: 0;
}

.science-prod-right {
  height: 100%;
}

.science-prod-sec .container {
  width: ;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}

.science-prod-sec .row {
  height: 100%;
}

.science-prod-img img {
  width: 100%;
  height: 700px;
  object-fit: cover;
  border-radius: 0 32px 32px 0;
}

.science-prod-right .row div[class*="col-"],
.science-prod-right .row .row>div:nth-last-of-type(2) {
  padding-left: 7px;
  padding-right: 7px;
}

.science-prod-right .customer-item {
  padding-bottom: 12px;
}

.science-prod-right .row>div:nth-last-of-type(2) {
  padding-left: 1px;
  padding-right: 1px;
}

.science-prod-img {
  padding-right: 25px;
}

.science-prod-btns {
  display: block;
  text-align: center;
  margin-top: 28px;
}

.science-prod-btns .comment-block {
  margin-top: 22px;
}

/*.science-prod-right .row div[class*="col-"]:nth-of-type(2) img {
  height: 454px;
}
.science-prod-right .row .row > div[class*="col-"]:nth-last-of-type(2) img {
  height: 240px;
}
.science-prod-right .row .row > div[class*="col-"]:nth-last-of-type(1) img {
  height: 200px;
}*/

/*New custm changes*/

.header-right ul li:last-child {
  margin-right: 8px;
}

.repair-right p {
  margin-bottom: 15px;
}

.repair-item-content li:last-child {
  margin-bottom: 0;
}

.content-scroll-head p {
  margin-bottom: 15px;
}


/*Single Product page*/
.flex-control-nav.flex-control-thumbs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
}

.woocommerce div.product div.images .flex-control-thumbs img {
  border-radius: 12px;
}

.woocommerce-page div.product .woocommerce-product-gallery.woocommerce-product-gallery--with-images {
  width: 100%;
  padding-left: 120px;
  margin-bottom: 2rem;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 100%;
}

.woocommerce-page div.product div.summary {
  width: 100%;
}

.custom-gallery-pagination {
  display: flex;
  position: absolute;
  bottom: -25px;
  align-items: center;
  justify-content: center;
  width: calc(100% - 120px);
}

.gallery-count {
  margin: 0 20px;
  margin-top: 6px;
}

.gallery-prev,
.gallery-next {
  color: #737373;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}

.single.single-product .woocommerce-product-gallery__image {
  border-radius: 32px;
}

.woocommerce-product-gallery__image {
  height: 100%;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
  max-width: 720px;
}

.single.single-product .woocommerce-product-gallery img {
  margin: 0 auto;
}

.single-product.singular h1.entry-title {
  font-size: 32px;
  font-family: 'Suisse Intl';
  margin-bottom: 22px;
  font-weight: 500;
}

.single-product.singular .summary-wrapper {
  padding-left: 45px;
}

.summary.entry-summary .woocommerce-product-details__short-description p strong {
  font-weight: 500;
}

.summary.entry-summary .woocommerce-product-details__short-description p {
  margin-bottom: 15px;
}

.summary.entry-summary .price {
  font-size: 32px;
  margin: 30px 0;
}

.single.single-product .summary.entry-summary span.quantity-class {
  font-size: 20px;
  line-height: 29px;
  color: #000;
}

.single.single-product form.cart input {
  width: 85px;
  background: #FFFBF3;
  padding: 12px 20px;
  outline: none;
  border: none;
}

.single-product form .single_add_to_cart_button {
  padding: 12px 36px !important;
  font-size: 16px !important;
  line-height: 24px !important;
  margin-left: 20px;
}

.woocommerce-info,
.woocommerce-message {
  background: #FFFBF3;
  color: #000;
  border-top: 2px solid #F2CF57;
  font-size: inherit;
}

.woocommerce-info a.button,
.woocommerce-message a.button {
  padding: 12px 36px !important;
  font-size: 16px;
  line-height: 24px !important;
  margin-left: 20px;
  color: #fff;
  background: #222;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
}


.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover {
  background: #F2CF57;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none !important;

}

.notice-outer {
  padding-top: 40px;
}

.notice-outer:focus-visible {
  outline: none;
}



.faq-sec-inner {
  background: #FFFBF3;
  padding: 50px 35px;
  border-radius: 36px;
}

.accordion-button {
  background: transparent;
}

.accordion-item {
  background: transparent;
  border: none;
  border-bottom: 1px solid #333333;
  border-radius: 0 !important;
}

.accordion-item .accordion-button {
  font-size: 18px;
  font-family: 'Suisse Intl';
  padding-left: 0;
  padding-right: 0;
  color: #333333;
}

.accordion-item .accordion-button::after {
  width: 16px;
  height: 16px;
  background-size: contain;
}

.accordion-header:focus-visible {
  outline: none;
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-header {
  outline: none;
}

.accordion-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
  background-color: transparent;
}

.faq-header {
  margin-bottom: 30px;
}

.single-product-accordion {
  float: left;
  width: 100%;
}

.single-benefits-block {
  float: left;
  width: 100%;
  border-top: 1px solid #333;
  padding-top: 0;
  padding-right: 0;
  margin-right: 68px;
}
.single-benefits-block .accordion-item {
  border-bottom: 0;
}
.single-benefits-block ul li p {
  color: #737373;
}

.single-benefits-block ul li::before {
  content: '';
  background: #333;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  position: absolute;
  left: 0;
  top: 7px;
}

.single-benefits-block ul li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 18px;
}

.single-product-accordion .accordion-item {
  border-bottom: none;
  border-top: 1px solid #333333;
}

.single-product-accordion .accordion-item ol li {
  list-style-type: decimal;
  list-style-position: outside;
}

.single-product-accordion .accordion-item li {
  color: #737373;
}

.single-product-accordion .accordion-item ol {
  margin-left: 25px;
}

.all-hair-inner {
  background: #fff;
  border-radius: 32px;
  padding: 30px;
  text-align: center;
  margin-top: 20px;
}

.all-hair-sec {
  background: #FFFBF3;
}
.after-before-sec {
  background: #FFFBF3;
}
/*.single-repair-sec {
  background: #FFFBF3;
}*/

.single-prod-images-sec .row div[class*="col-"] {
  padding-left: 3px;
  padding-right: 3px;
}

.single-prod-images-sec .row {
  margin-left: -3px;
  margin-right: -3px;
  height: 100%;
}


.after-before-inner iframe {
  aspect-ratio: 16/9;
}

.after-before-inner {
  display: grid;
  place-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  --position: 50%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.slider-image {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: left;
}

.image-before {
  position: absolute;
  inset: 0;
  width: var(--position);
  filter: grayscale(100%)
}

.ab-slider {
  position: absolute;
  inset: 0;
  cursor: pointer;
  opacity: 0;
  /* for Firefox */
  width: 100%;
  height: 100%;
}

.ab-slider:focus-visible~.slider-button {
  outline: 5px solid black;
  outline-offset: 3px;
}

.slider-line {
  position: absolute;
  inset: 0;
  width: .3rem;
  height: 100%;
  background-color: #F2CF57;
  /* z-index: 10; */
  left: var(--position);
  transform: translateX(-50%);
  pointer-events: none;
}

.slider-button {
  position: absolute;
  background-color: #F2CF57;
  color: #222;
  padding: .5rem;
  border-radius: 100vw;
  display: grid;
  place-items: center;
  top: 50%;
  left: var(--position);
  transform: translate(-50%, -50%);
  pointer-events: none;
   z-index: 100;
  box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5);
  width: 50px;
  height: 50px;
}
.after-before-slider.swiper {
  margin-bottom: 0;
  padding: 0 20px;
}
.science-ab-slider .after-before-inner {
  max-width: 420px;
  box-shadow: 0 0 20px #ddd;
}


/*Learn more sec*/

.swiper {
  width: 100%;
  margin: 25px auto 40px;
}

.swiper-slide {
  height: 220px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  cursor: pointer;
  transition: transform 0.2s;
}

/* Popup container */
.popup {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  height: 90%;
  justify-content: flex-end;
  align-items: flex-end;
  background: transparent;
  padding: 0;
}

.swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

/* Popup content fixed size */
.popup-content {
  width: 350px;
  /* ✅ fixed width */
  height: 100%;
  /* ✅ fixed height */

  max-height: 85vh;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  background: #000;
  position: relative;
  display: flex;
  flex-direction: column;
}
.learn-more-sec .main-swiper .swiper-button-next, .learn-more-sec .main-swiper .swiper-button-prev {
  background: #ffffff69;
  border-radius: 50px;
  height: 35px;
  width: 35px;
}

/* Reel swiper */
.reel-swiper {
  flex: 1;
  width: 100%;
  margin: 0;
}

.reel-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  width: 100% !important;
}

.reel-swiper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Insta/TikTok style */
}

/* Progress bar */
.progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  background: #fff;
  width: 0%;
  z-index: 10;
  transition: width 0.2s linear;
}

.control-btn.play-btns {
  width: 100%;
  left: 0;
  height: 100%;
  border-radius: 0;
  background: transparent;
  z-index: 1;
  top: 0;
  font-size: 18px;
}

/* Control buttons */
.control-btn {
  position: absolute;
  top: 20px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 20;
  font-size: 16px;
  height: 40px;
  width: 40px;
}

.close-btn {
  right: 10px;
}

.mute-btn {
  right: 10px;
}

.play-btns {
  right: 100px;
}

/* Nav arrows inside popup */
.reel-next,
.reel-prev {
  color: #fff;
  --swiper-navigation-size: 28px;
}

.reel-next {
  right: 10px;
}

.reel-prev {
  left: 10px;
}


.reel-next,
.reel-prev {
  left: auto !important;
  right: 10px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
}

.reel-next::after,
.reel-prev::after {
  font-size: 18px;
  color: #fff;
}

.reel-next {
  top: calc(50% + 25px);
}

.reel-next::after {
  content: "\f078";
  font-family: Font Awesome\ 6 pro;
}

.reel-prev {
  top: calc(50% - 25px);
}

.reel-prev::after {
  content: "\f077";
  font-family: Font Awesome\ 6 pro;
}

.close-btn {
  position: absolute;
  top: 20px;
  left: 10px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border: none;
  padding: 6px;
  cursor: pointer;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.main-swiper .swiper-button-prev::after,
.main-swiper .swiper-button-next::after {
  font-size: 18px !important;
  color: #000;
}

.main-swiper .swiper-button-prev {
  left: 5px;
}

.learn-more-sec .main-swiper {
  padding: 0 20px;
  margin-top: 0;
}
.learn-more-sec h6 {
  display: none;
}
/* .learn-more-sec {
  display: none;
} */
.main-swiper .swiper-button-next {
  right: 5px;
}

.main-swiper video {
  position: absolute;
  top: 0;
  left: 0;
}

.main-swiper .swiper-slide {
  padding-bottom: 50%;
}

#zcampaignOptinForm #errorMsgDiv {
  opacity: 0;
}

.single-product #widget-1 .ElementsWidget-prefix .ElementsWidget--expandedFilters:not(.R-MD) .ElementsWidget__subheader .subheader__group--filters .c-searchFilters .c-searchFilters__search {
  margin-top: 0px
}

.subheader__group.subheader__group--filters {
  display: none;
}


.woocommerce-order-received .reviewsio-link {
  margin: 60px 0;
  text-align: center;
}

   .video-preview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0px;
}

.video-loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 10, 10, 0.6);
  z-index: 10;
  transition: opacity 0.3s ease;
}

.video-loader::after {
  content: "";
  width: 30px;
  height: 30px;
  border: 3px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 600px) {
  .popup-content {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  #popup {
	right: 0;
	width: 100%;
}
}



/*Share modal*/
.share-modal {
  display: none;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 12px;
  padding: 15px;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  width: 100%;
}

.control-btn.share-btn {
  right: 60px;
}

.share-modal h4 {
  margin: 0 0 13px 0;
  color: white;
  font-size: 17px;
  font-family: 'Suisse Intl';
}

.share-options {
  display: flex;
  gap: 10px;
}

.share-option {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
}

.share-option:hover {
  background: rgba(255, 255, 255, 0.2);
}

.share-option i {
  color: white;
}

.copy-link-container {
  display: flex;
  margin-top: 10px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  overflow: hidden;
}

.copy-link-input {
  flex: 1;
  background: transparent;
  border: none;
  color: white;
  padding: 8px 12px;
  font-size: 12px;
}

.copy-link-btn {
  background: #F8F4EE;
  border: none;
  color: #222;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 12px;
}

.grecaptcha-badge {
  display: none !important;
}


/*****Cart page css*****/
.page-section.cart-page,
.page-section.checkout-page {
  padding-top: 100px;
  padding-bottom: 100px;
}

form.woocommerce .shop_table.cart.wishlist_table thead,
form.woocommerce-cart-form table.shop_table thead {
  background-color: #F2CF57;
  color: #222;
}

form.woocommerce .shop_table.cart.wishlist_table,
form.woocommerce-cart-form table.shop_table {
  border: 1px solid #eee;
  width: 100%;
}

form.woocommerce .shop_table.cart.wishlist_table thead tr th,
form.woocommerce-cart-form table.shop_table thead tr th {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
  font-family: 'Suisse Intl';
  color: #fff;
}

form.woocommerce .shop_table.cart.wishlist_table tr td,
form.woocommerce .shop_table.cart.wishlist_table tr th,
form.woocommerce-cart-form table.shop_table tr th,
form.woocommerce-cart-form table.shop_table tr td {
  padding: 5px;
  font-size: 16px;
  text-align: left;
}

form.woocommerce-cart-form table.shop_table tr td.product-thumbnail img {
  max-height: 80px;
  width: auto !important;
  display: block;
  margin: 0 60px;
}

form.woocommerce-cart-form table.shop_table tr td.actions {
  text-align: right;
  padding: 15px;
  background-color: #fffbf3;
}

.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title {
  text-align: center;
}

.woocommerce-checkout .entry-title {
  margin-bottom: 35px;
}

.product-remove a.remove {
  font-size: 16px;
  color: #000;
  border: 1px solid #F2CF57;
  line-height: 20px;
  padding-left: 0;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2px;
}

.product-remove a.remove:hover {
  background: #F2CF57;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
  margin-top: 50px;
}

form.woocommerce-cart-form table.shop_table tr td.actions input {
  height: 48px;
  font-size: 16px;
  border: 1px solid rgb(51, 51, 51) !important;
  border-radius: 50px !important;
  padding: 8px 30px !important;
  color: #333 !important;
  margin-right: 10px;
}

.woocommerce-cart-form .actions .input-text {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 15px;
}

.cart-collaterals .cart_totals {
  border: 1px solid #dcd7ca;
  padding: 30px;
  background: #fff;
}

.woocommerce-cart-form .actions .button,
.cart_totals .checkout-button,
.woocommerce-checkout #place_order,
.woocommerce-checkout .checkout_coupon button,
.woocommerce-lost-password form.lost_reset_password button,
.return-to-shop .button.wc-backward,
.cart_totals .shipping-calculator-form button {
  background: #000 !important;
  color: #fff !important;
  padding: 12px 36px !important;
  font-size: 16px;
  line-height: 24px;
  border-radius: 50px;
  font-family: 'Suisse Intl';
  border: none !important;
  cursor: pointer;
  font-weight: normal;
}

.woocommerce-cart-form .actions .button:hover,
.cart_totals .checkout-button:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .checkout_coupon button:hover,
.woocommerce-lost-password form.lost_reset_password button:hover,
.return-to-shop .button.wc-backward:hover,
.cart_totals .shipping-calculator-form button:hover {
  background: #F2CF57 !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none !important;
}

.woocommerce-cart-form .actions .input-text {
  width: 200px !important;
  float: left;
  margin-right: .25rem;
  border: 1px solid #ddd;
}

form.woocommerce-cart-form table.shop_table tr td .quantity .input-text {
  box-sizing: border-box;
  padding: 5px 10px;
  outline: 0;
  border: 1px solid #eee;
  width: 70px;
  background: #F4F1EC;
  margin: 0 auto;
}

.product-remove {
  text-align: right !important;
}

.woocommerce-cart-form table td.product-name a {
  color: #000;
  font-weight: 400;
}

.quantity-class {
  font-weight: 400;
}

.woocommerce-Price-amount.amount {
  color: #F2CF57;
  font-weight: 700;
}

.woocommerce-cart-form table tbody tr {
  border-top: 1px solid #eee;
}

.cart_totals h2 {
  color: #F2CF57;
  font-size: 28px;
  margin-bottom: 15px !important;
  text-transform: capitalize;
  line-height: normal;
}

.cart_totals table.shop_table th {
  border-top: 2px solid #fff;
  padding: 1rem;
  font-size: 16px;
  font-weight: 500;
  vertical-align: top;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
  border-top: 2px solid #fff;
  padding-right: 1em;
  font-size: 16px;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td .woocommerce-Price-amount.amount,
.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .woocommerce-Price-amount {
  color: #222;
}

.woocommerce-cart .cart-collaterals .cart_totals tr.order-total .includes_tax .woocommerce-Price-amount.amount,
.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .includes_tax .woocommerce-Price-amount {
  font-weight: 400;
}

.woocommerce .cart-collaterals #shipping_method li {
  list-style-type: none;
}

.woocommerce .cart-collaterals #shipping_method,
.woocommerce .cart-collaterals #shipping_method li label {
  margin-bottom: 0;
}

.cart_totals table.shop_table {
  width: 100%;
  border: 0 !important;
  background: #fafafa;
  margin-bottom: 20px;
}

.cart-collaterals ul#shipping_method,
.cart_totals .woocommerce-shipping-destination {
  padding-bottom: 0;
  margin-bottom: 6px;
}

.cart_totals tr.order-total {
  background: #F8F4EE;
}

.cart_totals .checkout-button:hover {
  text-decoration: none !important;
}

.cart-collaterals .cart_totals tbody {
  background: #F8F4EE;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td li {
  padding-left: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td li::before {
  display: none;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td ul {
  margin: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button {
  color: #F2CF57;
}

.woocommerce-cart .cart-collaterals .cart_totals #shipping-calculator-form {
  padding: 0;
  padding-top: 10px;
}

.cart_totals .shipping-calculator-form .select2-selection.select2-selection--single {
  padding: 5.6px 21px;
  border-radius: 50px;
}

.cart_totals .shipping-calculator-form #calc_shipping_state_field>span {
  width: 100%;
}

.cart_totals .shipping-calculator-form input,
.cart_totals .shipping-calculator-form select {
  padding: 6px 15px;
  width: 100% !important;
}

#ship-to-different-address label span::after {
  background: #fff;
}

#ship-to-different-address label span::before {
  border: 2px solid #bbb;
  background: #bbb;
}

#ship-to-different-address {
  line-height: normal;
}

#ship-to-different-address label input[type="checkbox"]:checked+span::after {
  background: #fff;
}

.woocommerce-checkout .woocommerce-additional-fields {
  margin-top: 20px;
}

.woocommerce-checkout #customer_details .woocommerce-input-wrapper span .select2-selection__placeholder {
  border: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #F2CF57;
  color: #fff;
}

.woocommerce-error li {
  padding: 1em;
  margin: 0 !important;
  font-weight: 400;
}

.woocommerce-error {
  background: #fffbf3 !important;
  border: 0;
  padding: 20px;
  border-top: 2px solid #ff0000;
  margin: 0 !important;
}

.woocommerce-form.woocommerce-verify-email .woocommerce-error {
  margin-bottom: 20px !important;
}

.woocommerce-cart-form__cart-item.cart_item {
  background: #fff;
}

.return-to-shop {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 0 !important;
}

.return-to-shop .button.wc-backward {
  width: auto !important;
  float: none !important;
}

.woocommerce-lost-password form.lost_reset_password button.show-password-input {
  background: transparent !important;
  width: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
}


/******Checkout css****/
.showcoupon {
  text-decoration: underline;
  color: #F2CF57;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  margin-bottom: 20px;
  font-size: 16px;
}

.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading {
  margin-top: 30px !important;
  margin-bottom: 20px;
}

.woocommerce-checkout .checkout_coupon>p {
  margin-bottom: 15px;
  font-size: 16px;
}

.woocommerce-checkout input#coupon_code {
  padding: 0 15px;
  height: 48px;
}

.woocommerce-checkout .checkout_coupon {
  background: transparent;
  padding: 0;
}

.woocommerce-checkout form .form-row-first,
.woocommerce form .form-row-last {
  width: 49%;
  margin-bottom: 15px;
}

.woocommerce-checkout .checkout_coupon button,
.woocommerce-checkout .woocommerce-form.woocommerce-form-login button {
  padding: 13.1px 30px !important;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login button[type="submit"] {
  margin-bottom: 10px;
}

.woocommerce-checkout .checkout_coupon input#coupon_code {
  padding: 0 15px;
  height: 49;
  line-height: 50px;
  background: transparent;
  border: 1px solid #ddd;
}

.woocommerce .required {
  color: #ff0000 !important;
}

.woocommerce-checkout #customer_details .woocommerce-input-wrapper .select2-selection__rendered {
  line-height: 30px;
}

.woocommerce-checkout form .woocommerce-input-wrapper {
  width: 100%;
}

.woocommerce-checkout form #order_review .shop_table tfoot {
  border-top: 3px solid #dcd7ca;
}

#ship-to-different-address label input[type="checkbox"]:checked+span::before {
  border-color: #F2CF57;
  background: #F2CF57;
}

#ship-to-different-address label span::before {
  height: 17px;
  width: 30px;
}

.woocommerce-checkout #customer_details .woocommerce-input-wrapper span {
  border: none;
  background: transparent;
}

.woocommerce-checkout #order_review .shop_table {
  width: 100%;
  margin-top: 0 !important;
  display: block;
}

.woocommerce-info {
  border-top: 2px solid #F2CF57;
  margin-bottom: 40px;
  width: 100%;
}

.woocommerce-checkout form .form-row {
  margin-left: 0;
}

.woocommerce-checkout .woocommerce-privacy-policy-text p {
  font-size: 17px;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 20px;
  margin-top: 30px;
}

.woocommerce-privacy-policy-link:hover {
  color: #000;
}

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table tbody::after,
.woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table tbody::after {
  height: 0;
}

.woocommerce-checkout #order_review th,
#order_review td {
  padding: 20px;
  word-break: break-word;
}

.woocommerce-checkout #order_review #shipping_method {
  padding-bottom: 0;
  padding-left: 0;
}

.woocommerce-checkout #order_review #shipping_method li {
  margin-bottom: 0;
  list-style-type: none;
}

.woocommerce-checkout #order_review #shipping_method li label {
  line-height: 1.5rem;
  margin-bottom: 0;
}

.woocommerce-checkout #order_review .cart-subtotal,
.woocommerce-checkout #order_review .order-total,
.woocommerce-checkout #order_review .woocommerce-shipping-totals {
  background: #f5f5f5;
}

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .order-total .includes_tax {
  display: block;
}

.woocommerce-checkout #order_review .product-total span {
  font-weight: 400 !important;
}

.woocommerce-checkout #order_review .cart-subtotal .woocommerce-Price-amount.amount {
  font-weight: 400;
}

.woocommerce-checkout .wc_payment_method .payment_box p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400; padding: 0;
}

.woocommerce-checkout form #order_review .shop_table tbody .product-total .woocommerce-Price-amount.amount,
.woocommerce-checkout #order_review .shop_table .cart-subtotal .woocommerce-Price-amount.amount {
  color: #222;
}

.woocommerce-checkout form.checkout.woocommerce-checkout {
  padding-top: 20px;
  width: 100%;
}

.woocommerce-checkout .woocommerce-order .woocommerce-order-overview li {
  display: inline-block;
  border-right: 1px solid #F2CF57;
  padding-right: 20px;
  margin-right: 20px;
  padding-left: 0;
}

.woocommerce-checkout .woocommerce-order .woocommerce-order-overview li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

.woocommerce-checkout .woocommerce-order .woocommerce-order-overview {
  margin-top: 30px;
  background: transparent;
  margin-left: 0;
}

.woocommerce-checkout .woocommerce-order .woocommerce-order-overview li strong {
  display: block;
  color: #222;
  margin-top: 3px;
  font-weight: 600;
}

.woocommerce-checkout .woocommerce-order .woocommerce-order-overview li::before {
  display: none;
}

.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-Price-amount.amount {
  color: #222;
}

.woocommerce-checkout-review-order ul {
  margin-bottom: 0 !important;
  margin-top: 0;
  margin-left: 0;
}

.wc_payment_method .payment_box fieldset {
  padding: 1rem 1rem 10px;
  margin-top: 20px;
}
.logged-in.woocommerce-checkout .wc_payment_method .payment_box fieldset {
  margin-top: 0;
}

.woocommerce-checkout .woocommerce-form-login__rememberme {
  margin: 0rem 0 0rem 0 !important;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login .remember-row {
  max-width: 49%;
  width: 100%;
  display: block;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login .woocommerce-form__label-for-checkbox {
  margin-bottom: 30px;
  display: inline-block;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login .lost_password {
  float: right;
  margin-bottom: 25px;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login {
  margin-bottom: 50px;
}

.woocommerce-checkout .lost_password a {
  color: #F2CF57;
}

.woocommerce-checkout .lost_password a:hover {
  color: #000;
}

.woocommerce-checkout #customer_details .col-12 {
  padding-left: 0;
}

.woocommerce-checkout #order_review .payment_box.payment_method_stripe .form-row-first,
.woocommerce #order_review .payment_box.payment_method_stripe .form-row-last {
  margin-bottom: 0;
  margin-top: 10px;
}

.woocommerce-checkout .wc_payment_method .payment_box .woocommerce-SavedPaymentMethods-saveNew label {
  margin-bottom: 0;
  margin-left: 7px;
  line-height: normal;
}

.woocommerce-checkout .wc_payment_method .payment_box .woocommerce-SavedPaymentMethods-saveNew {
  font-size: 14px !important;
}

.woocommerce-checkout form .form-row.woocommerce-invalid input.input-text {
  border: 2px solid #ff0000;
}

.woocommerce-checkout form .form-row label {
  font-weight: 400;
}

.woocommerce-checkout ::placeholder {
  color: #5d5d5d;
}

.woocommerce-checkout form .col2-set p {
  margin-bottom: 1.15em;
}

.woocommerce-checkout form .col2-set p:last-child {
  margin-bottom: 0;
}

.woocommerce-checkout #order_review .order-total th,
.cart-subtotal th,
.woocommerce-checkout #order_review .woocommerce-shipping-totals th {
  font-weight: 500;
  color: #000;
}

.woocommerce-checkout .woocommerce-error li,
.woocommerce-lost-password .woocommerce-error li {
  padding: 1px 18px;
}

.wc_payment_method .woocommerce-info {
  padding: 1rem;
}

.woocommerce-checkout ul.woocommerce-error li {
  font-size: 16px;
  font-weight: 400;
}

.woocommerce-checkout ul.woocommerce-error li a:hover {
  color: #222;
}

.woocommerce-checkout ul.woocommerce-error li::before,
.woocommerce-lost-password .woocommerce-error li::before {
  background: #ff0000;
}

.woocommerce-checkout form #order_review .shop_table thead,
.woocommerce-checkout form #order_review .shop_table thead tr {
  display: table;
  width: 100%;
}

.woocommerce-lost-password .woocommerce-notices-wrapper {
  margin-bottom: 20px;
}

.woocommerce-checkout form #order_review .shop_table thead {
  background: #F2CF57;
}

.woocommerce-checkout form #order_review .shop_table tr .product-total {
  width: 45%;
}

.woocommerce-checkout form #order_review .shop_table tr .product-name {
  width: 55%;
}

.woocommerce-checkout #order_review .shop_table tbody tr {
  background: #fff;
}

.woocommerce-checkout #payment {
  margin-top: 50px;
}

.woocommerce-checkout form #order_review .shop_table thead th {
  font-weight: 500;
}

.woocommerce-checkout #payment .payment_methods.methods .wc_payment_method .payment_box,
#add_payment_method .payment_box {
  background-color: #fff;
}

.woocommerce-checkout .wc_payment_method input[type="radio"] + label::before {
  background: #6d6d6d !important;
  height: 16px;
  width: 16px;
  margin-top: 4px;
}

.woocommerce-checkout .wc_payment_method input[type="radio"]:checked + label::before, 
.wc_payment_method .payment_box input[type="radio"]:checked + label::before {
  background: #fff !important;
  border: 6px solid #F2CF57 !important;
  height: 16px;
  width: 16px;
  margin-top: 4px;
}

.woocommerce-checkout #payment .payment_methods.methods label {
  background: #fff;
  margin: 0;
  padding: 20px;
  font-weight: 500;
}

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
  padding: 1em;
  font-size: 16px;
}

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info .showlogin {
  text-decoration: underline;
}

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info .showlogin:hover {
  text-decoration: none;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login input {
  padding: 0 15px;
  height: 49px;
  line-height: 50px;
  background-color: transparent;
  border: 1px solid #ddd;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login input#rememberme {
  height: auto;
  display: inline-block;
}

.woocommerce-checkout-review-order-table tfoot tr {
  background: #fff !important;
  border-top: 2px solid #f6f0e8 !important;
}

.woocommerce-checkout-review-order-table tfoot tr ul li {
  padding-left: 0;
}

.woocommerce-checkout-review-order-table tfoot tr ul li::before {
  display: none;
}

.woocommerce-checkout-review-order-table tfoot tr ul {
  margin: 0;
}

.wc_payment_method.payment_method_cod {
  padding: 0;
}

.wc_payment_method.payment_method_cod::before {
  display: none;
}

.woocommerce-checkout .woocommerce-privacy-policy-text p a {
  color: #F2CF57;
}

.recurring-totals th {
  font-weight: bold !important;
}


.woocommerce-checkout-payment .wc_payment_methods li, #add_payment_method li {
  padding: 0;
}
.woocommerce-checkout-payment .wc_payment_methods li::before, #add_payment_method li::before {
  display: none;
}
.button.sv-wc-payment-gateway-payment-form-manage-payment-methods {
  color: #F2CF57 !important;
}
.woocommerce-checkout .wc_payment_method .payment_box p label, #add_payment_method label {
  width: 100%;
  margin-top: 3px !important;
  display: block !important;
}
.woocommerce-checkout .wc_payment_method .payment_box p br {
  display: none;
}
.woocommerce-checkout #payment .payment_methods.methods label.required_field, #add_payment_method label.required_field {
  padding: 0;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
}
.woocommerce-checkout  .payment_box  .form-row.woocommerce-validated p label {
  display: inline-block !important;
}
.woocommerce-checkout .wc_payment_method .payment_box p.form-row.woocommerce-validated label {
  display: inline !important;
  padding: 0 !important;
  font-size: 14px;
  font-weight: normal !important;
}
.woocommerce-checkout #payment .payment_methods.methods .payment_box label {
  background: #f6f6f6;
}
.woocommerce-checkout .wc_payment_method .payment_box p.validate-required.woocommerce-validated, #add_payment_method p.validate-required {
  margin-bottom: 10px;
}
.woocommerce-checkout .wc_payment_method .payment_box p input, #add_payment_method p input {
  font-size: 14px !important;
}
#add_payment_method .payment_box, #add_payment_method label {
  padding: 1.5rem;
  background-color: #fff;
}
.woocommerce-PaymentMethod {
  position: relative;
}
.woocommerce-PaymentMethod #payment_method_authorize_net_cim_credit_card {
  display: none;
}
.woocommerce-PaymentMethod input[type="radio"] + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 1.2rem;
  border-radius: 100%;
  transform: translateY(2px);
  background: #6d6d6d !important;
  margin-top: 4px;
}
.woocommerce-PaymentMethod input[type="radio"]:checked + label::before {
  background: #fff !important;
  border: 6px solid #F2CF57 !important;
}
#payment ul.payment_methods li label[for="payment_method_authorize_net_cim_credit_card"] {
  display: flex !important;
}
.woocommerce-PaymentBox.woocommerce-PaymentBox--authorize_net_cim_credit_card.payment_box p {
  font-size: 17px;
}
.logged-in.woocommerce-account .woocommerce-MyAccount-content #add_payment_method p {
  margin: 0;
  padding: 0;
}
.woocommerce-PaymentMethods.payment_methods.methods + .form-row button {
  display: table;
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}


.customer-item .video-sec-inner {
  height: 100%;
  overflow: visible;
  max-width: 100%;
  margin-top: 0;
}

.customer-item .video-sec-inner .poster {
  height: 100%;
  cursor: pointer;
}

.custm-modal .modal-content {
  background: #FFFBF3 !important;
  padding: 35px;
  border-radius: 15px;
  /*! overflow: visible !important; */
}

.custm-modal .modal-content .btn-close {
  background: #F2CF57 !important;
  color: #fff !important;
  height: 30px;
  width: 30px;
  z-index: 9999;
  right: -3px !important;
  opacity: 1;
  filter: none !important;
  border-radius: 50px;
  top: -3px !important;
}


/****My Account with login*****/
.woocommerce-lost-password.logged-in.woocommerce-account .entry-title {
  text-align: left;
}

.woocommerce-account.logged-in .woocommerce {
  max-width: 100%;
  margin: 0;
  width: 100%;
  box-shadow: none;
  padding: 0;
  float: left;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 28%;
  margin-right: auto;
  background: white;
  padding: 25px 30px 30px;
  box-shadow: 0 0 6px #ccc;
  margin-bottom: 0;
  border-top: 6px solid #F2CF57;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 68%;
}


.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin-bottom: 10px;
  line-height: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 18px;
  margin-right: 0;
  list-style-type: none;
  padding-left: 30px;
  margin-bottom: 15px !important;
  position: relative;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li::before {
  background: transparent;
  width: auto;
  height: auto;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin-bottom: 0 !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li a {
  font-size: 16px;
  font-weight: 600;

  color: #aaa !important;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  font-size: 16px;

}

.woocommerce-account .woocommerce-MyAccount-content>div+p {
  font-size: 18px;
  margin-bottom: 20px;

}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li::before {
  content: "\f061 ";
  display: inline-block;
  margin-right: .25em;
  color: #aaa;
  font-size: 16px;
  font-family: FontAwesome;
  top: 5px;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard:before {
  content: "\f0e4" !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders:before {
  content: "\f291" !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads:before {
  content: "\f1c6" !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address:before {
  content: "\f015" !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods:before {
  content: "\f09d" !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account:before {
  content: "\f007" !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout:before {
  content: "\f08b" !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions:before {
  content: "\f021" !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li.is-active::before {
  color: #F2CF57;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li:hover::before {
  color: #000;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  text-decoration: none;
  color: #000 !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
  font-size: 20px;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
table.woocommerce-MyAccount-paymentMethods + .button {
  background: #000;
  color: #fff;
  padding: 12px 36px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 50px;
  font-family: 'Suisse Intl';
  border: none;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
table.woocommerce-MyAccount-paymentMethods + .button:hover {
  background: #F2CF57;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none !important;
}
table.woocommerce-MyAccount-paymentMethods + .button {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  max-width: 48%;
  padding-left: 0;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content input {
  height: 48px !important;
  border: 1px solid rgb(51, 51, 51);
  margin-bottom: 15px !important;
  padding-left: 15px !important;
  font-size: 16px;
  border-radius: 50px;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #000;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-input-wrapper {
  width: 100%;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .select2-container .select2-selection--single {
  height: 48px;
  margin-bottom: 15px;
  border-radius: 50px;
  border: 1px solid rgb(51, 51, 51);
  !important;
  padding-top: 0;
  margin-top: 0;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label,
.logged-in.woocommerce-account .woocommerce-EditAccountForm.edit-account label,
.logged-in.woocommerce-account .woocommerce-EditAccountForm #account_display_name+span {
  font-size: 16px;
  margin-bottom: 0.5rem;
  line-height: normal;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  top: 0;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields #billing_company_field {
  padding-top: 6px !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message .button {
  width: auto;
  line-height: normal;
  height: auto;
  padding: 10px 15px;
  text-transform: uppercase;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
  border: 1px solid #000;
  padding: 20px;
  margin-bottom: 40px;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset .password-input {
  width: 100%;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
  margin-bottom: 10px;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content table {
  width: 100%;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table td,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tr {
  border: 0 !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table thead tr th {
  padding: 0 0 15px 1.5rem;
  font-weight: 600;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table td,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tr,
 .logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead tr th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr td,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr th,
.woocommerce-account .account-payment-methods-table tbody tr  {
  border-bottom: 1px solid #dcd7ca !important;
  background: transparent !important;
}

.logged-in.woocommerce-account table.account-orders-table .woocommerce-button.button,
.logged-in.woocommerce-account table.my_account_orders .woocommerce-button.button {
  padding: 8px 3px !important;
  width: 100px;
  font-size: 14px !important;
  color: rgb(255, 255, 255) !important;
  background: #000 !important;
  border-radius: 50px;
  border: #000;
  display: inline-block;
  transition: 0.3s ease-in-out;
  line-height: normal;
  text-transform: capitalize;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table td span {
  color: #222;
}

.logged-in.woocommerce-account table.account-orders-table:not(.has-background) tbody tr:nth-child(2n+1) td {
  filter: none;
}

.logged-in.woocommerce-account table.account-orders-table .woocommerce-button.button:hover,
.logged-in.woocommerce-account table.my_account_orders .woocommerce-button.button:hover {
  border-color: #F2CF57 !important;
  background: #F2CF57 !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table td,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td,
.shop_table.order_details th, .shop_table.order_details td {
  padding: 15px 20px;
  border: 1px solid #dcd7ca;
  word-wrap: anywhere;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table tfoot,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot,
.shop_table.order_details tfoot {
  border-top: 3px solid #dcd7ca;
  background: #fff;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details h2,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details h2,
.shop_table.subscription_details + h2, .shop_table.order_details + header h2 {
  font-size: 26px;
  letter-spacing: 0.5px;
  margin-bottom: 20px !important;
  margin-left: 0px;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
  padding-top: 0 !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details address {
  margin-bottom: 0;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table tbody,
.shop_table.order_details tbody {
  background: #fff;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead,
.shop_table.order_details thead
 {
  background: #F2CF57;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
  font-size: 16px;
  padding-left: 15px !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account legend {
  display: block;
  width: auto;
  max-width: 100%;
  padding: 6px 15px;
  margin-bottom: .5rem;
  font-size: 1.2rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
  background: #000;
  color: #fff;
  margin-top: -20px;
  position: relative;
  top: -20px;
}

.woocommerce-MyAccount-content h2 {
  font-weight: normal;
  font-size: 40px;
}

.woocommerce-Address-title.title h2 {
  font-size: 34px;
  font-weight: normal;
  margin-bottom: 15px;
}

.woocommerce-Address-title.title a {
  text-decoration: underline;
  color: #F2CF57;
  margin-bottom: 5px;
  display: inline-block;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
  padding-right: 0 !important;
}

.logged-in .woocommerce .woocommerce-MyAccount-content a.button {
  padding: 10px 15px !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content p.form-row {
  margin-top: 10px !important;
}

.logged-in.woocommerce-account .woocommerce-Addresses {
  margin-top: 30px;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content #add_payment_method label {
  display: inline;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .stripe-card-group {
  margin-bottom: 15px;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns--addresses.col2-set.addresses {
  display: flex;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns--addresses p {
  margin-bottom: 5px;
}

.woocommerce-account.logged-in .sub-page-content {
  float: left;
  width: 100%;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
.logged-in.woocommerce-account .woocommerce-MyAccount-content form .form-row-last {
  width: 49%;
}

.woocommerce-account .woocommerce-MyAccount-content form p:first-of-type {
  margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
  margin-bottom: 1rem;
}

.woocommerce .woocommerce-MyAccount-content form .show-password-input {
  transform: none;
  top: 13px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #F2CF57;
  color: #fff;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table thead tr th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tbody tr td,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tbody tr th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead tr th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr td,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-payment-methods-table thead tr th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-payment-methods-table tbody tr td,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-payment-methods-table tbody tr th  {
  padding: 12px 18px;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tbody tr td a.woocommerce-button.button {
  margin: 0 !important;
}

.woocommerce-account table.account-orders-table thead, .woocommerce-account table.my_account_orders thead,
.woocommerce-account .account-payment-methods-table thead {
  background: #F2CF57;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tbody tr, 
.woocommerce-account table.my_account_orders tbody tr,
.woocommerce-account .account-payment-methods-table tbody tr {
  background: #fff !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content section,
.logged-in.woocommerce-checkout .woocommerce-order-details {
  padding: 0;
}

.woocommerce-order-received table tr {
  height: auto;
}

.logged-in.woocommerce-checkout .woocommerce-order-details table {
  margin-bottom: 0;
}

/*My account Without login*/

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  background: #fff;
  padding: 30px;
  border-radius: 32px;
  border-top: 6px solid #F2CF57;
  box-shadow: 0 0 14px #ddd;
}

.woocommerce #customer_login {
  display: flex;
  flex-wrap: nowrap;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  margin-left: auto;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce-checkout #customer_details .woocommerce-input-wrapper .select2-selection__rendered {
  border: 1px solid rgb(51, 51, 51) !important;
  border-radius: 50px !important;
  height: 48px !important;
  padding: 8px 30px !important;
  color: #333 !important;
  width: 100% !important;
  background: #fff !important;
  font-size: inherit !important;
  outline: none;
}

.woocommerce-checkout form .woocommerce-additional-fields .form-row textarea {
  height: 60px !important;
  line-height: normal;
  border: 1px solid #ddd;
  padding-top: 10px;
  resize: none;
}

#customer_login h2,
.woocommerce-ResetPassword.lost_reset_password h2 {
  margin-bottom: 40px;
  font-family: 'EB Garamond';
  font-weight: normal;
}

#customer_login .woocommerce-form-row {
  margin-bottom: 15px;
}

#customer_login p a {
  color: #F2CF57;
}

.form-row.remember-row {
  display: flex;
  justify-content: space-between;
}

.woocommerce-account .remember-row .woocommerce-form-login__rememberme {
  margin: 0 !important;
  width: 100%;
}

.woocommerce form .form-row.remember-row {
  margin-bottom: 20px;
  padding: 0 5px;
  width: 100%;
  position: relative;
}

.woocommerce-account .remember-row p.woocommerce-LostPassword.lost_password {
  margin: 0;
  position: absolute;
  right: 0;
  top: 7px;
}


/*Lost Password*/

.woocommerce-ResetPassword.lost_reset_password {
  background: #fff;
  padding: 30px;
  border-radius: 32px;
  border-top: 6px solid #F2CF57;
  box-shadow: 0 0 14px #ddd;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
}

.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row {
  width: 100%;
  text-align: left;
}

.woocommerce-ResetPassword.lost_reset_password #user_login {
  border: 1px solid rgb(51, 51, 51) !important;
  border-radius: 50px !important;
  height: 48px !important;
  padding: 8px 30px !important;
  color: #333 !important;
  width: 100% !important;
  background: #fff !important;
  font-size: inherit !important;
}

form .woocommerce-Button.button,
form .woocommerce-button.button {
  background: #000;
  color: #fff;
  padding: 12px 36px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 50px;
  font-family: 'Suisse Intl';
  border: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

form .woocommerce-Button.button:hover,
form .woocommerce-button.button:hover {
  background: #F2CF57;
}

form .woocommerce-button.button {
  margin-left: 0;
}

/*Trust Pilot*/
.comment-block.trust-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
}

.about-prod-btns.floating-div-btn .btn {
  white-space: nowrap;
}

.about-prod-btns .custom-btn {
  white-space: nowrap;
}

.single-trust-block {
  display: block !important;
}


/*Contact form*/
.common-form form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.common-form form input,
.common-form form textarea,
.common-form form select {
  width: 100%;
  box-shadow: 0px 0px 10px #00000012;
  border: 1px solid #000;
  border-radius: 50px;
  color: #111;
  padding: 13px 30px;
  margin-bottom: 18px;
  text-transform: capitalize;
  background: #fff;
  font-family: 'Suisse Intl';
}

.common-form form select {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 30px) calc(1.3em + 2px), calc(100% - 25px) calc(1.3em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  appearance: none;
  font-family: 'Suisse Intl' !important;
}

.common-form form .width-50 {
  width: 49%
}

.common-form form textarea {
  height: 170px;
  resize: none;
  border-radius: 30px;
}

.common-form form p {
  width: 100%;
  margin: 0
}

::placeholder {
  opacity: 0.5;
  color: #111 !important
}

form input:focus,
form textarea:focus {
  outline: none
}

.common-form form input[type="submit"] {
  border: none;
  box-shadow: none;
}

.form-sec-socials ul.social-icons li a {
  background: #F2CF57;
  color: #fff;
}

.form-sec-socials ul.social-icons li a:hover {
  background: #000;
}

.form-sec-socials {
  margin-top: 30px;
}

.common-form form .form-group:last-child input {
  margin-bottom: 0;
}

.cmn-header .small-heading::before {
  height: 2px;
  content: '';
  width: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #F2CF57;
}

.cmn-header .small-heading {
  display: inline-block;
  position: relative;
  padding-left: 32px;
  color: #000;
  margin-bottom: 20px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.address-details p {
  margin-bottom: 15px;
}

.address-details ul li i {
  margin-right: 5px;
}

.address-details ul {
  margin-top: 30px;
}

.address-details p:last-child {
  margin-bottom: 0;
}

.contact-sec-left {
  padding-right: 60px;
}

.wpcf7 form .wpcf7-response-output {
  font-size: 16px;
  text-align: center;
  padding: 10px;
  border: 2px solid #CCB8A4;
  margin-bottom: 0;
  line-height: normal;
}

.wpcf7-not-valid-tip {
  display: block;
  font-size: 16px;
  line-height: normal;
  position: relative;
  top: -15px;
  padding-left: 30px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #f00;
}


.contact-banner h1 {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.contact-banner h1::after {
  content: '';
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  width: 100%;
  height: 9px;
  z-index: -1;
  background-color: #F2CF577d;
}

.page-template-template-contact-us .newsletter-sec,
.page-template-template-thankyou .newsletter-sec {
  display: none;
}

.contact-sec-left h2 {
  padding-right: 50px;
}

/*Thankyou page*/
.thankyou-carousel {
  background: #FFFBF3;
}

.thankyou-sec-right h2,
.thankyou-sec-right h3 {
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 0.25px;
  font-family: 'EB Garamond';
  margin-bottom: 0;
}

.thankyou-sec-right {
  padding-left: 0px;
}

.thankyou-sec-right h3 {
  font-weight: 400;
}

.thankyou-sec-right p {
  margin: 30px 0;
  max-width: 500px;
  width: 100%;
}

.thankyou-sec-left img {
  margin-top: -80px;
}


.error-404 p {
  margin: 22px 0;
}

.error-404 .btn i {
  margin-right: 10px;
}


section.single-product-reviews .ElementsWidget__subheader {
    flex-direction: row!important;
    align-items: center;
}
a#filter-btn {
    background: #0E1311;
    color: #fff;
    padding: 7px 12px;
    font-size: 0.75em;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
section.single-product-reviews .header__inner .header__group.header__group--center, section.single-product-reviews .header__inner .header__group.header__group--right.u-textRight--all {
    display: none!important;
}
section.single-product-reviews .header__inner {
    justify-content: center!important;
    text-align: center;
}
section.single-product-reviews .header__inner .header__group--left .u-textLeft--all {
    text-align: center !important;
}
a#filter-btn img.filter-icon {
    width: 14px;
    margin-right: 6px;
}
section.single-product-reviews .ElementsWidget-prefix .R-LabelTag--sm {
    padding: 6px 16px;
    border-radius: 100px;
}
section.single-product-reviews .ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field__input {
    border: 1px solid var(--common-border-color, rgba(0,0,0,0.15));
    border-radius: 4px;
}
.woocommerce-order-received section.newsletter-sec {
    display: none;
}
section.single-product-reviews input#searchInput:focus {
    border-color: #0E1311;
}
.single-product-review .RatingBarWidget-prefix .RatingBarWidget {
    align-items: flex-start;
}
.single-product-review {
    margin: 0 0 22px;
}
.copyright-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin-top: 80px;
    color: #fff;
}
div#copyright-text {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
div#copyright-text p {
    margin: 0;
}

.copyright-menu {
    text-align: right;
}
.copyright-menu ul li:not(:last-child) {
    margin-right: 20px;
}
.copyright-menu ul li a {
    color: #fff;
}
.copyright-menu ul li a:hover {
    color: #F2CF57;
}
.copyright-menu ul li {
    display: inline-block;
}
.science-prod-btns div#badge-ribbon iframe {
    width: 320px;
    margin-left: 16px;
    margin-top: 10px;
}

.science-prod-btns .reviews-io-rating-bar-widget {
    margin-top: 24px;
}
.copyright-wrapper {
    font-size: 15px;
}
.woocommerce-checkout.woocommerce-order-received .thankyou-carousel {
    background: transparent;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-form.woocommerce-form-login .lost_password {
    float: left;
}

.woocommerce-account .woocommerce-notices-wrapper {
  margin: 0 0 40px;
}
.woocommerce-account .woocommerce-notices-wrapper li {
  padding: 0;
  display: block;
}
.woocommerce-account .woocommerce-notices-wrapper li::before {
  display: none;
}
.woocommerce-account .woocommerce-notices-wrapper li a {
  color: #ff0000;
  text-decoration: underline;
}
.woocommerce-error:focus-visible, .woocommerce-notices-wrapper:focus-visible, .woocommerce-info:focus-visible, .woocommerce-message:focus-visible {
  outline: none !important;
}

#password_strength {
  margin-top: 5px;
}
.woocommerce-password-strength.bad, .woocommerce-password-strength.short {
  color: #f00;
}
.woocommerce-password-strength.good {
  color: #ffa500;
}
.woocommerce-password-strength.strong {
  color: #008000;
}

.woocommerce-checkout.woocommerce-order-received .remember-row .lost_password {
  margin: 0;
  position: absolute;
  right: 0;
  top: 7px;
  float: none;
}


.variations_form.cart label {
  padding-right: 10px;
  font-weight: 500;
}
.variations_form.cart select, .wcsatt-options-product-wrapper select {
  padding: 10px 16px;
  background: transparent;
  border: 1px solid #F2CF57;
  border-radius: 50px;
  width: 100%;
  margin-bottom: 0;
}
.variations_form.cart .reset_variations {
  font-size: 15px;
  background: red;
  color: #fff;
  padding: 5px 12px;
  border-radius: 50px;
}
.subscription-id.woocommerce-orders-table__cell-subscription-id {
  font-weight: bold;
}
.wcsatt-options-product-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.wcsatt-options-product-wrapper .wcsatt-options-product-dropdown-label {
  margin-right: 20px;
  margin-bottom: 0;
}

.shop_table.subscription_details tr {
  background: #fff !important;
}
.shop_table.subscription_details {
  border-top: 3px solid #F2CF57;
}
.shop_table.subscription_details td:first-child {
  font-weight: bold;
}
.subscription-auto-renew-toggle--off .subscription-auto-renew-toggle__i {
border: 2px solid #bbb !important;
  background: #bbb  !important;
}
.shop_table.subscription_details .subscription-auto-renew-toggle__i.fa-toggle-on {
 border-color: #F2CF57!important;
  background: #F2CF57!important;
}
.woocommerce .woocommerce-MyAccount-content .shop_table.subscription_details .woocommerce-button.button {
  padding: 8px 15px !important;
  font-size: 14px !important;
  color: rgb(255, 255, 255) !important;
  background: #000;
  border-radius: 50px;
  border: #000;
  display: inline-block;
  transition: 0.3s ease-in-out;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  margin-right: 2px;
  width: auto;
}
.woocommerce .woocommerce-MyAccount-content .shop_table.subscription_details .woocommerce-button.button:hover {
  text-decoration: none !important;
  background: #000 !important;
}
.woocommerce .woocommerce-MyAccount-content .shop_table.subscription_details .woocommerce-button.cancel {
  background: #ff0000;
}
.woocommerce .woocommerce-MyAccount-content .shop_table.subscription_details .woocommerce-button.button.subscription_renewal_early {
  background: #F2CF57;
}
.woocommerce .woocommerce-MyAccount-content .shop_table.subscription_details .woocommerce-button.button.change_payment_method {
  background: #556059;
}
.subscription-payment-method {
  font-weight: 600;
  color: #F2CF57;
}
.woocommerce-account .account-payment-methods-table td:first-child {
  font-weight: bold;
}

.woocommerce-account  .woocommerce-MyAccount-content #add_payment_method label img {
  margin-left: 2px !important;
}
#add_payment_method #payment ul {
  margin-left: 0;
}



/*.wcsatt-options-prompt-radios {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.wcsatt-options-prompt-radios li {
  position: relative;
  width: 48.5%;
}
.wcsatt-options-prompt-radios li .wcsatt-options-prompt-action {
  background: transparent;
  width: 100%;
  display: flex;
  padding: 13px;
  text-align: center;
  border-radius: 7px;
  color: #000;
  cursor: pointer;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: normal;
  font-weight: 500;
  border: 2px solid #222;
}
.wcsatt-options-prompt-radios li .wcsatt-options-prompt-action-input {
  position: absolute;
  width: 100% !important;
  height: 100%;
  padding: 0 !important;
  opacity: 0;
  cursor: pointer;
}
.wcsatt-options-prompt-radios li label {
  width: 100%;
  height: 100%;
}
.wcsatt-options-prompt-radios li label input:checked + span {
  background: #F2CF57;
}

.wcsatt-options-prompt-radios li .wcsatt-options-prompt-action .price.subscription-price {
  font-size: inherit;
  margin: 0;
}
.wcsatt-options-prompt-radios li .wcsatt-options-prompt-action .price.subscription-price span {
  color: #fff;
}


*/

.single-product .summary p.price .wcsatt-sub-options {
  font-size: 18px;
  line-height: normal;
  padding-left: 10px;
}
.single.single-product ul.wcsatt-options-prompt-radios input {
  width: auto;
  display: none;
}
.wcsatt-options-prompt-radios li label {
  line-height: 1.5rem;
  margin-bottom: 0;
}
.wcsatt-options-prompt-radios li label input + span::before {
  content: "";
  display: inline-block;
  width: 14px !important;
  height: 14px;
  background: #ddd;
  margin-right: 0.8rem;
  border-radius: 100%;
}
.wcsatt-options-prompt-radios li label input:checked + span::before {
  background: #fff !important;
  border: 5px solid #F2CF57 !important;
}


.single-product .summary p.price {
  display: flex;
  align-items: flex-start;
}


.wcsatt-options.overrides_exist li::before {
  display: none;
}
.wcsatt-options.overrides_exist li {
  position: relative;
  padding: 0;
}
.wcsatt-options.overrides_exist li input {
  position: absolute;
  left: 0;
  top: 6px;
}
.wcsatt-options.overrides_exist li input + span::before {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
  border-radius: 50%;
}
.wcsatt-options.overrides_exist li input:checked + span::before {
  border: 6px solid #F2CF57 !important;
  
}
.wcsatt-options.overrides_exist li label {
  position: relative;
  padding-left: 22px;
}




.banner-left .btn {
  background: #F2CF57;
}
.banner-left .btn:hover {
  background: #E5AB01;
}
.repair-item-content li i {
  color: #83b308;
}
.repair-item-content li.list-disable i {
  color: #ff0000;
}

.full-img-btns {
  position: absolute;
  bottom: 40px;
  right: 40px;
}



.project-box-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  z-index: 1;
  background-position: 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.project-box-bg::after {
  content: "";
  background: rgba(0,0,0,.5);
  z-index: 9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
}
.brand-item-title, .brand-item-content {
  position: absolute;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  z-index: 2;
  width: 100%;
  left: 0;
  text-align: center;
  right: 0;
  display: block;
  color: #fff;
  padding: 50px;
}
.brand-item-content {
  opacity: 0;
  top: 40%;
}
.brand-sec-item:hover .brand-item-content {
  opacity: 1;
  top: 50%;
}
.brand-sec-item:hover .brand-item-title {
  opacity: 0;
}

.woocommerce-checkout-review-order-table input[type="radio"].shipping_method + label::before {
  background: #ddd;
}
.woocommerce-checkout-review-order-table input[type="radio"].shipping_method:checked + label::before {
  background: #fff !important;
  border: 5px solid #F2CF57 !important;
}

.woocommerce-cart-form__cart-item.cart_item .wcsatt-options li::before {
  display: none;
}
.woocommerce-cart-form__cart-item.cart_item .wcsatt-options li {
  padding: 0;
}
.woocommerce-cart-form__cart-item.cart_item .wcsatt-options {
  margin-left: 0;
}
.woocommerce .cart-collaterals .cart_totals #shipping_method li input {
  margin-right: 5px;
}


.about-prod-left-emp {border-radius: 24px; overflow: hidden;}
.our-vision-sec .block-video {
  position: relative;
  height: 100%;
  padding-bottom: 56.5%; border-radius: 24px; overflow: hidden;
}


.single-prod-images-sec .row + .row {
  display: none;
}
.all-hair-sec, .video-sec {
  display: none;
}
.faq-sec .accordion-body p {
  font-size: 15px;
  line-height: 22px;
}

.after-before-slider .swiper-slide {
  height: auto;
}

/*Ingredient slider*/
.ingredient-slider {
  margin-bottom: 0;
  margin-top: 0;
}
.ingredient-slider-item {
  height: auto;
}
.ingredient-slider-item .brand-item-content, .ingredient-slider-item .brand-item-title {
  padding: 20px;
}
.ingredient-slider-item .brand-sec-item {
  height: 316px;
}
.ingredient-slider-outer {
  background: #FFFBF3;
  padding: 30px 50px;
  margin: 0 40px;
  border-radius: 50px;
  position: relative;
}
.prev-btn {
  left: -20px;
}
.prev-btn, .next-btn {
  position: absolute;
  top: 50%;
  z-index: 99999999999;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  cursor: pointer;
  color: #000;
  background: #f2cf57;
  right: -20px;
  transform: translateY(-50%);
}

.prev-btn:hover, .next-btn:hover {
  color: #fff;
  background: #000;
}

.after-before-slider .prev-btn {
  left: 5px;
}
.after-before-slider .next-btn {
  right: 5px;
}

/*affiliation css*/
.uap-user-page-wrapper li::before {
  display: none;
}
.uap-user-page-wrapper ul li {
  padding-left: 0;
  margin-bottom: 0;
}
.uap-user-page-wrapper .uap-profile-box-content .uap-col-xs-12 {
  margin-bottom: 0;
}

.uap-user-page-wrapper .uap-register-form, .uap-ap-wrap form {
  max-width: 100%;
  padding: 0;
}
.uap-user-page-wrapper .uap-register-form form, .uap-ap-wrap form {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  padding-top: 45px;
}
.uap-user-page-wrapper form .uap-form-sublabel, .uap-ap-wrap form .uap-form-sublabel {
  font-size: inherit;
}
.uap-user-page-wrapper form label.uap-labels-register, .uap-user-page-wrapper form label, .uap-user-page-wrapper .uap-ap-wrap form label,
.uap-ap-wrap .uap-ap-field .uap-ap-label  {
  font-size: 17px;
  justify-content: flex-start;
  width: 100% !important;
}
.uap-user-page-wrapper .uap-register-form form#uap_edituser, .uap-ap-wrap form {
  display: inline-block;
  width: 100%;
}
.uap-change-password-field-details {
  margin-right: 0;
}
.uap-change-password-form .uap-change-password-field {
  width: 100%;
}
.uap-user-page-wrapper .uap-change-password-label {
  width: 100%;
}
.uap-change-password-submit-button-wrap {
  width: 100%;
  text-align: left;
}

.uap-profile-box-wrapper {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  margin-top: 35px;
}
.uap-profile-box-wrapper .uap-profile-box-title {
  margin-top: -43px;
  height: auto;
  display: block;
  border-bottom: 0;
}
.uap-profile-box-title span {
  background: #000;
  color: #fff;
  font-size: 18px;
  padding: 5px 10px;
}

.uap-user-page-wrapper .uap-user-page-content input[type="submit"].button, .uap-user-page-wrapper form .uap-submit-form input.uap-form-element,
.uap-user-page-wrapper .uap-profile-box-content input[type="submit"] {
  background-color: #000 !important;
  color: #fff !important;
  padding: 12px 36px !important;
  font-size: 16px;
  line-height: 24px;
  border-radius: 50px;
  height: auto !important;
  margin-bottom: 0 !important;
  width: auto;
  border:none !important;
}
.uap-user-page-wrapper .uap-user-page-content input[type="submit"].button:hover, .uap-user-page-wrapper .uap-submit-form input.uap-form-element:hover,
.uap-user-page-wrapper .uap-profile-box-content input[type="submit"]:hover {
  background: #F2CF57 !important;
  color: #fff;
}
.uap-ap-wrap .uap-ap-field {
  max-width: 100%;
  margin-bottom: 15px;
}
.uap-change-password-form .uap-profile-box-wrapper {
margin-top: 0;
}
.uap-ap-wrap .uap-ap-field {
  max-width: 100%;
  margin-bottom: 15px;
}
.uap-profile-box-content .uap-account-table {
  margin: 0;
}

.uap-account-reports-tab .uap-profile-box-content {
  padding: 0;
}
.uap-account-reports-tab .uap-profile-box-wrapper {
  display: flex;
  flex-direction: column;
}
.uap-profile-box-wrapper.uap-account-summary-wrapper {
  padding-right: 0;
}
.uap-user-page-wrapper select.uap-public-form-control {
  border: 1px solid rgb(51, 51, 51) !important;
  border-radius: 50px !important;
  height: 48px !important;
  padding: 8px 30px !important;
  color: #333 !important;
  width: 100% !important;
  background: #fff !important;
  font-size: inherit !important;
  outline: none;
}
.uap-ap-theme-4 .uap-ap-menu .uap-ap-menu-item-selected, .uap-ap-theme-4 .uap-ap-menu .uap-ap-menu-item:hover, .uap-ap-theme-4 .uap-ap-menu .uap-ap-menu-tab-item-selected, .uap-ap-theme-4 .uap-ap-menu .uap-ap-menu-tab-item:hover, .uap-ap-theme-4 .uap-ap-menu .uap-ap-submenu-item:hover .uap-ap-menu-tab-item {
  background-color: #F2CF57 !important;
}
.uap-ap-theme-4 .uap-ap-menu .uap-ap-submenu-item .uap-public-ap-menu-subtabs {
  background-color: #f2cf57;
}
.uap-user-page-top-wrapper .uap-top-rank-box {
  background-color: #f2cf57;
}


/*.form-group-outer {
  display: flex;
  gap: 20px;
}
.form-group-outer .form-group {
  width: 100%;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start !important;
  margin-bottom: 12px;
}
.form-group-outer label {
  display: block;
  font-weight: 500;
  margin-bottom: 4px;
}
.form-group-outer .form-group .note {
  font-size: 14px;
  font-weight: 400;
}
.contact-form-inner {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 0 10px #ddd;
border-top: 6px solid #F2CF57;
}*/

.video-preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.video-preview iframe {
 width: 100%;
  height: 100%;
  }
  
.learn-more-sec .main-swiper .swiper-slide {
 /* max-width: 120px;*/
  /*aspect-ratio: 120 / 215;*/
  height: auto;
  padding-bottom: 0;
}
.video-thumb img {
  width: 100%;
  height: 100%;
 /* aspect-ratio: 120 / 215;*/
  object-fit: cover;
}
.video-thumb {
	position: relative;
	width: 100%;
	height: 235px;
}
#reelWrapper iframe {
	width: 100%;
	height: 100%;
}


/*Affiliate form*/
.affiliate-hero{
      margin-top:8px; padding:42px 0; border-radius:14px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.85)),
        linear-gradient(135deg, rgba(15,94,111,.18), rgba(242,207,87,.15));
      box-shadow:0 10px 30px rgba(15,94,111,.10);
      position:relative; overflow:hidden;
    }
    .affiliate-hero::after{
      content:""; position:absolute; inset:auto -30% -50% -30%;
      height:220px; background:radial-gradient(60% 60% at 50% 50%, rgba(242,207,87,.35), transparent 70%);
      filter:blur(30px); pointer-events:none;
    }
    .eyebrow{color:#0f5e6f; font-weight:600; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem}
    .h1{
      line-height:1.08; margin:.25rem 0 1rem;
    }
    .sub{color:#21363d; max-width:60ch; font-size:1.05rem}
    .cta-row{display:flex; gap:14px; margin-top:22px; flex-wrap:wrap}
    .cta-row .btn{
      display:inline-flex; align-items:center; justify-content:center;
      padding:12px 18px; border-radius:999px; font-weight:600; border:2px solid transparent;
      transition:transform .04s ease, box-shadow .25s ease, background .25s ease;
      will-change:transform;
    }
    .cta-row .btn:hover {
    background:#F2CF57;
  }
    .btn-primary{background:#0f5e6f; color:#ffffff; box-shadow:0 10px 30px rgba(15,94,111,.10)}
    .trust{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px}
    .chip{border:1px solid rgba(15,94,111,.25); color:#143c45; padding:8px 12px; border-radius:999px; font-size:.9rem; background:rgba(255,255,255,.7)}
    /* Grid */
    .grid.affiliate-form{
      display:grid; grid-template-columns: 1.3fr .85fr; gap:26px; margin-top:28px;
    }
    @media (max-width: 960px){
      .grid.affiliate-form{grid-template-columns:1fr}
      .affiliate-form .sticky{position:static}
    }
    /* Card */
    .affiliate-form .card{
      background:#ffffff;
      border-radius:14px;
      box-shadow:0 10px 30px rgba(15,94,111,.10);
      padding:25px;
      backdrop-filter:saturate(120%) blur(4px);
    }
    .affiliate-form .card h4 {
  font-family: 'EB Garamond';
  margin: 4px 0 14px;
  font-weight: bold;
}
    .affiliate-form .aside .card + .card{margin-top:18px}
    .kicker {
  color: #6b7a80;
  font-size: .92rem;
  margin-bottom: 10px;
}
    /* Form */
    .affiliate-form form{display:block}
    .affiliate-form fieldset{
      border:0; padding:0; margin:0 0 22px 0;
    }
    .affiliate-form .legend{
      font-weight:700; color:#0f5e6f; margin-bottom:10px; letter-spacing:.04em;
      text-transform:uppercase; font-size:.83rem;
    }
    .affiliate-form .row{
      display:grid; grid-template-columns:1fr 1fr;
    }
    @media (max-width:700px){.affiliate-form .row{grid-template-columns:1fr} }
    .affiliate-form label{display:block; font-weight:500; margin:10px 0 6px; color:#1b2f35}
    .help{font-size:.85rem; color:#6b7a80; margin-top:4px}
    .affiliate-form input[type="text"], .affiliate-form input[type="email"], .affiliate-form input[type="tel"],
    .affiliate-form input[type="number"], .affiliate-form input[type="url"], .affiliate-form select, .affiliate-form textarea{
      width:100%; padding:12px 14px; border-radius:12px; border:1px solid rgba(15,94,111,.25);
      background:#fff; font-size:1rem; outline:none; transition:box-shadow .2s ease, border-color .2s ease;
    }
    .affiliate-form textarea{min-height:120px; resize:vertical}
    .affiliate-form input:focus, .affiliate-form select:focus, .affiliate-form textarea:focus{box-shadow:0 0 0 4px rgba(15,94,111,.12); border-color:#0f5e6f;}
    .affiliate-form .checkboxes, .affiliate-form .inline{display:flex; gap:12px; flex-wrap:wrap}
    .affiliate-form .check {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid rgba(15,94,111,.18);
  padding: 10px 24px;
  border-radius: 12px;
  margin-bottom: 0;
}
    .affiliate-form .check input{margin-top:6px}
    .affiliate-form .submitbar{
      display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:10px;
      padding-top:16px; border-top:1px dashed rgba(15,94,111,.25);
    }
    .affiliate-form .btn-submit{
      background:linear-gradient(135deg, #0f5e6f, #0b4c5b); color:#fff;
      padding:14px 22px; border-radius:999px; border:none; font-weight:700; cursor:pointer;
      box-shadow:0 10px 30px rgba(15,94,111,.10);
    }
    .affiliate-form .btn-submit:hover{transform:translateY(-1px); box-shadow:0 18px 50px rgba(15,94,111,.18)}
    .affiliate-form .note{font-size:.9rem; color:#6b7a80}
    .affiliate-hero .powered{font-size:.85rem; color:#325a64; display:flex; align-items:center; gap:8px}
    .affiliate-hero .powered .dot{width:8px; height:8px; border-radius:50%; background:#f2cf57; display:inline-block}
    .affiliate-form .card li, .affiliate-thankyou-sec li {
  position: relative;
  padding-left: 15px;
}
.affiliate-form .card ul, .affiliate-thankyou-sec ul {
  padding-left: 22px;
}
.affiliate-form .card li::before, .affiliate-thankyou-sec li::before {
  content: '';
  background: #000;
  width: 7px;
  height: 7px;
  position: absolute;
  border-radius: 30px;
  left: 0;
  top: 10px;
}
.affiliate-form .aside .card + .card p a {
  color: #0f5e6f;
}
.affiliate-hero h1 {
  font-weight: bold;
}

/*Affiliate new page*/

.affiliate-app-sec .affiliate-app-inner {
  max-width: 850px;
  margin: 0px auto;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdcdc;
}
.header-top {
  text-align: center;
  padding: 20px;
}
.header-top img, .card-logo img {
  max-width:200px;
  width: 100%;
}
.header-middle img {
  height: 320px;
  width: 100%;
  object-fit: cover;
}
.program-description h3:first-child {
  font-weight: bold;
  margin-bottom: 15px;
}
.program-description {
  text-align: center;
  padding: 30px;
  max-width: 650px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.program-description p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 30px;
}
.affiliate-app-sec .btn {
  max-width: 400px;
  display: block;
  padding: 12px;
  background-color: #ffcc00;
  color: #222;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  border-radius: 8px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.affiliate-app-sec .btn:hover {
  background-color: #e6b800;
}
.program-description p + p {
  font-size: 14px;
  color: #a0a0a0;
}

/*Affiliate Thankyou page*/
.affiliate-thankyou-sec .card{
      background:#fff;
      border-radius:14px;
      box-shadow:0 10px 30px rgba(15,94,111,.10);
      padding: 30px 26px;
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
    }
    .affiliate-thankyou-sec h1{
      color:#0f5e6f;
      font-weight: bold;
      font-size: clamp(1.8rem, 1.6rem + 1.2vw, 2.6rem);
      margin-top: 10px;
    }
    .affiliate-thankyou-sec p{margin:.35rem 0 1rem}
    .affiliate-thankyou-sec .steps{
      display:grid; gap:14px; margin:12px 0 6px;
    }
    .affiliate-thankyou-sec .step{
      background:linear-gradient(0deg, rgba(15,94,111,.03), rgba(15,94,111,.03)), #fff;
      border:1px solid rgba(15,94,111,.12);
      border-radius:12px; padding:14px 16px;
    }
    .affiliate-thankyou-sec .step strong{color:#123b44}
    .affiliate-thankyou-sec .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
    .affiliate-thankyou-sec .meta{font-size:.92rem;color:#6b7a80}
    .affiliate-thankyou-sec .contact a{color:#0b4c5b;font-weight:700;text-decoration:underline}
    .affiliate-thankyou-sec .contact a:hover{text-decoration:underline}

.affiliate-thankyou-sec .step ul {
  margin-left: 1.25rem;
}


/*Responsive css*/
@media (min-width: 700px) {
  .wc-block-checkout__sidebar {
    top: 78px !important;
  }

  .cart_totals table.shop_table th {
    width: 30%;
  }

}

@media (min-width: 768px) {
.repair-left-item {
  flex: 1;
}
.repair-item-img {
  max-height: 380px;
  overflow: hidden;
}
.repair-item-img img {
  object-position: center;
  max-height: 380px;
}

}

@media (min-width: 1200px) {
  .main-navigation .menu>li {
    display: inline-block;
    margin: 0;
    position: relative;
    padding: 0 14px;
  }

  .top-footer .row {
    margin-left: -25px;
    margin-right: -25px;
  }

  .top-footer .row div[class*="col-"] {
    padding-left: 25px;
    padding-right: 25px;
  }

  .affiliate-hero h1 {
  line-height: 60px;
  margin-bottom: 22px;
}

}

@media (min-width: 1400px) {
  .repair-sec-inner .col-lg-8 {
    width: 61%;
  }

  .repair-sec-inner .col-lg-4 {
    width: 39%;
  }

  .popup-content {
    width: 23vw;
  }

}

@media (min-width:2100px) {
  .innovation-left {
    width: 62%;
  }
.image-col img.panel-img {
  height: 700px;
}
  .banner-left {
    padding: 240px 0px;
  }

  .banner-right {
    width: 45vw;
  }

  .our-story-sec .about-prod-left {
    width: 52.5%;
  }

  .our-color-sec .about-prod-left {
    width: 48%;
  }

}

@media (min-width:2250px) {
  .science-prod-img img {
    height: 820px;
  }

  .ingredient-slider-item .brand-sec-item {
  height: 432px;
}
}

@media (min-width: 3100px) {
  .innovation-left {
    width: 59%;
  }

  .banner-right {
    width: 45vw;
  }

}

@media (min-width: 1560px) and (max-width: 1750px) {
  .innovation-left {
    width: 70%;
  }

}

@media (max-width: 1560px) {
  .innovation-left {
    width: 70%;
  }

  .sticky-prod-left.image-col {
    width: 58%;
  }

  .our-story-sec .about-prod-left {
    width: 54%;
  }

  .banner-right {
    width: 41vw;
  }

  .our-color-sec .about-prod-left {
    width: 47%;
  }

 .ingredient-slider-item .brand-sec-item {
  height: 240px;
}
}

@media (max-width: 1530px) {
  ul.social-icons li {
    margin-right: 13px;
  }

  .innovation-img {
    right: -70px;
  }

}

@media (max-width: 1400px) {
  h1 {
    font-size: 58px;
  }

  h2 {
    font-size: 53px;
  }

  .about-left {
    padding-right: 50px;
  }

  .footer-inner {
    padding: 70px 20px 40px;
  }

  ul.social-icons li {
    margin-right: 9px;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100%;
    padding-left: 70px;
    padding-right: 70px;
  }

  .banner-left h1 {
    margin-bottom: 35px;
  }

  .about-prod-right {
    padding-right: 0;
  }

  .home-about-prod-sec .about-prod-right,
  .our-vision-sec .about-prod-right {
    padding-left: 18px;
  }

  .repair-right {
    padding-left: 18px;
  }

  .sticky-prod-left {
    right: -80px;
  }

  .innovation-right {
    padding: 80px 0px 80px 0;
  }

  .innovation-img {
    right: -250px;
  }

  .floating-item span {
    font-size: 26px;
    padding: 20px 25px;
  }

  .floating-div-content {
    padding: 46px;
  }

  .about-prod-btns.floating-div-btn {
    max-width: 330px;
  }

  .floating-item ul li:last-child {
    margin-left: 60px;
  }
.floating-item ul li:nth-of-type(4) {
  bottom: 140px;
}
  .abt-banner-left {
    padding: 200px 0;
    max-width: 600px;
    padding-right: 60px;
  }

  .our-story-sec .about-prod-right {
    padding-left: 0;
  }

  .our-story-sec .about-prod-left {
    width: 55%;
  }

  .our-color-sec .about-prod-left {
    width: 47%;
  }

  .our-vision-sec .about-prod-sec-inner:last-child .about-prod-right {
    padding-right: 18px;
    padding-bottom: 0;
  }

  .treatment-sec-inner {
    padding: 50px;
  }

  .our-color-sec .about-prod-right {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  #about-sec .about-left {
    padding-right: 0;
  }

  #about-sec .about-right {
    padding-left: 18px;
  }

  #key-repair-sec .about-left {
    padding-left: 18px;
    padding-right: 0;
  }

  .science-prod-img {
    padding-right: 15px;
  }

  .science-sub-inner {
    color: #fff;
  }

  .home-about-prod-sec .about-prod-left-outer,
  .our-vision-sec .about-prod-left-outer {
    padding-right: 0px;
  }

  .our-vision-sec .about-prod-sec-inner:last-child .row .about-prod-left-outer {
    padding-top: 70px;
  }

  .sticky-prod-left.image-col {
    width: 59%;
  }

  .innovation-left {
    width: 71%;
  }

  .banner-right {
    width: 50vw;
  }

  .contact-sec-left {
    padding-right: 0;
  }
  .variations_form.cart td {
  width: 100%;
  display: block;
}

.ingredient-slider-item .brand-sec-item {
  height: 188px;
}

}

@media (min-width:992px) and (max-width:1199px) {}

@media (max-width:1199px) {

  /**header menu***/
  .header-main {
    padding: 16px 0;
  }

  nav#site-navigation {
    clear: both;
  }

  .toggle-menu {
    font-size: 26px;
    text-align: right;
    color: #000;
    line-height: 0;
    cursor: pointer;
    margin-left: auto;
  }

  .hamburger-toggle svg {
    color: #000;
    font-size: 36px;
  }

  .hamburger-toggle.close-toggle {
    text-align: right;
    padding: 25px 0 10px;
    float: right;
    clear: both;
    cursor: pointer;
  }

  .sticky-nav {
    height: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 99999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    padding: 0 30px 50px;
    background: #FFFBF3;
  }

  #site-navigation:focus {
    outline: none !important;
  }

  .main-navigation ul li a {
    display: inline-block;
    line-height: 1.5em;
    font-size: 20px;
    margin: 0 0 0;
    position: relative;
    font-family: 'Suisse Intl';
  }

  .main-navigation .sub-menu {
    width: 100%;
    position: static;
    display: none;
    padding: 0 10px;
    padding-bottom: 12px;
  }

  .main-navigation ul li.mobile-parent-nav-menu-item,
  .svg-icon {
    display: none;
  }

  .main-navigation ul li.mobile-parent-nav-menu-item {
    padding: 0 25px 5px;
  }

  .main-navigation li .sub-menu li:last-child {
    border-bottom: none;
  }

  .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
  }

  .sticky-in {
    right: 0;
    width: 50%;
  }

  .hamburger-toggle.close-toggle {
    text-align: right;
    padding: 25px 0 10px;
  }

  .fixed-body:before {
    opacity: 1;
    visibility: visible;
  }

  .fixed-body {
    position: relative;
    overflow: hidden;
  }

  .main-navigation .sub-menu li a {
    color: #fff;
  }

  /**header menu end***/
  .dropdown-toggle::after {
    font-size: 14px;
  }

  .dropdown-toggle {
    top: -2px;
  }

  .main-navigation .menu>li {
    border-bottom: 1px solid #00000042;
  }

  .main-navigation .menu>li a {
    display: inline-block;
  }

  header .header-nav {
    text-align: left;
    padding: 0;
  }

  .container-custm {
    padding: 0 40px;
  }

  .main-navigation .menu>li>a {
    color: #000;
    font-size: 17px;
    padding: 10px 0;
  }

  .main-navigation .menu>li>a:hover {
    color: #000;
  }

  header .header-nav {
    text-align: left;
  }

.cmn-space-sec, .woocommerce section {
    padding: 60px 0;
  }

  .about-prod-sec {
    margin: 60px 0;
  }

  h1,
  h2 {
    font-size: 45px;
    line-height: normal;
  }

  .banner-left {
    max-width: 400px;
    padding: 150px 0px;
  }

  .page-content-inner h2,
  .page-content-inner h3,
  .page-content-inner h4 {
    margin-bottom: 10px;
  }

  .page-content-inner p,
  .page-content-inner ul,
  .page-content-inner ol {
    margin-bottom: 30px;
  }

  .about-left {
    padding-right: 0;
  }

  h3 {
    font-size: 30px;
    line-height: 30px;
  }

  h4 {
    font-size: 28px;
    line-height: 1.3em;
  }

  h5 {
    font-size: 21px;
  }

  .customer-sec-header span {
    margin-bottom: 15px;
  }

  header .menu-item a::after {
    bottom: 9px;
  }

  .about-prod-right {
    padding: 40px;
    padding-right: 0;
    padding-left: 10px;

  }

  .scrolling-text ul li {
    font-size: 22px;
  }

  .repair-right {
    padding-left: 18px;
  }

  .repair-right p,
  .content-scroll-head p,
  .about-prod-sec.our-vision-sec .about-prod-right p,
  .our-story-sec .about-prod-right p {
    margin-bottom: 10px;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-inner {
    padding: 70px 0 30px;
  }
.copyright-wrapper {
    margin-top: 60px;
}
  .content-scroll-padding {
    padding-right: 20px;
  }

  .cmn-header {
    margin-bottom: 15px;
  }

  .about-img-col,
  .about-img-col1 {
/*    max-width: 400px;*/
  }

  .content-col {
    padding: 0 0px 0 20px;
  }

  .innovation-img {
    right: -110px;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .innovation-right {
    padding: 50px 0px 50px 0;
  }

  .innovation-btm-text {
    right: 13%;
  }

  .floating-div-content {
    padding: 25px;
  }

 .floating-item ul li:nth-of-type(2) {
  top: 15px;
  right: 10%;
  margin-top: 30px;
}

  .floating-item ul li:nth-of-type(3) {
    margin-left: 80px;
  }

  .floating-item ul li:nth-of-type(4) {
    bottom: 105px;
    right: 40px;
  }

  .floating-item span {
    font-size: 22px;
    padding: 14px 18px;
  }

  .floating-item ul li:last-child {
    margin-left: 130px;
  }

  .floating-item li:first-child {
    padding-bottom: 10px;
  }

  .abt-banner-left {
    padding: 160px 0;
    max-width: 520px;
    padding-right: 60px;
  }

  .our-story-sec .about-prod-btns {
    margin-top: 20px;
  }

  .treatment-sec-inner {
    padding: 38px;
  }

  .science-sub-inner {
    padding: 200px 0;
    color: #fff;
  }

  .innovation-left {
    width: 65%;
  }

  .sticky-prod-left.image-col {
    width: 56%;
  }

  .science-prod-img img {
    height: 500px;
  }

  .single-product.singular h1.entry-title,
  .summary.entry-summary .price {
    font-size: 28px;
  }

  .single-product.singular .summary-wrapper {
    padding-left: 25px;
  }

  .SIGNUP_FLD {
    width: 40% !important;
  }

  .SIGNUP_FLD:nth-of-type(4) {
    width: 18% !important;
  }

  .sub-banner {
    padding: 120px 0;
  }

  .woocommerce-Address-title.title h2 {
    font-size: 28px;
  }

  #customer_login h2,
  .woocommerce-ResetPassword.lost_reset_password h2 {
    margin-bottom: 20px;
  }

  form.woocommerce-cart-form table.shop_table tr td.product-thumbnail img {
    margin: 0;
    padding: 0 15px;
  }

  .contact-banner h1::after {
    bottom: 9px;
  }

  .thankyou-sec-right h2,
  .thankyou-sec-right h3 {
    font-size: 38px;
  }

  .thankyou-sec-left img {
    margin-top: -60px;
  }

.uap-profile-box-content .uap-col-xs-4 {
  width: 100%;
}
.uap-profile-box-content .uap-row .uap-col-xs-8 {
  width: 100%;
}

}


@media (max-width:991px) {
  .footer-col {
    margin-bottom: 40px;
    margin-top: 0;
  }

  .footer-title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .footer-menu ul li {
    margin-bottom: 10px;
  }

  h1,
  h2 {
    font-size: 37px;
    line-height: normal;
  }

  h5 {
    font-size: 20px;
    line-height: 26px;
  }

  h6 {
    font-size: 18px;
  }

  .top-footer .row div[class*="col-"]:last-child .footer-col {
    margin-bottom: 0;
  }

  .cmn-btn-outer {
    margin-top: 20px;
  }

  .footer-inner {
    padding: 50px 0 28px;
  }

  .cmn-header {
    margin-bottom: 15px;
  }

  .about-left {
    padding-left: 0;
  }

  .banner-left {
    max-width: 350px;
    padding: 130px 0px;
  }

  .about-prod-right {
    padding: 20px;
    padding-right: 0;
    padding-left: 0;
  }

  .about-img-col,
  .about-img-col1 {
/*    max-width: 360px;*/
  }

  .scrolling-text ul li {
    margin-right: 15px;
    font-size: 20px;
    padding-left: 25px;
  }

  .repair-sec-header {
    margin-bottom: 30px;
  }

  .repair-right {
    margin-top: 30px;
    padding-left: 0;
  }

  .content-scroll-padding {
    padding-right: 0;
  }

  .custom-btn {
    padding: 10px 24px;
  }
  .uap-user-page-wrapper .uap-user-page-content input[type="submit"].button, 
  .uap-user-page-wrapper form .uap-submit-form input.uap-form-element, .uap-user-page-wrapper .uap-profile-box-content input[type="submit"] {
    padding: 10px 20px !important;
  }
  .innovation-img {
    right: -322px;
  }

  .customer-sec-header {
    margin-bottom: 30px;
  }

  h3 {
    font-size: 28px;
    line-height: 30px;
  }

  h4 {
    font-size: 26px;
    line-height: 30px;
  }

  .floating-item span {
    font-size: 20px;
    padding: 12px 18px;
  }

  .about-prod-btns.floating-div-btn {
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
  }

  .floating-item ul li:nth-of-type(4) {
    bottom: 180px;
    right: 30px;
  }
.floating-item ul li:nth-of-type(3) {
  margin-left: 10px;
}
  .floating-item ul li:last-child {
    margin-left: 0;
  }

  .innovation-btm-text {
    transform: none;
  }

  .abt-banner-left {
    padding: 100px 0;
    max-width: 375px;
    padding-right: 60px;
  }

  .abt-banner-left p {
    max-width: 400px;
  }

  .about-prod-sec.our-vision-sec .about-prod-right {
    padding-top: 0;
    padding-bottom: 0px;
  }

  .our-vision-sec .about-prod-sec-inner:last-child .about-prod-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .about-prod-sec.our-vision-sec .about-prod-right p:last-child {
    margin-bottom: 0;
  }

  .brand-sec-inner {
    padding: 40px 30px;
  }

  .brand-sec-inner .row div[class*="col-"] {
    margin-top: 24px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .brand-sec-inner .row {
    margin-left: -12px;
    margin-right: -12px;
  }

  .newsletter-email input[type="email"] {
    padding: 8px 20px;
    font-size: 18px;
  }

  .science-sub-inner {
    padding: 160px 0;
  }

  #about-sec .about-right {
    margin-top: 30px;
  }

  #key-repair-sec .about-right {
    margin-bottom: 30px;
  }

  .full-img-btm-text {
    top: 20px;
  }

  .science-prod-item {
    margin-bottom: 30px;
  }

  body {
    font-size: 16px;
    line-height: 22px;
  }

  .home-about-prod-sec .about-prod-right,
  .our-vision-sec .about-prod-right {
    padding-left: 0;
    padding-top: 0px;
    padding-bottom: 0;
  }

  .about-prod-right ul {
    margin: 15px 0;
    margin-left: 15px;
  }

  .innovation-left {
    width: 58%;
  }

  .SIGNUP_FLD #zcWebOptin {
    margin-left: 0;
  }

  .sticky-prod-left.image-col {
    width: 54%;
  }

  .science-prod-img img {
    height: auto;
    border-radius: 0;
  }

  #about-sec .about-right {
    padding-left: 0;
  }

  #key-repair-sec .about-left {
    padding-left: 0;
  }

  .science-prod-img {
    padding-right: 0;
  }

  .woocommerce div.product div.images .flex-control-thumbs li {
    margin-bottom: 15px;
  }

  .woocommerce-page div.product .woocommerce-product-gallery.woocommerce-product-gallery--with-images {
    padding-left: 100px;
  }

  .flex-control-nav.flex-control-thumbs {
    width: 80px;
  }

  .custom-gallery-pagination {
    bottom: -35px;
    width: 100%;
    left: 0;
  }

  .single-product.singular .summary-wrapper {
    padding-left: 0;
  }

  .single-product.singular h1.entry-title {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .summary.entry-summary .price {
    font-size: 26px;
  }

  .single-benefits-block {
    margin-right: 0;
    padding-bottom: 10px;
  }

  .single-product-accordion .accordion-item:last-child .accordion-body {
    padding-bottom: 0;
  }

  .SIGNUP_FLD {
    width: 38% !important;
  }

  .SIGNUP_FLD:nth-of-type(4) {
    width: 22% !important;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 32%;
    padding: 20px 20px;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content {
    width: 68%;
    padding-left: 20px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li {
    margin-bottom: 13px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content>div+p {
    font-size: 16px;
    margin-bottom: 20px !important;
  }

  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2,
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1 {

    padding: 20px;
  }

  .woocommerce .woocommerce-MyAccount-content .col2-set .col-2,
  .woocommerce .woocommerce-MyAccount-content .col2-set .col-1 {
    max-width: 100%;
    padding-left: 20px;
    width: 100%;
  }

  .woocommerce .woocommerce-MyAccount-content .col2-set .col-2 {
    margin-top: 20px;
  }

  .woocommerce-MyAccount-content h2 {
    font-size: 32px;
  }

  .woocommerce-checkout form .form-row-first,
  .woocommerce-checkout form .form-row-last {
    width: 100%;
  }

  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table thead tr th,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tbody tr td,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tbody tr th,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead tr th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr td,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr th  {
    padding: 10px 8px;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns--addresses.col2-set.addresses {
    flex-wrap: wrap;
  }

  .woocommerce-checkout .woocommerce-order .woocommerce-order-overview li {
    width: 48%;
    margin-bottom: 20px;
  }

  .woocommerce-checkout .woocommerce-order .woocommerce-order-overview li:nth-of-type(2n) {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
  }

  .thankyou-sec-right h2,
  .thankyou-sec-right h3 {
    font-size: 28px;
  }

.woocommerce-checkout.woocommerce-order-received .remember-row {
  max-width: 100% !important;
}
.woocommerce-checkout .wc_payment_method .payment_box fieldset .form-row-first, .woocommerce-checkout .wc_payment_method .payment_box fieldset .form-row-last {
  width: 49%;
}

.variations_form.cart td {
  width: auto;
  display: table-cell;
}
#payment ul.payment_methods li label[for="payment_method_authorize_net_cim_credit_card"] {
  justify-content: flex-start;
  font-size: 20px;
}
.woocommerce-PaymentMethod input[type="radio"] + label::before {
  margin-left: 0;
  margin-right: 0.5rem;
  margin-top: 2px;
}

.brand-sec-item {
  height: 302px;
}

.uap-user-page-wrapper .uap-register-row-left {
  width: 100%;
}


}


@media (max-width:769px) {
  .woocommerce-checkout form #order_review .shop_table tr .product-total {
    text-align: right;
  }

  .woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table tfoot td {
    text-align: right;
  }

  .woocommerce-checkout-review-order-table tfoot tr,
  .woocommerce-checkout-review-order-table tbody tr,
  .woocommerce-checkout-review-order-table tfoot,
  .woocommerce-checkout-review-order-table tbody {
    display: table;
    width: 100%;
  }

  .woocommerce table.shop_table_responsive tr:first-child td.product-remove:first-child,
  .woocommerce-page table.shop_table_responsive tr:first-child td.product-remove:first-child {
    border-top: 0;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form td {
    padding: 1em;
  }

  .woocommerce-cart-form table tbody tr {
    border-top: 1px solid #F2CF57 !important;
    margin-bottom: 0 !important;
  }

  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    font-weight: 500;
  }

  .woocommerce table.shop_table_responsive tr:nth-child(2n+1) td {
    filter: none !important;
    border-top: 1px solid #f6f0e8 !important;
  }

  .woocommerce table.shop_table_responsive .button,
  .woocommerce-page table.shop_table_responsive .button {
    background-color: #000 !important;
    color: #fff !important;
  }

  .woocommerce table.shop_table_responsive .button:hover,
  .woocommerce-page table.shop_table_responsive .button:hover {
    background-color: #F2CF57 !important;
    color: #fff !important;
  }

  .woocommerce .woocommerce-cart-form .shop_table_responsive input#coupon_code.input-text {
    width: 49% !important;
  }

  form.woocommerce-cart-form table.shop_table tr td.product-name a {
    padding-left: 8px;
    width: 70%;
    display: inline-block;
  }



  .woocommerce .cart_totals table.shop_table_responsive tr,
  .woocommerce-page .cart_totals table.shop_table_responsive tr {
    border: none;
    margin: 0;
    border-bottom: 0px solid #FFFBF3;
  }

  .cart_totals .shipping-calculator-form .select2-selection.select2-selection--single {
    text-align: left;
  }

  .woocommerce .cart-collaterals .shipping-calculator-form p label {
    text-align: left;
  }

  .woocommerce .cart-collaterals .cart_totals {
    width: 100%;
    float: left;
  }

  form.woocommerce-cart-form table.shop_table tr td.product-thumbnail img {
    padding-left: 0;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table thead tr th,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tbody tr td,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tbody tr th,
   .logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead tr th,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr td,
.logged-in.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr th  {
    width: 100%;
    padding: 12px 14px !important;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content table.account-orders-table tbody tr,
  .woocommerce-account table.my_account_orders tbody tr {
    background: #fff !important;
    border-top: 2px solid #F2CF57 !important;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    padding-right: 14px !important;
  }


.subscription-actions.order-actions.woocommerce-orders-table__cell.woocommerce-orders-table__cell-subscription-actions.woocommerce-orders-table__cell-order-actions {
  text-align: right !important;
}
.shop_table_responsive.woocommerce-orders-table--subscriptions {
  margin-bottom: 0;
}
#woocommerce-subscriptions-related-orders-table .order-actions.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
  text-align: right !important;
}

.woocommerce-cart-form__cart-item.cart_item .wcsatt-options, .woocommerce-cart-form__cart-item.cart_item .product-price .woocommerce-Price-amount.amount {
  margin-left: auto;
  max-width: 140px;
  text-align: left;
  display: block;
}

.header-middle img {
  height: 250px;
  width: 100%;
  object-fit: cover;
}

}


@media (max-width:767px) {

 .after-before-slider {
    touch-action: none;
  }

  h1 {
    font-size: 36px;
    line-height: normal;
  }

  h2 {
    font-size: 30px;
    line-height: normal;
  }

  .banner-left h1 {
    margin-bottom: 25px;
  }

  .sticky-in {
    width: 100%;
  }

  .footer-menu ul li {
    margin-bottom: 5px;
  }

  .about-prod-left {
    position: static;
    width: 100%;
    border-radius: 24px;
    height: 100%;
  }

  .container-custm {
    padding: 0 20px;
  }

  .sub-banner {
    padding: 100px 0;
  }

  .page-content-inner p,
  .page-content-inner ul,
  .page-content-inner ol {
    margin-bottom: 25px;
  }

  .page-content-inner ul li::before,
  .page-content-inner ol li::before {
    top: 8px;
  }

  .footer-title {
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 12px;
  }

  .footer-col {
    text-align: center;
  }

  .banner-left {
    padding: 80px 0px;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .scrolling-text ul li {
    font-size: 18px;
  }

  .about-img-col,
  .about-img-col1 {
    position: relative;
    top: -15px;
  }

  .about-prod-left-outer {
    padding-top: 40px;
    overflow: hidden;
  }

  .about-prod-right {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-prod-right ul {
    margin: 12px 0;
  }

  .about-prod-right ul li::before {
    top: 6px;
  }

  .repair-left {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .innovation-img {
    position: static;
  }

  .scroll-section-wrapper {
    flex-direction: column;
  }

  .image-col.sticky-prod-left {
    position: relative;
    width: auto;
  }

  #scrollFeatureSection .about-prod-btns {
    margin-bottom: 30px;
  }

  .image-col img.panel-img {
    height: 230px;
    border-radius: 24px;
    object-fit: cover;
  }

  .scroll-reveal-text {
    padding-bottom: 0;
  }

  .para-small.innovation-btm-text {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    bottom: 0;
  }

  .innovation-left {
    position: relative;
    width: 100%;
    min-height: 260px;
    left: 0;
    right: 0;
  }

  .innovation-right {
    padding: 0;
    padding-top: 30px;
  }

  .innovation-sec {
    padding: 60px 0;
  }

  .floating-item ul li:nth-of-type(3) {
    margin-left: 0;
  }

  .floating-item span {
    padding: 12px 40px;
  }

  .floating-item li:first-child {
    padding-bottom: 0;
  }

  .floating-item ul li:nth-of-type(2n) {
    position: static;
  }

  .floating-item li {
    text-align: center;
  }

  .social-icons {
    justify-content: center;
  }

  h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .our-story-sec .about-prod-left {
    width: 100%;
  }

  .banner-right {
    position: relative;
    width: 100%;
  }
  .banner-right .banner-img {
    border-radius: 32px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
  }

  .abt-banner-left {
    max-width: 100%;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
  }

.abt-banner-left p {
  margin-left: auto;
  margin-right: auto;
}

  .abt-banner {
    padding: 80px 0;
  }

  .our-story-sec h2,
  .about-prod-sec.our-vision-sec h2 {
    margin-bottom: 15px;
  }

  .treatment-sec-inner {
    padding: 20px;
  }

  .our-story-sec .about-prod-left {
    min-height: 320px;
  }

  .our-story-sec .about-prod-left-outer {
    padding: 0;
    margin-bottom: 30px;
  }

  .newsletter-email input[type="email"] {
    font-size: 16px;
  }

  .brand-sec-inner .row {
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-right: calc(-.5 * var(--bs-gutter-x));
  }

  .brand-sec-inner .row div[class*="col-"] {
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
  }

  .our-vision-sec .about-prod-left-outer {
    margin-bottom: 30px;
  }

  .brand-sec-inner {
    padding: 40px 15px;
  }

  .floating-div-content {
    padding: 25px 15px;
  }

  .floating-item ul li:nth-of-type(2n+1) {
    text-align: left;
  }

  .floating-item ul li:nth-of-type(2n) {
    text-align: right;
  }

  .mob-sticky-prod {
    display: block;
  }

  .desk-sticky-prod {
    display: none;
  }

  .science-sub-inner {
    padding: 70px 0;
  }

  .our-color-sec .about-prod-left {
    width: 100%;
    border-radius: 24px;
  }

  .video-sec-wrap.text-center {
    padding: 20px;
  }

  .home-about-prod-sec .about-prod-left-outer,
  .our-vision-sec .about-prod-left-outer {
    margin-bottom: 30px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .SIGNUP_FLD-outer {
    flex-wrap: wrap;
    justify-content: center;
  }

  .SIGNUP_FLD {
    width: 49%;
  }

  .SIGNUP_FLD:last-child {
    margin-top: 20px;
  }

  .newsletter-sec-inner {
    text-align: center;
  }

  .contact-banner h1::after {
    bottom: 7px;
    height: 6px;
  }

  .address-details p {
    margin-bottom: 12px;
  }

  .result-sec-inner {
    text-align: center;
  }

  .result-sec-left {
    margin-bottom: 20px;
  }

  .custm-modal .modal-content {
    padding: 20px;
  }

  .custm-modal .modal-content .btn-close {
    right: -10px !important;
    top: -10px !important;
  }

  .flex-control-nav.flex-control-thumbs {
    width: 100%;
    position: static;
    display: flex;
  }

  .woocommerce-page div.product .woocommerce-product-gallery.woocommerce-product-gallery--with-images {
    padding-left: 0;
  }

  .woocommerce div.product div.images .flex-control-thumbs li:last-child {
    margin-right: 0;
  }

  .woocommerce div.product div.images .flex-control-thumbs li {
    margin-bottom: 10px;
    margin-right: 20px;
  }

  .single.single-product .woocommerce-product-gallery img {
    width: 100%;
  }

  .single-product.singular h1.entry-title,
  .summary.entry-summary .price {
    font-size: 24px;
  }

  .single-product .summary {
    margin-bottom: 3rem;
  }

  .accordion-item .accordion-button::after {
    position: absolute;
    top: 17px;
    right: 0;
  }

  .accordion-item .accordion-button {
    font-size: 17px;
    padding-right: 20px;
  }

  .faq-sec-inner {
    padding: 40px 20px;
  }

  .faq-header {
    margin-bottom: 20px;
  }

  .woocommerce-info,
  .woocommerce-message {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
  }

  .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    text-align: left;
  }

  .woocommerce-info a.button,
  .woocommerce-message a.button {
    margin-left: 0;
    margin-top: 15px;
  }

  .SIGNUP_FLD {
    margin-top: 10px !important;
  }

  .SIGNUP_FLD:nth-of-type(4) {
    width: 100% !important;
    text-align: center;
    padding: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 20px !important;
  }

  .SIGNUP_FLD {
    width: 48% !important;
  }

  .newsletter-form form {
    margin-top: 20px !important;
  }

  .woocommerce #customer_login {
    flex-wrap: wrap;
  }

  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2,
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1 {
    width: 100%;
    max-width: 100%;
  }

  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    margin-top: 40px;
  }

  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2,
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1 {
    padding: 20px;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    margin-bottom: 50px;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
    padding-left: 0px;
  }

  .logged-in.woocommerce-account table.account-orders-table td,
  .logged-in.woocommerce-account table.account-orders-table th,
  .logged-in.woocommerce-account table.account-orders-table tr {
    padding-left: 0;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-navigation li {
    padding-top: 0;
    margin-bottom: 10px !important;
  }

  .woocommerce-MyAccount-content h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .woocommerce-Address-title.title h2 {
    font-size: 24px;
  }

  .logged-in .woocommerce .woocommerce-MyAccount-content a.button {
    margin-top: 0;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content p.form-row#billing_address_2_field {
    margin-top: 0 !important;
  }

  .woocommerce-ResetPassword.lost_reset_password {
    padding: 20px;
  }

  .woocommerce-checkout .woocommerce-privacy-policy-text p {
    font-size: 16px;
  }

  .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
    display: block;
  }

  form.woocommerce-cart-form table.shop_table tr td.product-thumbnail img {
    padding-left: 0;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    margin-bottom: 0;
  }

  .woocommerce-checkout .woocommerce-order .woocommerce-order-overview li {
    padding-right: 0;
    margin-right: 0;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #dcd7ca;
    padding-bottom: 15px;
    border-right: 0;
  }

  .woocommerce-checkout .woocommerce-order .woocommerce-order-overview li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .contact-sec-right {
    margin-top: 50px;
  }

  .form-sec-socials .social-icons {
    justify-content: flex-start;
  }

  .common-form form textarea {
    height: 120px;
  }

  .thankyou-sec-left {
    text-align: center;
    margin-bottom: 30px;
  }

  .thankyou-sec-left img {
    max-width: 280px;
  }

  .thankyou-sec-right p {
    max-width: 100%;
    margin: 20px 0;
  }
.copyright-wrapper {
        flex-flow: column;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
    }

        .copyright-menu {
        width: 100%;
        text-align: center;
        margin: 0 0 24px;
    }

div#copyright-text {
        text-align: center;
    }
    .copyright-menu ul li {
        display: block;
    }
    .copyright-menu ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 6px;
    }
.woocommerce .woocommerce-MyAccount-content .shop_table.subscription_details .woocommerce-button.button {
  padding: 6px 10px !important;
  margin: 0;
  margin-right: 2px;
  margin-bottom: 5px;
}
.single-product .summary p.price .wcsatt-sub-options {
  font-size: 16px;
}

.brand-item-title, .brand-item-content {
  padding: 25px;
}
.brand-sec-item {
  height: 241px;
}

.content-col, .image-col.sticky-prod-left {
  display: none;
}

.reveal-slider-item.swiper-slide {
  height: auto;
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
}
.reveal-item-content {
  padding: 20px;
}
.reveal-item-img img {
  height: 200px;
  object-fit: cover;
  width: 100%;
}
.reveal-slider {
  margin-bottom: 0 !important;
}
.full-img-btns {
  bottom: 15px;
  right: 15px;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
  margin-bottom: 2rem;
}

.ingredient-slider-outer {
  padding: 20px 30px;
}
.science-ab-slider {
  margin-top: 25px;
}
.uap-profile-box-wrapper {
  padding: 15px;
}
.uap-banners-wrapp .uap-banners-list .uap-banner {
  flex: auto;
  margin-right: 0;
}
.contact-form-inner {
  padding: 30px;
}

.affiliate-thankyou-sec .step ul {
  margin-left: 1.25rem;
}
}


@media (max-width:575px) {
  .footer-col {
    text-align: center;
  }

  .floating-item span {
    padding: 12px 20px;
  }

  .innovation-sec-header .split-outer {
    display: inline !important;
  }

  .header-right ul li {
    padding-left: 14px;
  }

  .SIGNUP_FLD {
    width: 100%;
  }

  .customer-sec-grid .row div[class*="col-"] {
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
  }

  .customer-sec-grid {
    padding-left: 20px;
    padding-right: 20px;
  }

  form .SIGNUP_FLD {
    margin-top: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content form .form-row-last {
    width: 100%;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content form .form-row-last {
    margin-bottom: 10px !important;
  }

  .common-form form .width-50 {
    width: 100%;
  }

  .common-form form .form-group {
    flex-wrap: wrap;
  }
#payment ul.payment_methods li label[for="payment_method_authorize_net_cim_credit_card"] {
  font-size: 18px;
}
.woocommerce-PaymentBox.woocommerce-PaymentBox--authorize_net_cim_credit_card.payment_box p {
  font-size: 16px;
}

.brand-sec-item {
  min-height: 200px;
  height: auto;
}
.uap-user-page-wrapper .uap-register-form form, .uap-ap-wrap form {
  padding: 20px;
  padding-top: 35px;
}
.uap-user-page-wrapper .uap-register-row-left {width: 100%;}
.uap-profile-box-title span {
  display: inline-block;
  margin-left: 0;
}

.form-group-outer {
  flex-wrap: wrap;
  gap: 0;
}
/*.form-group-outer .form-group input {
  margin-bottom: 5px !important;
}*/

.header-middle img {
  height: 200px;
}

}


@media (max-width:480px) {

  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
    justify-content: center;
    padding-left: 38px;
    padding-right: 38px;
  }

  .logged-in .woocommerce .woocommerce-MyAccount-content a.button {
    margin-top: 20px;
  }

  .woocommerce .woocommerce-cart-form .shop_table_responsive input#coupon_code.input-text {
    width: 100% !important;
  }

  .woocommerce table.cart td.actions .coupon .button {
    width: 100%;
    margin-top: 10px;
  }
.woocommerce-checkout .wc_payment_method .payment_box fieldset .form-row-first, .woocommerce-checkout .wc_payment_method .payment_box fieldset .form-row-last {
  width: 100%;
}
.woocommerce-checkout .wc_payment_method input[type="radio"]:checked + label::before, .wc_payment_method .payment_box input[type="radio"]:checked + label::before {
  margin-top: 2px;
}
.woocommerce-checkout .wc_payment_method input[type="radio"] + label::before {
  margin-right: 1rem;
}
.woocommerce-checkout #payment .payment_methods.methods label {
  padding: 15px;
}
.variations_form.cart td {
  width: 100%;
  display: block;
}
#add_payment_method .payment_box, #add_payment_method label {
  padding: 15px;
}
.uap-profile-box-wrapper.uap-account-summary-wrapper {
  padding-right: 20px;
  padding: 0;
  background: transparent;
  border: 0;
}
}


@media (max-width:375px) {
  .woocommerce-account .remember-row p.woocommerce-LostPassword.lost_password {
    position: static;
    width: 100%;
    text-align: right;
  }

  .woocommerce form .form-row.remember-row {
    flex-wrap: wrap;
  }


}