:root {
  --theme-color: #cda43d;
  --white: #fff;
  --black: #000;
  --Montserrat: "Montserrat", sans-serif;
  --gothambold: "gothambold";
  --gothambook: "gothambook";
  --gothamlight: "gothamlight";
  --gothammedium: "gothammedium";
  --page-center: 1384px;
  --page-center2: 928px;
  --h1-font: 90px;
  --h1-line: 110px;
  --h2-font: 40px;
  --h2-line: 49px;
  --h3-font: 36px;
  --h3-line: 44px;
  --h4-font: 30px;
  --h4-line: 36px;
  --base-font: 16px;
  --base-line: 22px;
}
@font-face {
  font-family: "gothambold";
  src: url("../fonts/gotham-bold-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambook";
  src: url("../fonts/gotham-book-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "gothamlight";
  src: url("../fonts/gotham-light-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "gothammedium";
  src: url("../fonts/gotham-medium-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

html,
body {
  margin: 0px;
  padding: 0px;
  min-height: 100%;
}
body {
  font-family: var(--gothambook);
  color: #fff;
  font-weight: normal;
  font-style: normal;
  font-size: var(--base-font);
  line-height: var(--base-line);
  letter-spacing: 0.16px;
  background: #000;
  overflow-x: hidden;
  position: relative;
}
p {
  font-size: var(--base-font);
  line-height: var(--base-line);
}
img,
video {
  max-width: 100%;
}
a {
  transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  color: var(--theme-color);
  user-select: none;
  caret-color: transparent;
}
ul li {
  user-select: none;
  caret-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
a,
a:link,
a:visited {
  outline: none;
  text-decoration: none;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

img {
  border: none;
  margin: 0px;
  max-width: 100%;
}

h1 {
  font-family: var(--Montserrat);
  font-weight: 900;
  font-size: var(--h1-font);
  line-height: var(--h1-line);
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
}

h2 {
  font-family: var(--gothammedium);
  font-weight: 900;
  font-size: var(--h2-font);
  line-height: var(--h2-line);
  letter-spacing: 0.4px;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
}
h3 {
  font-family: var(--gothammedium);
  font-weight: 900;
  font-size: var(--h3-font);
  line-height: var(--h3-line);
  letter-spacing: 0.72px;
  margin: 0px;
  padding: 0px;
   text-transform: uppercase;
}
h4 {
  font-family: var(--gothammedium);
  font-weight: 500;
  font-size: var(--h4-font);
  line-height: var(--h4-line);
  letter-spacing: 0.3px;
  margin: 0px;
  padding: 0px;
   text-transform: uppercase;
}
h5 {
  font-family: var(--gothammedium);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.16px;
  margin: 0px;
  padding: 0px;
   text-transform: uppercase;
}
h6 {
  font-family: var(--gothammedium);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin: 0px;
  padding: 0px;
   text-transform: uppercase;
}

form,
input,
select,
textarea,
p {
  margin: 0px;
  padding: 0;
}

textarea {
  resize: none;
}

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

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time {
  display: block;
}
figure {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
* {
  box-sizing: border-box;
}
button {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border: none;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.banner-text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-top: 140px;
  padding-bottom: 60px;
  min-height: 100vh;
  height: 100%;
}
.banner-text h1 {
  align-self: center;
  flex-grow: 1;
  z-index: 1;
  display: flex;
  align-items: center;
  max-width: 1116px;
  width: 100%;
  padding: 0 24px;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
  font-weight: 900;
  text-transform: uppercase;
}
.banner-text p {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  font-family: var(--gothammedium);
}
.banner-text p img {
  animation: jump 1s ease-in-out infinite;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
@keyframes jump {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
.banner-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-bg video,
.banner-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.banner-section {
  position: relative;
}
.banner-section::after {
  position: relative;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
header {
  position: fixed;
  width: 100%;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
header .page-center {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  height: 140px;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
header::after {
  content: "";
  transform: translateY(-100%);
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 140px;
  display: block;
  transition: all 0.3s linear;
  z-index: -1;
}
header.active::after {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  height: 100px;
}
header figure {
  width: auto;
  position: relative;
  overflow: hidden;
}
header nav ul {
  display: flex;
  align-items: center;
  gap: 78px;
}
header nav ul li a {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.32px;
  color: var(--white);
  cursor: pointer;
  font-weight: 500;
  font-family: var(--gothammedium);
  transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  text-transform: uppercase;
}

header figure img {
  max-width: 115.29px;
  height: 100px;
  object-fit: contain;
  width: 100%;
  transition: all 0.6s linear;
}
header figure img.normal {
  display: block !important;
}
header.active figure img.normal {
  opacity: 1;
}
header.active nav ul li a {
  color: #7e7e7e;
}
header.active .page-center {
  height: 100px;
}
header nav ul li a:hover {
  color: var(--theme-color);
}
.menu-items ul {
  display: flex;
  gap: 44px;
  align-items: center;
}
.menu-items ul li img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  user-select: none;
}
.menu-items li {
  user-select: none;
}
header.active .menu-items ul li img {
  filter: brightness(0) saturate(100%) invert(45%) sepia(96%) saturate(13%)
    hue-rotate(343deg) brightness(91%) contrast(85%);
}
header .menu-items ul li img:hover {
  filter: brightness(0) saturate(100%) invert(85%) sepia(78%) saturate(2529%)
    hue-rotate(320deg) brightness(83%) contrast(93%);
}
.page-center {
  padding: 0 20px;
  margin: 0 auto;
  max-width: var(--page-center);
}
.explore {
  padding: 160px 0 80px;
  text-align: center;
}
.explore .page-center {
  max-width: var(--page-center2);
  display: flex;
  flex-direction: column;
  gap: 40px;
}
a.btn {
  display: flex;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  font-family: var(--gothammedium);
}

a.btn::after {
  content: "";
  position: absolute;
  bottom: -10.5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--theme-color);
  transform: scaleX(1);
  transform-origin: center;
  transition: transform 0.4s ease;
}

a.btn:hover::after {
  transform: scaleX(0);
}

.categories {
  padding: 80px 0;
}
.categories .page-center {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.category-item {
  max-width: calc(50% - 12px);
  position: relative;
  overflow: hidden;
}
.category-item > h4 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
  text-align: center;
}
.category-item > a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(62, 40, 0, 0.4);
}
.title-center {
  text-align: center;
  padding-bottom: 80px;
}
.featured {
  padding: 80px 0;
}
.theme-color {
  color: var(--theme-color) !important;
}
.featured-text {
  display: flex;
  flex-direction: column;
  padding: 25px 0;
  gap: 5px;
}
.featured-text p {
  font-family: var(--gothammedium);
  color: #fff;
  text-transform: uppercase;
}
.featured-item figure {
  position: relative;
}
.featured-item figure::before {
  position: relative;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(205, 164, 61, 0.1),
    rgba(255, 255, 255, 0)
  );
}
.featured-item figure span {
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: var(--theme-color);
  border-radius: 20px;
  width: fit-content;
  padding: 9px 15px;
  font-family: var(--gothammedium);
  text-transform: uppercase;
  z-index: 1;
  color: #fff;
}
.featured-item figure .wishlist {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}
.featured-item figure > img,
.category-item > img {
  width: 100%;
  display: flex;
  transition: transform 2s linear;
}
.category-item:hover > img {
  transform: scale(1.07);
}
.featured-item figure > img {
  aspect-ratio: 3/3.6;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.slick-slide {
  margin: 0 12px;
}
.swiper-slide {
  overflow: hidden;
}
section {
  overflow: hidden;
}
.swiper-scrollbar {
  background: #4d4d4d;
  position: initial !important;
  margin: 80px 0;
  border-radius: 0 !important;
  height: 10px !important;
  user-select: none;
}

.swiper-scrollbar-drag {
  background: var(--theme-color, #ff6600);
  border-radius: 0 !important;
  cursor: grab;
}
.video-wrapper img {
  width: 100%;
}
.content-video {
  padding: 80px 0;
}
.content-video .page-center {
  display: flex;
  gap: 84px;
}
.content {
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.video {
  max-width: 660px;
  width: 100%;
}
.content a.btn {
  align-items: flex-end;
  margin: inherit;
}
.video-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  margin-top: 80px;
}
.video-wrapper video {
  aspect-ratio: 4/3;
}
.custom-video {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
}

.custom-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 3;
  width: 45px;
  height: 55px;
  object-fit: contain;
  transition: opacity 0.3s ease-in;
}
.play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 3;
  width: 45px;
  height: 55px;
  object-fit: contain;
  transition: opacity 0.3s ease-in;
}
.custom-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(62, 40, 0, 0.3);
  z-index: 2;
  pointer-events: none;
  transition: opacity 0.5s ease-in;
}
.custom-overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  pointer-events: none;
  transition: opacity 0.5s ease-in;
}
.wishlist {
  position: relative;
  display: inline-block;
}
.wishlist img {
  transition: all 0.5s ease;
  user-select: none;
}
.w-active {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
}

.wishlist.active .w-active {
  transform: scale(1);
  opacity: 1 !important;
  visibility: visible !important;
}

.w-normal {
  transition: opacity 0.3s ease;
}

.wishlist.active .w-normal {
  opacity: 0;
}

.content p {
  font-size: 18px;
  line-height: 26px;
  font-family: var(--gothambook);
}
.inspiration {
  padding: 80px 0;
}
.quote-tab-body {
  position: relative;
  overflow: hidden;
  min-height: 250px;
  text-align: center;
  padding: 62px 0 47px;
  background: url("../images/quote.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quote-tab-body h3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}

.quote-tab-body h3.active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

.quote-tab-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-top: 40px;
}

.quote-tab-header img {
  cursor: pointer;
  transition: 0.3s ease;
  opacity: 0.8;
  -webkit-tap-highlight-color: transparent;
}

.quote-tab-header img.active {
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(99%) sepia(9%) saturate(4%)
    hue-rotate(161deg) brightness(103%) contrast(102%);
  transform: scale(1.05);
}

.testimonial {
  padding: 80px 0;
}

.testimonial .page-center {
  max-width: var(--page-center2);
}
.quote-tab-body h3 {
  display: none;
}
.quote-tab-body h3.active {
  display: block;
}

.join {
  padding: 20px 0 100px;
}
.join .page-center {
  padding-top: 138.6px;
  padding-bottom: 138.6px;
  position: relative;
  background: url("../images/join-bg.jpg") no-repeat;
  background-size: cover;
  max-width: calc(var(--page-center) - 40px);
}
/* .join .page-center::before {
  position: relative;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(177, 122, 22, 0.8),
    rgba(0, 0, 0, 0.8)
  );
} */
.join .title-center {
  padding-bottom: 40px;
}
input,
textarea,
select,
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  border: none;
  padding: 9.75px 0;
  font-family: var(--gothammedium);
  border-bottom: 1px solid var(--white);
  background-color: transparent;
  color: #fff;
  font-size: var(--base-font);
  line-height: var(--base-line);
  transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  outline: none !important;
  border-radius: 0;
}
input::placeholder,
form textarea::placeholder,
form select::placeholder {
  text-transform: uppercase;
}
input:focus,
input:hover,
textarea:focus,
select:focus,
textarea:hover,
select:hover {
  border-color: var(--theme-color);
}
input[type="submit"]:hover,
input[type="button"] {
  color: var(--theme-color);
}
.join .title-center {
  position: relative;
  z-index: 1;
}
.join .title-center h2 {
  font-size: 50px;
  line-height: 61px;
  letter-spacing: 1px;
}
.join form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  position: relative;
  z-index: 1;
}
input[type="submit"],
input[type="button"] {
  padding: 9.75px 9.75px;
  cursor: pointer;
  text-transform: uppercase;
}
.join input[type="email"] {
  max-width: 319px;
  width: 100%;
}
footer {
  padding-top: 76px;
}
footer .page-center {
  background: url("../images/footer-bg.svg") no-repeat;
  background-size: contain;
  background-position: bottom center;
  position: relative;
  padding-bottom: 29px;
}
footer .page-center::before {
  top: -76px;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(205, 164, 61, 0.5);
}
.footer-meu {
  display: flex;
  justify-content: space-evenly;
  gap: 15px;
}
.footer-menu-item {
  width: calc(25% - 10px);
  flex-grow: 1;
}
.footer-menu-item > h6 {
  padding-bottom: 40px;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--gothammedium);
}
.footer-menu-item ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer-menu-item ul li a {
  transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  font-size: 14px;
  line-height: 20px;
  font-family: var(--gothammedium);
  color: #4d4d4d;
  text-transform: uppercase;
}
.footer-menu-item ul li a:hover {
  color: var(--theme-color);
}
.footer-menu-item p {
  padding-bottom: 32px;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--gothambook);
  color: #4d4d4d;
}
.social-flex {
  display: flex;
  flex-direction: row !important;
  gap: 15px;
  flex-wrap: wrap;
}
.social-flex li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #a5a5a5;
  transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  padding: 3px;
  cursor: pointer;
}
.social-flex li a:hover {
  background-color: var(--theme-color);
}
.social-flex li a img {
  object-fit: contain;
  width: 20px;
  height: 20px;
}
.footer-copy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-top: 80px;
  flex-wrap: wrap;
}
.footer-copy p {
  font-size: 12px;
  line-height: 16px;
  font-family: var(--gothammedium);
  color: #4d4d4d;
}
.footer-copy ul {
  display: flex;
  gap: 74px;
}
.footer-copy ul li a {
  font-size: 12px;
  line-height: 16px;
  font-family: var(--gothammedium);
  color: #4d4d4d;
  transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.footer-copy ul li a:hover {
  color: var(--theme-color);
}
.video-slider {
  position: relative;
  height: 500px;
  overflow: hidden;
}
.video-slider.slider-inactive {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
.video-slider.slider-inactive .slide {
  max-width: 300px;
  width: 100%;
}
.video-slider.slider-inactive {
}
.video-slider .slick-track {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
}

.slide {
  height: 100%;
}

.inspiration-video-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inspiration-video-box video,.inspiration-video-box img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
  transition: height 0.5s ease-in-out;
}
.video-slider .slick-center .inspiration-video-box video,.video-slider .slick-center .inspiration-video-box img {
  height: 500px;
}

.play-btn,
.mute-btn {
  position: absolute;
  color: white;
  background: rgba(0, 0, 0, 0.3);
  padding: 6px 10px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  user-select: none;
  transition: opacity 1s ease;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 28px;
  height: 28px;
}
.play-btn.playing {
  background-image: url("../images/pause.svg");
  background-size: 11px;
}

.play-btn.paused {
  background-image: url("../images/play.svg");
  background-size: 11px;
}

.mute-btn.muted {
  background-image: url("../images/mute.svg");
  background-size: 18px;
}

.mute-btn.unmuted {
  background-image: url("../images/unmute.svg");
  background-size: 20px;
}
.play-btn {
  top: 10px;
  left: 10px;
}

.mute-btn {
  bottom: 10px;
  right: 10px;
}

.video-slider .slick-center .mute-btn,
.video-slider .slick-center .play-btn {
  opacity: 1;
}
.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.video-popup-content {
  position: relative;
  z-index: 10000;
  max-width: calc(1344px - 48px);
  max-height: 85vh;
  width: auto;
  height: 100vw;
}

.video-popup-content video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #1d1d1b;
  z-index: 1;
}
.video-close-btn img {
  object-fit: contain;
  width: 100%;
}
.cookie-revoke-hidden {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
  background-color: #fff !important;
  max-width: 1164px;
  width: 100%;
  margin: 0 auto;
  min-width: inherit !important;
  left: 50% !important;
  right: 50% !important;
  transform: translateX(-50%);
  bottom: 60px !important;
}
.cookie-notice-container {
  color: #000000 !important;
  font-size: 18px;
  line-height: 26px;
  font-family: var(--gothambook);
  padding: 25px 40px !important;
  gap: 40px;
  justify-content: center;
  row-gap: 20px;
}
.cn-close-icon {
  display: none !important;
}
.cn-buttons-container .cn-button {
  border-radius: 30px !important;
  padding: 18px 40px 16px !important;
  color: #a5a5a5 !important;
  border: 1px solid #a5a5a5 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0.16px !important;
  background-color: #fff !important;
  text-transform: uppercase !important;
  margin-left: 0 !important;
  font-family: var(--gothammedium) !important;
}
.cn-buttons-container .cn-button:hover {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}
.cn-buttons-container .cn-button:first-child {
  color: #fff !important;
  border: 1px solid #000 !important;
  background-color: #000 !important;
}
.cn-buttons-container .cn-button:first-child:hover {
  color: #a5a5a5 !important;
  border: 1px solid #a5a5a5 !important;
  background-color: #fff !important;
}
.cn-buttons-container {
  display: inline-flex !important;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: 40px;
  margin-top: 10px;
}
.mobile-menu ul li a {
  font-family: var(--gothammedium);
}
.cn-text-container {
  margin: 0 !important;
  max-width: 66%;
  margin-bottom: 10px !important;
}
.menu-popup-wrapper {
  position: fixed;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-color: #fff;
  display: none;
  z-index: 10;
  overflow: hidden;
  padding: 50px 40px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transition: top 0.3s ease;
  max-width: calc(var(--page-center) - 40px);
}

.menu-popup {
  display: none;
  opacity: 1;
  transform: none;
}

.menu-popup.active {
  display: flex;
}

.menu-flex {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.menu-popup-item {
  max-width: calc(33.33% - 27px);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  cursor: pointer;

  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.menu-popup-wrapper.menu-float,
.modal-popup-overlay.menu-float {
  top: 100px;
}
.menu-popup-item figure img {
  width: 100%;
  aspect-ratio: 3/2;
}
.menu-popup-item h5 {
  font-family: var(--gothammedium);
  font-size: 18px;
  line-height: 26px;
  color: var(--theme-color);
  text-transform: uppercase;
}
.menu-popup-item figure {
  position: relative;
}
.menu-popup-item figure::before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(
    to right,
    rgba(205, 164, 61, 1),
    rgba(177, 122, 22, 1)
  );
}
.menu-popup-item figure:hover::before {
  opacity: 0.7;
}
.welcome-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3));
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  z-index: 1;
}
.welcome-popup {
  background: #fff;
  display: flex;
  width: 780px;
  max-width: 90%;
  overflow: hidden;
  position: relative;
  max-height: 90%;
  overflow-y: auto;
}

