@font-face {

  font-family: 'Scto Grotesk A';

  src: url("../fonts/SctoGroteskA-Regular.woff2") format("woff2"), url("../fonts/SctoGroteskA-Regular.woff") format("woff");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {

  font-family: 'Scto Grotesk A';

  src: url("../fonts/SctoGroteskA-Bold.woff2") format("woff2"), url("../fonts/SctoGroteskA-Bold.woff") format("woff");

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

@font-face {

  font-family: 'Scto Grotesk A';

  src: url("../fonts/SctoGroteskA-Regular.woff2") format("woff2"), url("../fonts/SctoGroteskA-Regular.woff") format("woff");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

:root {

  --white: #ffffff;

  --black: #000000;

  --cotton: #EFEEE5;

  --cotton-light: #F8F7F2;

  --dark-green: #3E4935;

  --blue: #6B4EFF;

  --grey-300: #5C5C5C;

  --grey-200: #A8A8A8;

  --grey-100: #E3E5E5;

  --grey-text: #525252;
}



body {

  line-height: 1.35;

  padding: 0;

  margin: 0;

  font-family: 'Scto Grotesk A';

  font-weight: normal;
}



.grey {

  background-color: #F3F3F3;
}



.cotton {

  background-color: var(--cotton-light);
}



.dark_green {

  background-color: var(--dark-green);

  color: var(--white);
}

.dark_green a {

  color: var(--white);
}



.gray-bg {

  background-color: var(--cotton);
}



h1,
h2,
h3,
h4,
h5,
h6,
p {

  font-family: 'Scto Grotesk A';

  font-weight: normal;

  margin: 0;
}



h1 {

  font-size: 83px;

  line-height: 1;
}

@media (max-width: 1024px) {

  h1 {

    font-size: 60px;
  }
}

@media (max-width: 768px) {

  h1 {

    font-size: 50px;
  }
}

@media (max-width: 480px) {

  h1 {

    font-size: 32px;
  }
}



h2 {

  font-size: 55px;

  line-height: 1.35;
}

@media (max-width: 1024px) {

  h2 {

    font-size: 45px;
  }
}

@media (max-width: 768px) {

  h2 {

    font-size: 30px;
  }
}



h3 {

  font-size: 40px;

  line-height: 1.24;

  margin-bottom: 20px;
}

@media (max-width: 1024px) {

  h3 {

    font-size: 30px;
  }
}



h4 {

  font-size: 33px;

  line-height: 1.35;
}

@media (max-width: 1024px) {

  h4 {

    font-size: 25px;
  }
}



h5 {

  font-size: 26px;

  line-height: 1.35;
}

@media (max-width: 1024px) {

  h5 {

    font-size: 24px;
  }
}



h6 {

  font-size: 22px;

  line-height: 1.35;
}

@media (max-width: 1024px) {

  h6 {

    font-size: 20px;
  }
}



p {

  font-size: 20px;

  line-height: 1.35;

  margin-bottom: 35px;
}

@media (max-width: 1024px) {

  p {

    margin-bottom: 25px;
  }
}



address {

  font-style: normal;

  margin-bottom: 20px;
}



.container-fluid {

  width: 100%;

  padding: 0 30px;

  box-sizing: border-box;
}

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

  .container-fluid {

    padding: 0 10px;
  }
}



@media (max-width: 768px) {

  #sell-with-us.container-fluid {

    padding: 0;
  }
}



.administrator .header-spacer {

  height: 132px;
}

@media (max-width: 1400px) {

  .administrator .header-spacer {

    height: 96px;
  }
}

@media (max-width: 768px) {

  .administrator .header-spacer {

    height: 31px !important;
  }
}



.header-spacer {

  height: 163px;
}

@media (max-width: 1400px) {

  .header-spacer {

    height: 83px;
  }
}

@media (max-width: 768px) {

  .header-spacer {

    height: 77px;
  }
}



.container,
.main-content .woocommerce {

  max-width: 1194px;

  margin: 0 auto;

  overflow: hidden;
}

@media (max-width: 1400px) {

  .container,
  .main-content .woocommerce {

    max-width: 90%;
  }
}



#mi-banner {

  padding: 60px 0;
}

#mi-banner.white {

  margin-top: 30px;
}

@media (max-width: 1400px) {

  #mi-banner {

    padding: 90px 0 40px;
  }

  #mi-banner.white {

    margin-top: 30px;

    padding: 40px 0;
  }
}

@media (max-width: 768px) {

  #mi-banner {

    padding: 80px 0 20px;
  }

  #mi-banner.white {

    margin-top: 30px;

    padding: 20px 0;
  }
}

#mi-banner .container {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 100px;

  padding: 0 30px;

  box-sizing: border-box;

  max-height: 588px;
}

@media (max-width: 1174px) {

  #mi-banner .container {

    gap: 70px;
  }
}

@media (max-width: 1024px) {

  #mi-banner .container {

    gap: 50px;

    flex-direction: column-reverse;

    max-height: fit-content;

    padding: 0;
  }
}

@media (max-width: 768px) {

  #mi-banner .container {

    gap: 30px;
  }
}

#mi-banner .mi-content {

  max-width: 580px;
}

#mi-banner .mi-content h1 {

  margin-bottom: 30px;
}

#mi-banner .mi-content p {

  color: var(--grey-text);
}

#mi-banner .multiple-images {

  position: relative;

  width: 502px;

  height: 588px;

  display: flex;

  justify-content: flex-end;

  align-items: flex-start;
}

@media (max-width: 500px) {

  #mi-banner .multiple-images {

    height: 420px;

    width: 100%;
  }
}

@media (max-width: 500px) {

  #mi-banner .multiple-images img {

    width: 85%;
  }
}

#mi-banner .multiple-images img:last-child {

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 2;
}



.grey-text p {

  color: var(--grey-text);
}



/* Miscellaneous Pages */

.privacy-policy .main-content,

.page-refunds-exchanges .main-content,

.page-fees-charges .main-content,

.page-shipping-deliveries .main-content,

.page-terms-of-service .main-content,

.page-faqs .main-content,

.page-buying-and-selling-etiquette .main-content,

.page-fabric-faults-policy .main-content {

  padding: 60px 0;
}

@media (max-width: 1400px) {

  .privacy-policy .main-content,

  .page-refunds-exchanges .main-content,

  .page-fees-charges .main-content,

  .page-shipping-deliveries .main-content,

  .page-terms-of-service .main-content,

  .page-faqs .main-content,

  .page-buying-and-selling-etiquette .main-content,

  .page-fabric-faults-policy .main-content {

    padding: 40px 0;
  }
}

@media (max-width: 768px) {

  .privacy-policy .main-content,

  .page-refunds-exchanges .main-content,

  .page-fees-charges .main-content,

  .page-shipping-deliveries .main-content,

  .page-terms-of-service .main-content,

  .page-faqs .main-content,

  .page-buying-and-selling-etiquette .main-content,

  .page-fabric-faults-policy .main-content {

    padding: 30px 0;
  }
}

.privacy-policy .main-content a,

.page-refunds-exchanges .main-content a,

.page-fees-charges .main-content a,

.page-shipping-deliveries .main-content a,

.page-terms-of-service .main-content a,

.page-faqs .main-content a,

.page-buying-and-selling-etiquette .main-content a,

.page-fabric-faults-policy .main-content a {

  color: var(--dark-green);
}



.page-refunds-exchanges ul,
.page-refunds-exchanges ol {

  font-size: 20px;

  line-height: 1.35;

  margin-bottom: 35px;
}

.page-refunds-exchanges ul li,
.page-refunds-exchanges ol li {

  margin-bottom: 5px;
}



.btn,
input[type=submit],
button,
.default-btn,
.clearfilter {

  font-family: 'Scto Grotesk A';

  font-weight: bold;

  font-size: 17px;

  line-height: 1;

  text-decoration: none;

  display: inline-block;

  cursor: pointer;
}

.btn.dark_big,
input[type=submit].dark_big,
button.dark_big,
.default-btn.dark_big,
.clearfilter.dark_big {

  background-color: var(--black);

  color: var(--white);

  padding: 23px 53px;
}

.btn.dark_small,
.btn.btn-primary,
input[type=submit].dark_small,
input[type=submit].btn-primary,
button.dark_small,
button.btn-primary,
.default-btn.dark_small,
.default-btn.btn-primary,
.clearfilter.dark_small,
.clearfilter.btn-primary {

  background-color: var(--black);

  color: var(--white) !important;

  padding: 15px 35px;
}

.btn.light_big,
input[type=submit].light_big,
button.light_big,
.default-btn.light_big,
.clearfilter.light_big {

  background-color: var(--white);

  color: var(--grey-300);

  padding: 23px 53px;
}

.btn.light_small,
input[type=submit].light_small,
button.light_small,
.default-btn.light_small,
.clearfilter.light_small {

  background-color: var(--white);

  color: var(--grey-300);

  padding: 15px 60px;
}

.btn.inverted,
input[type=submit].inverted,
button.inverted,
.default-btn.inverted,
.clearfilter.inverted {

  background-color: var(--dark-green);

  color: var(--white);

  padding: 13px 35px;

  border: 2px solid var(--white);
}



.clearfilter {

  background-color: var(--black);

  color: var(--white);

  padding: 15px 35px;
}



.btn-submit {

  background-color: var(--black);

  color: var(--white);

  padding: 15px 65px;
}



.default-btn {

  background-color: var(--dark-green);

  color: var(--white) !important;

  padding: 15px 49px;

  border: 2px solid transparent;
}



.dokan-form-group .dokan-btn-theme,
.dokan-btn {

  font-family: 'Scto Grotesk A';

  font-weight: bold !important;

  font-size: 17px !important;

  line-height: 1 !important;

  text-decoration: none;

  display: inline-block;

  background-color: var(--black) !important;

  color: var(--white) !important;

  padding: 15px 49px !important;

  border: 2px solid var(--black) !important;
}



.woocommerce button.button {

  background-color: var(--black) !important;

  color: var(--white) !important;

  padding: 15px 65px !important;
}

.woocommerce button.button:hover {

  background-color: var(--black);

  color: var(--white);

  padding: 15px 65px;
}



header {

  padding: 45px 0 40px;

  width: 100%;

  box-sizing: border-box;

  position: fixed;

  background-color: var(--cotton-light);

  z-index: 90;

  top: 0;
}

@media only screen and (max-width: 1400px) {
  header {
    padding: 38px 0 20px !important;
  }
}

header.white_bg {

  background-color: var(--white);
}

header .header {

  display: flex;

  justify-content: space-between;

  align-items: center;
}

@media only screen and (max-width: 1400px) {
  header .header .header-right {
    align-items: flex-start;
    margin-right: 50px;
  }
}

header .header .header-right {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  align-items: flex-start;

  gap: 25px;
}

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

        header .header .header-right {

          margin-right: 50px; } } */

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

  header .header .header-right {

    align-items: flex-start;

    margin-right: 0;

    gap: 15px;
  }
}

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

  header .header .header-right {

    gap: 10px;
  }
}

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

  header .header .header-right {

    margin-right: 5px;

    padding-top: 10px;
  }
}

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

  header .header .header-right li img,
  header .header .header-right li svg {

    width: 18px !important;

    height: 18px;
  }
}

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

  header .header .header-right li.cart.badge img {

    width: 20px;

    height: 20px;
  }
}

header .header .header-right .wishlist {

  height: 25px;
}

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

  header .header .header-right .wishlist {

    width: 25px;

    height: 25px;
  }
}

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

  header .header .header-right .wishlist {

    width: 18px;

    height: 18px;
  }
}

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

  header .header .header-right .wishlist .wlfmc-counter-wrapper {

    height: 18px;
  }
}

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

  header .header .header-right .wishlist svg {

    transform: none;

    left: auto;

    top: 0px !important;
  }
}

header .header .header-right .wishlist i.wlfmc-svg {

  height: 25px;

  top: -2px;
}

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

  header .header .header-right .wishlist i.wlfmc-svg {

    height: 18px;

    top: 0;
  }
}

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

  header .header .header-right .wishlist .wlfmc-counter-icon .products-counter-number {

    top: calc(50% - 19px);
  }
}

header .header .header-right .badge a {

  position: relative;

  display: inline-block;
}

header .header .header-right .badge a::after {

  content: attr(data-count);

  position: absolute;

  background: var(--dark-green);

  height: 20px;

  top: -10px;

  right: -10px;

  width: 20px;

  line-height: 1;

  font-size: 12px;

  border-radius: 50%;

  color: var(--white);

  display: flex;

  align-items: center;

  justify-content: center;
}

header .header .header-right a#search-pro {

  margin-bottom: 7px;

  display: block;
}

header .header .header-right .username {

  display: flex;

  align-items: center;

  gap: 10px;

  position: relative;

  padding: 0 10px 10px;
}

header .header .header-right .username ul {

  position: absolute;

  padding: 22px 28px 22px 28px;

  top: 40px;

  right: 0;

  list-style: none;

  background-color: var(--dark-green);

  display: none;

  z-index: 3;

  width: 210px;
}

header .header .header-right .username ul li {

  margin-bottom: 5px;
}

header .header .header-right .username ul li:first-child {

  border-bottom: 1px solid var(--white);

  padding-bottom: 5px;
}

header .header .header-right .username ul a {

  color: var(--white);

  text-decoration: none;
}

header .header .header-right .username:hover ul {

  display: block;
}

header .header .header-right .username .avatar {

  display: inline-block;

  width: 32px;

  height: 32px;

  border-radius: 50%;

  overflow: hidden;
}

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

  header .header .header-right .username .avatar {

    width: 18px;

    height: 18px;
  }
}

header .header .header-right .username .name {

  display: inline-block;

  position: relative;

  padding-right: 30px;

  color: var(--white);
}

header .header .header-right .username .name::after {

  content: '';

  position: absolute;

  width: 14px;

  height: 8px;

  background: url(../images/down-arrow.svg) no-repeat;

  top: 6px;

  right: 0;
}

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

  header .header .header-right .username .name {

    display: none;
  }
}

header .hidden-search {

  position: absolute;

  z-index: 1000;

  top: 0;

  left: 0;

  right: 0;

  background-color: var(--dark-green);

  color: var(--white);

  text-align: center;

  padding-top: 66px;

  padding-bottom: 70px;
}

header .hidden-search h4 {

  margin-bottom: 39px;
}

header .hidden-search form {

  max-width: 587px;

  margin: 0 auto;

  display: flex;

  gap: 10px;
}

header .hidden-search #close {

  position: absolute;

  top: 20px;

  right: 20px;
}

header .hidden-search .is-form-style input.is-search-input {

  width: 100%;

  height: 48px;

  background-color: var(--dark-green) !important;

  color: var(--white);

  border: 1px solid var(--cotton) !important;

  padding: 0 10px;
}

header .hidden-search .is-form-style input.is-search-input::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: var(--white);

  background-color: var(--dark-green) !important;
}

header .hidden-search .is-form-style input.is-search-input::-moz-placeholder {

  /* Firefox 19+ */

  color: var(--white);

  background-color: var(--dark-green) !important;
}

header .hidden-search .is-form-style input.is-search-input:-moz-placeholder {

  /* Firefox 18- */

  color: var(--white);

  background-color: var(--dark-green) !important;
}

header .hidden-search .is-form-style input.is-search-input:hover,
header .hidden-search .is-form-style input.is-search-input:focus {

  background-color: var(--dark-green) !important;

  color: var(--white);

  border: 1px solid var(--cotton) !important;
}

header .hidden-search .is-form-style input.is-search-submit {

  position: relative;

  font-family: 'Scto Grotesk A';

  font-weight: normal;

  font-size: 17px !important;

  line-height: 1;

  background-color: var(--white) !important;

  border: 1px solid var(--white);

  color: var(--dark-green) !important;

  width: 176px;

  text-align: center;

  height: 48px;

  cursor: pointer;
}



.home header,

.blog header,

.single:not(.single-product) header {

  background-color: var(--white);
}



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

  .wlfmc-products-counter-wrapper:not(.is-elementor) .wlfmc-counter-icon i.wlfmc-svg {

    width: 18px !important;

    background-size: 18px !important;
  }



  .header-right .wishlist .wlfmc-counter-icon .wlfmc-svg:empty {

    width: 18px !important;

    height: 18px !important;
  }
}

/* Top Navigation Section */

nav .navbar-nav {

  display: flex;

  list-style: none;

  padding: 0;

  margin: 0;
}

nav .navbar-nav li.menu-item-has-children .sub-menu {

  display: none;

  position: absolute;

  padding: 0;

  width: 100%;

  left: 0;

  bottom: -13px;

  background-color: var(--dark-green);

  justify-content: center;

  transition: opacity 0.3s;
}

nav .navbar-nav li.menu-item-has-children .sub-menu a {

  color: var(--white);

  padding: 15px 20px;
}

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

  nav .navbar-nav li.menu-item-has-children .sub-menu a {

    color: var(--black);

    padding: 6px 20px;
  }
}

nav .navbar-nav li.menu-item-has-children .sub-menu li {

  list-style: none;
}

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

  nav .navbar-nav li.menu-item-has-children .sub-menu {

    background-color: transparent;
  }
}

nav .navbar-nav li.menu-item-has-children.active_shop_page a,
nav .navbar-nav li.menu-item-has-children:hover a {

  color: var(--white);

  background-color: var(--dark-green);

  border-radius: 4px 4px 0 0;

  display: inline-block;

  position: relative;
}

nav .navbar-nav li.menu-item-has-children.active_shop_page a::before,
nav .navbar-nav li.menu-item-has-children:hover a::before {

  content: '';

  position: absolute;

  width: 20px;

  height: 15px;

  background: url(../images/nav-curve-right.svg) no-repeat;

  bottom: 0;

  right: -20px;
}

nav .navbar-nav li.menu-item-has-children.active_shop_page a::after,
nav .navbar-nav li.menu-item-has-children:hover a::after {

  content: '';

  position: absolute;

  width: 20px;

  height: 15px;

  background: url(../images/nav-curve-left.svg) no-repeat;

  bottom: 0;

  left: -15px;
}

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

  nav .navbar-nav li.menu-item-has-children.active_shop_page a,
  nav .navbar-nav li.menu-item-has-children:hover a {

    background-color: transparent;

    color: var(--black);
  }

  nav .navbar-nav li.menu-item-has-children.active_shop_page a::before,
  nav .navbar-nav li.menu-item-has-children.active_shop_page a::after,
  nav .navbar-nav li.menu-item-has-children:hover a::before,
  nav .navbar-nav li.menu-item-has-children:hover a::after {

    display: none;
  }
}

nav .navbar-nav li.menu-item-has-children.active_shop_page .sub-menu,
nav .navbar-nav li.menu-item-has-children:hover .sub-menu {

  display: flex;
}

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

  nav .navbar-nav li.menu-item-has-children.active_shop_page .sub-menu,
  nav .navbar-nav li.menu-item-has-children:hover .sub-menu {

    flex-direction: column;
  }
}

nav .navbar-nav a {

  text-decoration: none;

  display: inline-block;

  color: var(--black);

  padding: 13px 20px 20px;

  font-size: 17px;

  font-family: 'Scto Grotesk A';

  font-weight: normal;
}

@media (max-width: 1400px) {

  nav .navbar-nav a {

    padding: 10px;
  }
}

nav .navbar-nav .sell-btn {

  margin-left: 15px;
}

nav .navbar-nav .sell-btn a {

  font-weight: bold;

  border: 1px solid var(--dark-green);

  color: var(--dark-green);

  padding: 10px 20px;
}

nav .navbar-nav .sell-btn a:hover {

  border: 1px solid var(--dark-green);

  background-color: var(--dark-green);

  color: var(--white);

  transition: background-color 500ms linear;
}



.hidden {

  display: none;
}



@media only screen and (max-width: 1400px) {
  header .header {
    gap: 15px;
  }

  .navbar-brand {
    margin-left: 30px;
    margin-bottom: 4px;
  }

  .nav-toggle {
    display: block;

    position: absolute;

    top: 1.7rem !important;
    left: 1rem !important;

    width: 20px;

    height: 2.5rem;

    cursor: pointer;

    z-index: 999;
  }

  .nav-toggle span {

    display: block;

    width: 20px;

    height: 2px;

    background: #000;

    border-radius: 2px;

    margin-left: 14px;
  }

  .nav-toggle span:nth-child(1) {

    margin-top: 16px;
  }

  .nav-toggle span:nth-child(2) {

    margin-top: 4px;

    opacity: 1;
  }

  .nav-toggle span:nth-child(3) {

    margin-top: 4px;
  }



  #nav:checked+.nav-toggle {

    transform: rotate(45deg);

    top: 1.2rem !important;
    left: 5px;
  }

  #nav:checked+.nav-toggle span {

    background: #000;

    transition: transform 0.5s ease;
  }

  #nav:checked+.nav-toggle span:nth-child(1) {

    transform: translateY(6px) rotate(180deg);
  }

  #nav:checked+.nav-toggle span:nth-child(2) {

    opacity: 0;
  }

  #nav:checked+.nav-toggle span:nth-child(3) {

    transform: translateY(-6px) rotate(90deg);
  }



  .navbar {

    position: fixed;

    top: 80px;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    opacity: 0;

    background: #fff;

    transition: all 0.3s ease;

    display: none;
  }

  .navbar .navbar-nav {

    display: flex;

    flex-direction: column;

    width: 100%;

    padding-left: 30px;
  }

  .navbar .navbar-nav li.menu-item-has-children a:hover {

    background-color: transparent;

    color: var(--black);
  }

  .navbar .navbar-nav li.menu-item-has-children a:hover::before,
  .navbar .navbar-nav li.menu-item-has-children a:hover::after {

    display: none;
  }

  .navbar .navbar-nav li.menu-item-has-children .sub-menu {

    display: block;

    position: relative;

    bottom: auto;

    background-color: transparent;

    margin-left: 20px;
  }

  .navbar .navbar-nav li.menu-item-has-children .sub-menu a {

    color: var(--black);
  }



  #nav:checked~.navbar {

    z-index: 99;

    opacity: 1;

    display: block;
  }
}

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

  .navbar-brand {

    margin-left: 3rem;
  }



  .nav-toggle {

    top: 20px;

    left: 1rem;
  }
}

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





  .nav-toggle {

    top: 1.6rem !important;

    right: auto;
  }



  .nav-toggle span {

    width: 15px;
  }
}

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


  .navbar-brand img {

    max-width: 200px;
  }

  .navbar-brand {
    margin-bottom: 8px;
  }
}

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

  .nav-toggle {
    top: 32px !important;
    left: 0.5rem !important;
  }

  .navbar-brand img {

    max-width: 180px;
  }

  #nav:checked+.nav-toggle {


    top: 1.6rem !important;
  }

  .navbar-brand {
    margin-bottom: 4px;
  }
}

/* Footer Section */

footer {

  padding: 50px 0;

  background-color: var(--dark-green);

  color: var(--white);

  font-size: 16px;

  line-height: 1.625;
}

footer p {

  font-size: 16px;

  margin-bottom: 20px;
}

footer .subscribe {

  text-align: center;

  margin-bottom: 100px;
}

footer .subscribe h4 {

  margin-bottom: 25px;
}

footer .subscribe p {

  margin-bottom: 30px;
}

footer .subscribe form {

  display: flex;

  gap: 8px;

  justify-content: center;
}

footer .subscribe form input[type=email] {

  height: 54px !important;

  padding: 0 19px !important;

  border: 1px solid var(--grey-100);

  background-color: var(--dark-green);

  color: var(--white);

  font-family: 'Scto Grotesk A';

  font-weight: normal;

  width: 406px;

  box-sizing: border-box;
}

@media (max-width: 600px) {

  footer .subscribe form input[type=email] {

    width: auto;
  }
}

footer .subscribe form input[type=email]::placeholder {

  color: var(--white);
}

footer .subscribe form .btn-subscribe {

  font-family: 'Scto Grotesk A';

  font-weight: normal;

  font-size: 17px;

  line-height: 1;

  background-color: var(--white);

  border: 1px solid var(--white);

  color: var(--dark-green);

  width: 176px;

  text-align: center;

  height: 54px;

  cursor: pointer;
}

footer .footer {

  display: flex;

  gap: 40px;

  justify-content: space-between;

  align-items: flex-start;
}

@media (max-width: 768px) {

  footer .footer {

    flex-direction: column;
  }
}

@media (max-width: 1024px) {

  footer .footer .address {

    flex: 1;
  }
}

footer .footer .address p:last-child {

  margin-bottom: 0;
}

footer .footer a {

  color: var(--white);

  text-decoration: none;
}

footer .footer ul {

  list-style: none;

  padding: 0;
}

footer .footer ul li {

  margin-bottom: 3px;
}



/* Subscribe Form */

.klaviyo-form.klaviyo-form.klaviyo-form {

  max-width: 587px;

  margin: 0 auto;
}

@media (max-width: 768px) {

  .klaviyo-form.klaviyo-form.klaviyo-form {

    max-width: 94%;
  }
}

.klaviyo-form.klaviyo-form.klaviyo-form .go274161574.go274161574.go274161574:hover {

  border-color: var(--white) !important;
}

.klaviyo-form.klaviyo-form.klaviyo-form button.needsclick.go717997462.kl-private-reset-css-Xuajs1 {

  width: 176px;

  box-sizing: border-box;
}

@media (max-width: 768px) {

  .klaviyo-form.klaviyo-form.klaviyo-form button.needsclick.go717997462.kl-private-reset-css-Xuajs1 {

    width: auto;
  }
}



/* Subscribe Thankyou page */

.thank-you {

  padding: 100px 0;
}

@media (max-width: 1024px) {

  .thank-you {

    padding: 65px 0;
  }
}

@media (max-width: 980px) {

  .thank-you {

    padding: 45px 0;
  }
}

@media (max-width: 768px) {

  .thank-you {

    padding: 25px 0;
  }
}

.thank-you .message-body {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 10px;
}

.thank-you .btn {

  margin-top: 20px;
}



input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
select,
textarea {

  width: 100%;

  height: 48px !important;

  background-color: var(--white);

  border: 1px solid var(--cotton) !important;

  padding: 0 10px !important;

  box-sizing: border-box;

  font-family: 'Scto Grotesk A';

  font-size: 16px !important;

  color: var(--black);

  outline: none;
}



textarea {

  height: 180px !important;

  padding: 10px !important;

  box-sizing: border-box;
}



select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  outline: none;

  position: relative;

  background: var(--white) url("../images/down-arrow-black.svg") no-repeat top 20px right 15px !important;

  padding-right: 35px !important;
}



label {

  font-family: 'Scto Grotesk A';

  font-size: 16px;

  margin-bottom: 8px;

  display: inline-block;
}



.error {

  color: #ff0000;

  font-size: 13px;

  margin-top: 2px;

  display: block;
}



/* Overright rides */

.select2-container--default .select2-selection--single {

  border-radius: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {

  line-height: 48px !important;
}



.select2-container .select2-selection--single {

  width: 100%;

  height: 48px !important;

  background-color: var(--white) !important;

  border: 1px solid var(--cotton) !important;

  padding: 0 10px;
}

.select2-container .select2-selection--single .select2-selection__arrow {

  height: 46px !important;

  width: 40px !important;
}



.select2-container--open .select2-dropdown--below {

  margin-top: 4px !important;
}



.contribution .container {

  padding: 110px 0;

  text-align: center;
}

.contribution .container h5 {

  margin-bottom: 50px;
}

.contribution .container .contribution-list {

  display: flex;

  padding: 0 35px;

  gap: 75px;

  margin-bottom: 40px;
}

.contribution .container .contribution-list img {

  margin-bottom: 20px;
}



#sell-with-us .container {

  padding: 81px 0 70px;

  display: flex;

  justify-content: space-between;

  gap: 30px;
}

@media (max-width: 1024px) {

  #sell-with-us .container {

    flex-direction: column-reverse;

    padding: 45px 0;
  }
}

@media (max-width: 768px) {

  #sell-with-us .container {

    padding: 25px 0;
  }
}

#sell-with-us .sell-content {

  max-width: 480px;

  margin-top: 15px;
}

@media (max-width: 1024px) {

  #sell-with-us .sell-content {

    max-width: 100%;
  }
}

@media (max-width: 1174px) {

  #sell-with-us img {

    max-width: 60%;
  }
}

@media (max-width: 1024px) {

  #sell-with-us img {

    max-width: 100%;
  }
}



.get-started {

  padding: 160px 0 125px;

  background-color: var(--cotton-light);
}

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

  .get-started {

    padding: 100px 0;
  }
}

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

  .get-started {

    padding: 75px 0;
  }
}

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

  .get-started {

    padding: 50px 0;
  }
}

.get-started .container {

  display: flex;

  gap: 100px;
}

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

  .get-started .container {

    flex-wrap: wrap;

    gap: 50px;
  }
}

.get-started .container h1 {

  margin-bottom: 40px;
}

.get-started .signup-content {

  flex: 1;
}

.get-started button {

  background-color: var(--black);

  color: var(--white);

  border: 0;

  padding: 15px 53px;
}



.reg_email_error {

  display: none;
}



.registeration-form {

  min-width: 632px;

  padding: 45px 30px;

  box-sizing: border-box;

  flex: 1;

  background-color: var(--cotton);
}

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

  .registeration-form {

    min-width: 100%;
  }
}

.registeration-form form a {

  color: var(--black);
}

.registeration-form form .split-row {

  display: flex;

  gap: 28px;
}

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

  .registeration-form form .split-row {

    flex-direction: column;

    gap: 0px;
  }
}

.registeration-form form .form-row {

  flex: 1;

  margin-bottom: 25px;

  text-align: center;
}

.registeration-form form .form-row.form-row-wide,
.registeration-form form .form-row.form-group {

  text-align: left;
}

.registeration-form form .form-row#agree-terms {

  display: flex;

  gap: 5px;
}

.registeration-form form .form-row#agree-terms label {

  margin-bottom: 0;
}

.registeration-form form .login-account {

  text-align: center;
}

.registeration-form form .login-account p {

  font-size: 14px;
}

.registeration-form form .login-account a {

  color: var(--black);
}

.registeration-form form p {

  margin-bottom: 0;
}



.woocommerce-form-login {

  max-width: 632px;

  padding: 35px 30px;

  box-sizing: border-box;

  flex: 1;

  background-color: var(--cotton);

  margin: 122px auto;
}

.woocommerce-form-login h5 {

  font-weight: bold;

  text-align: center;

  margin-bottom: 40px;
}

.woocommerce-form-login .form-row {

  text-align: center;

  margin: 0 0 20px !important;
}

.woocommerce-form-login .form-row.form-row-wide {

  text-align: left;

  margin-bottom: 20px;
}

.woocommerce-form-login .lost_password {

  font-size: 15px;

  margin-bottom: 35px !important;
}

.woocommerce-form-login .vender-signup {

  text-align: center;

  font-size: 15px;

  margin-bottom: 0;
}

.woocommerce-form-login a {

  color: var(--black);
}

.woocommerce-form-login button {

  background-color: var(--black);

  color: var(--white);

  padding: 15px 53px;
}



/* Lost Password Page */

.woocommerce .lost_reset_password {

  border-radius: 0;

  background-color: var(--cotton-light);

  border: 0;

  padding: 40px;

  margin: 122px auto;

  max-width: 632px;

  box-sizing: border-box;
}



.page-my-account .woocommerce form .form-row-first,

.page-my-account .woocommerce form .form-row-last,

.page-my-account .woocommerce-page form .form-row-first,

.page-my-account .woocommerce-page form .form-row-last {

  width: 100%;
}



/* FAQs Section */

.faq-section {

  padding-top: 90px;
}

.faq-section .header {

  text-align: center;
}

.faq-section .header .sub-heading {

  font-size: 20px;

  margin-bottom: 10px;
}

.faq-section .header h4 {

  margin-bottom: 30px;
}

.faq-section .horizontal {

  list-style: none;

  padding: 0;

  display: flex;

  justify-content: center;

  gap: 30px;

  font-size: 15px;
}

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

  .faq-section .horizontal {

    flex-wrap: wrap;
  }
}

.faq-section .horizontal a {

  color: var(--black);

  text-decoration: none;

  text-transform: uppercase;

  display: inline-block;
}

.faq-section .horizontal .active a {

  border-bottom: 1px solid var(--black);

  padding-bottom: 1px;
}

.faq-section .faq-tabs {

  margin-bottom: 130px;
}

.faq-section .faq-list {

  margin-top: 95px;

  columns: 2 auto;
}

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

  .faq-section .faq-list {

    columns: 1 auto;
  }
}

.faq-section .faq-list .faq-block {

  width: calc(100% - 80px);

  margin-bottom: 60px;
}

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

  .faq-section .faq-list .faq-block {

    width: calc(100% - 50px);

    margin-bottom: 50px;
  }
}

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

  .faq-section .faq-list .faq-block {

    width: 100%;

    margin-bottom: 25px;
  }
}

.faq-section .faq-list .faq-block a {

  color: var(--black);
}

.faq-section .faq-list p {

  font-size: 16px;

  margin-bottom: 20px;
}

.faq-section .faq-list p.faq-question {

  font-weight: bold;
}



#home-banner {

  padding: 0 0 50px;

  background-color: #f3f3f3;
}