.popup-left {
  width: 50%;
  display: flex;
}

.popup-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popup-right {
  width: 50%;
  padding: 55px 34px;
  position: relative;
  display: flex;
  align-items: center;
  overflow-y: auto;
}

.close-btn {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.popup-content {
  text-align: center;
  width: 100%;
}
.popup-content h4 {
  color: var(--theme-color);
  margin-bottom: 10px;
  font-family: var(--Montserrat);
  font-weight: 900;
}
.popup-content p {
  color: #000;
  padding-bottom: 50px;
}
.popup-right form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.popup-right input {
  color: #000;
  border-color: #a5a5a5;
  font-family: var(--gothambook);
  border-radius: 0;
  width: 100%;
}
input:focus,
input:hover {
  border-color: var(--theme-color);
  border-radius: 0;
  box-shadow: none;
  border-top: none;
}
.popup-right input[type="submit"],
.popup-right input[type="button"] {
  border-radius: 30px;
  background-color: #000;
  width: 100%;
  padding: 18px 16px 16px;
  border: 1px solid transparent;
  color: #fff;
  font-family: var(--gothammedium);
}
button.btn.btn-light,
a.btn.btn-light,
input.btn.btn-light {
  border-radius: 30px;
  background-color: #a5a5a5;
  width: 100%;
  padding: 18px 16px 16px;
  border: 1px solid transparent;
  color: #fff;
  font-family: var(--gothammedium);
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
button.btn.btn-light:hover,
a.btn.btn-light:hover,
input.btn.btn-light:hover {
  background-color: #000;
  color: #fff;
}
.popup-right input[type="submit"]:disabled,
.popup-right [type="button"] {
  background-color: #a5a5a5;
}
.popup-right form button,
.no-thanks {
  transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  border-radius: 30px;
  background-color: #fff;
  width: 100%;
  padding: 18px 16px 16px;
  border: 1px solid #a5a5a5;
  color: #7e7e7e;
  font-family: var(--gothammedium);
  font-size: var(--base-font);
  line-height: var(--base-line);
  margin-top: 30px;
}
.popup-right form button:hover,
.no-thanks:hover {
  background-color: var(--theme-color);
  color: #fff;
  border-color: var(--theme-color);
}

.w-normal:hover {
  scale: 1.3;
}
.wpcf7-response-output {
  position: absolute;
  bottom: -84px;
}
.wpcf7-not-valid-tip {
  color: red !important;
  font-family: var(--gothambook);
  font-size: 14px !important;
  font-weight: 300 !important;
  padding-top: 4px;
}
input ~ .wpcf7-not-valid-tip {
  text-align: center;
  width: 100%;
  position: absolute;
  top: calc(100% + 5px);
}
.header-popup {
  background: #fff;
  padding: 0 38px 0 24px;
  max-width: 480px;
  width: 100%;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
  overflow: auto;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(100%);
  color: #000000;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--theme-color) #fff;
}
.header-popup::-webkit-scrollbar {
  width: 8px;
}
.header-popup::-webkit-scrollbar-thumb {
  background-color: var(--theme-color);
}
body::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  background: rgba(0, 0, 0, 0.55);
  z-index: -1;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
body.fade-body::before {
  opacity: 1;
  pointer-events: all;
  z-index: 1000;
}
header .menu-items ul li a.active img {
  filter: brightness(0) saturate(100%) invert(85%) sepia(78%) saturate(2529%)
    hue-rotate(320deg) brightness(83%) contrast(93%);
}
header nav ul li a.active {
  color: var(--theme-color);
}
.header-popup-flex {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.header-popup-flex h4 {
  font-size: 18px;
  line-height: 24px;
  color: var(--theme-color);
  text-transform: uppercase;
}
.header-popup-title {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 20px;
  padding-top: 60px;
}
.rest-password,
.check-inbox {
  padding-top: 60px;
}
.popup-close {
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.popup-close img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.header-data p {
  color: #a5a5a5;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
  font-family: var(--gothammedium);
}
.header-data p a {
  color: #000;
  text-decoration: underline;
}
.header-popup-center {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--theme-color) #fff;
  padding-right: 10px;
}
.header-popup-center::-webkit-scrollbar {
  width: 8px;
}
.header-popup-center::-webkit-scrollbar-thumb {
  background-color: var(--theme-color);
}
.header-popup-center::-webkit-scrollbar-track {
  background-color: #fff;
}
.headerp-item {
  display: flex;
  gap: 24px;
  border-top: 1px solid #a5a5a5;
  padding: 15px 0;
}
.headerp-item:last-child {
  border-bottom: 1px solid #a5a5a5;
}
.headerp-item figure {
  max-width: 134.97px;
  width: 100%;
  position: relative;
}
.headerp-item figure::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(205, 164, 61, 0.1),
    rgba(255, 255, 255, 0)
  );
}
.headerp-right {
  flex-grow: 1;
}
.wishlist-data {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wishlist-data h5 {
  color: #000000;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.14px;
  font-family: var(--gothammedium);
  text-transform: uppercase;
}
.wishlist-data h6 {
  color: var(--theme-color);
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}
.bottom-wishlist {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}
button.btn,
input.btn,
.header-popup a.btn {
  width: fit-content;
  padding: 13px 23px 13px;
  font-family: var(--gothammedium);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.16px;
  background-color: #000;
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid transparent;
  text-transform: uppercase;
  text-align: center;
}
button.btn:disabled,
input.btn:disabled,
.header-popup a.btn:disabled {
  background-color: #a5a5a5;
}
button.btn:hover,
input.btn:hover,
.header-popup a.btn:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.headerp-item figure img {
  aspect-ratio: 2/2.3;
  height: auto;
}
.bottom-wishlist button.btn,
.bottom-wishlist a.btn {
  padding: 11px 23px 9px;
  font-size: 12px;
  line-height: 16px;
  width: fit-content !important;
  margin: 0;
}
.bottom-wishlist .wishlist {
  display: flex;
}
.bottom-wishlist .wishlist img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  cursor: pointer;
}
.header-popup-bottom {
  padding: 40px 0 60px;
}
.header-popup-bottom button.btn {
  width: 100%;
}
.search-inline {
  position: relative;
}
.header-popup input,
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  width: 100%;
  color: #000;
  border-bottom: 1px solid #a5a5a5;
  font-family: var(--gothambook);
}
.search-inline input {
  padding-right: 70px;
  padding-left: 26px;
}
.header-popup input[type="submit"],
.header-popup input[type="button"] {
  color: #fff;
}
.search-inline span {
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  width: 61px;
  height: 14px;
  font-family: var(--gothambook);
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  color: #4d4d4d;
}
.search-inline img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
}
.search-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 30px;
}
.search-terms h5 {
  padding-bottom: 20px;
  color: #000000;
  text-transform: uppercase;
}
.search-terms-label {
  display: flex;
  gap: 10px;
  row-gap: 20px;
  flex-wrap: wrap;
}
.search-terms-label span {
  padding: 4px 15px 4px;
  color: #4d4d4d;
  border: 1px solid #4d4d4d;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--gothambook);
  border-radius: 15px;
  cursor: pointer;
}
.header-popup input[type="submit"],
.header-popup input[type="button"] {
  margin-top: 35px;
  margin-bottom: 20px;
  width: 100%;
}
.header-popup input[type="submit"]:hover,
.header-popup input[type="button"]:hover {
  border-radius: 30px;
}
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover button.btn:disabled:hover {
  background-color: #a5a5a5;
  color: #fff;
  border: 1px solid transparent;
  cursor: default;
}
.faq-slider h5 {
  color: #000;
  padding-bottom: 20px;
  padding-top: 20px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.16px;
}
.faq-slider .swiper-slide {
  height: auto;
}
.faq-item {
  background-color: #f1f1f1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: space-between;
  height: 100%;
}
.faq-item h6 {
  color: #000;
  font-size: 12px;
  line-height: 16px;
}
.faq-item a {
  text-decoration: underline;
  color: #7e7e7e;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.12px;
}
.faq-item a:hover {
  color: var(--theme-color);
}
.faq-swiper {
  overflow: visible;
}
.header-popup .swiper-scrollbar {
  margin: 40px 0;
}
.search-popup {
  justify-content: space-between;
}
.search-results .header-popup-center {
  max-height: initial !important;
  overflow-y: initial;
}