@media (max-width: 1400px) {

  #home-banner {

    padding: 0 0 50px;
  }
}

@media (max-width: 1024px) {

  #home-banner {

    padding: 0 0 45px;
  }
}

@media (max-width: 768px) {

  #home-banner {

    padding: 0 0 25px;
  }
}

#home-banner .home-banner-col {

  display: flex;

  align-items: center;

  gap: 70px;

  margin-right: 60px;
}

@media (max-width: 1174px) {

  #home-banner .home-banner-col {

    margin-right: 0;
  }
}

@media (max-width: 768px) {

  #home-banner .home-banner-col {

    flex-direction: column-reverse;

    gap: 30px;
  }
}

#home-banner .home-banner-col h1 {

  margin-bottom: 25px;
}

#home-banner .owl-carousel .owl-item img {

  width: 441px;

  height: 572px;

  object-fit: cover;
}

@media (max-width: 1024px) {

  #home-banner .owl-carousel .owl-item img {

    width: 100%;
    height: auto;
  }
}

#home-banner .owl-dots {

  text-align: center;
}

@media (max-width: 576px) {

  #home-banner .owl-dots {

    margin-top: 10px;
  }
}



/* Data Section */

.data-block {

  padding: 100px 0;

  background-color: rgba(238, 238, 238, 0.26);
}

@media (max-width: 1024px) {

  .data-block {

    padding: 45px 0;
  }
}

@media (max-width: 768px) {

  .data-block {

    padding: 25px 0;
  }
}

.data-block h5 {

  text-align: center;

  margin-bottom: 50px;
}

@media (max-width: 1024px) {

  .data-block h5 {

    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {

  .data-block h5 {

    margin-bottom: 25px;
  }
}

.data-block .data-col {

  display: flex;

  gap: 100px;

  padding: 0 60px;
}

@media (max-width: 1174px) {

  .data-block .data-col {

    gap: 40px;

    padding: 0 20px;
  }
}

@media (max-width: 980px) {

  .data-block .data-col {

    flex-direction: column;
  }
}

@media (max-width: 768px) {

  .data-block .data-col {

    gap: 25px;
  }
}

@media (max-width: 576px) {

  .data-block .data-col {

    padding: 0;
  }
}

.data-block .data-col .data-row {

  display: flex;

  align-items: center;

  gap: 40px;

  flex: 1;
}

@media (max-width: 980px) {

  .data-block .data-col .data-row {

    justify-content: space-around;
  }
}

@media (max-width: 768px) {

  .data-block .data-col .data-row {

    gap: 20px;
  }
}

@media (max-width: 576px) {

  .data-block .data-col .data-row img {

    gap: 15px;

    width: 60px;
  }
}

.data-block .data-col .data-row p {

  margin-bottom: 0;
}

@media (max-width: 980px) {

  .data-block .data-col .data-row p {

    width: calc(100% - 130px);
  }
}

@media (max-width: 576px) {

  .data-block .data-col .data-row p {

    width: calc(100% - 75px);
  }
}



/* Fabric Collection */

.fabric-collection {

  padding: 90px 0;
}

@media (max-width: 1024px) {

  .fabric-collection {

    padding: 45px 0;
  }
}

@media (max-width: 768px) {

  .fabric-collection {

    padding: 25px 0;
  }
}

.fabric-collection h4 {

  text-align: center;

  margin-bottom: 30px;
}

.fabric-collection .collection-row {

  display: grid;

  grid-template-columns: 50% 50%;

  gap: 13px;

  grid-template-areas: 'one two' 'one three';

  margin-bottom: 30px;

  width: 100%;
}

@media (max-width: 768px) {

  .fabric-collection .collection-row {

    display: flex;

    flex-direction: column;
  }
}

.fabric-collection .collection-col {

  position: relative;
}

.fabric-collection .collection-col img {

  object-fit: cover;

  display: block;

  width: 100%;
}

@media (max-width: 768px) {

  .fabric-collection .collection-col img {

    height: 300px;
  }
}

.fabric-collection .collection-col a {

  display: block;

  line-height: 0;
}

.fabric-collection .collection-col:nth-child(1) {

  grid-area: one;
}

.fabric-collection .collection-col:nth-child(2) {

  grid-area: two;
}

.fabric-collection .collection-col:nth-child(3) {

  grid-area: three;
}

.fabric-collection .collection-col .collection-txt {

  position: absolute;

  left: 0;

  bottom: 28px;

  padding: 30px;

  background-color: var(--dark-green);

  color: var(--white);

  text-decoration: none;
}

@media (max-width: 768px) {

  .fabric-collection .collection-col .collection-txt {

    padding: 15px;
  }
}

.fabric-collection .collection-col .collection-txt span {

  text-transform: uppercase;

  font-size: 15px;

  line-height: 20px;

  display: block;

  margin-bottom: 10px;
}

.fabric-collection .collection-col .collection-txt p {

  margin-bottom: 0;

  font-size: 26px;
}

.fabric-collection .catalog-btn {

  text-align: center;
}



/* About Us */

.about-us .container {

  display: flex;

  gap: 70px;

  padding: 110px 0;

  align-items: center;
}

@media (max-width: 1024px) {

  .about-us .container {

    gap: 50px;

    padding: 70px 0;

    flex-direction: column-reverse;
  }
}

@media (max-width: 980px) {

  .about-us .container {

    padding: 45px 0;
  }
}

@media (max-width: 768px) {

  .about-us .container {

    padding: 25px 0;

    gap: 25px;
  }
}

.about-us .container h1 {

  font-size: 80px;

  color: var(--black);

  margin-bottom: 40px;
}

@media (max-width: 1024px) {

  .about-us .container h1 {

    font-size: 50px;

    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {

  .about-us .container h1 {

    font-size: 40px;
  }
}

.about-us .container p {

  color: var(--grey-30);
}

@media (max-width: 1024px) {

  .about-us .container img {

    max-width: 45%;
  }
}

@media (max-width: 768px) {

  .about-us .container img {

    max-width: 100%;
  }
}



/* How it Works */

.how-it-works {

  padding: 130px 0;

  text-align: center;
}

@media (max-width: 1024px) {

  .how-it-works {

    padding: 45px 0;
  }
}

@media (max-width: 768px) {

  .how-it-works {

    padding: 25px 0;
  }
}

.how-it-works h5 {

  text-align: center;

  margin-bottom: 55px;
}

.how-it-works .how-work-row {

  display: flex;

  gap: 60px;

  margin: 0 50px 55px;

  text-align: center;

  align-items: flex-start;
}

@media (max-width: 1174px) {

  .how-it-works .how-work-row {

    gap: 30px;

    margin: 0 30px 35px;
  }
}

@media (max-width: 1024px) {

  .how-it-works .how-work-row {

    flex-wrap: wrap;
  }
}

@media (max-width: 576px) {

  .how-it-works .how-work-row {

    gap: 20px;

    margin: 0 0 35px;
  }
}

.how-it-works .how-work-row .how-work-col {

  flex: 1;
}

@media (max-width: 576px) {

  .how-it-works .how-work-row .how-work-col {

    flex: 0 0 46%;
  }
}

.how-it-works .how-work-row .how-work-col img {

  margin-bottom: 20px;
}

@media (max-width: 576px) {

  .how-it-works .how-work-row .how-work-col img {

    width: 50%;
  }
}

.how-it-works .how-work-row .how-work-col h6 {

  margin-bottom: 10px;
}

.how-it-works .how-work-row .how-work-col p {

  margin-bottom: 0;
}

@media (max-width: 576px) {

  .how-it-works .how-work-row .how-work-col p {

    font-size: 18px;
  }
}



/* About Page */

/* About Section */

.about .container {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 135px 30px 135px 30px;

  gap: 65px;
}

.about h4 {

  margin-bottom: 20px;
}



/* Our Mission */

.our-mission {

  background-color: var(--dark-green);

  color: var(--white);
}

.our-mission .container {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 135px 30px 135px 40px;

  gap: 120px;
}

.our-mission h4 {

  margin-bottom: 20px;
}



#blog-banner {

  padding: 252px 0 100px;
}

@media (max-width: 1400px) {

  #blog-banner {

    padding-top: 227px 0 100px;
  }
}

@media (max-width: 1024px) {

  #blog-banner {

    padding: 207px 0 50px;
  }
}

@media (max-width: 768px) {

  #blog-banner {

    padding: 125px 0 30px;
  }
}

#blog-banner .title h4 {

  text-align: center;

  margin-bottom: 75px;
}

@media (max-width: 1024px) {

  #blog-banner .title h4 {

    margin-bottom: 50px;
  }
}

@media (max-width: 768px) {

  #blog-banner .title h4 {

    margin-bottom: 30px;
  }
}

#blog-banner .blog-banner-content {

  display: flex;

  justify-content: space-between;

  gap: 75px;

  align-items: center;
}

@media (max-width: 1174px) {

  #blog-banner .blog-banner-content {

    gap: 50px;
  }
}

@media (max-width: 1024px) {

  #blog-banner .blog-banner-content {

    flex-direction: column;

    gap: 30px;
  }
}

@media (max-width: 1174px) {

  #blog-banner .blog-banner-content img {

    width: 450px !important;

    height: auto;

    object-fit: cover;
  }
}

@media (max-width: 980px) {

  #blog-banner .blog-banner-content img {

    width: 100%;
  }
}

#blog-banner .blog-banner-content>div {

  margin-right: 15px;
}

#blog-banner .blog-banner-content h4 {

  margin-bottom: 15px;
}

#blog-banner .blog-banner-content h4 a {

  text-decoration: none;

  color: var(--black);
}

#blog-banner .blog-banner-content p {

  font-size: 16px;

  line-height: 1.5;
}



.date {

  font-size: 15px;

  line-height: 1;

  color: #525252;

  display: inline-block;

  margin-bottom: 20px;
}



/* More Articles */

.more-articles {

  padding-bottom: 100px;
}

@media (max-width: 1024px) {

  .more-articles {

    padding-bottom: 70px;
  }
}

@media (max-width: 980px) {

  .more-articles {

    padding-bottom: 50px;
  }
}

@media (max-width: 768px) {

  .more-articles {

    padding-bottom: 30px;
  }
}

.more-articles .title {

  margin-bottom: 35px;
}

.more-articles-row {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 75px;
}

@media (max-width: 1024px) {

  .more-articles-row {

    gap: 50px;
  }
}

@media (max-width: 768px) {

  .more-articles-row {

    flex-direction: column;

    gap: 20px;
  }
}

.more-articles-column {

  flex: 1 0 calc(33% - 75px);

  border-top: 6px solid #4E5944;

  padding-top: 20px;
}

.more-articles-column h4 {

  margin-bottom: 15px;
}

.more-articles-column h4 a {

  text-decoration: none;

  color: var(--black);
}

.more-articles-column p {

  font-size: 16px;

  line-height: 1.5;

  margin-bottom: 15px;
}



/* Detail Post */

#detail-post {

  background-color: var(--cotton-light);

  padding-top: 162px;
}

@media (max-width: 1400px) {

  #detail-post {

    padding-top: 107px;
  }
}

@media (max-width: 768px) {

  #detail-post {

    padding-top: 40px;
  }
}

#detail-post .container {

  max-width: 810px;

  padding: 50px 0;
}

@media (max-width: 980px) {

  #detail-post .container {

    max-width: 92%;

    padding: 30px 0;
  }
}

#detail-post .container h6 {

  margin-bottom: 30px;
}

#detail-post .container p {

  font-size: 16px;

  line-height: 1.63;
}

#detail-post .container a {

  color: var(--black);
}

#detail-post .container .main-img {

  display: block;

  margin: 0 auto 55px;
}

#detail-post .container .title {

  margin-bottom: 40px;

  text-align: center;
}

#detail-post .container .title .date {

  margin-bottom: 15px;
}



.single-post .size-full {

  width: 100%;

  height: 550px;

  object-fit: cover;

  margin-bottom: 55px;
}

@media (max-width: 768px) {

  .single-post .size-full {

    height: auto;
  }
}



.contact-us {

  padding: 85px 0 65px;

  width: 619px;
}

.contact-us h5 {

  text-align: center;

  font-weight: bold;

  margin-bottom: 35px;
}

.contact-us .form-row {

  display: flex;

  gap: 31px;
}

@media (max-width: 768px) {

  .contact-us .form-row {

    flex-direction: column;

    gap: 0;
  }
}

.contact-us .form-row .form-group {

  flex: 1;
}

.contact-us .form-group label {

  margin-bottom: 17px;
}

.contact-us .form-group textarea {

  max-width: 619px;

  min-width: 619px;
}

@media (max-width: 768px) {

  .contact-us .form-group textarea {

    min-width: 100%;
  }
}

.contact-us .submit-btn p {

  margin-bottom: 0;

  text-align: center;
}



.form-group .wpcf7-not-valid-tip {

  color: #ff0000;

  font-size: 13px;

  margin-top: 2px;
}



.wpcf7 form .wpcf7-response-output {

  max-width: 1174px;

  margin: 0 auto 35px;

  background-color: var(--dark-green);

  color: var(--white);

  border-color: var(--dark-green) !important;
}



.error-404.not-found {

  max-width: 695px;

  margin: 143px auto;

  text-align: center;

  padding-top: 163px;
}

@media (max-width: 1400px) {

  .error-404.not-found {

    padding-top: 127px;
  }
}

.error-404.not-found header {

  padding: 0;

  position: relative;
}

.error-404.not-found header.page-header {

  background-color: transparent !important;
}

.error-404.not-found header.page-header h1 {

  font-size: 55px;

  margin-bottom: 45px;
}

.error-404.not-found header.page-header h1 strong {

  display: block;

  margin-bottom: 20px;
}

.error-404.not-found .page-content p {

  font-size: 16px;

  color: var(--grey-text);

  margin-bottom: 45px;
}



/* Services */

.services-help {

  padding: 125px 35px;
}

@media (max-width: 1174px) {

  .services-help {

    padding: 100px 35px;
  }
}

@media (max-width: 1024px) {

  .services-help {

    padding: 75px 35px;
  }
}

@media (max-width: 768px) {

  .services-help {

    padding: 50px 25px;
  }
}

.services-help h1 {

  margin: 0 auto 75px;

  text-align: center;

  max-width: 750px;
}

@media (max-width: 1024px) {

  .services-help h1 {

    margin: 0 auto 50px;
  }
}

@media (max-width: 768px) {

  .services-help h1 {

    margin: 0 auto 25px;
  }
}

.services-help .services-row {

  display: flex;

  gap: 60px;
}

@media (max-width: 980px) {

  .services-help .services-row {

    gap: 30px;
  }
}

@media (max-width: 768px) {

  .services-help .services-row {

    flex-direction: column;
  }
}

.services-help .services-row .services-col {

  background-color: var(--dark-green);

  color: var(--white);

  padding: 35px 38px;

  text-align: center;

  flex: 1;
}

@media (max-width: 768px) {

  .services-help .services-row .services-col {

    padding: 25px;
  }
}

.services-help .services-row .services-col img {

  margin-bottom: 15px;
}

.services-help .services-row .services-col h6 {

  font-size: 23px;

  margin-bottom: 30px;
}

.services-help .services-row .services-col h6 a {

  color: var(--white);

  text-decoration: underline;
}

.services-help .services-row .services-col p {

  font-size: 16px;
}



/* Consultaion */

.consultation .container {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 125px 50px 125px 75px;

  gap: 90px;
}

@media (max-width: 1174px) {

  .consultation .container {

    gap: 70px;

    padding: 100px 50px;
  }
}

@media (max-width: 1024px) {

  .consultation .container {

    gap: 50px;

    padding: 0 50px 75px;

    flex-direction: column;
  }
}

@media (max-width: 768px) {

  .consultation .container {

    gap: 30px;

    padding: 0 0px 50px;

    width: 100%;

    max-width: 100%;
  }

  .consultation .container>div {

    padding: 0 20px;
  }
}

.consultation h4 {

  margin-bottom: 20px;
}



/* Sell With Us Page */

/* Sell with us banner */

#sell-us-banner {

  background: url(../images/sell-us-banner-img.jpg) no-repeat top left;

  background-size: cover;

  height: 725px;
}

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

  #sell-us-banner {

    height: 625px;
  }
}

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

  #sell-us-banner {

    height: 425px;

    background-position: top center !important;
  }
}

#sell-us-banner .container {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  min-height: 725px;

  width: 545px;

  gap: 26px;

  color: var(--black);
}

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

  #sell-us-banner .container {

    min-height: 625px;
  }
}

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

  #sell-us-banner .container {

    min-height: 425px;
  }
}

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

  #sell-us-banner .container {

    width: 100%;
  }
}

#sell-us-banner .container p {

  margin-bottom: 0;

  text-align: center;
}



/* HOw it works */

.how-works {

  padding: 75px 0 90px;
}

.how-works .container {

  max-width: 1245px;
}

@media (max-width: 1244px) {

  .how-works .container {

    max-width: 96%;
  }
}

.how-works .container h1 {

  margin-bottom: 40px;
}

.how-works .container h4 {

  text-align: center;

  margin-bottom: 40px;
}

.how-works .container .how-works-row {

  display: flex;

  gap: 29px;
}

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

  .how-works .container .how-works-row {

    flex-wrap: wrap;

    justify-content: center;

    gap: 25px;
  }
}

.how-works .container .how-works-row .how-works-col {

  flex: 1;

  background-color: var(--white);

  border: 1px solid var(--cotton);

  padding: 50px 30px;

  text-align: center;

  box-sizing: border-box;
}

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

  .how-works .container .how-works-row .how-works-col {

    flex: 0 1 25%;

    padding: 30px;
  }
}

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

  .how-works .container .how-works-row .how-works-col {

    flex: 0 1 calc(50% - 25px);
  }
}

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

  .how-works .container .how-works-row .how-works-col {

    flex: 0 1 100%;
  }
}

.how-works .container .how-works-row .how-works-col h5 {

  margin-bottom: 8px;
}

.how-works .container .how-works-row .how-works-col p {

  margin-bottom: 0;
}



.info-block {

  color: var(--white);

  text-align: center;

  padding-top: 50px;

  padding-bottom: 50px;
}

.info-block .buttons-row {

  display: flex;

  justify-content: center;

  gap: 22px;
}

.info-block .btn {

  width: 185px;

  height: 52px;

  box-sizing: border-box;

  display: flex;

  justify-content: center;

  align-items: center;
}

.info-block .filled {

  background-color: var(--white);

  color: var(--dark-green);
}

.info-block .bordered {

  border: 2px solid var(--white);

  color: var(--white);
}



/* popup */

.ui-dialog {

  padding: 55px 35px;
}

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

  .ui-dialog {

    width: 90% !important;

    padding: 20px;

    box-sizing: border-box;
  }
}

.ui-dialog .ui-dialog-titlebar {

  border-bottom: 0;

  height: 0;

  padding: 0;
}

.ui-dialog .registration-modal .modal-header {

  text-align: center;
}

.ui-dialog .registration-modal .modal-header h4 {

  font-weight: bold;

  line-height: 1.2;

  margin-bottom: 20px;
}

.ui-dialog .registration-modal .modal-header p {

  font-size: 15px;
}

.ui-dialog .registration-modal .modal-body .form-row {

  display: flex;

  gap: 28px;

  margin-bottom: 28px;
}

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

  .ui-dialog .registration-modal .modal-body .form-row {

    flex-direction: column;
  }
}

.ui-dialog .registration-modal .modal-body .form-row:last-of-type {

  margin-bottom: 0;

  justify-content: center;

  margin-top: 20px;
}

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

  .ui-dialog .registration-modal .modal-body .form-row:last-of-type {

    align-items: center;
  }
}

.ui-dialog .registration-modal .modal-body .form-row .form-group {

  flex: 1;
}

.ui-dialog .registration-modal .modal-body .form-row label {

  font-size: 16px;
}

.ui-dialog .registration-modal .modal-body .form-row #strengthMessage,
.ui-dialog .registration-modal .modal-body .form-row #pswrd_message {

  font-size: 12px;
}



#category-fabric.fabric-collection {

  padding-top: 60px;
}

@media (max-width: 1024px) {

  #category-fabric.fabric-collection {

    padding-top: 45px;
  }
}

@media (max-width: 768px) {

  #category-fabric.fabric-collection {

    padding-top: 25px;
  }
}

#category-fabric.fabric-collection .collection-row {

  display: grid;

  grid-template-columns: 50% 50%;

  gap: 13px;

  grid-template-areas: 'one two' 'one three' 'four six' 'five six';
}

@media (max-width: 768px) {

  #category-fabric.fabric-collection .collection-row {

    display: flex;

    flex-direction: column;
  }
}

#category-fabric.fabric-collection .collection-row .collection-col {

  position: relative;
}

#category-fabric.fabric-collection .collection-row .collection-col img {

  object-fit: cover;

  display: block;

  width: 100%;

  height: 100%;
}

@media (max-width: 768px) {

  #category-fabric.fabric-collection .collection-row .collection-col img {

    height: 300px;
  }
}

#category-fabric.fabric-collection .collection-row .collection-col a {

  display: block;

  line-height: 0;
}

#category-fabric.fabric-collection .collection-row .collection-col:nth-child(1) {

  grid-area: one;
}

#category-fabric.fabric-collection .collection-row .collection-col:nth-child(2) {

  grid-area: two;
}

#category-fabric.fabric-collection .collection-row .collection-col:nth-child(3) {

  grid-area: three;
}

#category-fabric.fabric-collection .collection-row .collection-col:nth-child(4) {

  grid-area: four;
}

#category-fabric.fabric-collection .collection-row .collection-col:nth-child(5) {

  grid-area: five;
}

#category-fabric.fabric-collection .collection-row .collection-col:nth-child(6) {

  grid-area: six;
}

#category-fabric.fabric-collection .shop-all-button {

  text-align: center;
}



.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper {

  position: relative !important;
}

.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery {

  background-color: #EFEEE5 !important;

  padding: 43px 37px;

  width: 80% !important;

  margin: 129px auto 64px !important;

  max-width: 882px !important;

  height: auto !important;
}

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

  .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery {

    max-width: 96% !important;

    margin: 100px auto 60px !important;

    padding: 30px;
  }
}

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

  .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-head {

    top: 0 !important;
  }
}

.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-head .profile-img {

  text-align: center;

  margin-bottom: 0px;

  width: 130px;

  height: 130px;

  float: right;

  margin-top: -90px;
}

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

  .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-head .profile-img {

    width: 80px !important;

    height: 80px !important;

    margin-top: -60px !important;
  }
}



.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head .store-name {

  font-size: 33px !important;
}

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

  .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head .store-name {

    line-height: 1.35 !important;

    padding-top: 15px !important;

    font-size: 20px !important;
  }
}



/* #dokan-content .seller-items ul {

  display: flex !important;

  gap: 60px !important;

  justify-content: flex-start !important; }

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

    #dokan-content .seller-items ul {

      gap: 30px !important; } } */



/* Search Results Page */

.search-results #primary .search-content {

  margin-top: 75px;
}

.search-results #primary .search-content .page-title {

  font-size: 33px;

  font-weight: 400;

  margin-bottom: 15px;

  line-height: 1.35;
}

.search-results #primary .search-content .search-inner {

  column-gap: 40px;

  row-gap: 60px;

  margin-top: 40px;
}

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

  .search-results #primary .search-content .search-inner {

    row-gap: 30px;

    column-gap: 30px;
  }
}

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

  .search-results #primary .search-content .search-inner {

    row-gap: 20px;

    column-gap: 20px;

    justify-content: center;
  }
}

.search-results #primary .search-content .search-inner h4 a,

.search-results #primary .search-content .search-inner .read-more {

  color: var(--grey-300);

  text-decoration: none;
}

.search-results #primary .search-content .search-inner h4 {

  font-size: 15px;

  margin-bottom: 15px;
}

.search-results #primary .search-content .search-inner .read-more {

  font-size: 13px;
}

.search-results #primary .search-content .search-inner .price-block {

  display: flex;

  justify-content: space-between;

  font-size: 13px;

  margin-bottom: 10px;
}

.search-results #primary .search-content .search-inner article {

  width: 192px;

  word-wrap: break-word;
}

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

  .search-results #primary .search-content .search-inner article {

    width: 172px;
  }
}

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

  .search-results #primary .search-content .search-inner article {

    width: 152px;
  }
}

.search-results #primary .search-content .search-inner article .img-box {

  width: 192px;

  height: 192px;

  margin-bottom: 15px;

  overflow: hidden;
}

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

  .search-results #primary .search-content .search-inner article .img-box {

    width: 172px;

    height: 172px;
  }
}

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

  .search-results #primary .search-content .search-inner article .img-box {

    width: 152px;

    height: 152px;
  }
}

.search-results #primary .search-content .search-inner article .img-box img {

  width: 192px;

  height: 192px;
}

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

  .search-results #primary .search-content .search-inner article .img-box img {

    width: 172px;

    height: 172px;
  }
}

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

  .search-results #primary .search-content .search-inner article .img-box img {

    width: 152px;

    height: 152px;
  }
}



.search-no-results #primary .search-content {

  margin-top: 75px;

  margin-bottom: 75px;
}

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

  .search-no-results #primary .search-content {

    margin-top: 40px;

    margin-bottom: 40px;
  }
}

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

  .search-no-results #primary .search-content {

    margin-top: 20px;

    margin-bottom: 20px;
  }
}



.content-area .site-main {

  max-width: 1195px;

  margin: 0 auto;

  margin-top: 75px;

  margin-bottom: 100px;

  position: relative;
}

@media (max-width: 1400px) {

  .content-area .site-main {

    max-width: 96%;
  }
}

@media (max-width: 1024px) {

  .content-area .site-main {

    margin-bottom: 45px;
  }
}

@media (max-width: 768px) {

  .content-area .site-main {

    margin-bottom: 25px;
  }
}

.content-area h1 {

  font-weight: 400;

  font-size: 55px;

  line-height: 77px;
}

@media (max-width: 768px) {

  .content-area h1 {

    font-size: 45px;

    line-height: 1.35;
  }
}

@media (max-width: 480px) {

  .content-area h1 {

    font-size: 30px;
  }
}



.woocommerce-cart-form {

  width: 65%;

  float: left;

  overflow-wrap: break-word;
}



.woocommerce .cart-collaterals,

.woocommerce-page .cart-collaterals {

  width: 30%;

  float: right;
}

.woocommerce .cart-collaterals .cart_totals,

.woocommerce-page .cart-collaterals .cart_totals {

  width: auto;

  overflow-wrap: break-word;
}



th {

  overflow-wrap: break-word;
}



.wlfmc-add-to-saveforlater.wlfmc-btn-type-icon a i,

.wlfmc-add-to-wishlist.wlfmc-btn-type-icon a i {

  font-weight: bold;
}



.woocommerce .woocommerce-customer-details address {

  box-sizing: border-box;
}



/* Product Carousel */

.woocommerce-error {

  width: 100%;
}



/* Cart Sidebar */

.xoo-wsc-container {

  background-color: var(--cotton-light);

  padding: 25px 50px;
}

@media (max-width: 768px) {

  .xoo-wsc-container {

    padding: 25px;
  }
}

@media (max-width: 480px) {

  .xoo-wsc-container {

    padding: 15px;
  }
}

@media (max-width: 768px) {

  .xoo-wsc-container .xoo-wsc-product {

    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {

  .xoo-wsc-container .xoo-wsc-sum-col {

    padding-left: 0;
  }
}

@media (max-width: 768px) {

  .xoo-wsc-container .xoo-wsc-ft-buttons-cont {

    display: flex;

    justify-content: center;
  }
}

@media (max-width: 480px) {

  .xoo-wsc-container .xoo-wsc-ft-buttons-cont {

    flex-direction: column;
  }
}

.xoo-wsc-container span.xoo-wsch-close.xoo-wsc-icon-cross {

  font-size: 36px;

  right: 10px !important;

  top: -45px !important;

  position: relative;
}

.xoo-wsc-container span.xoo-wsch-close.xoo-wsc-icon-cross::before {

  content: '';

  position: absolute;

  width: 17px;

  height: 17px;
}

.xoo-wsc-container .xoo-wsc-header {

  background-color: transparent;
}

.xoo-wsc-container .xoo-wsc-header .xoo-wsch-text {

  font-size: 23px;

  font-weight: bold;
}

.xoo-wsc-container .xoo-wsc-body {

  background-color: transparent;
}

.xoo-wsc-container .xoo-wsc-footer {

  background-color: transparent;
}

.xoo-wsc-container .xoo-wsc-footer a.button,
.xoo-wsc-container .xoo-wsc-footer a.button:hover {

  background-color: var(--black);

  color: var(--white);

  padding: 15px;

  border-radius: 0;
}



.page-checkout .container {

  padding: 60px 0 40px;
}

@media (max-width: 1024px) {

  .page-checkout .container {

    padding: 45px 0;
  }
}



/* Cart Page */

.woocommerce-cart #main-content .woocommerce {

  padding: 238px 0 75px;
}

@media (max-width: 1024px) {

  .woocommerce-cart #main-content .woocommerce {

    padding: 40px 0;
  }
}