.search-results > h6 {
  padding: 0px 0 10px;
}
.search-results > button.btn {
  width: 100%;
  margin: 40px 0;
}
.account-tab-body form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.account-tab-body {
  padding: 25px 0;
}
.account-tab {
  padding: 15px 0 20px;
}
.account-tab-header {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.password-toggle img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.form-group {
  position: relative;
}
.form-group .password-toggle {
  display: flex;
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.account-tab-body input[type="submit"] {
  margin-top: 20px;
}
.forgot {
  font-family: var(--gothammedium);
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
  cursor: pointer;
}
.forgot:hover {
  color: var(--theme-color);
}
.account-tab-header button {
  text-transform: uppercase;
  font-family: var(--gothammedium);
  color: #a5a5a5;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.account-tab-header button.active {
  color: #000;
}
.custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: sans-serif;
  user-select: none;
  font-family: var(--gothammedium);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
}

.custom-checkbox input {
  display: none;
}

.custom-checkbox .checkmark {
  width: 16px;
  height: 16px;
  border: 2px solid #adadad;
  border-radius: 4px;
  margin-right: 10px;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}
.custom-checkbox input:checked + .checkmark {
  background-color: #000;
  border-color: #000;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.custom-checkbox input:checked + .checkmark::after {
  content: "";
  position: absolute;
  left: 3.5px;
  top: 0px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.btn-col {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.btn-col button {
  width: 100%;
}
.rest-password,
.check-inbox {
  padding-bottom: 20px;
}
.check-inbox p {
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  font-family: var(--gothammedium);
  color: #7e7e7e;
}
.btn-col {
  margin-top: 40px;
}
.welcome-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 39px;
}
.welcome-header h4 {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.44px;
  color: #000;
  text-transform: uppercase;
}
.welcome-header p {
  color: #a5a5a5;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--gothammedium);
  letter-spacing: 0.28px;
}
.welcome-header a {
  color: #a5a5a5;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--gothammedium);
  letter-spacing: 0.28px;
  cursor: pointer;
}
.my-account-area h5 {
  color: #000;
  font-size: 18px;
  line-height: 26px;
  font-family: var(--gothammedium);
  letter-spacing: 0.36px;
}
.my-account-area ul li a {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 32px 0 17px;
  color: #000;
  font-family: var(--gothammedium);
  border-bottom: 1px solid #a5a5a5;
  cursor: pointer;
}
.my-account-area ul li a:hover {
  color: var(--theme-color);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  border-color: var(--theme-color);
}
.my-account-area ul li a img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.my-account-area ul li a:hover img {
  filter: brightness(0) saturate(100%) invert(85%) sepia(78%) saturate(2529%)
    hue-rotate(320deg) brightness(83%) contrast(93%);
}
.account-details h5,
.order-history h5,
.account-address h5 {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding-bottom: 15px;
  padding-top: 10px;
}
.account-details h5 img,
.account-address h5 img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.account-details form,
.account-address form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.edit-details,
.add-new-address {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.32px;
  font-family: var(--gothammedium);
  padding-bottom: 20px;
  cursor: pointer;
}
.account-details p,
.account-address p {
  padding-bottom: 14.5px;
  border-bottom: 1px solid #a5a5a5;
  font-size: 16px;
  font-family: var(--gothambook);
  line-height: 22px;
}
.order-tab-header {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #a5a5a5;
}
.order-tab-header li {
  transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  font-family: var(--gothammedium);
  color: #7e7e7e;
  cursor: pointer;
  text-transform: uppercase;
}
.order-tab-header li.active {
  color: #000;
}
.order-tab-item {
  padding-top: 30px;
}
.order-tab-status {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #a5a5a5;
}
small {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.12px;
  font-family: var(--gothammedium);
  text-transform: uppercase;
}
.order-tab-flex {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-end;
  flex-wrap: wrap;
  border-bottom: 1px solid #a5a5a5;
  padding: 10px 0;
}
.order-tab-left {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.order-tab-left figure {
  position: relative;
  max-width: 64px;
}
.order-item-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.order-tab-left figure img {
  aspect-ratio: 2/2;
  height: auto;
}
.order-tab-left figure::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(205, 164, 61, 0.1),
    rgba(255, 255, 255, 0)
  );
}
.order-tab-bottom {
  border-bottom: 1px solid #a5a5a5;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.delivered small {
  color: #00aa62;
}
.shipped small {
  color: #ff9402;
}
.canceled small {
  color: #ff0000;
}
.returned small {
  color: rgb(149, 149, 6);
}
.processing small {
  color: #109d10;
}
.order-tab-status p {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.12px;
  color: #7e7e7e;
  font-family: var(--gothammedium);
}
.reset-password {
  padding: 80px 0 80px;
  background-color: #fff;
}
.reset-password input {
  width: 100%;
  color: #000;
  border-bottom: 1px solid #a5a5a5;
  font-family: var(--gothambook);
}

.reset-password input[type="submit"] {
  color: #fff;
}

.reset-password input[type="submit"] {
  margin-top: 40px;
  margin-bottom: 20px;
  width: 100%;
}
.reset-password input[type="submit"]:hover {
  border-radius: 30px;
  color: #000;
}
.reset-password input[type="submit"]:disabled:hover,
.reset-password button.btn:disabled:hover {
  background-color: #a5a5a5;
  color: #fff;
  border: 1px solid transparent;
  cursor: default;
}
.reset-password form {
  max-width: 469px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.reset-password .page-center h5 {
  color: #000;
  font-family: var(--gothammedium);
  padding-bottom: 30px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.18px;
}
a.btn-black {
  padding: 13px 23px 13px;
  font-family: var(--gothammedium);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.16px;
  background-color: #000;
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid transparent;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  display: block;
}

a.btn-black:disabled {
  background-color: #a5a5a5;
}
a.btn-black:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.verification {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 30px;
  padding: 40px 0;
}
.verification img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin: 0 auto;
}
.verification p {
  font-family: var(--gothambook);
}
.count-flex {
  padding: 7px 20px;
  border: 1px solid #a5a5a5;
  border-radius: 15px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.count-flex span {
  display: inline-flex;
  font-size: 16px;
  line-height: 22px;
  font-family: var(--gothammedium);
  user-select: none;
  caret-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.count-flex span img {
  width: 13px;
  height: 13px;
  object-fit: contain;
  cursor: pointer;
}
.header-popup-bottom .btn-col {
  margin: 0;
}
.count button {
  text-align: center;
  color: #adadad;
  padding-top: 10px;
  font-family: var(--gothammedium);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
  cursor: pointer;
  margin: 0 auto;
  display: flex;
}
.cart-popup .header-popup-center {
  max-height: initial !important;
  overflow-y: initial;
}
.counter {
  min-width: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.cart-popup .bottom-wishlist {
  align-items: flex-start;
}
.cart-popup .bottom-wishlist h5 {
  padding-top: 10px;
}
.sub-total {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.sub-total h5 {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.18px;
  padding: 20px 0;
}
.order-data {
  display: flex;
  flex-direction: column;
  gap: 5px;
  list-style: disc;
  border-bottom: 1px solid #a5a5a5;
  padding: 20px 0 20px 12px;
}
.order-data li {
  font-size: 16px;
  line-height: 18px;
  font-family: var(--gothambook);
}
.menu-items li a {
  display: flex;
  position: relative;
}
.menu-items li a.cart-active::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0px;
  width: 10px;
  height: 10px;
  background: url("../images/cart-dot.svg") no-repeat center center;
  background-size: cover;
  z-index: 2;
  pointer-events: none;
}
.breadcrump {
  padding: 40px 20px 20px;
}
.breadcrump p,
.breadcrump a {
  text-align: center;
  color: #7e7e7e;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.14px;
  font-family: var(--gothammedium);
}
.all-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.all-wrapper .featured-item {
  max-width: calc(33.33% - 16px);
  width: 100%;
  display: block;
}
.all-featured a.btn {
  margin-top: 40px;
}
.all-wrapper .featured-item figure::before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(
    to right,
    rgba(205, 164, 61, 1),
    rgba(177, 122, 22, 1)
  );
}
.all-wrapper .featured-item:hover figure::before {
  opacity: 0.6;
}
.featured-item a {
  display: block;
}
.user-testimonial {
  padding: 80px 0 140px;
}
.testimonial-box {
  max-width: 888px;
  margin: 0 auto;
  background-color: #fff;
  color: #000000;
  padding: 100px 90px 50px;
  text-align: center;
  position: relative;
}
.testimonial-item {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.header-popup a.btn {
  width: 100%;
}
.header-popup a.btn::after {
  display: none;
}
.swiper-pagination {
  position: initial;
  margin-top: 25px;
}
.testimonial-box > img {
  position: absolute;
  left: 50%;
  top: -40px;
  right: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background-color: #a5a5a5;
  user-select: none;
  caret-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
.testimonial-box h5 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}
.testimonial-box p {
  font-size: 18px;
  line-height: 24px;
  font-family: var(--gothambook);
  letter-spacing: 0;
}
.filter-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-bottom: 59px;
  padding-top: 5px;
}
.filter {
  display: flex;
  gap: 11px;
  color: var(--theme-color);
  align-items: center;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.18px;
  font-family: var(--gothammedium);
}
.filter img {
  width: 25px;
  height: 26px;
  object-fit: contain;
}
.filter-area p {
  font-family: var(--gothammedium);
}
.clear {
  text-transform: uppercase;
  color: #7e7e7e;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
  font-family: var(--gothammedium);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.clear.active {
  color: #000;
}
.popup-right-flex {
  display: flex;
  align-items: center;
  gap: 64px;
  flex-wrap: wrap;
}
.filter-popup input.btn {
  border-radius: 30px;
}
.filter-popup input.btn:hover {
  color: #000;
}
.filter-popup input.btn:disabled:hover {
  color: #fff;
}
.filter-toggle {
  pointer-events: none;
  width: 20px;
  height: 20px;
  position: relative;
  min-width: 20px;
}
.filter-toggle img {
  position: absolute;
  width: 20px;
  height: 20px;
  object-fit: contain;
  top: 0;
  left: 0;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.filter-accordion-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  user-select: none;
  caret-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  padding: 17px 0;
  text-transform: uppercase;
  font-family: var(--gothammedium);
  line-height: normal;
  letter-spacing: 0.16px;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.filter-accordion {
  padding: 0 0 30px;
}
.filter-accordion-item {
  border-bottom: 1px solid #a5a5a5;
}
.custom-radio-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
  user-select: none;
  caret-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
.custom-radio {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.14px;
  font-family: var(--gothammedium);
  user-select: none;
  caret-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
.custom-radio input[type="radio"] {
  display: none;
}

.radio-mark {
  width: 22px;
  height: 22px;
  margin: 1px;
  outline: 1px solid #000;
  border: 4px solid #fff;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.custom-radio input[type="radio"]:not(:checked) + .radio-mark {
  background-color: transparent;
}
.filter-accordion-body {
  padding: 5px 0 20px;
}
.size-radio-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.size-radio {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.size-radio input[type="radio"] {
  display: none;
}

.size-label {
  display: inline-block;
  width: 54px;
  height: 36px;
  background-color: #e4e4e4;
  color: #000;
  text-align: center;
  line-height: 36px;
  font-weight: 500;
  border-radius: 0;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  caret-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

.size-radio input[type="radio"]:checked + .size-label {
  background-color: #000;
  color: #fff;
}
.explore-brand {
  padding-top: 86px;
}
.brand-author {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.brand-author img {
  width: 45px;
  height: 32px;
  object-fit: contain;
  margin: 2px auto 27px;
}
.brand-author h5 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.36px;
}
.brand-author p {
  color: #adadad;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.28px;
  font-family: var(--gothammedium);
}
.full-video {
  padding: 80px 0;
}
.custom-video-wrapper {
  position: relative;
}
.custom-video-wrapper video,
.custom-video-wrapper .video-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 4/1.937;
  display: flex;
  object-fit: contain;
}
.video-content {
  padding-top: 101px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 60px;
  max-width: 888px;
  width: 100%;
  margin: 0 auto;
}
.video-content p {
  font-family: var(--gothambook);
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
}
.title-left {
  max-width: 600px;
  width: 100%;
  margin-bottom: 35px;
}
.identity {
  padding: 80px 0;
}
.identity-flex {
  display: flex;
  gap: 84px;
}
.identity-flex figure img {
  height: auto;
  aspect-ratio: 3/2.185;
}
.rooted {
  padding: 80px 0;
}
.rooted .page-center {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.rooted .title-center {
  padding-bottom: 0;
  max-width: 888px;
  margin: 0 auto;
}
.content-center {
  max-width: 888px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.img-row {
  display: flex;
  flex-wrap: wrap;
}
.img-row figure {
  width: 33.33%;
}
.img-row figure img {
  height: auto;
  aspect-ratio: 3/3.35;
}
.masonry-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  position: relative;
}

.grid-item {
  background: #b17a16;
  color: #fff;
  height: fit-content;
  box-sizing: border-box;
  padding: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}
.grid-item h3 {
  font-size: 34px;
  line-height: 42px;
  letter-spacing: 0.34px;
  font-family: var(--Montserrat);
  font-weight: 900;
}
.grid-item p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
  font-family: var(--gothambook);
}
.masonry-grid .grid-item:nth-child(even) {
  margin-top: 272px;
  background: #cda43d;
}
.masonry-grid .grid-item:nth-child(odd):not(:first-child) {
  margin-top: -272px;
}
.masonry-grid .grid-item:nth-child(even):not(:nth-child(2)) {
  margin-top: 0;
}
.about {
  padding: 80px 0;
}
.founder-area {
  padding: 80px 0;
}
.founder-flex {
  display: flex;
  gap: 18.8%;
  justify-content: center;
}
.founder-item {
  max-width: 432px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.founder-item figure {
  max-width: 318px;
  width: 100%;
  margin-bottom: 10px;
  height: 318px;
}
.founder-item figure img {
  aspect-ratio: 2/2;
  height: auto;
}
.founder-item p{
  font-size: 18px;
  line-height: 26px;
}
.founder-summary h5 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.2px;
  margin-bottom: 12px;
}
.founder-summary h6 {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.16px;
}
.core-values {
  padding: 80px 0 140px;
}
.core-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 80px;
  gap: 138px;
  row-gap: 80px;
}
.core-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: center;
  max-width: 280px;
  width: 100%;
}
.core-item img {
  margin: 0 auto 15px;
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.core-item h5 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.4px;
}
.core-item p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0px;
}
.flex-row-wrapper {
  padding: 80px 0;
}
.flex-row-wrapper .page-center {
  display: flex;
  flex-direction: column;
  gap: 160px;
}
.content-text-wrapper h4 {
  font-size: 20px;
  line-height: 27px;
  padding-bottom: 3px;
  text-transform: uppercase;
}
.content-text-wrapper p {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 30px;
}
.flex-row-item {
  display: flex;
  gap: 84px;
  align-items: center;
}
.flex-row-item:nth-child(even) {
  flex-direction: row-reverse;
}
.flex-row-item figure img {
  height: auto;
  aspect-ratio: 3/2.6;
  width: 100%;
  object-fit: cover;
}
.faq {
  padding: 80px 0 140px;
}
.faq .page-center {
  max-width: var(--page-center2);
}
.faq-header {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  padding: 40.5px 0 22.5px;
  cursor: pointer;
  user-select: none;
  caret-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-family: var(--gothammedium);
}
.faq-toggle {
  pointer-events: none;
}
.faq-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10.5px 0 20px;
}
.faq-accordion-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.faq-toggle {
  pointer-events: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  position: relative;
  display: flex;
  align-items: center;
}
.faq-toggle img {
  position: absolute;
  width: 18px;
  height: 18px;
  object-fit: contain;
  top: 0;
  left: 0;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.faq .title-center {
  padding-bottom: 40px;
}
.faq-body p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  font-family: var(--gothambook);
}
.explore-sustain .brand-author img {
  filter: brightness(0) saturate(100%) invert(90%) sepia(57%) saturate(5435%)
    hue-rotate(76deg) brightness(96%) contrast(92%);
}
.green-circle {
  padding: 80px 0;
}
.green-circle-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 30px;
  padding-left: 33px;
}
.green-item {
  background-color: rgba(31, 230, 150, 0.8);
  border-radius: 50%;
  padding: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  width: 100%;
  position: relative;
  margin-left: -33px;
}
.green-item p {
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  min-height: 200px;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  font-family: var(--gothammedium);
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-list-wrapper .content-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blog-list-wrapper .content-text-wrapper h2 {
  padding-bottom: 15px;
}
.blog-list-wrapper .content-text-wrapper h2 a{
  color: #fff;
}
.flex-row-item figure a{
  width: 100%;
}
.blog-list-wrapper .content-text-wrapper p {
  padding-bottom: 20px;
}
.blog-list-wrapper .flex-row-item:nth-child(even) {
  flex-direction: initial;
}
.blog-list-wrapper .flex-row-item:nth-child(odd) {
  flex-direction: row-reverse;
}
.blog-list-wrapper {
  padding: 80px 0 140px;
}
.white-bg {
  background-color: #fff;
}
body.header-white header::after {
  display: none !important;
}
body.header-white header {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}
body.header-white header nav ul li a {
  color: #7e7e7e;
}
body.header-white .banner-section::after {
  display: none !important;
}
body.header-white header nav ul li a.active,
body.header-white header nav ul li a:hover {
  color: var(--theme-color);
}
body.header-white header .menu-items ul li img:hover {
  filter: brightness(0) saturate(100%) invert(85%) sepia(78%) saturate(2529%)
    hue-rotate(320deg) brightness(83%) contrast(93%);
}
body.header-white header .menu-items ul li img {
  filter: brightness(0) saturate(100%) invert(45%) sepia(96%) saturate(13%)
    hue-rotate(343deg) brightness(91%) contrast(85%);
}
.common-content-wrapper .page-center {
  max-width: var(--page-center2);
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.common-content-wrapper {
  padding: 30px 0 75px;
}
.white-bg * {
  color: #000;
}
.custom-checkout-layout {
  color: #000;
}

.custom-cart-item {
  display: flex;
  gap: 20px;
  align-items: flex-end !important;
  border-bottom: 1px solid #a5a5a5;
  padding-bottom: 10px;
}

.custom-checkout-layout .checkout-columns {
  display: flex;
}

.custom-cart-price {
  align-self: flex-end !important;
}

.custom-cart-qty {
  background: #4d4d4d !important;
  font-size: 16px !important;
  letter-spacing: 0.16px;
  line-height: normal !important;
  font-family: var(--gothammedium) !important;
  width: 26px !important;
  height: 26px !important;
  left: inherit !important;
  right: -7px !important;
  top: -7px !important;
  position: absolute;
  color: #fff;
  display: flex;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-cart-details div,
.custom-cart-price,
.custom-cart-subtotal span,
.custom-cart-shipping span,
.custom-cart-total span,
.custom-cart-coupon {
  color: #000000 !important;
  font-size: 18px !important;
  line-height: 26px !important;
  letter-spacing: 0.18px !important;
  font-family: var(--gothammedium) !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.woocommerce img,
.woocommerce-page img {
  max-width: 114px;
  aspect-ratio: 2/2;
}

.custom-cart-thumb {
  margin-right: 0 !important;
  max-width: 114px;
}

/* Left Column */
.custom-checkout-layout .checkout-left {
  background-color: #f2f2f2;
  max-width: 50%;
  width: 50%;
  display: flex;
  justify-content: flex-end;
}

.custom-checkout-layout .checkout-left .checkout-left-inner {
  padding: 50px 125px;
  max-width: 720px;
  width: 100%;
}

.custom-checkout-layout .checkout-left h3 {
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 16px;
  letter-spacing: 0.18px;
  font-family: var(--gothammedium);
  font-weight: 500;
  text-transform: uppercase;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single {
  border: none;
  padding: 9.75px 0;
  border-bottom: 1px solid var(--white);
  background-color: transparent;
  font-size: var(--base-font);
  line-height: var(--base-line);
  transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  outline: none !important;
  border-radius: 0;
  font-family: var(--gothambook);
  border-bottom: 1px solid #a5a5a5 !important;
  width: 100%;
  color: #000;
}

.woocommerce-input-wrapper {
  margin-bottom: 10px;
}

.custom-checkout-layout label,
.woocommerce form .form-row label,
.custom-checkout-layout
  .form-row.woocommerce-SavedPaymentMethods-saveNew
  label {
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
  display: block;
  color: #000000;
  font-family: var(--gothammedium) !important;
  display: block !important;
}

.custom-checkout-layout input[type="checkbox"] {
  width: auto;
  margin-right: 8px;
}

.custom-checkout-layout .woocommerce-checkout-payment {
  margin-top: 24px;
}

.custom-checkout-layout .woocommerce-privacy-policy-text {
  font-size: 12px;
  color: #888;
  margin-bottom: 18px;
}

/* Pay Now Button */
.custom-checkout-layout .form-row.place-order {
  margin-top: 32px;
}

.custom-checkout-layout button[type="submit"],
.custom-checkout-layout input[type="submit"] {
  width: 100%;
  padding: 17px 30px;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0.16px !important;
  font-family: var(--gothammedium) !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  border: none !important;
  background: #a5a5a5 !important;
  border-radius: 30px !important;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  color: #fff !important;
}

.custom-checkout-layout button[type="submit"]:hover,
.custom-checkout-layout input[type="submit"]:hover {
  background: #000 !important;
}

.custom-checkout-layout button[type="submit"]:hover,
.custom-checkout-layout input[type="submit"]:hover {
  background: #222;
}

/* Right Column */
.custom-checkout-layout .checkout-right {
  background-color: #fff;
  max-width: 50%;
  width: 50%;
  display: flex;
  justify-content: flex-start;
}

.custom-checkout-layout .checkout-right-inner {
  padding: 50px 125px;
  max-width: 720px;
  width: 100%;
}

.custom-checkout-layout .checkout-right h3 {
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 16px;
  letter-spacing: 0.18px;
  font-family: var(--gothammedium);
  font-weight: 500;
  text-transform: uppercase;
}

.clear {
  display: none;
}

.custom-checkout-layout .woocommerce-checkout-review-order-table {
  width: 100%;
  margin-bottom: 24px;
}

.custom-checkout-layout .woocommerce-checkout-review-order-table th,
.custom-checkout-layout .woocommerce-checkout-review-order-table td {
  font-size: 15px;
  padding: 10px 0;
}

.custom-checkout-layout .order-total th,
.custom-checkout-layout .order-total td {
  font-size: 18px;
  font-weight: 700;
}

.custom-checkout-layout .cart_item img {
  width: 60px;
  border-radius: 8px;
  margin-right: 16px;
}

.custom-checkout-layout .product-name {
  font-weight: 600;
  font-size: 15px;
}

.custom-checkout-layout .product-total {
  font-size: 15px;
  font-weight: 600;
  text-align: right;
}

/* Discount Code */
.custom-checkout-layout .woocommerce-form-coupon {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}

.custom-checkout-layout .woocommerce-form-coupon input {
  flex: 1;
  border-radius: 24px;
  border: 1px solid #e0e0e0;
  padding: 10px 16px;
  font-size: 15px;
}

.custom-checkout-layout .woocommerce-form-coupon button {
  border-radius: 24px;
  background: #aaa;
  color: #fff;
  font-weight: 700;
  padding: 10px 24px;
  border: none;
  transition: background 0.2s;
}

.custom-checkout-layout .woocommerce-form-coupon button:hover {
  background: #222;
}

.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle {
  display: none !important;
}

.woocommerce form .form-row {
  padding: 0;
  margin: 0;
}

.custom-cart-totals {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.coupon-checkout {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table td {
  color: #000000 !important;
  font-size: 18px !important;
  line-height: 26px !important;
  letter-spacing: 0.18px !important;
  font-family: var(--gothammedium) !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  border: none !important;
  padding: 10px 0 !important;
}

td .amount {
  display: flex;
  justify-content: right;
}

.woocommerce ul#shipping_method li label,
.woocommerce ul#shipping_method li {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.woocommerce ul#shipping_method li input {
  margin: 0;
}

.woocommerce table.shop_table {
  border: none !important;
  margin: 0;
}

.woocommerce-checkout-payment .wc_payment_method > label {
  color: #000000 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  letter-spacing: 0.18px !important;
  font-family: var(--gothammedium) !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  margin: 0 !important;
}
.payment_method_cod {
  margin: 0 !important;
}
.custom-checkout-layout label img,
.testmode-info {
  display: none !important;
}

.woocommerce-checkout-payment {
  background: transparent !important;
  border-radius: 0 !important;
}

.payment_methods {
  padding: 0 !important;
  border-bottom: none !important;
}

.woocommerce-terms-and-conditions-wrapper {
  display: none;
}

.custom-checkout-layout .form-row.place-order {
  padding: 0 !important;
  margin: 0 !important;
}

.custom-checkout-layout
  .form-row.woocommerce-SavedPaymentMethods-saveNew
  label {
  display: inline !important;
  text-transform: uppercase;
}

.woocommerce-checkout #payment ul.payment_methods li input {
  margin: 0 0.2em 0 0;
}

.woocommerce form .form-row label.checkbox {
  text-transform: uppercase;
  cursor: pointer;
}

.payment_box {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

.payment_box fieldset {
  border: none;
}

.select2-dropdown {
  border-radius: 7px !important;
  border: 1px solid #beb9b9 !important;
}

.woocommerce-SavedPaymentMethods-token > label,
.woocommerce-SavedPaymentMethods-new > label {
  display: inline !important;
  text-transform: uppercase !important;
}

.custom-cart-thumb {
  position: relative;
}

.custom-cart-thumb::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(205, 164, 61, 0.1),
    rgba(255, 255, 255, 0)
  );
}

.custom-cart-thumb > img {
  height: auto;
}

.woocommerce-checkout #payment ul.payment_methods li input {
  margin: 0 0.3em 0 0 !important;
}

.woocommerce table.shop_table thead,
.woocommerce table.shop_table tbody,
.woocommerce table.shop_table .cart-subtotal {
  display: none;
}

.common-content-wrapper time {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-family: var(--gothammedium);
  letter-spacing: 0;
}
.common-content-wrapper h1 {
  text-align: center;
  font-size: 40px;
  line-height: 49px;
  font-family: var(--gothammedium);
  letter-spacing: 0.4px;
  font-family: var(--Montserrat);
  font-weight: 900;
  margin-bottom: 35px;
}
.common-content-wrapper h2 {
  font-size: 34px;
  line-height: 42px;
  font-family: var(--gothammedium);
  letter-spacing: 0.34px;
  font-family: var(--Montserrat);
  font-weight: 900;
  margin-bottom: 35px;
}
.common-content-wrapper h3 {
  font-size: 27px;
  line-height: 33px;
  letter-spacing: 0;
}
.common-content-wrapper h4 {
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0;
}
.common-content-wrapper h5 {
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0;
}
.common-content-wrapper h6 {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0;
}
.common-content-wrapper p,
.common-content-wrapper ul {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: var(--gothambook);
  padding-bottom: 35px;
}
.common-content-wrapper ul li {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: var(--gothambook);
}
.common-content-wrapper .page-center > figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/1.69;
  object-fit: contain;
}
.common-content-wrapper .page-center > figure {
  margin-bottom: 35px;
}
.common-content-wrapper ul {
  list-style: disc;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.white-bg ~ .join,
.reset-password ~ .join,
.white-bg .join,
.header-white .join {
  padding-top: 160px;
}
.blog-join {
  padding: 87px 30px 97px;
  position: relative;
  background: url("../images/join-bg.jpg") no-repeat !important;
  background-size: cover !important;
  margin-top: 10px;
}
/* .blog-join::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(177, 122, 22, 0.8),
    rgba(0, 0, 0, 0.6)
  );
} */
.blog-join a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 9.75px 0;
  font-family: var(--gothammedium);
  border-bottom: 1px solid var(--white);
  background-color: transparent;
  color: #fff;
  font-size: var(--base-font);
  line-height: var(--base-line);
  transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  outline: none !important;
  border-radius: 0;
  z-index: 1;
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.blog-join a:hover {
  border-color: var(--theme-color);
  border-radius: 0;
  box-shadow: none;
  border-top: none;
  color: var(--theme-color);
}
.common-content-wrapper .footer-menu-item {
  width: fit-content;
  margin-top: 45px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.common-content-wrapper .footer-menu-item ul {
  padding: 0;
  list-style: none;
}
.common-content-wrapper small {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.28px;
  font-family: var(--gothammedium);
}
.common-content-wrapper .footer-menu-item ul li a {
  background-color: #7e7e7e;
}
.common-content-wrapper a {
  font-family: var(--gothammedium);
  cursor: pointer;
}
.related-posts {
  padding: 80px 0 160px;
}
.related-flex {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.related-item {
  display: flex;
  flex-direction: column;
  max-width: calc(33.33% - 16px);
  width: 100%;
  gap: 30px;
}
.related-item h5 {
  margin-bottom: -10px;
  text-transform: uppercase;
}
.related-item h3 {
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 0.28px;
}
.related-item a {
  color: var(--theme-color);
  margin: 0;
}
.faq-wrapper .page-center {
  max-width: var(--page-center2);
}
.faq-wrapper {
  padding: 30px 0 160px;
}
.faq-wrapper .faq-header button img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(23%)
    hue-rotate(231deg) brightness(97%) contrast(105%);
}
.faq-wrapper .faq-accordion-item {
  border-bottom: 1px solid #a5a5a5;
}
.faq-wrapper .faq-header {
  font-size: 18px;
  line-height: 25px;
}
.bottom-help {
  margin-top: 60px;
}
.bottom-help a {
  font-family: var(--gothammedium);
  cursor: pointer;
}
.contact-left {
  padding: 57px 0;
  background-color: #f1f1f1;
  max-width: 50%;
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
.contact-right {
  padding: 57px 0;
  background-color: #fff;
  max-width: 50%;
  width: 50%;
  display: flex;
  justify-content: flex-start;
}
.contact-wrapper {
  display: flex;
}
.contact-left-inner {
  max-width: 720px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0 125px;
}
.contact-right-inner {
  max-width: 720px;
  width: 100%;
  padding: 0 125px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
}
.contact-wrapper h1 {
  font-family: var(--Montserrat);
  font-weight: 900;
  font-size: 32px;
  line-height: 35px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.contact-wrapper p {
  font-family: var(--gothambook);
  padding-bottom: 25px;
}
.contact-wrapper a {
  font-family: var(--gothambook);
}
.contact-left-inner ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 6px;
}
.contact-left-inner ul li {
  font-family: var(--gothammedium);
  width: calc(50% - 16px);
}
.contact-wrapper h5 {
  font-size: 18px;
  line-height: 26px;
}
.contact-right-inner form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 15px;
}
.contact-right-inner input:not([type="submit"]),
.contact-right-inner textarea,
.contact-right-inner select {
  font-family: var(--gothambook);
  border-bottom: 1px solid #a5a5a5;
  width: 100%;
}
.contact-right-inner input:not([type="submit"]):focus,
.contact-right-inner input:not([type="submit"]):hover {
  border-color: var(--theme-color);
}
.contact-right-inner textarea {
  min-height: 200px;
}

.contact-right-inner input[type="submit"]:hover {
  border-radius: 30px;
}
.contact-right-inner input[type="submit"] {
  width: 100%;
  margin-top: 25px;
}
.form-select {
  position: relative;
  width: 100%;
}

.form-select select {
  width: 100%;
  padding-right: 40px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 0;
}
.form-select select option {
  padding: 10px 12px;
}
.form-select select,
.form-select select option {
  font-family: var(--gothambook) !important;
}
.form-select img {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 24px;
  height: 24px;
  object-fit: contain;
  pointer-events: none;
  transition: transform 0.3s ease;
}

.header-popup input[type="submit"]:not(:disabled):hover,
.header-popup input[type="button"]:not(:disabled):hover {
  color: #000;
}
.featured-item figure .wishlist {
  width: 34px;
  height: 34px;
}
.blog-loader,
.cart-loading-gif {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.header-white .menu-toggler img {
  filter: brightness(0) saturate(100%) invert(45%) sepia(96%) saturate(13%)
    hue-rotate(343deg) brightness(91%) contrast(85%) !important;
}
.search-inline input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}
.header-popup input[type="button"]:disabled:hover {
  background-color: #a5a5a5;
  cursor: default;
  color: #fff;
  border: 1px solid #a5a5a5;
}
.search-clear {
  cursor: pointer;
}
.error {
  color: #ff0000;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  font-family: var(--gothambook);
}
.reset-password .error {
  max-width: 469px;
  width: 100%;
}
.reset-password h2 {
  max-width: 469px;
  width: 100%;
  display: none;
  color: #000;
  padding: 20px 0;
}
header figure img.fixed {
  display: none !important;
}
.header-white header figure img.normal {
  display: none !important;
}
.header-white header figure img.fixed {
  display: block !important;
}
.order-tab-body p {
  padding-top: 15px;
}
#order-loader {
  margin-top: 15px;
}
.order-tab-status p {
  padding-top: 0;
}
select ~ .wpcf7-not-valid-tip {
  text-align: center;
}
.site-main > nav {
  display: none;
}
.product-accordion .faq-header button img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(23%)
    hue-rotate(231deg) brightness(97%) contrast(105%);
}
.product-accordion .faq-accordion-item {
  border-bottom: 1px solid #a5a5a5;
}
.product-gallery,
.product-summary {
  max-width: 50%;
  width: 100%;
}
.product-summary-inner {
  max-width: 720px;
  width: 100%;
  padding: 40px 125px 80px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.product-summary-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.custom-image-row img {
  width: 100%;
}
.woocommerce-breadcrumb {
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.27px;
  text-transform: uppercase;
  color: #a5a5a5;
  font-weight: 500;
  font-family: var(--gothammedium);
}
.woocommerce-breadcrumb a {
  font-family: var(--gothammedium);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.27px;
  text-transform: uppercase;
  color: #a5a5a5;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}

.product-summary-wrapper p {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.2px;
  font-family: var(--gothambook);
}
.product-summary-wrapper h1,
.product-summary-wrapper h2,
.product-summary-wrapper h3,
.product-summary-wrapper > p,
.price,
.woocommerce-Price-amount {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  font-family: var(--gothammedium);
  font-weight: 500;
}

.product-summary-wrapper h4,
.product-summary-wrapper h5,
.product-summary-wrapper h6 {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  font-family: var(--gothammedium);
  font-weight: 500;
}
.product-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
.product-share small {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
.cfvsw-swatches-container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.cfvsw-swatches-option {
  display: inline-block;
  width: fit-content !important;
  min-width: 54px !important;
  height: 36px !important;
  background: #e4e4e4 !important;
  color: #000;
  text-align: center;
  line-height: normal;
  font-weight: 500;
  border: none !important;
  border-radius: 0;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  caret-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  border-radius: 0 !important;
}
.cfvsw-swatches-option .cfvsw-swatch-inner {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.32px;
  font-family: var(--gothambook) !important;
}
.cfvsw-swatches-option.cfvsw-selected-swatch {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
}
.cfvsw-swatches-option.cfvsw-selected-swatch .cfvsw-swatch-inner {
  color: #fff !important;
}
.product-accordion .faq-body p,
.product-accordion .faq-body ul li {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: var(--gothambook);
}
.product-accordion .faq-body h4,
.product-accordion .faq-body h5,
.product-accordion .faq-body h6 {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  font-family: var(--gothammedium);
  font-weight: 500;
}
.product-accordion .faq-body h5 {
  font-size: 15px;
  line-height: 24px;
}
.product-accordion .faq-body h6 {
  font-size: 14px;
  line-height: 23px;
}
.product-accordion .faq-body h1,
.product-accordion .faq-body h2,
.product-accordion .faq-body h3 {
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  font-family: var(--gothammedium);
  font-weight: 500;
}
.product-accordion .faq-body h2 {
  font-size: 20px;
  line-height: 26px;
}
.product-accordion .faq-body h3 {
  font-size: 19px;
  line-height: 25px;
}
.product-accordion .faq-body ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: disc;
  padding-left: 20px;
}
.product-accordion .faq-header {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  font-family: var(--gothammedium);
  font-weight: 500;
  padding: 22px 0 17px;
}
.size-chart {
  display: flex;
  border-top: 2px solid black;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.header {
  background: black;
  color: white;
  font-weight: bold;
  padding: 8px;
  text-align: center;
}

.cell {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.column .cell:nth-child(even) {
  background: #f1f1f1;
}
th.label label .cfvsw-selected-label {
  display: none;
}
.reset_variations {
  padding: 6px 0;
  display: flex;
  font-size: 14px;
  font-family: var(--gothambook);
  text-transform: uppercase;
  color: var(--theme-color);
  cursor: pointer;
}
table.variations tbody tr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
td.value {
  margin-bottom: 20px;
}
table.variations tbody th.label label {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  font-family: var(--gothammedium);
  font-weight: 500;
}
button.button {
  width: fit-content;
  padding: 18px 40px 16px;
  font-family: var(--gothammedium);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.16px;
  background-color: #000;
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid transparent;
  text-transform: uppercase;
  text-align: center;
}
button.button:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.cfvsw-swatches-container[swatches-attr="attribute_pa_gender"]
  .cfvsw-swatches-option {
background: transparent !important;
   padding: 0 !important;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: var(--gothammedium);
  color: #a5a5a5 !important;
  min-width: inherit !important;
  height: inherit !important;
  cursor: pointer;
}
.cfvsw-swatches-container[swatches-attr="attribute_pa_gender"] {
  gap: 15px !important;
}
.cfvsw-swatches-container[swatches-attr="attribute_pa_gender"]
  .cfvsw-swatches-option
  .cfvsw-swatch-inner {
  color: #000 !important;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: var(--gothammedium) !important;
  background: #e4e4e4 !important;
   padding: 7px 10px !important;
}
.cfvsw-swatches-container[swatches-attr="attribute_pa_gender"]
  .cfvsw-swatches-option.cfvsw-selected-swatch
  .cfvsw-swatch-inner {
  color: #fff !important;
  background: #000 !important;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity {
  margin-bottom: 20px;
}
.quantity input {
  border-bottom: 1px solid #a5a5a5;
}
.quantity input:focus,
.quantity input:hover {
  border-color: var(--theme-color);
}
.quantity .screen-reader-text {
  clip: inherit !important;
  margin: 0;
  width: auto;
  height: auto;
  clip-path: inherit;
  margin-top: 20px;
  position: initial !important;
  display: block;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  font-family: var(--gothammedium);
  font-weight: 500;
}
.quantity input[type="number"] {
  -moz-appearance: textfield;
}

.product-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

input.btn-outline,
button.buy-now-btn {
  border-radius: 30px;
  background-color: #fff;
  width: 100%;
  padding: 18px 40px 16px;
  border: 1px solid #7e7e7e;
  color: #7e7e7e;
  font-family: var(--gothammedium);
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  text-align: center;
  width: fit-content;
  max-width: 168px;
  white-space: nowrap;
  text-transform: uppercase;
  margin-left: 20px !important;
}
.btn-group .quantity {
  margin-bottom: 50px;
}
.btn-group {
  margin-bottom: 25px;
  width: 100%;
}
input.btn-outline:hover,
button.buy-now-btn:hover {
  background-color: #000;
  color: #fff;
}
.btn-flex {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-end;
  position: relative;
}
.btn-flex .wishlist {
  vertical-align: middle;
  margin-left: 36px;
}

.wishlist {
  cursor: pointer;
}
.account-address form p {
  padding-bottom: inherit;
  border-bottom: none;
  font-size: inherit;
  font-family: var(--gothambook);
  line-height: inherit;
}
.header-popup select {
  width: 100%;
  color: #000;
  border-bottom: 1px solid #a5a5a5;
  font-family: var(--gothambook);
}
.popup-content .wpcf7-response-output {
  position: initial;
  color: #000;
}
.signup-form {
  position: relative;
}
.popup-content .wpcf7-spinner {
  position: absolute;
  top: 100%;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
  margin: 0;
}
.left-billing > strong,
.right-shipping > strong {
  color: var(--theme-color);
  text-transform: uppercase;
}
.left-billing strong,
.right-shipping strong {
  font-weight: 500;
  font-family: var(--gothammedium);
}
.left-billing,
.right-shipping {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
nav.woocommerce-MyAccount-navigation {
  display: none !important;
}
.wc-item-meta {
  padding: 0 !important;
}
.wc-item-meta li p {
  padding-bottom: 0;
}
.common-content-wrapper h2.wp-block-heading {
  margin-bottom: 0;
}
.common-content-wrapper h1.wp-block-heading {
  text-align: left;
  margin-bottom: 0;
}

table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-components-product-name,
.wc-block-components-formatted-money-amount {
  color: #000000 !important;
  font-size: 18px !important;
  line-height: 26px !important;
  letter-spacing: 0.18px !important;
  font-family: var(--gothammedium) !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
.wc-block-components-button {
  width: 100%;
  padding: 17px 30px;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0.16px !important;
  font-family: var(--gothammedium) !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  border: none !important;
  background: #a5a5a5 !important;
  border-radius: 30px !important;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  color: #fff !important;
}
.wc-block-components-button__text {
  color: #fff !important;
}
.wc-block-components-button:hover {
  background: #000 !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-formatted-money-amount,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value,
.wc-block-components-totals-shipping-address-summary,
.wc-block-components-radio-control__option-layout,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table td,
.woocommerce ul.order_details li,
.woocommerce ul.order_details li strong,
.wc-block-components-product-details__gender,
.is-large.wc-block-cart .wc-block-cart__totals-title {
  color: #000000 !important;
  font-size: 17px !important;
  line-height: 26px !important;
  letter-spacing: 0.18px !important;
  font-family: var(--gothammedium) !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
.woocommerce ul.order_details li {
  font-family: var(--gothambook) !important;
}
.is-large.wc-block-cart .wc-block-cart__totals-title,
.wc-block-cart-items__header-image,
.wc-block-cart-items__header-total {
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 16px;
  letter-spacing: 0.18px;
  font-family: var(--gothammedium);
  font-weight: 500 !important;
  text-transform: uppercase;
}
.woocommerce-order .woocommerce-notice {
  color: green;
  font-family: var(--gothammedium);
  font-size: 35px;
  line-height: normal;
  text-transform: capitalize;
          text-align: center;
}
.woocommerce-notices-wrapper {
  display: none;
}
.woocommerce ul.order_details li {
  padding: 0 !important;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  border: none !important;
  padding: 9.75px 0 !important;
  background-color: transparent !important;
  font-size: var(--base-font) !important;
  line-height: var(--base-line) !important;
  transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0) !important;
  outline: none !important;
  border-radius: 0 !important;
  width: 100% !important;
  color: #000 !important;
  border-bottom: 1px solid #a5a5a5 !important;
  font-family: var(--gothambook) !important;
}

.woocommerce form .form-row .input-text:hover,
.woocommerce form .form-row select:hover,
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus {
  border-color: var(--theme-color) !important;
}

.woocommerce form .form-row label {
  font-family: var(--gothammedium) !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
}
.woocommerce form fieldset {
  border: none !important;
  padding: 0 !important;
}
.woocommerce button.button {
  width: fit-content !important;
  padding: 18px 40px 16px !important;
  font-family: var(--gothammedium) !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0.16px !important;
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 30px !important;
  cursor: pointer !important;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: 1px solid transparent !important;
  text-transform: uppercase !important;
  text-align: center !important;
  font-weight: 500 !important;

  margin-top: 20px !important;
}
.select2-container .select2-selection {
  border: none !important;
  background-color: transparent;
  outline: none !important;
  border-radius: 0 !important;
  font-family: var(--gothambook);
  border-bottom: 1px solid #a5a5a5 !important;
  color: #000;
}
.common-content-wrapper .page-center > h1 {
  text-transform: uppercase;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
}
.single_variation_wrap button.button {
  margin: 15px 0;
}
.woocommerce-input-wrapper {
  position: relative;
}
.custom-product-page .social-flex li a {
  background-color: #7e7e7e;
}
.custom-product-page .social-flex li a:hover {
  background-color: var(--theme-color);
}
ul.wc-block-grid__products {
  margin-top: 50px;
  flex-direction: row;
  justify-content: center;
}
.wc-block-grid__product-title {
  font-weight: 500 !important;
  font-family: var(--gothambook) !important;
}
.wp-block-woocommerce-cart h2 {
  font-family: var(--gothammedium) !important;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  background-color: #000 !important;
}
.woocommerce-input-wrapper input::placeholder,
.woocommerce-input-wrapper select::placeholder {
  text-transform: capitalize;
}
.select2-container .select2-selection {
  background: transparent !important;
}
.custom-coupon-form {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  position: relative;
}
.custom-coupon-form input {
  width: 100% !important;
  border-bottom: 1px solid #a5a5a5 !important;
  font-family: var(--gothambook) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.custom-coupon-form input::placeholder {
  text-transform: capitalize !important;
}
.custom-coupon-form input:hover,
.custom-coupon-form input:focus {
  border-bottom: 1px solid var(--theme-color) !important;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: black;
}
.wc_payment_method label {
  display: inline !important;
}
.payment_box p {
  padding-bottom: 0 !important;
  padding-left: 20px !important;
  font-size: 16px;
  line-height: 20px;
}
ul.woocommerce-SavedPaymentMethods,
.woocommerce ul#shipping_method {
  gap: 0 !important;
}
.reset-password .error {
  text-align: left;
}

.join input[type="submit"]:disabled:hover {
  background-color: initial;
  border: none;
  border-bottom: 1px solid var(--white);
}
.search-label {
  margin-bottom: -10px;
}
/* label-style-custom */
.woocommerce form .form-row label,
.woocommerce form .form-row label span {
  text-transform: capitalize !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: var(--gothambook) !important;
  color: #a5a5a5 !important;
  margin-bottom: 0 !important;
}
.woocommerce form .form-row label .required {
  display: none !important;
}
.custom-coupon-form button,
.place-order button.button {
  width: fit-content;
  padding: 14px 30px !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0.16px !important;
  font-family: var(--gothammedium) !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  border: none !important;
  background: #a5a5a5 !important;
  border-radius: 30px !important;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  color: #fff !important;
  max-width: 300px;
}
.custom-coupon-form button:hover,
.place-order button.button:hover {
  background: #000 !important;
}
.custom-coupon-form #custom_coupon_message {
  position: absolute;
  bottom: -31px;
}
.content-area ~ .join {
  padding-top: 0 !important;
}
.place-order button.button {
  width: 100% !important;
  max-width: 100% !important;
}

p.checkout-inline-error-message {
  color: #ff0000 !important;
  font-family: var(--gothambook) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 0;
  padding: 0;
}
.search-wrapper .error {
  text-align: left;
}
.success a {
  color: var(--theme-color);
}
strong,
.woocommerce ul#shipping_method .amount {
  font-weight: 500 !important;
  font-family: var(--gothammedium) !important;
}
/* .woocommerce form .form-row label {
  display: none !important;
}
.woocommerce form .form-row-wide label[for="billing_country"] {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: -10px !important;
} */
.title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.title-flex a {
  font-size: 14px;
  line-height: 20px;
  color: #a5a5a5;
  letter-spacing: 0.28px;
  font-family: var(--gothammedium);
}
.blog-list-wrapper .content-text-wrapper h5 {
  text-transform: uppercase;
}
.is-large:not(.wc-block-checkout) .wc-block-components-product-details__name,
.wc-block-components-quantity-selector
  input.wc-block-components-quantity-selector__input {
  font-weight: 500 !important;
}

ul.woocommerce-error {
  border-top-color: #f00;
  padding-left: 65px;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
    top: 15px !important;
}
ul.woocommerce-error li a,
ul.woocommerce-error li a strong,
ul.woocommerce-error li {
  color: #ff0000 !important;
  font-family: var(--gothambook) !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
.woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping td {
  font-size: 16px !important;
  line-height: 22px !important;
}
.custom-checkout-layout .form-row.woocommerce-SavedPaymentMethods-saveNew label,
.woocommerce form label.checkbox {
  color: #000 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 0.14px !important;
  font-family: var(--gothammedium) !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
.coupon-ready td .amount {
  display: initial !important;
}
.coupon-ready td a.woocommerce-remove-coupon {
  color: red;
  font-family: var(--gothambook);
  font-size: 12px !important;
  line-height: normal !important;
}
.woocommerce table.woocommerce-checkout-review-order-table tr th,
.woocommerce table.woocommerce-checkout-review-order-table tr td {
  padding-top: 0 !important;
}
.woocommerce form .form-row {
  padding: 0 !important;
}
.current-menu-item a {
  color: var(--theme-color) !important;
}
.woocommerce-SavedPaymentMethods-saveNew {
  margin-top: 10px !important;
}
.woocommerce-form-login {
  display: none !important;
}
.coupon-ready td {
  vertical-align: bottom !important;
}
.woocommerce-shipping-totals th {
  vertical-align: top !important;
}
.rest-password > p {
  color: #7e7e7e;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin: 15px 0;
  font-family: var(--gothammedium);
}
.payment_box ul.woocommerce-SavedPaymentMethods {
  padding: 0 !important;
}
.woocommerce form .form-row.form-row-wide label,
.woocommerce form .form-row.form-row-first label,
.woocommerce form .form-row.form-row-last label {
  display: none !important;
}
.woocommerce form .form-row label[for="billing_country"],
.woocommerce form .form-row label[for="shipping_country"] {
  display: block !important;
}
.woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping td {
  padding-left: 10px !important;
}
input[type="checkbox"] {
  vertical-align: middle;
}
.woocommerce-breadcrumb a:hover {
  color: #000;
}
.woocommerce-table--order-details td .amount {
  display: initial;
}
.wc-block-components-radio-control__option-layout {
  align-items: center;
  gap: 20px;
  flex-direction: row !important;
  padding-left: 15px;
  flex-wrap: wrap;
  row-gap: 0;
}
label.checkbox {
  display: flex !important;
  align-items: center;
  padding-top: 11px;
  gap: 2px;
  cursor: pointer;
}
.account-popup {
  padding-bottom: 30px;
}
.contact-right-inner .wpcf7-response-output {
  position: initial;
}

h2.login-btn,.forgot-btn {
  padding: 13px 50px 13px;
  font-family: var(--gothammedium) !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0.16px;
  background-color: #000;
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid transparent;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  display: block;
  max-width: fit-content;
  margin: 0 auto;
  font-weight: 500 !important;
}
.forgot-btn{
  margin-top: 20px !important;
}
h2.login-btn:hover ,.forgot-btn:hover{
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.woocommerce-ResetPassword{
  display: none !important;
}
.forgot-popup .account-main{
  display: none !important;
}
.forgot-popup .rest-password{
  display: block !important;
}
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row.form-row-wide label, .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row.form-row-first label, .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row.form-row-last label{
  display: block !important;
}
.is-large.wc-block-cart .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 1024px) {
  .mobile-menu {
    display: none !important;
  }
  .custom-image-row img {
    height: 100%;
    display: flex;
  }
  .product-gallery {
    min-height: 100vh;
  }
  #right-div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    min-height: 100vh;
  }
}