@media (max-width: 768px) {

  .woocommerce-cart #main-content .woocommerce {

    padding: 25px 0;
  }
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form {

  width: calc(100% - 455px);
}

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

  .woocommerce-cart #main-content .woocommerce .woocommerce-cart-form {

    width: 100%;
  }
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart th {

  font-weight: 400;

  text-transform: uppercase;

  font-size: 13px;
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart td {

  padding: 9px 20px;
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart td.product-name {

  padding: 9px 20px 9px 0;
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart td.actions .button {

  border-radius: 0;

  padding: 15px 35px !important;
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart .product-name {

  color: var(--grey-text);
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart .product-name a {

  color: var(--grey-text);

  font-size: 15px;

  text-decoration: none;
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart .product-name h6 {

  font-size: 11px;
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart .product-name .remove {

  display: inline-block;
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart .product-thumbnail {

  min-width: 133px;

  margin-right: 22px;

  float: left;
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart .product-thumbnail img {

  width: 133px;

  height: 133px;

  object-fit: cover;

  overflow: hidden;
}

.woocommerce-cart #main-content .woocommerce .woocommerce-cart-form .cart .quantity .qty {

  border: 1px solid var(--black) !important;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals {

  background-color: var(--cotton);

  width: 380px;

  padding: 25px 20px;

  box-sizing: border-box;
}

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

  .woocommerce-cart #main-content .woocommerce .cart-collaterals {

    width: 100%;
  }
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals h2 {

  font-size: 23px;

  font-weight: bold;
}

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

  .woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals {

    width: 100%;
  }
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals h2 {

  margin-bottom: 15px;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout {

  text-align: center;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button.button {

  background-color: var(--black);

  padding: 15px 35px !important;

  display: inline-block;

  border-radius: 0;

  margin-bottom: 0;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table {

  font-size: 13px;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table td {

  padding: 9px 0;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tbody th {

  font-weight: normal;

  text-transform: uppercase;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr th,
.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr td {

  border-top: 1px solid rgba(0, 0, 0, 0.5);

  padding: 15px 0;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr.woocommerce-shipping-totals.shipping td {

  text-align: left;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr td:last-child {

  text-align: right;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr:first-child td {

  border-top: 0;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr:last-child td {

  border-bottom: 0;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr p {

  font-size: 13px;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr p .shipping-price {

  float: right;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr label {

  font-size: 13px;

  width: 100%;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr .coupon {

  text-align: left;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr .coupon .input-text {

  width: calc(100% - 146px);

  margin-right: 10px;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table tr .coupon .button {

  padding: 15px 20px !important;

  border-radius: 0;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table .woocommerce-shipping-calculator,

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table #shipping_method,

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table .woocommerce-shipping-destination {

  display: none;
}

.woocommerce-cart #main-content .woocommerce .cart-collaterals .cart_totals .shop_table .order-total {

  font-size: 15px;
}



.woocommerce-form-coupon-toggle {

  margin-top: 30px;
}



.checkout.woocommerce-checkout {

  display: flex;

  gap: 50px;

  flex-wrap: wrap;

  margin-bottom: 110px;

  padding-top: 163px;
}

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

  .checkout.woocommerce-checkout {

    flex-direction: column;
  }
}

.checkout.woocommerce-checkout .create-new-account {

  margin-bottom: 25px;
}

.checkout.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {

  width: 100%;
}

.checkout.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul {

  margin-bottom: 0;
}

.checkout.woocommerce-checkout #customer_details {

  width: calc(100% - 572px);

  display: flex;

  flex-direction: column;
}

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

  .checkout.woocommerce-checkout #customer_details {

    width: 100%;
  }
}

.checkout.woocommerce-checkout #customer_details .col-1,
.checkout.woocommerce-checkout #customer_details .col-2 {

  width: 100%;
}

.checkout.woocommerce-checkout #customer_details p#kl_newsletter_checkbox_field {

  width: 100%;

  overflow: hidden;

  min-height: auto;
}

.checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields h3 {

  font-size: 25px;

  font-weight: bold;

  margin-bottom: 10px;
}

.checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields .required {

  color: var(--black);
}

.checkout.woocommerce-checkout #customer_details textarea {

  height: 180px;

  padding: 10px;

  box-sizing: border-box;

  font-family: 'Scto Grotesk A';
}

.checkout.woocommerce-checkout #customer_details label {

  line-height: 1;
}

.checkout.woocommerce-checkout #customer_details label.woocommerce-form__label-for-checkbox span {

  position: relative;

  cursor: pointer;

  display: flex;

  align-items: center;
}

.checkout.woocommerce-checkout #customer_details label.woocommerce-form__label-for-checkbox span:before {

  content: '';

  -webkit-appearance: none;

  background-color: transparent;

  border: 1px solid var(--grey-200);

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

  border-radius: 4px;
}

.checkout.woocommerce-checkout #customer_details input[type="checkbox"] {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;
}

.checkout.woocommerce-checkout #customer_details input[type="checkbox"]:checked+span:after {

  content: '';

  display: block;

  position: absolute;

  top: 3px;

  left: 9px;

  width: 4px;

  height: 10px;

  border: solid var(--white);

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);
}

.checkout.woocommerce-checkout #customer_details input[type="checkbox"]:checked+span::before {

  background-color: var(--blue);

  border: 1px solid var(--blue);
}

.checkout.woocommerce-checkout .right-block {

  width: 522px;

  background-color: #EFEEE5;

  padding: 30px 35px;

  box-sizing: border-box;
}

@media (max-width: 768px) {

  .checkout.woocommerce-checkout .right-block {

    width: 100%;

    padding: 15px;
  }
}

.checkout.woocommerce-checkout .right-block h3 {

  font-size: 23px;

  font-weight: bold;

  margin-bottom: 15px;
}

.checkout.woocommerce-checkout .right-block table .product-name {

  width: 80%;
}

.checkout.woocommerce-checkout .right-block table .product-name dl.variation {

  color: #8F8F8F;

  font-size: 11px;

  display: flex;

  align-items: center;

  margin-top: 0;
}

.checkout.woocommerce-checkout .right-block table .product-name dl.variation .variation-Vendor p {

  font-size: 11px;

  margin: 0;
}

.checkout.woocommerce-checkout .right-block table .product-total {

  width: 20%;

  text-align: right;
}

.checkout.woocommerce-checkout .right-block table .cart_item td {

  border-bottom: 0;
}

.checkout.woocommerce-checkout .right-block table .cart_item td p {

  margin-bottom: 0;

  font-size: 15px;
}

.checkout.woocommerce-checkout .right-block table .woocommerce-shipping-contents {

  font-size: 15px;
}

.checkout.woocommerce-checkout .right-block table .woocommerce-shipping-contents .shipping-price {

  float: right;
}

.checkout.woocommerce-checkout .right-block table .order-total th {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.checkout.woocommerce-checkout .right-block table .cart-subtotal td,
.checkout.woocommerce-checkout .right-block table .tax-rate td,
.checkout.woocommerce-checkout .right-block table .order-total td {

  text-align: right;

  font-weight: 400;
}

.checkout.woocommerce-checkout .right-block table .cart-subtotal td strong,
.checkout.woocommerce-checkout .right-block table .tax-rate td strong,
.checkout.woocommerce-checkout .right-block table .order-total td strong {

  font-weight: 400;
}

.checkout.woocommerce-checkout .right-block table thead tr th,
.checkout.woocommerce-checkout .right-block table tfoot tr th {

  text-transform: uppercase;

  font-weight: 400;
}

.checkout.woocommerce-checkout .right-block .woocommerce-terms-and-conditions-wrapper {

  text-align: center;
}

.checkout.woocommerce-checkout .right-block .validate-required label {

  display: inline-block;
}

.checkout.woocommerce-checkout .right-block .validate-required label.woocommerce-form__label-for-checkbox span {

  justify-content: center;
}

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

  .checkout.woocommerce-checkout .right-block .validate-required label.woocommerce-form__label-for-checkbox span {

    flex-wrap: wrap;
  }
}

.checkout.woocommerce-checkout .right-block .validate-required label.woocommerce-form__label-for-checkbox span::before {

  margin-right: 15px;
}

.checkout.woocommerce-checkout .right-block .validate-required label.woocommerce-form__label-for-checkbox span a {

  display: inline-block;

  margin-left: 3px;
}

.checkout.woocommerce-checkout .right-block .validate-required .required {

  display: none;
}

.checkout.woocommerce-checkout .right-block #payment {

  background: transparent;
}

.checkout.woocommerce-checkout .right-block #payment ul.payment_methods {

  border: 0;

  padding: 0;
}

.checkout.woocommerce-checkout .right-block #payment ul.payment_methods li {

  background-color: var(--white);

  border: 1px solid #B2BCCA;

  padding: 15px 25px;

  border-radius: 4px;

  margin-bottom: 15px;
}

.checkout.woocommerce-checkout .right-block #payment ul.payment_methods li.wc_payment_method.payment_method_ppcp-gateway label {

  margin-bottom: 0;
}

.checkout.woocommerce-checkout .right-block #payment .payment_box {

  background-color: transparent;

  padding: 0;
}

.checkout.woocommerce-checkout .right-block #payment .payment_box::before,
.checkout.woocommerce-checkout .right-block #payment .payment_box::after {

  display: none;
}

.checkout.woocommerce-checkout .right-block #payment .payment_box.payment_method_stripe {

  margin: 1em 0 0;
}

.checkout.woocommerce-checkout .right-block #payment .payment_box p {

  font-size: 14px;

  line-height: 20px;

  color: #666;
}

.checkout.woocommerce-checkout .right-block #payment .payment_box fieldset p {

  padding-bottom: 0;
}

.checkout.woocommerce-checkout .right-block #payment div.form-row {

  padding: 0;
}

.checkout.woocommerce-checkout .right-block #payment #place_order {

  float: none !important;

  margin: 0 auto !important;

  text-align: center;

  display: inherit;

  font-family: 'Scto Grotesk A';

  font-weight: bold;

  font-size: 17px;

  line-height: 1;

  background-color: var(--black);

  color: var(--white) !important;

  padding: 15px 50px;
}



.woocommerce ul.order_details {

  padding: 0;
}



.account-dashboard-white-container a {

  color: var(--black);
}



.woocommerce-form.woocommerce-form-login.login label {

  text-align: left;
}

.woocommerce-form.woocommerce-form-login.login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {

  display: block;

  padding-bottom: 15px;
}



.xoo-wsc-img-col {

  width: auto !important;
}

.xoo-wsc-img-col a img {

  width: 160px;

  height: 160px;

  max-width: 160px;
}



.xoo-wsc-sum-col {

  justify-content: flex-start;
}

.xoo-wsc-sum-col .xoo-wsc-sm-left span.xoo-wsc-pname {

  padding-bottom: 10px;
}

.xoo-wsc-sum-col .xoo-wsc-sm-left span.xoo-wsc-pname a {

  font-weight: 400;

  font-size: 15px;
}

.xoo-wsc-sum-col .xoo-wsc-sm-left .single_product_price {

  padding-bottom: 10px;
}

.xoo-wsc-sum-col .xoo-wsc-sm-left .xoo-wsc-qty-price .single_product_price {

  font-size: 13px;
}

.xoo-wsc-sum-col .xoo-wsc-sm-left .xoo-wsc-qty-price .qty {

  display: flex;

  flex-direction: column;

  gap: 10px;
}

.xoo-wsc-sum-col .xoo-wsc-sm-left .xoo-wsc-qty-price .qty .st_qty_product {

  font-size: 13px;
}

.xoo-wsc-sum-col .xoo-wsc-sm-left .xoo-wsc-qty-price .qty .st_name_product {

  font-size: 11px;

  color: #5C5C5C;
}



/* Checkbox STyling */

.woocommerce-input-wrapper label.checkbox .email-updates {

  position: relative;

  cursor: pointer;

  display: flex;

  align-items: center;
}

.woocommerce-input-wrapper label.checkbox .email-updates:before {

  content: '';

  -webkit-appearance: none;

  background-color: transparent;

  border: 1px solid var(--grey-200);

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

  border-radius: 4px;
}

.woocommerce-input-wrapper label.checkbox input[type="checkbox"] {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;
}

.woocommerce-input-wrapper label.checkbox input[type="checkbox"]:checked+label:after {

  content: '';

  display: block;

  position: absolute;

  top: 3px;

  left: 9px;

  width: 4px;

  height: 10px;

  border: solid var(--white);

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);
}

.woocommerce-input-wrapper label.checkbox input[type="checkbox"]:checked+label::before {

  background-color: var(--blue);

  border: 1px solid var(--blue);
}



p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {

  position: relative;

  cursor: pointer;

  display: flex;

  align-items: center;
}

p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label:before {

  content: '';

  -webkit-appearance: none;

  background-color: transparent;

  border: 1px solid var(--grey-200);

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

  border-radius: 4px;

  margin-bottom: 5px;
}

p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated input[type="checkbox"] {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;
}

p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated input[type="checkbox"]:checked+span:after {

  content: '';

  display: block;

  position: absolute;

  top: 3px;

  left: 9px;

  width: 4px;

  height: 10px;

  border: solid var(--white);

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);
}

p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated input[type="checkbox"]:checked+span::before {

  background-color: var(--blue);

  border: 1px solid var(--blue);
}



#stripe-payment-data fieldset {

  border: 0;

  padding: 0;
}



.page-checkout .checkout.woocommerce-checkout {

  padding-top: 0;
}



@media (max-width: 768px) {

  .checkout.woocommerce-checkout .right-block #payment ul.payment_methods li.wc_payment_method.payment_method_ppcp-gateway {

    justify-content: flex-start !important;

    flex-wrap: wrap;

    gap: 15px;
  }
}



@media (max-width: 768px) {

  .checkout.woocommerce-checkout .right-block #payment ul.payment_methods li.wc_payment_method.payment_method_dokan_paypal_adaptive {

    display: flex;
  }
}



.grecaptcha-badge {

  visibility: hidden;
}



.wlfmc-products-counter-wrapper .wlfmc-counter-icon .products-counter-number {

  min-width: 20px;

  height: 20px;

  font-size: 12px;

  line-height: 1;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;
}



.woocommerce .woocommerce-info {

  margin-top: 30px;
}

.woocommerce .woocommerce-info a {

  color: var(--black);
}



.mfp-bg.mfp-ready {

  z-index: 10042;
}



.mfp-wrap {

  z-index: 10043;
}



.mfp-content {

  z-index: 10044;
}



@media (max-width: 576px) {

  .dokan-popup-create-an-account {

    width: 100%;

    overflow: hidden;

    padding-top: 10px;
  }
}

.dokan-support-login-wrapper {

  width: 670px !important;

  padding: 60px 45px !important;

  box-sizing: border-box;
}

@media (max-width: 768px) {

  .dokan-support-login-wrapper .dokan-support-login-wrapper {

    width: 94% !important;

    padding: 30px 20px !important;
  }
}

.dokan-support-login-wrapper.white-popup {

  background-color: #f9f9f9;
}

.dokan-support-login-wrapper .dokan-support-intro-user {

  font-size: 24px;
}

.dokan-support-login-wrapper h2,
.dokan-support-login-wrapper .dokan-support-intro-text {

  font-size: 33px;

  font-weight: bold;

  border: 0 !important;

  padding-bottom: 0 !important;

  margin-bottom: 30px !important;
}

@media (max-width: 768px) {

  .dokan-support-login-wrapper h2,
  .dokan-support-login-wrapper .dokan-support-intro-text {

    font-size: 24px;
  }
}



.dokan-form-group {

  margin-bottom: 30px !important;
}

.dokan-form-group:last-of-type {

  margin-bottom: 0 !important;
}



.dokan-popup-create-an-account {

  margin-bottom: 0 !important;
}



.wlfmc-addtowishlist i {

  font-weight: bold;
}



.contact-block {

  margin-top: 100px;

  margin-bottom: 100px;

  text-align: center;

  color: var(--dark-green);
}

@media (max-width: 1024px) {

  .contact-block {

    margin-top: 65px;

    margin-bottom: 65px;
  }
}

@media (max-width: 980px) {

  .contact-block {

    margin-top: 45px;

    margin-bottom: 45px;
  }
}

@media (max-width: 768px) {

  .contact-block {

    margin-top: 25px;

    margin-bottom: 25px;
  }
}

.contact-block h4 {

  margin-bottom: 10px;
}

.contact-block p {

  font-size: 16px;
}



/* My account page */

.page-my-account.woocommerce-account.woocommerce-page .woocommerce {

  background: var(--white);
}

.page-my-account.woocommerce-account.woocommerce-page.admin-bar header {

  background: var(--white);
}

.page-my-account.woocommerce-account.woocommerce-page.admin-bar .woocommerce {

  background: var(--cotton-light);
}



/* Pagination */

.custom-pagination {

  display: flex;

  width: 100%;

  justify-content: flex-end;

  gap: 4px;
}

.custom-pagination .page-numbers {

  width: 28px;

  height: 28px;

  background-color: var(--white);

  border: 2px solid var(--dark-green);

  border-radius: 50%;

  box-sizing: border-box;

  color: var(--dark-green);

  text-decoration: none;

  font-size: 16px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-left: 3px;
}

.custom-pagination .page-numbers.current {

  background-color: var(--dark-green);

  color: var(--white);
}



.woocommerce-account .woocommerce-MyAccount-navigation {

  width: 256px;

  background-color: var(--dark-green);

  padding: 35px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {

  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {

  list-style: none;

  margin: 13px 0;

  padding: 0 0 0 35px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {

  color: var(--white);

  text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active {

  background-color: var(--cotton);

  padding: 12px 0 12px 35px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {

  color: var(--dark-green);

  text-decoration: underline;

  font-weight: bold;
}

.woocommerce-account .woocommerce-MyAccount-content {

  width: calc(100% - 330px);

  margin-top: 45px;
}

.woocommerce-account .woocommerce-MyAccount-content a {

  color: var(--black);
}

.woocommerce-account .woocommerce-MyAccount-content a.btn-primary {

  color: var(--white);
}

.woocommerce-account .woocommerce-MyAccount-content .dokan-account-migration-lists {

  background-color: var(--cotton-light);
}

.woocommerce-account .woocommerce-MyAccount-content .dokan-account-migration-lists li {

  padding: 15px 20px;
}



/* order page */

header.woocommerce-Address-title {

  padding: 0;

  background-color: transparent;
}

header.woocommerce-Address-title h3 {

  font-size: 26px;
}

header.woocommerce-Address-title .edit {

  margin-top: 8px;
}



.woocommerce table.shop_table {

  border: 0;
}

.woocommerce table.shop_table tr:last-child td {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}



.woocommerce-info {

  border-top-color: var(--dark-green);
}

.woocommerce-info::before {

  color: var(--dark-green);
}



/* Account Details Page */

.woocommerce-EditAccountForm fieldset {

  background-color: var(--cotton-light);

  border: 0;

  margin-bottom: 30px;
}



/* Wishlist empty page*/

.wishlist-empty-row .empty-image {

  display: none;
}



.wlfmc-wishlist-table .wishlist-empty-row h3.empty-title {

  font-size: 40px;
}

.wlfmc-wishlist-table .wishlist-empty-row td .empty-button {

  display: none !important;
}



.woocommerce-MyAccount-content h2 {

  text-align: center;
}

.woocommerce-MyAccount-content table.wlfmc-wishlist-table,

.woocommerce-MyAccount-content .wlfmc-wishlist-table-wrapper .contact-block {

  background: transparent !important;

  box-shadow: none !important;
}



.wlfmc-wishlist-table-wrapper .product-thumbnail img {

  width: 192px;

  height: 192px;
}



.wlfmc-list img {

  border-radius: 0;
}



.wlfmc-wishlist-table.view-mode-grid .product-remove {

  left: auto;

  right: 0;

  top: 0;

  background-color: var(--dark-green);

  color: var(--white);
}



.filter-sidebar {

  display: flex;

  clear: both;

  gap: 50px;
}

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

    .filter-sidebar {

      flex-direction: column-reverse;

      gap: 0; } } */

.filter-sidebar .clear-button {

  text-align: center;
}



.pro-sidebar {

  background-color: var(--cotton-light);

  width: 250px;

  padding-bottom: 40px;
}

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

  .pro-sidebar {

    position: absolute;

    top: -1000px;

    left: 0;

    z-index: 191;

    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);

    overflow: hidden;

    width: 100%;
  }

  .pro-sidebar.active {

    top: -135px;

    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);

    z-index: 10001;
  }
}

.pro-sidebar h3 {

  font-size: 21px;

  background-color: var(--dark-green);

  color: var(--white);

  padding: 20px 37px;
}

.pro-sidebar h6 {

  font-size: 15px;

  font-weight: bold;
}

.pro-sidebar .filter-block {

  padding: 20px 37px;
}

.pro-sidebar .filter-block.fiber_data {

  margin-bottom: 5px;
}

.pro-sidebar .filter-block.colour_data {

  margin-bottom: 10px;
}

.pro-sidebar .filter-block .cmt_fibre_data,
.pro-sidebar .filter-block .cmt_colour_data {

  margin-left: 5px;
}

.pro-sidebar .filter-block .cmt_fibre_data h6,
.pro-sidebar .filter-block .cmt_colour_data h6 {

  cursor: pointer;
}

.pro-sidebar .filter-block ul {

  list-style: none;

  padding: 0;
}

.pro-sidebar .filter-block li {

  display: block;

  margin-bottom: 15px;
}

.pro-sidebar .filter-block li label {

  position: relative;

  cursor: pointer;

  display: flex;

  align-items: center;

  font-size: 14px;
}

.pro-sidebar .filter-block li label:before {

  content: '';

  -webkit-appearance: none;

  background-color: transparent;

  border: 1px solid var(--grey-200);

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 19px;

  border-radius: 4px;
}

.pro-sidebar .filter-block li input[type="checkbox"] {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;
}

.pro-sidebar .filter-block li input[type="checkbox"]:checked+label:after {

  content: '';

  display: block;

  position: absolute;

  top: 2px;

  left: 7px;

  width: 4px;

  height: 10px;

  border: solid var(--white);

  border-width: 0 3px 3px 0;

  transform: rotate(45deg);
}

.pro-sidebar .filter-block li input[type="checkbox"]:checked+label::before {

  background-color: var(--black);

  border: 1px solid var(--black);
}

.pro-sidebar .filter-block li.collapse-materials {

  font-size: 14px;

  padding-left: 20px;

  margin-left: 5px;

  cursor: pointer;

  position: relative;
}

.pro-sidebar .filter-block li.collapse-materials::before {

  content: '';

  position: absolute;

  background: url(../images/right-arrow.svg) no-repeat;

  width: 8px;

  height: 11px;

  top: 4px;

  left: 3px;
}

.pro-sidebar .filter-block li.collapse-materials.opened::before {

  transform: rotateZ(90deg);
}

.pro-sidebar .filter-block li.collapse-materials ul {

  margin-top: 10px;

  position: relative;

  margin-left: -25px;
}



.filters .filter-header {

  position: relative;
}

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

  .filters #close-filter {

    position: absolute;

    top: 20px;

    right: 20px;

    color: var(--white);

    font-weight: bold;

    text-decoration: none;
  }
}



.filter-overlay {

  display: none;
}

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

  .filter-overlay.active {

    display: block;

    background-color: rgba(0, 0, 0, 0.25);

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    z-index: 10000;
  }
}



/* Products section */

.pro-block {

  flex: 1;
}

.pro-block h1,
.pro-block h2 {

  font-size: 33px;

  font-weight: 400;

  margin-bottom: 15px;

  line-height: 1.35;
}

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

  .pro-block .header-filters {
    margin: 0 2px !important;
    width: 99%;
  }
}

.pro-block .header-filters h2 {

  float: left;
}

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

  .pro-block .header-filters h2 {

    float: none;
  }
}

.pro-block .panelContainer {

  clear: both;

  padding-top: 35px;
}

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

  .pro-block .panelContainer {

    padding-top: 5px;
  }
}

.pro-block .products {

  display: flex;

  flex-wrap: wrap;

  column-gap: 40px;

  row-gap: 60px;
}

.pro-block .panel {
  display: grid;
  grid-template: auto / 23% 23% 23% 23%;
  column-gap: 2.5%;
  row-gap: 30px;
}

@media screen and (max-width:1400px) {
  .pro-block .panel {
    display: grid;
    grid-template: auto / 31% 31% 31%;
    column-gap: 3.5% !important;
    row-gap: 30px;
  }

  .seller-items .products {
    display: grid;
    grid-template: auto / 23% 23% 23% 23% !important;
    column-gap: 2.5% !important;
    row-gap: 30px !important;
  }
}

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

  .seller-items .products {

    grid-template: auto / 31% 31% 31% !important;
    column-gap: 3.5% !important;
  }
}

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

  .seller-items .products {

    grid-template: auto / 48% 48% !important;
    column-gap: 3% !important;
  }
}

.pro-block .price-block {

  display: flex;

  justify-content: space-between;

  font-size: 13px;

  margin-bottom: 10px;
}

.pro-block .filter-block {

  float: left;

  display: flex;

  align-items: center;
}

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

  .pro-block .filter-block {

    display: none;
  }
}

.pro-block .sorting-row {

  float: right;
}

.pro-block .sorting-row select {

  border: 1px solid #5C5C5C !important;

  width: auto;
}

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

  .pro-block .sorting-row select {

    border: 0px !important;

    width: 130px;

    text-align: right;

    padding-right: 40px !important;

    box-sizing: border-box;
  }
}

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

  .pro-block .sorting-row {

    margin-bottom: 10px;
  }
}

.pro-block .tabs {

  float: left;

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  gap: 20px;

  font-size: 17px;

  flex-wrap: wrap;
}

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

  .pro-block .tabs {

    flex-wrap: wrap;
  }
}

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

  .pro-block .tabs {

    gap: 10px;
  }
}

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

  .pro-block .tabs {

    justify-content: center;
  }
}

.pro-block .tabs a {

  color: var(--grey-300);

  text-decoration: none;
}

.pro-block .tabs a.active {

  font-weight: bold;

  text-decoration: underline;
}

.pro-block .sorting-row .woocommerce-ordering select {

  border-color: var(--grey-300);
}



/* Product Block */

.product-block {

  width: 100%;

  position: relative;
}

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

    .product-block {

      width: 172px; } }

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

    .product-block {

      width: 152px; } } */

.product-block .wishlist-fragment {

  position: absolute;

  top: 10px;

  left: 10px;
}

.product-block .wishlist-fragment .feedback {

  display: none;
}

.product-block .img-box {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;

  margin-bottom: 15px;

}

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

      .product-block .img-box {

        width: 172px;

        height: 172px; } }

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

      .product-block .img-box {

        width: 152px;

        height: 152px; } } */

.product-block .img-box img {

  object-fit: cover;

  object-position: center;

  max-width: fit-content;
}

.product-block h4 {

  font-size: 15px;

  margin-bottom: 15px;

  min-height: 40px;
}

.product-block h4 a {

  color: var(--grey-300);

  text-decoration: none;
}

.product-block h6 {

  font-size: 11px;
}

.product-block h6 a {

  color: var(--grey-300);

  text-decoration: none;
}



.find_filter_data {

  margin-top: 10px;

  margin-left: 3px;

  float: left;
}

.find_filter_data a {

  color: var(--dark-green);

  display: inline-block;

  text-decoration: none;

  padding-right: 30px;

  background: url(../images/icon-filter.svg) no-repeat top right;

  background-size: 21px;
}



.woocommerce form.register,
.woocommerce form.login {

  border-radius: 0;

  background-color: var(--cotton-light);

  border: 0;

  padding: 40px;

  margin: 122px auto;
}

@media (max-width: 1024px) {

  .woocommerce form.register,
  .woocommerce form.login {

    margin: 107px auto 65px;
  }
}

@media (max-width: 980px) {

  .woocommerce form.register,
  .woocommerce form.login {

    margin: 65px auto 45px;
  }
}

@media (max-width: 768px) {

  .woocommerce form.register,
  .woocommerce form.login {

    margin: 65px auto 25px;
  }
}

.woocommerce form .lost_password {

  margin-bottom: 0;
}

.woocommerce form a {

  color: var(--black);
}

.woocommerce form .form-row {

  margin: 0 0 15px;
}

@media (max-width: 768px) {

  .woocommerce form .form-row {

    width: 100%;

    float: none;

    box-sizing: border-box;

    padding: 0;
  }
}

.woocommerce form .form-row label {

  line-height: 1;
}

.woocommerce form .form-row label.woocommerce-form__label-for-checkbox span {

  position: relative;

  cursor: pointer;

  display: flex;

  align-items: center;

  margin-top: 20px;
}

.woocommerce form .form-row label.woocommerce-form__label-for-checkbox span:before {

  content: '';

  -webkit-appearance: none;

  background-color: transparent;

  border: 1px solid var(--grey-200);

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

  border-radius: 4px;
}

.woocommerce form .form-row input[type="checkbox"] {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;
}

.woocommerce form .form-row input[type="checkbox"]:checked+span:after {

  content: '';

  display: block;

  position: absolute;

  top: 3px;

  left: 9px;

  width: 4px;

  height: 10px;

  border: solid var(--white);

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);
}

.woocommerce form .form-row input[type="checkbox"]:checked+span::before {

  background-color: var(--blue);

  border: 1px solid var(--blue);
}

.woocommerce form .form-row .woocommerce-form-login__rememberme {

  margin-bottom: 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {

  font-family: 'Scto Grotesk A';

  font-weight: bold;

  font-size: 17px;

  line-height: 1;

  text-decoration: none;

  display: inline-block;

  background-color: var(--black);

  color: var(--white) !important;

  padding: 15px 35px;

  float: none !important;

  margin-right: 0 !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {

  padding: 15px 35px;

  background-color: var(--black);

  color: var(--white) !important;
}



.woocommerce-form-row span em {

  font-size: 12px;
}



/* Search form */

.is-ajax-woocommerce-actions .add_to_cart_inline a.button {

  font-weight: bold !important;

  background-color: var(--black) !important;

  color: var(--white) !important;

  padding: 15px 35px !important;
}

.is-ajax-woocommerce-actions .qty {

  width: 60px !important;

  height: 48px !important;

  background-color: var(--white) !important;

  border: 1px solid var(--cotton) !important;

  padding: 0 10px !important;

  margin-right: 10px;
}



.woocommerce form .form-row {

  min-height: 80px;
}



/* Product Detail page */

@media (max-width: 1400px) {

  .single-product .content-area .site-main {

    max-width: 90%;
  }
}



.woocommerce div.product div.images {

  width: 480px;
}

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

  .woocommerce div.product div.images {

    text-align: center;

    margin: 0 auto 20px;
  }
}

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

  .woocommerce div.product div.images {

    width: 100%;
  }
}

.woocommerce div.product div.images #nickx-gallery .nslick-list.draggable {

  margin: 0 24px;

  height: 96px;
}

.woocommerce div.product div.images .btn-prev,
.woocommerce div.product div.images .btn-next {

  background: transparent;

  color: #A8A8A8;
}

.woocommerce div.product div.images .nslick-slide.nslick-current.nslick-active.product_thumbnail_item {

  width: 96px !important;

  height: 96px;

  object-fit: cover;

  margin: 0 5px !important;
}

.woocommerce div.product div.images .nslick-slide.product_thumbnail_item {

  width: 96px !important;

  height: 96px;

  object-fit: cover;

  margin: 0 5px !important;
}

.woocommerce div.product div.images.nickx_product_images_with_video .slider.nickx-slider-for .zoom.nslick-slide img {

  object-fit: cover;
}

.woocommerce div.product .product-row {

  width: calc(100% - 550px);

  clear: none;

  display: inline-block;

  float: right;
}

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

  .woocommerce div.product .product-row {

    width: 100%;
  }
}

.woocommerce div.product div.summary {

  width: 100%;
}

.woocommerce div.product div.summary .wrap-div {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 25px;

  margin-bottom: 10px;
}

@media (max-width: 768px) {

  .woocommerce div.product div.summary .wrap-div {

    flex-wrap: wrap;

    gap: 10px;
  }
}

.woocommerce div.product div.summary .wrap-div a {

  color: var(--black);
}

@media (max-width: 768px) {

  .woocommerce div.product div.summary .wrap-div a {

    padding-left: 0;
  }
}

.woocommerce div.product div.summary .wrap-div .details {

  margin-right: 25px;

  position: relative;

  font-size: 14px;

  line-height: 2;

  cursor: pointer;

  display: flex;

  gap: 5px;
}

.woocommerce div.product div.summary .wrap-div .details img {

  width: 28px;

  height: 28px;

  margin-left: 10px;
}

.woocommerce div.product div.summary .wrap-div .details::after {

  content: '';

  position: absolute;

  width: calc(100% - 38px);

  height: 1px;

  background-color: var(--black);

  bottom: 0px;

  left: 0px;
}

.woocommerce div.product div.summary .wrap-div .details a {

  text-decoration: none;

  font-size: 14px;
}

.woocommerce div.product div.summary .wrap-div .wlfmc-removefromwishlist span,
.woocommerce div.product div.summary .wrap-div .wlfmc-addtowishlist span,
.woocommerce div.product div.summary .wrap-div .wlfmc-btn-login-need span {

  margin-left: 8px;
}

.woocommerce div.product div.summary .wrap-div .wlfmc-removefromwishlist i,
.woocommerce div.product div.summary .wrap-div .wlfmc-addtowishlist i,
.woocommerce div.product div.summary .wrap-div .wlfmc-btn-login-need i {

  width: 28px;

  min-width: 28px;
}

.woocommerce div.product div.summary .wrap-div .wlfmc-removefromwishlist i svg,
.woocommerce div.product div.summary .wrap-div .wlfmc-addtowishlist i svg,
.woocommerce div.product div.summary .wrap-div .wlfmc-btn-login-need i svg {

  width: 28px;

  min-width: 28px;
}

.woocommerce div.product div.summary .wrap-div #seller_link {

  display: flex;

  align-items: center;

  gap: 8px;
}

.woocommerce div.product div.summary .wrap-div #seller_link img {

  width: 28px;
}

.woocommerce div.product div.summary .price-value-wrap {

  display: flex;

  align-items: center;

  gap: 40px;

  line-height: 1;

  margin-bottom: 30px;
}

@media (max-width: 576px) {

  .woocommerce div.product div.summary .price-value-wrap {

    flex-wrap: wrap;

    gap: 15px;
  }
}

.woocommerce div.product div.summary .price-value-wrap p {

  margin-bottom: 0;

  display: flex;

  gap: 5px;

  align-items: center;
}

.woocommerce div.product div.summary .price-value-wrap .min-amt-qty {

  font-size: 14px;
}

.woocommerce div.product div.summary .sample_meter_roll {

  width: 236px;

  float: left;

  margin-right: 21px;
}

@media (max-width: 576px) {

  .woocommerce div.product div.summary .sample_meter_roll {

    float: none;

    margin-right: 0;

    margin-bottom: 10px;
  }
}

.woocommerce div.product div.summary .sample_meter_roll select {

  border: 1px solid var(--grey-200) !important;
}

.woocommerce div.product div.summary .cart {

  margin-bottom: 35px;

  display: flex;

  gap: 15px;
}

.woocommerce div.product div.summary .cart input[type="number"] {

  border: 1px solid var(--grey-200) !important;

  width: 4.631em !important;
}

.woocommerce div.product div.summary .details-vendor a {

  color: var(--grey-300);
}

.woocommerce div.product div.summary .price {

  color: var(--black);

  margin-bottom: 40px;
}

.woocommerce div.product div.summary .price .price-wrap {

  display: flex;

  flex-direction: column;

  margin-top: 20px;
}

.woocommerce div.product div.summary .price .amount {

  font-size: 28px;
}

.woocommerce div.product div.summary .price .price-gst {

  font-size: 14px;
}

.woocommerce div.product div.summary .price .meter {

  font-size: 15px;
}

.woocommerce div.product .product_title {

  margin-bottom: 22px;

  font-size: 40px;

  line-height: 1.35;
}

@media (max-width: 768px) {

  .woocommerce div.product .product_title {

    font-size: 30px;
  }
}

.woocommerce div.product form.cart::before,
.woocommerce div.product form.cart ::after {

  display: none;
}

.woocommerce div.product form.cart button.button.alt,

.woocommerce div.product form.cart button.button.alt.disabled {

  font-family: 'Scto Grotesk A';

  font-weight: bold;

  font-size: 17px;

  line-height: 1;

  text-decoration: none;

  display: inline-block;

  background-color: var(--black);

  color: var(--white) !important;

  padding: 15px 35px !important;

  border-radius: 0;
}

.woocommerce div.product .product-info {

  color: var(--grey-300);

  margin-bottom: 40px;

  border-top: 1px solid var(--grey-200);

  padding-top: 35px;

  margin-top: 35px;
}

.woocommerce div.product .product-info ul {

  float: left;

  list-style: none;

  padding: 0;

  width: 49%;

  margin-right: 1%;
}

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

  .woocommerce div.product .product-info ul {

    width: 100%;

    margin-right: 0;
  }
}

.woocommerce div.product .product-info ul li {

  margin-bottom: 15px;
}

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

  .woocommerce div.product .product-info ul li {

    margin-bottom: 10px;
  }
}

.woocommerce div.product .product-info .certificate {

  width: 100%;

  overflow: hidden;

  display: flex;

  gap: 3px;
}

.woocommerce div.product .product-info .certificate span {

  display: inline-flex;

  align-items: center;

  gap: 7px;
}

.woocommerce div.product .woocommerce-tabs {

  height: 400px;
}

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

  .woocommerce div.product .woocommerce-tabs {

    height: 300px;
  }
}

.woocommerce div.product .woocommerce-tabs h3 {

  font-size: 19px;

  margin-bottom: 15px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {

  border-radius: 8px;

  background-color: var(--cotton-light);

  padding: 2px;

  display: flex;

  align-items: center;

  height: 47px;

  box-sizing: border-box;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {

  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {

  flex: 1;

  text-align: center;

  border: 0;

  border-radius: 0;

  margin: 0;

  padding: 0;

  position: relative;

  background-color: var(--cotton-light);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {

  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {

  position: absolute;

  content: '';

  top: 12px;

  right: 0;

  background-color: var(--grey-300);

  width: 1px;

  height: 20px;

  border: 0;

  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child::after {

  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {

  font-weight: 400;

  font-size: 12px;

  height: 43px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {

  background: transparent;

  border-bottom-color: transparent;

  left: -1px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {

  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {

  font-weight: bold;

  background-color: var(--dark-green);

  color: var(--white) !important;

  border-radius: 8px;

  overflow: hidden;
}

.woocommerce div.product .woocommerce-tabs .panel {

  color: var(--grey-300);

  min-height: 350px;
}

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

  .woocommerce div.product .woocommerce-tabs .panel {

    min-height: 250px;
  }
}

.woocommerce div.product .woocommerce-tabs .panel a {

  color: var(--grey-300);
}

.woocommerce div.product .woocommerce-tabs .panel h2 {

  font-size: 19px;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel p {

  font-size: 16px;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel li {

  font-size: 16px;

  margin-bottom: 7px;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel ul {

  list-style: square;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel ul:first-child {

  margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel ul:last-child {

  margin-top: 0;
}



.nickx-popup,
.nickx-popup_trigger {

  background-color: var(--white);

  width: 34px;

  height: 34px;

  border-radius: 50%;

  padding: 0 !important;

  display: flex !important;

  justify-content: center;

  align-items: center;
}

.nickx-popup.fa-expand:before,
.nickx-popup_trigger.fa-expand:before {

  content: "";

  background: url(../images/icon-search.svg) no-repeat;

  background-size: 18px 18px;

  width: 18px;

  height: 18px;
}



/* Related Products */

section.related.products {

  overflow: hidden;

  width: 100%;

  background-color: rgba(238, 238, 238, 0.26);

  padding: 85px 0 105px;
}

section.related.products h2 {

  max-width: 1194px;

  margin: 0 auto 30px;

  font-size: 40px;
}

@media (max-width: 1400px) {

  section.related.products h2 {

    max-width: 90%;
  }
}

section.related.products ul.products {

  max-width: 1194px;

  margin: 0 auto 30px;

  display: flex;

  gap: 41px;
}

@media (max-width: 1400px) {

  section.related.products ul.products {

    max-width: 90%;
  }
}

@media (max-width: 768px) {

  section.related.products ul.products {

    justify-content: center;

    gap: 40px !important;
  }
}

section.related.products ul.products li {

  width: 192px;

  margin: 0;
}

section.related.products ul.products li img {

  width: 192px !important;

  height: 192px !important;

  object-fit: cover;
}

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

  section.related.products ul.products li img {

    width: 172px;

    height: 172px;
  }
}

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

  section.related.products ul.products li img {

    width: 152px;

    height: 152px;
  }
}

section.related.products ul.products::before,
section.related.products ul.products::after {

  display: none !important;
}

section.related.products ul.products .woocommerce-LoopProduct-link {

  color: var(--grey-300);

  display: block;
}

section.related.products ul.products .price {

  color: var(--black);

  font-size: 13px;
}

section.related.products ul.products .details {

  font-size: 13px;

  border-bottom: 1px solid var(--black);

  display: inline-flex;

  margin-top: 8px;
}

section.related.products ul.products .details a {

  font-size: 13px;

  color: var(--black);
}



ul.products {

  /* max-width: 1194px; */

  /* margin: 0 auto 30px !important; */

  display: flex;

  flex-wrap: wrap;

  gap: 41px;
}

@media (max-width: 768px) {

  ul.products {

    justify-content: center;

    gap: 30px !important;
  }
}

ul.products a {

  text-decoration: none;
}

ul.products a .size-woocommerce_thumbnail,

ul.products a .woocommerce-placeholder {

  margin-bottom: 5px;

  width: 100%;
  max-width: 100% !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;

  object-fit: cover !important;
}

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

        ul.products a .size-woocommerce_thumbnail,

        ul.products a .woocommerce-placeholder {

          width: 172px;

          height: 172px; } }

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

        ul.products a .size-woocommerce_thumbnail,

        ul.products a .woocommerce-placeholder {

          width: 152px;

          height: 152px; } } */
/* 
  ul.products li {

    width: 192px !important;

    margin: 0 !important; }

    ul.products li img {

      width: 192px !important;

      height: 192px !important;

      object-fit: cover; }

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

        ul.products li img {

          width: 172px;

          height: 172px; } }

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

        ul.products li img {

          width: 152px;

          height: 152px; } } */

ul.products::before,
ul.products::after {

  display: none !important;
}

ul.products .woocommerce-LoopProduct-link {

  color: var(--grey-300);

  display: block;
}

ul.products .price-block {

  display: flex;

  justify-content: space-between;
}

ul.products .price,
ul.products .right {

  color: var(--black) !important;

  font-size: 13px !important;
}

ul.products .details {

  font-size: 13px;

  border-bottom: 1px solid var(--black);

  display: inline-flex;

  margin-top: 8px;
}

ul.products .details a {

  font-size: 13px;

  color: var(--black);
}



.woocommerce-checkout #payment ul.payment_methods li img.pay-icon {

  margin: 3px 0 0;
}



.checkout.woocommerce-checkout .right-block #payment ul.payment_methods li.wc_payment_method.payment_method_ppcp-gateway .payment_box.payment_method_ppcp-gateway {

  padding-left: 15px;
}



.store-name-filter {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  margin: 40px 0 20px;
}



.store-cat-stack-dokan {

  float: left;

  margin-bottom: 25px;
}

@media (max-width: 480px) {

  .store-cat-stack-dokan {

    display: none;
  }
}

.store-cat-stack-dokan ul {

  float: left;

  list-style: none;

  padding: 0;

  margin: 8px 0 0;

  display: flex;

  gap: 15px;

  font-size: 17px;

  flex-wrap: wrap;
}

.store-cat-stack-dokan ul a {

  color: var(--grey-300);

  text-decoration: none;
}

.store-cat-stack-dokan ul a.active {

  font-weight: bold;

  text-decoration: underline;
}



/* Vendor Admin Page */

.widget.dokan-store-widget.dokan-store-menu {

  overflow: hidden;

  margin-bottom: 10px;
}



.dokan-store-products-filter-area {

  display: flex;

  justify-content: flex-end;

  align-items: center;

  margin-top: 35px;
}



.store-page-wrap select.orderby.orderby-search {

  width: auto;

  border: 1px solid var(--grey-300) !important;
}



/* wishlist page heading */

.woocommerce-order-details h2.woocommerce-order-details__title,

.woocommerce-MyAccount-content h2.woocommerce-order-details__title,

h2.woocommerce-column__title,
h2.woocommerce-order-details__title {

  font-style: normal;

  font-weight: 700;

  font-size: 24px;

  line-height: 35px;
}



h2.woocommerce-column__title,
h2.woocommerce-order-details__title {

  margin-bottom: 10px;
}



.woocommerce-customer-details address p {

  font-size: 16px;
}



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

  #main .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper {

    background-color: transparent !important;

    border: 0px;
  }
}

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

  #main .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery {

    box-sizing: border-box;

    padding: 20px 25px;

    width: 90% !important;
  }

  #main .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head p,
  #main .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head .vendor-bio {

    font-size: 14px;

    line-height: 1.2;

    margin-bottom: 0;
  }
}

#main .dokan-info {

  background-color: var(--dark-green);

  border: 1px solid var(--black);

  border-top: 3px solid var(--black);

  color: var(--white);
}

#main .dokan-info::before {

  background-color: var(--black);
}



/* #primary .dokan-single-store #dokan-content .seller-items ul {

  gap: 58px !important; }

  @media (max-width: 768px) {

    #primary .dokan-single-store #dokan-content .seller-items ul {

      justify-content: center;

      gap: 30px !important; } } */



form.wpcf7-form .wpcf7-response-output {

  z-index: 10000 !important;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  gap: 20px;

  box-sizing: border-box;
}

form.wpcf7-form .wpcf7-response-output .support-message {

  background: #fff;

  color: #000;

  padding: 20px;
}

form.wpcf7-form .wpcf7-response-output .support-message h2 {

  font-size: 25px;
}

form.wpcf7-form .wpcf7-response-output .support-message p {

  margin-bottom: 10px;
}

form.wpcf7-form .wpcf7-response-output .support-message #close-message {

  background-color: var(--dark-green);

  color: var(--white);

  padding: 5px 15px;

  text-decoration: none;

  text-transform: uppercase;

  border: 2px solid var(--white);
}



#dokan-primary.dokan-single-store .dokan-profile-frame-wrapper .profile-frame {

  height: 500px;

  background-position: top center !important;
}

@media (max-width: 576px) {

  #dokan-primary.dokan-single-store .dokan-profile-frame-wrapper .profile-frame {

    height: 360px;
  }

  #dokan-primary.dokan-single-store .dokan-profile-frame-wrapper .profile-frame .profile-info-box {

    max-height: initial;
  }

  #dokan-primary.dokan-single-store .dokan-profile-frame-wrapper .profile-frame .profile-info-summery {

    margin: 49px auto 55px !important;
  }
}



/*# sourceMappingURL=style.css.map */

.stock.in-stock {

  color: #ff0101 !important;
  ;

}

.stock.out-of-stock {

  display: none;

}

.update_stock_available {

  color: #ff0101;

  padding-left: 26px;

}

table.product_videos_tbl {
  display: none !important;
}

#account_password_field label {
  display: none !important;
}

th.woocommerce-orders-table__header.woocommerce-orders-table__header-dokan-shipment-status,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-dokan-shipment-status {
  display: none !important;
}

nav .navbar-nav li.menu-item-has-children .sub-menu {
  bottom: -12px !important
}

.tc_video_slide.nslick-slide.nslick-current.nslick-active .product_video_iframe {
  display: block !important;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  width: 100%;
}

p.form-row.woocommerce-SavedPaymentMethods-saveNew {
  display: none !important;
}

.update_stock_available,
.stock_available {
  color: #ff0101;
  padding-left: 26px;
  float: right;
  font-size: 13px;
}

.acf-field.cut_length_field_left,
.acf-field.acf-field-number.cut_length_field_mid,
.dokan-product-edit .product-edit-new-container.product-edit-container .content-half-part.dokan-product-meta .acf-fields.acf-form-fields>div {
  margin-right: 12px !important;
}

.store-cat-stack-dokan ul li a,
.filter-block li a {
  border: solid 2px var(--dark-green);
  border-radius: 50px;
  padding: 4px 10px;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

.dokan-store-menu .store-cat-stack-dokan ul li.active a,
.filter-block li a.active {
  color: white;
  background-color: var(--dark-green);
  font-weight: 500;
}

.store-cat-stack-dokan.cat-drop-stack ul {
  min-height: 100% !important;
  overflow-y: initial !important;
  gap: 24px;
}

.store-cat-stack-dokan.cat-drop-stack ul li.parent-cat-wrap:last-child {
  display: none;
}

.filter-block ul {
  margin-top: 20px !important;
}

div#progress-bar {
  background: var(--dark-green);
  height: 10px;
  border-radius: 100px;
}

div#progress-bar-background {
  background: var(--cotton-light);
  width: 100%;
  height: 10px;
}

div#load-more-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  margin: 60px 35%;
  width: 30%;
}

.mobile-banner-image {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .desktop-banner-image {
    display: none !important;
  }

  .mobile-banner-image {
    display: block !important;
  }

  .home-banner-content {
    display: flex;
    flex-direction: column;
  }

  .home-banner-content a.btn.dark_small {
    text-align: center;
  }

  div#load-more-container {
    margin: 60px 17.5% !important;
    width: 65% !important;
  }

  .wlfmc-wishlist-table.view-mode-grid .wishlist-items-wrapper:not(.wishlist-empty) {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  table.wlfmc-wishlist-table {
    padding: 15px;
    display: table !important;
    justify-content: center;
  }
}

#wlfmc-wishlist-form table tr {
  position: relative;
  border-radius: 0px !important;
}

table.wlfmc-wishlist-table .wishlist-items-wrapper tr a.product-remove.remove_from_wishlist.wlfmc-remove-from-list {
  position: absolute;
  top: 10px;
  left: 10px;
}

@media only screen and (max-width: 600px) {
  .wlfmc-wishlist-table.view-mode-grid .product-thumbnail img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    height: 140px !important;
  }
}

.mobile-banner-image {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .desktop-banner-image {
    display: none !important;
  }

  .mobile-banner-image {
    display: block !important;
  }

  .home-banner-content {
    display: flex;
    flex-direction: column;
    padding: 0px 10px;
  }

  .home-banner-content a.btn.dark_small {
    text-align: center;
    padding: 20px 35px;
  }

  #home-banner .owl-carousel .owl-item img.mobile-banner-image {
    width: 100%;
    height: auto;
    margin-top: 14px;
  }

  #home-banner .home-banner-col h1 {
    margin-bottom: 25px;
    font-size: 40px;
  }

  #home-banner .home-banner-col p {
    font-size: 20px;
  }

  .filter-btn-container {
    justify-content: space-between;
    display: flex;
  }

  .filter-btn-container div {
    width: 33.3% !important;
  }

  .collections-btn-container,
  .find_filter_data {
    display: block !important;
  }

  .wlfmc-loop-btn:not(.is-elementor) .wlfmc-add-button>a {
    width: 30px;
    height: 30px;
  }

  .pro-block .sorting-row {
    text-align: right;
    margin-bottom: 0px !important;
  }

  .find_filter_data {
    margin-left: 0px !important;
  }

  .pro-block .sorting-row:not(.collections-btn-container) select {
    width: 126px !important;
    background: var(--white) url(../images/down-arrow-black.svg) no-repeat top 20px right 8px !important;
    padding-right: 30px !important;
  }

  .pro-block .sorting-row.collections-btn-container select {
    background: var(--white) url(../images/down-arrow-black.svg) no-repeat top 20px right 6px !important;
    padding-right: 26px !important;
  }

  .pro-block .panel,
  .pro-block .products {
    row-gap: 20px;
    column-gap: 4% !important;
    justify-content: center;
    display: grid !important;
    grid-template: auto / 48% 48% !important;
  }

  .tabbedPanels .product-block .img-box img {
    width: 100% !important;
    aspect-ratio: 1 / 1;
  }

  .tabbedPanels .product-block {
    width: 100%;
  }

  .tabbedPanels .product-block .img-box {
    width: 100%;
    height: auto;
  }

  .tabbedPanels .product-block .img-box img {
    width: 100% !important;
    height: auto !important;
  }

  .tabbedPanels {
    padding: 0px 15px;
  }
}

.collections-btn-container,
.find_filter_data {
  display: none;
}

select#collections-btn {
  padding-left: 0 !important;
  width: 100% !important
}

.filter-btn-container {
  justify-content: end;
  gap: 20px;

}

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

  .tabbedPanels .product-block {
    width: 100%;
  }

  .tabbedPanels .product-block .img-box {
    width: 100%;
    height: auto;
  }

  .tabbedPanels .product-block .img-box img {
    width: 100% !important;
    height: auto !important;
  }
}

@media only screen and (max-width: 480px) {
  .tabbedPanels .product-block {
    width: 100%;
  }

  .tabbedPanels .product-block .img-box {
    width: 100%;
    height: auto;
  }

  .tabbedPanels .product-block .img-box img {
    width: 100% !important;
    height: auto !important;
  }
}

@media only screen and (max-width: 390px) {
  .tabbedPanels .product-block {
    width: 100%;
  }

  .tabbedPanels .product-block .img-box {
    width: 100%;
    height: auto;
  }

  .tabbedPanels .product-block .img-box img {
    width: 100% !important;
    height: auto !important;
  }
}

.tabbedPanels .product-block .img-box img {
  object-position: center !important;
  height: auto !important;
  width: 100% !important;
  aspect-ratio: 1 / 1;
  max-width: 100% !important;
}

/* Target iOS devices specifically */
@supports (-webkit-touch-callout: none) {
  .pro-block .sorting-row:not(.collections-btn-container) select {
    -webkit-appearance: none;
    text-align: right !important;
    text-align-last: right !important;

  }

  .pro-block .sorting-row.collections-btn-container select {
    /* This centers the dropdown on iOS */
    -webkit-appearance: none;
    text-align: center !important;
    text-align-last: center !important;
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }

}

.dokan-external-product-content.show_if_external {
  display: none !important;
}

/* Updated Calculator Design */
.cs-sustainability-calculator {
  margin: 4em 0;
  font-family: Arial, sans-serif;
}

.calculator-container {
  max-width: 578px;
  margin: 0;
  background-color: #3e4a3c;
  color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  padding: 32px;
}

.calculator-inner {
  border: 1px solid #F8F7F2;
}

.calculator-header {
  text-align: center;
  padding: 15px;
  border-bottom: 1px solid #F8F7F2;
}

.calculator-header h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}

.calculator-display {
  padding: 20px 30px;
  text-align: center;
}

.calculator-display .display-value {
  border-bottom: 1px solid #F8F7F2;
}

.display-value {
  font-size: 36px;
  margin-bottom: 5px;
}

.display-label {
  font-size: 11px;
  color: #fff;
  margin-top: 11px;
  font-weight: 500;
}

.calculator-keypad {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
  padding: 20px;
}

@media (max-width: 480px) {
  .calculator-keypad {
    grid-template-columns: repeat(3, 1fr);
  }
}

.calc-btn {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #fff;
  color: #ffffff;
  font-size: 30px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

.calc-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.calculator-action {
  padding: 15px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.calculator-action button {
  width: 100%;
  padding: 12px;
  background-color: #3e4a3c;
  color: #ffffff;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.calculator-action button:hover {
  background-color: #4c594a;
}

.calculator-results {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.impact-metric {
  padding: 15px;
  text-align: center;
}

.impact-metric:not(:last-child) {
  border-right: 1px solid #fff;
}

.impact-label {
  font-size: 12px;
  color: #a7c3a2;
  margin-bottom: 8px;
}

.impact-value {
  font-size: 18px;
}

/* Original Calculator Styles (keep for backward compatibility) */
.cs-sustainability-calculator {
  padding: 1.5em;
  border-radius: 4px;
  padding: 0;
}



.cs-sustainability-calculator h4 {


  padding: 0;

}



.calculator-form {

  margin-bottom: 1.5em;

}



.calculator-form .input-group {

  margin-bottom: 1em;

}



.calculator-form label {

  display: block;

  margin-bottom: 0.5em;

  font-weight: 600;

}



.calculator-form input[type="number"] {

  width: 100%;

  max-width: 200px;

  padding: 0.5em;

}



.calculator-form input.error {

  border-color: #dc3545;

}



.calculator-results {

  margin-top: 1.5em;

  padding-top: 1.5em;

  border-top: 1px solid #ddd;

}



.calculator-results h5 {

  margin: 0 0 1em;

  padding: 0;

}



.calculator-results ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.calculator-results li {

  margin-bottom: 0.5em;

}



.calculator-results li:last-child {

  margin-bottom: 0;

}



/* Dokan form styles */

.sustainability-options .blend-row {

  display: flex;

  gap: 1em;

  margin-bottom: 1em;

  align-items: center;

}



.sustainability-options .blend-row select,

.sustainability-options .blend-row input {

  max-width: 200px;

}



.sustainability-options .remove-blend {

  padding: 0.25em 0.5em;

  background: #dc3545;

  color: white;

  border: none;

  border-radius: 4px;

  cursor: pointer;

}



.sustainability-options #add_blend {

  margin-bottom: 2em;

}



/* Track analytics styles */

.cs-analytics-dashboard {

  padding: 1.5em;

  background: white;

  border-radius: 4px;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

}



.cs-analytics-dashboard .stat-card {

  padding: 1.5em;

  background: #f8f9fa;

  border-radius: 4px;

  margin-bottom: 1em;

}



.cs-analytics-dashboard .stat-value {

  font-size: 1.5em;

  font-weight: bold;

  color: #0073aa;

}

.sustainability-options {
  margin-bottom: 20px;
}

.material-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 18px;
  margin-left: -16px;
}

.material-row select,
.material-row input {
  margin: 0;
}

.material-row .dokan-input-group {
  display: flex;
  align-items: center;
}

.material-row .dokan-input-group-addon {
  padding: 8px 12px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-left: none;
}

.material-row .remove-material {
  padding: 8px 12px;
  height: auto;
  margin-left: -24px;
}

#add_material {
  margin-top: 10px;
}

.dokan-form-group {
  margin-bottom: 15px;
}

.dokan-section-content {
  padding: 15px;
}

.material-percentage.error {
  border-color: #dc3545;
}

button.dokan-btn.dokan-btn-danger.remove-material {
  padding: 11px !important;
}

div#material_blends {
  margin-top: 20px;
  margin-bottom: 20px;
}

.material-row.dokan-clearfix {
  margin-bottom: 10px;
}

.dokan-section-content div#material_blends span.dokan-input-group-addon {
  padding: 16.5px;
  margin: 0 !important;
}

.sample_meter_roll {
  float: none !important;
}

.woocommerce-button.button.verification,
a.woocommerce-button.button.cancel {
  margin-right: 10px !important;
}

/* Surplus guide */
.cs-surplus-guide-container {
  max-width: 600px;
  margin: 2em auto;
  padding: 2em;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cs-surplus-guide-info {
  margin-bottom: 2em;
}

.cs-surplus-guide-form .form-row {
  margin-bottom: 1.5em;
}

.cs-surplus-guide-form label {
  display: block;
  margin-bottom: 0.5em;
  font-weight: 500;
}

.cs-surplus-guide-form input[type="text"],
.cs-surplus-guide-form input[type="email"] {
  width: 100%;
  padding: 0.8em;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.cs-surplus-guide-submit {
  width: 100%;
  padding: 1em;
  background: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.1em;
}

.cs-surplus-guide-submit:hover {
  background: #45a049;
}

.success-message {
  text-align: center;
  color: #4CAF50;
  padding: 2em;
  font-size: 1.2em;
}

.cs-thank-you-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.cs-thank-you-content {
  background: white;
  padding: 2em;
  border-radius: 8px;
  text-align: center;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.cs-thank-you-content h3 {
  margin-top: 0;
  color: #4CAF50;
}

.cs-thank-you-content button {
  background: #4CAF50;
  color: white;
  border: none;
  padding: 0.5em 2em;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 1em;
}

.cs-thank-you-content button:hover {
  background: #45a049;
}

.acf-input .material-group,
.acf-input .custom-material-composition {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  margin-right: 0 !important;
}

div#material_blends,
div[data-original-id="material_blends"] {
  /* width: 79.8%; */
  margin-top: 0;
  flex: 1;
}

.material-group>label {
  width: 100%;
}

button#add_material,
button[data-original-id="add_material"] {
  height: fit-content !important;
  /* width: 16.5%; */
  display: flex !important;
  justify-content: center !important;
}

.percentage-error {
  order: 3;
  width: 65.5%;
}

label#cs_material_percentage\[\]-error,
div#material_blends .input-error {
  display: none !important;
}

.percentage-sympol {
  padding: 16.5px !important;
  width: 50px !important;
  background: transparent !important;
  border-radius: 0 !important;
}

button.remove-material {
  background: transparent !important;
  border: none !important;
}

.product-edit-new-container .acf-input select:not(select[name="cs_material_type[]"]),
.product-edit-new-container .acf-input input:not(input[name="cs_material_percentage[]"], input[name="acf[field_66613b3460c6c]"], input[name="cs_unknown_materials"]) {
  min-width: 359px;
}

.material-row select {
  max-width: 436px;
}

.material-row input {
  max-width: 373px !important;
}

/* div.acf-field:not(.cut_length_field_right,.cut_length_field_left,.cut_length_field_right,.cut_length_field_mid) {
    margin: 0 !important;
    margin-right: 18px !important;
} */
.acf-tab-wrap.-top {
  margin-bottom: 60px !important;
}

@media (max-width: 1024px) {

  .acf-input .material-group,
  .acf-input .custom-material-composition {
    flex-direction: column;
  }

  input[name="cs_unknown_materials"]:before {
    bottom: -7px !important;
  }

  input[name="cs_unknown_materials"]:checked:before {
    bottom: -3px !important;
  }

}

@media (max-width: 768px) {
  .material-row {
    flex-wrap: wrap;
    margin-left: 0 !important;
  }

  .material-type-wrap {
    width: 100% !important;
  }

  .material-row .dokan-w2 {
    width: fit-content;
  }

  .material-percentage-wrap {
    width: 80% !important;
  }

  .remove-material {
    margin: 0 !important;
  }
}

@media(min-width:1024px) {

  /* Dashboard updates - related to the plugin */
  .product-edit-new-container .content-half-part.featured-image,
  .product-edit-container .content-half-part.featured-image {
    display: flex;
    flex-direction: column;
    width: 21% !important;
  }

  .product-edit-new-container div#dokan-product-title-area,
  .product-edit-container div#dokan-product-title-area {
    width: 64% !important;
  }

  .product-edit-new-container .acf-field.material-id,
  .product-edit-container .acf-field.material-id {
    min-width: 64%;
    margin-top: -205px !important;
    display: block;
  }

  .product-edit-new-container div#edit-slug-box,
  .product-edit-container div#edit-slug-box {
    display: none;
  }


  /* .product-edit-container div#material_structure_id,
    .product-edit-container div#fibres_id {
        margin-top: -93px !important;
    }
    .product-edit-new-container div#material_structure_id,
    .product-edit-new-container div#fibres_id{
        margin-top: -33px !important;
    } */
}

input[name="cs_unknown_materials"],
input[data-original-id="cs_unknown_materials"] {
  accent-color: #3e4935;
  transform: scale(1.5);
  margin-right: 10px;
}

/* New product dashboard */
.dokan-new-product-area .product-edit-container .material-id,
.dokan-new-product-area .product-edit-container .dokan-form-group.product-title,
.dokan-product-edit-form .material-id,
.dokan-product-edit-form #dokan-product-title-area {
  max-width: 0 !important;
  min-width: 60% !important;
}

.dokan-new-product-area .product-edit-container .position-image {
  width: 37.66%;
}

.dokan-new-product-area .product-edit-container .position-image .content-half-part.featured-image {
  width: 100% !important;
}

a.add-product-images {
  inset: 0;
  display: inline-block;
  width: 40px !important;
  height: 38px !important;
  border-radius: 8px;
  padding: 0 !important;
}

a.add-product-images i {
  margin: auto;
  vertical-align: middle;
  border: 2px solid #A8A8A8;
  padding: 6px 7px;
  border-radius: 5px;
}

.content-half-part.featured-image>p {
  margin-top: 20px;
  margin-left: 0 !important;
  margin-bottom: 15px;
}

.product-edit-new-container.product-edit-container .dokan-new-product-featured-img a.close {
  height: 128% !important;
}

.product-edit-container #dokan-product-images ul.product_images li.add-image {
  border-radius: 0 !important;
}

.dokan-new-product-area .product-edit-container div#material_structure_id {
  width: 30%;
  margin: 0;
}

.dokan-new-product-area .product-edit-container div#fibres_id {
  margin-left: 1rem;
  width: 29%;
}

.dokan-new-product-area .product-edit-container .acf-fields .acf-field.one_third_right.fibres .acf-taxonomy-field>span .select2-selection--multiple ul li.select2-search {
  padding-top: 0 !important;
}

.dokan-new-product-area .product-edit-container .unknown-materials-checkbox {
  margin-left: 5px !important;
}

.dokan-new-product-area .featured-image .dokan-product-gallery {
  margin-left: 0 !important;
}

.dokan-new-product-area .featured-image .featured-image .instruction-inside {
  padding-top: 65px;
}

.dokan-new-product-area .featured-image .dokan-product-gallery {
  width: 100% !important;
}

ul.product_images li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.acf-field.acf-field-text.total_stock_qty_box .acf-label p {
  font-size: 15px !important;
}

.product-edit-container ul.acf-hl.acf-tab-group li a {
  margin: 0 !important;
  font-size: 18px;
  font-weight: 500;
}

/* .product-edit-container ul.acf-hl.acf-tab-group > li:nth-child(1) a:before {
    content: '';
    background-image: url(../vectors/swatches.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 8px;
    position: relative;
    vertical-align: middle;
    top: -4px;
}
.product-edit-container ul.acf-hl.acf-tab-group > li:nth-child(2) a:before {
    content: '';
    background-image: url(../vectors/cutlength.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 8px;
    position: relative;
    vertical-align: middle;
    top: -4px;
}
.product-edit-container ul.acf-hl.acf-tab-group > li:nth-child(3) a:before {
    content: '';
    background-image: url(../vectors/rolls.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 8px;
    position: relative;
    vertical-align: middle;
    top: -4px;
}
.product-edit-container ul.acf-hl.acf-tab-group > li:not(.active) a:before {
    filter: brightness(0) invert(1);
}
 .product-edit-container ul.acf-hl.acf-tab-group > li a:hover:before,
.product-edit-container ul.acf-hl.acf-tab-group > li.active:not(:first-child) a:before {
    filter: brightness(0) invert(0);
} */
.product-edit-container .acf-field[data-name="price_per_sample"] .acf-input-wrap {
  width: 100% !important;
}

div[data-name="will_you_sell_samples"],
div.acf-field.acf-field-select.acf-field-select[data-name="will_you_sell_cut_lengths"],
div[data-name="will_you_sell_whole_rolls"],
div[data-name="if_yes_what_is_the_moq_meters"],
div[data-name="maximum_order_quantity"],
div[data-name="price_per_sample"],
div[data-name="key_information_copy"] {
  margin-top: 0 !important;
}

div[data-name="key_information_copy"] {
  padding-top: 25px !important;
}

form.dokan-product-edit-form h4 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 36px;
}

.product-edit-new-container div#material_structure_id {
  margin-left: 0;
  margin-right: 20px;
  width: 30%;
}

.product-edit-new-container div#fibres_id {
  width: 28.9%;
}

.product-edit-new-container .dokan-product-edit-form .dokan-product-gallery {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.product-edit-new-container ul.product_images {
  display: flex;
  width: 100%;
}

.product-edit-container .acf-fields .acf-field.one_third_right.fibres .acf-taxonomy-field>span .select2-selection--multiple ul li.select2-search {
  padding-top: 0 !important;
}

.product-edit-new-container .dokan-product-edit-form .dokan-product-gallery {
  margin-left: 0 !important;
}

.product-edit-new-container .content-half-part.featured-image,
.product-edit-container .content-half-part.featured-image {
  width: 37% !important;
}

.dokan-product-edit .product-edit-new-container.product-edit-container .content-half-part.dokan-product-meta .acf-fields.acf-form-fields>div.one_third_left {
  margin-right: -10px;
}

/* .dokan-new-product-area .product-edit-container .material-id
 {
    margin-top: -260px !important;
} */
.unknown-materials-checkbox.dokan-w12 label {
  font-size: 13px;
  color: #686868;
}

.material-group {
  opacity: 0;
}

.custom-material-composition .material-group {
  opacity: 1;
}

.dokan-edit-row {
  opacity: 0;
}

.dokan-edit-row[style*="position: relative;"] {
  opacity: 1;
}

.sample_meter_roll {
  margin-bottom: 20px;
  width: 254px !important;
}

/* Accordion Styles */
.accordion-toggle {
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 15px;
  border-radius: 5px;
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-content {
  display: none;
}

.toggle-icon {
  transition: transform 0.3s;
  font-size: 0.8em;

}

.toggle-icon.rotated {
  transform: rotate(180deg);
}

.woocommerce-MyAccount-content table.woocommerce-orders-table tr td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions[data-title="Documentation"] a.woocommerce-button.button.view {
  visibility: hidden;
  width: 0;
  padding: 3px !important;
  margin: 0 !important;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions[data-title="Documentation"] {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .dokan-new-product-area .content-half-part h4 {
    display: inline-block;
    width: 100%;
    min-width: 200px;
  }

  .dokan-new-product-area .content-half-part .dokan-form-group.category,
  .dokan-new-product-area .content-half-part .dokan-form-group.product-title {
    max-width: 100% !important;
    float: left !important;
    margin-right: 0% !important;
    width: 100% !important;
  }
}

.wlfmc-counter-wrapper .wlfmc-counter-icon .wlfmc-counter-number.position-top-right {
  top: -12px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.dokan-orders-content article.dokan-orders-area .dokan-w8.dokan-order-left-content div#woocommerce-order-items .wc-order-data-row table tr {
  display: flex;
}