:root {
  --color-gray: #A1A1AB;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-secondary-black: #0F0F0F;
  --color-primary: #3CB64A;
  --color-light-gray: #F5F5F5;
}

/* Reset and base styles */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Remove underline and blue color from links */
a {
  text-decoration: none;
  color: inherit;
}
html {
  font-size: 10px;
}
/* Body styles */
body {
  font-family: "Inter", sans-serif;
  line-height: 1.625;
  color: var(--color-gray);
  background-color: var(--color-secondary-black);
  font-size: 1.6rem;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: normal;
  margin: 0;
  color: var(--color-white);
}
h1 strong{
  font-weight: 700;
} 
h2 strong {
  font-weight: 500;
}

h1 {
  font-size: 5.4rem;
  line-height: 1.4444;
  font-weight: 700;
}

h2 {
  font-size: 3.6rem;
  font-weight: 500;
}

h3 {
  font-size: 2.6rem;
  font-weight: 500;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
}

p {
  margin: 0rem;
}

/* Container */

.container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

/* Media Queries for Container - Using min-width */
/* @media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
} */

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1480px;
  }
}


/* Buttons */
.earnedits__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.2rem;
  height: 48px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  line-height: 1.25rem;
  gap: 0.4rem;
  border-radius: 100px;
}

.earnedits__btn:hover {
  background-color: var(--color-primary);
  transform: translateY(-1px);
}

.earnedits__btn.outline {
  background-color: transparent;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.earnedits__btn.outline:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.earnedits__btn.white {
  background-color: var(--color-white);
  color: var(--color-secondary-black);
}

.earnedits__btn.white:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--color-secondary-black);
}

.earnedits__btn.outline.white {
  background-color: transparent;
  border: 1px solid var(--color-white);
  color: var(--color-white);
}

.earnedits__btn.outline.white:hover {
  background-color: var(--color-white);
  color: var(--color-primary);
}


/* Form elements */
input, textarea, select {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* Lists */
ul, ol {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

/* Images */
img {
  max-width: 100%;
  height: auto;
}

/* Utility classes */
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

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

.d-flex {
  display: flex;
}

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

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mt-4 { margin-top: 2rem; }

.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }


.common_section {
  padding: 7.4rem 0;
}

.section__header {
  text-align: center;
  max-width: 100%;
  margin: 0 auto 5.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
}
.section__header .section__subheading {
  font-size: 2rem;
}

/* ============================================
   HEADER CSS
   ============================================ */

/* Topbar */
.topbar {
  background-color: var(--color-primary);
  padding: 1.6rem 0;
}

.topbar__content {
  text-align: center;
  color: var(--color-white);
  font-size: 1.4rem;
  line-height: normal;
}

.topbar__content p {
  margin: 0;
  display: inline;
}

.topbar__content a {
  color: var(--color-white);
  text-decoration: underline;
  font-weight: 500;
  transition: opacity 0.3s ease;
}

.topbar__content a:hover {
  opacity: 0.8;
}

/* Header */
.header_wrapper {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 11;
}
.header {
  /* background-color: var(--color-secondary-black); */
  padding: 2rem 0;
}
.header .header__logo {
  display: flex;
}
.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Logo */
.header__logo a {
  display: inline-flex;
  align-items: center;
}

.header__logo img {
  max-height: 6rem;
  width: auto;
}

.header__logo .logo__text {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-white);
  letter-spacing: 0.1em;
}

/* Mobile Menu Toggle */
.header__toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 2.8rem;
  height: 2rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1001;
}

.header__toggle .toggle__bar {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--color-white);
  transition: all 0.3s ease;
}

/* Toggle Active State */
.header__toggle.active .toggle__bar:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.header__toggle.active .toggle__bar:nth-child(2) {
  opacity: 0;
}

.header__toggle.active .toggle__bar:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

/* Navigation */
.header__nav {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  margin: 0 0 0 auto;
}

.header__nav .nav__menu {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__nav .nav__menu li {
  position: relative;
}

.header__nav .nav__menu li a {
  color: var(--color-white);
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
  transition: color 0.3s ease;
  padding: 0.8rem 0;
  display: inline-flex;
}

.header__nav .nav__menu li a:hover,
.header__nav .nav__menu li.current-menu-item a,
.header__nav .nav__menu li.current_page_item a {
  color: var(--color-primary);
}

/* Dropdown Menu */
.header__nav .nav__menu li .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 20rem;
  background-color: var(--color-secondary-black);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1rem 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 100;
  display: block;
}

.header__nav .nav__menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.header__nav .nav__menu li .sub-menu li {
  display: block;
}

.header__nav .nav__menu li .sub-menu li a {
  padding: 0.8rem 1.6rem;
  display: block;
  white-space: nowrap;
}

/* Navigation Separator */
.nav__separator {
  background: var(--color-white);
  height: 1rem;
  width: 1px;
}

/* Header CTA Button */
.header__cta {
  border-radius: 0.8rem;
  white-space: nowrap;
  padding: 0 2rem;
}

/* Body Menu Open State */
body.menu-open {
  overflow: hidden;
}

/* ============================================
   END HEADER CSS
   ============================================ */

/* ============================================
   FOOTER CSS
   ============================================ */

.footer {
  background-color: var(--color-secondary-black);
  padding: 7.4rem 0 0;
}

/* Footer Main */
.footer__main {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-start;
  gap: 17.5rem;
  padding-bottom: 7.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Footer Info (Left) */

.footer__logo a {
  display: inline-flex;
  align-items: center;
}

.footer__logo img {
  max-height: 7.4rem;
  width: auto;
}

.footer__logo .logo__text {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-white);
  letter-spacing: 0.1em;
}

.footer__description {
  margin-top: 1rem;
  line-height: 1.7;
  font-size: 1.8rem;
}

/* Footer Navigation (Right) */
.footer__nav {
  flex-shrink: 0;
}

.footer__nav .footer__menu {
  display: flex;
  gap: 0rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__nav .footer__menu li {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.footer__nav .footer__menu li + li {
  margin-left: 1.6rem;
}
.footer__nav .footer__menu li + li::before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: var(--color-gray);
}

.footer__nav .footer__menu li a {
  color: var(--color-gray);
  font-size: 1.6rem;
  font-weight: 400;
  transition: color 0.3s ease;
  line-height: 1.3;
}

.footer__nav .footer__menu li a:hover {
  color: var(--color-primary);
}

.footer .contact__info ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .contact__info ul li {
  display: block;
}
.footer .contact__info ul li a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--color-white);
  font-size: 1.8rem;
}
.footer .contact__info ul li a:hover {
  /* color: var(--color-primary); */
  text-decoration: underline;
}
.footer .contact__info ul li a span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .contact__info ul li a img {
  max-width: 2.4rem;
  max-height: 2.4rem;
  width: auto;
  height: auto;
  vertical-align: top;
}


/* Footer Bottom */
.footer__bottom {
  padding: 2.4rem 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer__copyright {
  font-size: 1.6rem;
  color: var(--color-gray);
}

/* ============================================
   END FOOTER CSS
   ============================================ */


/* WooCommerce Custom Styles */
.woocommerce div.product {
  overflow: hidden;
}
.single-product-top-part {
  display: grid;
  grid-template-columns: 54.35% 41.30%; /* keeps similar ratio */
  gap: 64px;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
  float: none;
  width: auto;
  margin: 0;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: auto;
  float: none;
  margin: 0;
}
.shop-container-wrapper,
.default-page,
.woocommerce-default-page,
.woocommerce div.product.single-product-container {
  position: relative;
  overflow: visible;
  padding: 17rem 0 7rem;
}
.woocommerce div.product.single-product-container .bg-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  pointer-events: none;
}
.woocommerce div.product.single-product-container .bg-image img {
  max-width: 50%;
  width: auto;
  height: auto;
  vertical-align: top;
}
.woocommerce div.product.single-product-container .container {
  position: relative;
  z-index: 1;
}
/* .woocommerce div.product.single-product-container .product-gallery-container {
  position: sticky;
  top: 10.7rem;
} */

.woocommerce div.product.single-product-container  div.summary .woocommerce-breadcrumb a,
.woocommerce div.product.single-product-container  div.summary .woocommerce-breadcrumb {
  font-size: 16px;
  color: var(--color-white);
  line-height: 1.5;
}
.woocommerce div.product.single-product-container  div.summary .woocommerce-breadcrumb {
  margin: 0 0 2.4rem 0;
}
.woocommerce div.product.single-product-container .product_title {
  font-size: 4.4rem;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.woocommerce div.product.single-product-container .woocommerce-product-details__short-description {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 400;
  margin: 0 0 1rem 0;
  color: var(--color-gray);
}
.woocommerce div.product.single-product-container  div.summary .price {
  font-size: 3.2rem;
  color: var(--color-white);
  line-height: 1.25;
  font-weight: 600;
}
.woocommerce div.product.single-product-container form.cart {
  margin: 2.4rem 0;
}
.woocommerce div.product.single-product-container div.quantity {
  display: none;
}
.woocommerce div.product.single-product-container form.cart .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.2rem;
  height: 48px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  line-height: 1.25rem;
  gap: 0.4rem;
  border-radius: 100px;
  width: 100%;
}

.woocommerce div.product.single-product-container form.cart .button:hover {
  background-color: var(--color-primary);
  transform: translateY(-1px);
}
.woocommerce div.product.single-product-container  div.summary .button-note {
  font-size: 1.4rem;
  text-align: center;
  margin: -0.8rem 0 2.4rem 0;
}
.woocommerce div.product.single-product-container  div.summary .product-description,
.woocommerce div.product.single-product-container  div.summary .product-notice {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  padding: 2.4rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.woocommerce div.product.single-product-container  div.summary .product_meta .product-notice {
  padding-bottom: 0;
}
.woocommerce div.product.single-product-container  div.summary .product-description h3,
.woocommerce div.product.single-product-container  div.summary .product-notice h3 {
  font-size: 2rem;
  line-height: normal;
  font-weight: 500;
  color: var(--color-white);
}
.woocommerce div.product.single-product-container  div.summary .product-description p,
.woocommerce div.product.single-product-container  div.summary .product-notice p {
  margin: 0;
}
.woocommerce div.product.single-product-container  div.summary .product-description ul,
.woocommerce div.product.single-product-container  div.summary .product-notice ul {
  margin-bottom: 0;
}

.woocommerce div.product.single-product-container  div.summary .product-notice ul {
  margin: 0;
}
.woocommerce div.product.single-product-container  div.summary .product-notice ul li {
  position: relative;
  padding: 0 0 0 30px;
  display: block;
}
.woocommerce div.product.single-product-container  div.summary .product-notice ul li + li {
  margin-top: 14px;
}
.woocommerce div.product.single-product-container  div.summary .product-notice ul li::before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/arrow-right-green.svg) no-repeat center center;
}

.woocommerce div.product.single-product-container  div.summary .product-description h5,
.woocommerce div.product.single-product-container  div.summary .product-notice h5 {
  margin: 0;
}

.product-template-default.single-product .woocommerce-notices-wrapper {
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
}
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-error, 
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-info,
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-message {
  padding: 1.2rem 1.2rem 1.2rem 5.2rem;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  background: var(--color-black);
}
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-error li, 
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-info li,
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-message li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-error::after, 
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-info::after,
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-message::after {
  display: none;
}
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-error .button, 
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-info .button,
.product-template-default.single-product .woocommerce-notices-wrapper .woocommerce-message .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  height: 32px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  line-height: 1.25rem;
  gap: 0.4rem;
  border-radius: 100px;
  white-space: nowrap;
}

.woocommerce-default-page .wc-block-cart__main .wc-block-cart-items {
  border: solid 1px rgba(255, 255, 255, 0.2);
  border-radius: 1rem;
}
.woocommerce-default-page .wc-block-cart__main .wc-block-cart-items .wc-block-cart-items__header th {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  padding: 1rem 1.6rem;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product,
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product {
  visibility: visible;
  font-size: 0;
}
.woocommerce-default-page .wc-block-cart__main .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.woocommerce-default-page .wc-block-cart__main .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image a img {
  border-radius: 6px;
}
.woocommerce-default-page .wc-block-cart__main .wc-block-cart-items .wc-block-components-product-name {
  font-size: 1.8rem;
  color: var(--color-white);
  font-weight: 500;
}
.woocommerce-default-page .wc-block-cart__main .wc-block-cart-items .wc-block-cart-items__row + .wc-block-cart-items__row td {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}
.woocommerce-default-page .wc-block-cart__main .wc-block-cart-item__total .wc-block-components-product-price{
  font-size: 1.6rem;
  color: var(--color-white);
  font-weight: 500;
}
.woocommerce-default-page .wc-block-cart__main .wc-block-cart-item__prices .wc-block-components-product-price {
  color: var(--color-white);
}
.woocommerce-default-page .wc-block-components-sidebar {
  padding: 2.4rem;
  border-radius: 10px;
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.woocommerce-default-page .wc-block-components-sidebar .wc-block-cart__totals-title {
  padding: 0 0 1.6rem 0;
  font-size: 2rem;
  color: var(--color-white);
  font-weight: 500;
  /* border-bottom: solid 1px rgba(255, 255, 255, 0.2); */
}
.woocommerce-default-page .wc-block-components-sidebar .wc-block-components-totals-wrapper {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  color: var(--color-white);
}
.woocommerce-default-page .wc-block-components-totals-coupon__content .wc-block-components-text-input input[type="text"] {
  background: rgba(255, 255, 255, 0.2);
  border-color: var(--color-white);
  color: var(--color-white);
}
.woocommerce-default-page .wc-block-components-totals-coupon__content .wc-block-components-totals-coupon__button {
  background: var(--color-white);
  color: var(--color-secondary-black);
  border-color: var(--color-white);
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  line-height: 1.25rem;
  gap: 0.4rem;
  border-radius: 6px;
  white-space: nowrap;
  font-family: "Inter", sans-serif;
  border: none;
}
.woocommerce-default-page .wc-block-components-sidebar .wc-block-cart__submit-container {
  border-radius: 100px;
  padding: 0;
}
.woocommerce-default-page .wc-block-components-sidebar .wc-block-cart__submit-container a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.2rem;
  height: 48px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  line-height: 1.25rem;
  gap: 0.4rem;
  border-radius: 100px;
}

.woocommerce-default-page .wc-block-components-sidebar .wc-block-cart__submit-container:hover {
  background-color: var(--color-primary);
  transform: translateY(-1px);
}
.woocommerce-default-page .wc-block-components-sidebar-layout.wc-block-cart {
  margin: 0;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], 
.wc-block-components-form .wc-block-components-text-input input[type=number], 
.wc-block-components-form .wc-block-components-text-input input[type=password], 
.wc-block-components-form .wc-block-components-text-input input[type=tel], 
.wc-block-components-form .wc-block-components-text-input input[type=text], 
.wc-block-components-form .wc-block-components-text-input input[type=url], 
.wc-block-components-text-input input[type=email], 
.wc-block-components-text-input input[type=number], 
.wc-block-components-text-input input[type=password], 
.wc-block-components-text-input input[type=tel], 
.wc-block-components-text-input input[type=text], 
.wc-block-components-text-input input[type=url] {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--color-white);
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, 
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus, 
.wc-block-components-form .wc-block-components-text-input input[type=password]:focus, 
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, 
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus, 
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus, 
.wc-block-components-text-input input[type=email]:focus, 
.wc-block-components-text-input input[type=number]:focus, 
.wc-block-components-text-input input[type=password]:focus, 
.wc-block-components-text-input input[type=tel]:focus, 
.wc-block-components-text-input input[type=text]:focus, 
.wc-block-components-text-input input[type=url]:focus {
  border-color: var(--color-white);
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-white);
}
.wc-blocks-components-select .wc-blocks-components-select__select {
  margin: 0;
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--color-white);
}
.wc-blocks-components-select .wc-blocks-components-select__select option {
  background: var(--color-secondary-black);
  color: var(--color-white);
}
.wc-blocks-components-select .wc-blocks-components-select__container {
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-white);
  border-color: rgba(255, 255, 255, 0.4);
}
.wc-block-components-address-address-wrapper .wc-block-components-address-card {
  border-color: rgba(255, 255, 255, 0.2);
}
.wc-block-components-address-card address .wc-block-components-address-card__address-section--primary {
  color: var(--color-white);
  font-size: 1.5rem;
}
.wc-block-components-address-card address .wc-block-components-address-card__address-section--secondary {
  color: var(--color-gray);
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, 
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.wc-block-components-textarea {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--color-white);
}
.wc-block-components-textarea:focus {
  border-color: var(--color-white);
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-white);
}
.wc-block-components-textarea::-webkit-input-placeholder { color:#fff;}
.wc-block-components-textarea:-moz-placeholder { opacity: 1; color: #fff;}
.wc-block-components-textarea::-moz-placeholder { opacity: 1; color: #fff;}
.wc-block-components-textarea:-ms-input-placeholder { color: #fff;}
.wp-block-woocommerce-checkout-order-summary-totals-block div:empty {
  display: none;
}
.woocommerce-default-page .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-totals-block .wp-block-woocommerce-checkout-order-summary-subtotal-block {
  padding-bottom: 1.6rem;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
  margin: 0;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
  margin: 0 0 1.6rem 0;
  font-size: 2rem;
  color: var(--color-white);
  font-weight: 500;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
  border: none;
  background: var(--color-primary);
  color: var(--color-white);
}
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-button:not(.is-link),
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.2rem;
  height: 48px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  line-height: 1.25rem;
  gap: 0.4rem;
  border-radius: 100px;
}

.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-button:not(.is-link):hover,
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button:hover {
  background-color: var(--color-primary);
  transform: translateY(-1px);
}

.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button {
  background-color: var(--color-white);
  color: var(--color-secondary-black);
}
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button svg {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
}

.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--color-secondary-black);
}
.wc-block-components-order-summary {
  padding: 0;
}
.wc-block-components-sidebar .slot-wrapper .wc-block-components-panel, .wc-block-components-sidebar .wc-block-components-panel, .wc-block-components-sidebar .wc-block-components-totals-coupon, .wc-block-components-sidebar .wc-block-components-totals-item {
  padding: 0;
}

.woocommerce-default-page .woocommerce .woocommerce-MyAccount-navigation {
  padding: 1.2rem 2.4rem;
  border: solid 1px rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-navigation ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0rem;
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-navigation ul li {
  margin: 0;
  padding: 0;
  display: block;
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-navigation ul li + li {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-navigation ul li a {
  font-size: 1.6rem;
  color: var(--color-white);
  font-weight: 500;
  line-height: 1.25;
  padding: 1.6rem 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  width: 100%;
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--color-primary);
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content div:empty {
  display: none;
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content p {
  color: var(--color-white);
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content p a {
  color: var(--color-primary);
  text-decoration: underline;
}
.woocommerce-default-page .woocommerce h2,
.woocommerce-default-page .woocommerce .woocommerce-form.woocommerce-form-login {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.woocommerce-default-page .woocommerce h2 {
  margin-bottom: 2.4rem;
}
.woocommerce-default-page .woocommerce .woocommerce-ResetPassword {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  border: solid 1px rgba(255, 255, 255, 0.2);
  padding: 2.4rem;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.woocommerce-default-page .woocommerce .woocommerce-ResetPassword div:empty {
  display: none;
}
.woocommerce-default-page .woocommerce .woocommerce-ResetPassword p,
.woocommerce-default-page .woocommerce .woocommerce-ResetPassword .form-row {
  padding: 0;
  margin: 0;
  width: 100%;
}
.woocommerce-default-page .woocommerce .woocommerce-form.woocommerce-form-login,
.woocommerce-default-page .woocommerce .woocommerce-form.woocommerce-form-register {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border: solid 1px rgba(255, 255, 255, 0.2);
  padding: 2.4rem;
  border-radius: 10px;
}
.woocommerce-default-page .woocommerce .woocommerce-form.woocommerce-form-register {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.woocommerce form.woocommerce-ResetPassword .form-row .input-text,
.woocommerce form.woocommerce-form-login .form-row .input-text, 
.woocommerce form.woocommerce-form-login .form-row select,
.woocommerce form.woocommerce-form-register .form-row .input-text, 
.woocommerce form.woocommerce-form-register .form-row select {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--color-white);
  height: 4.2rem;
  padding: 0 1.6rem;
  font-size: 1.6rem;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  float: right;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 1rem;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input {
  margin: 0;
  width: 16px;
  height: 16px;
}
.woocommerce .woocommerce-form-login .form-row,
.woocommerce .woocommerce-form-register .form-row {
  padding: 0;
  margin: 0;
}
.woocommerce .woocommerce-form-login .form-row:not(.form-row-wide) {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: 0.8rem;
}
.woocommerce .woocommerce-form-login .form-row:not(.form-row-wide)::before,
.woocommerce .woocommerce-form-login .form-row:not(.form-row-wide)::after {
  display: none;
}
.woocommerce .woocommerce-ResetPassword .button,
.woocommerce .woocommerce-form-login .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.2rem;
  height: 48px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  line-height: 1.25rem;
  gap: 0.4rem;
  border-radius: 100px;
}
.woocommerce .woocommerce-ResetPassword .button:hover,
.woocommerce .woocommerce-ResetPassword .button:focus,
.woocommerce .woocommerce-form-login .button:focus,
.woocommerce .woocommerce-form-login .button:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  transform: translateY(-1px);
}
.woocommerce .woocommerce-form-login .woocommerce-LostPassword a {
  color: var(--color-primary);
  text-decoration: underline;
}
.woocommerce form.woocommerce-form-register .woocommerce-privacy-policy-text {
  margin: -1.6rem 0 0;
}
.woocommerce form.woocommerce-form-register .woocommerce-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.2rem;
  height: 48px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  line-height: 1.25rem;
  gap: 0.4rem;
  border-radius: 100px;
}
.woocommerce form.woocommerce-form-register .woocommerce-button:focus,
.woocommerce form.woocommerce-form-register .woocommerce-button:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  transform: translateY(-1px);
}

.woocommerce table.shop_table {
  border: solid 1px rgba(255, 255, 255, 0.2);
  font-size: 1.4rem;
}
.woocommerce table.shop_table thead th {
  padding: 1rem 1.6rem;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tbody td {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  padding: 1rem 1.6rem;
}
.woocommerce table.shop_table .button {
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  padding: 0 2.4rem;
  height: 3.2rem;
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
}
.woocommerce table.shop_table .button:hover {
  background: var(--color-primary);
}

.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content h2 {
  max-width: 100%;
  margin: 0 0 1.6rem 0;
  font-size: 2.4rem;
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .button,
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .button,
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content .order-again .button {
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  padding: 0 3.2rem;
  height: 4.2rem;
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  text-decoration: none;
}

.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .button {
  margin-top: 0.8rem;
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .button {
  margin-top: 1.6rem;
}
.woocommerce-default-page .woocommerce .col2-set .col-1, 
.woocommerce-default-page .woocommerce-page .col2-set .col-1,
.woocommerce-default-page .woocommerce .col2-set .col-2, 
.woocommerce-default-page .woocommerce-page .col2-set .col-2 {
  border: solid 1px rgba(255, 255, 255, 0.2);
  padding: 2.4rem;
  border-radius: 10px;
}

.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content .woocommerce-column h2 {
  font-size: 2rem;
}
.woocommerce-default-page .woocommerce .woocommerce-customer-details address {
  padding: 0;
  border: none;
}
.woocommerce-default-page .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email {
  margin-top: 0.8rem;
}
.woocommerce-default-page .woocommerce .woocommerce-Address .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
}
.woocommerce-default-page .woocommerce .woocommerce-Address .woocommerce-Address-title h2 {
  width: auto;
  margin: 0;
}
.woocommerce-default-page .woocommerce .woocommerce-Address .woocommerce-Address-title::after,
.woocommerce-default-page .woocommerce .woocommerce-Address .woocommerce-Address-title::before {
  display: none;
}
.woocommerce-default-page .woocommerce .woocommerce-Address .woocommerce-Address-title .edit {
  font-size: 1.2rem;
  text-decoration: underline;
}


.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content form .form-row-first,
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content form .form-row-last {
  width: calc(50% - 0.8rem);
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content form .form-row {
  padding: 0;
  margin: 0 0 1rem 0;
}
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content  form .form-row .input-text, 
.woocommerce-default-page .woocommerce .woocommerce-MyAccount-content  form .form-row select {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--color-white);
  height: 4.2rem;
  padding: 0 1.6rem;
  font-size: 1.6rem;
}

.select2-container .select2-selection--single {
  height: 4.2rem;
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--color-white);
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  color: var(--color-white);
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  filter: invert(1);
}
.select2-container .select2-dropdown, 
.select2-container .select2-selection {
  background: #3F3F3F;
  border-color: #8C8C8C;
}
.select2-container .select2-search--dropdown {
  padding: 0.4rem 1.6rem;
}
.select2-container .select2-results__option {
  color: var(--color-white);
  padding: 0.8rem 1.6rem;
}
.select2-container--default .select2-results__option[aria-selected=true], 
.select2-container--default .select2-results__option[data-selected=true] {
  background: var(--color-primary);
  color: var(--color-white);
}

.woocommerce-MyAccount-content fieldset {
  padding: 1rem 1.6rem;
  border: solid 1px rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}
.woocommerce-MyAccount-content fieldset legend {
  padding: 0 0.8rem;
}

.page-title {
  margin: 0 0 2.4rem 0;
}

.default-page p a {
  color: var(--color-primary);
  text-decoration: underline;
}
.default-page * + h1,
.default-page * + h2,
.default-page * + h3,
.default-page * + h4,
.default-page * + h5,
.default-page * + h6 {
  margin-top: 2.4rem;
}
.default-page * + p {
  margin-top: 1rem;
}
.default-page * + ul {
  margin-top: 1rem;
}
.default-page * + ol {
  margin-top: 1rem;
}


.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wp-block-separator {
  display: none;
}
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
  font-size: 2rem;
  font-weight: 500;
  color: var(--color-white);
  margin: 0 0 7rem 0;
  display: block !important;
}
.shop-container-wrapper .woocommerce ul.products,
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  margin: 1.6rem 0 0 0;
}
.shop-container-wrapper .woocommerce ul.products::before,
.shop-container-wrapper .woocommerce ul.products::after {
  display: none;
}
.shop-container-wrapper .woocommerce ul.products li.product,
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
  width: 100%;
  margin: 0;
  max-width: 100%;
  border: none !important;
}
.shop-container-wrapper .woocommerce ul.products li.product a img {
  aspect-ratio: 1 / 0.675;
}

.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product .wc-block-grid__product-image {
  width: 100%;
  display: block;
  position: relative;
  border-radius: 1.6rem;
  overflow: hidden;
}
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product .wc-block-grid__product-link {
  width: 100%;
}
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product .wc-block-grid__product-image::before {
  content: '';
  display: block;
  padding-top: 67.5%;
}
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product .wc-block-grid__product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: none;
  position: absolute;
  left: 0;
  top: 0;
}
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  font-size: 2rem;
  font-weight: 500;
}
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title,
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
  color: var(--color-white);
}
.theme-twentytwenty .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product {
  font-size: 1.6rem;
}
.shop-container-wrapper .woocommerce ul.products li.product .button,
.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .add_to_cart_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.2rem;
  height: 48px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  line-height: 1.25rem;
  gap: 0.4rem;
  border-radius: 100px;
}

.woocommerce-default-page .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .add_to_cart_button:hover {
  background-color: var(--color-primary);
  transform: translateY(-1px);
}

.content-404-page {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 3.2rem;
  flex-direction: column;
  width: 100%;
}
.content-404-page h1 {
  margin: 0;
}
.content-404-page p {
  margin: 0;
  font-size: 2rem;
}

.featured-projects-section.pro-details__related-projects {
  padding-bottom: 0;
}
.featured-projects-section.pro-details__related-projects  .projects__grid {
  grid-template-columns: repeat(2, 1fr);
}


/* End WooCommerce Custom Styles */


/*============ Shop Page Start ============*/
.woocommerce .shop-container-wrapper .bg-image { position: absolute; left: 0; top: 0; right: 0; z-index: -1; display: flex; align-items: flex-start; justify-content: flex-start; pointer-events: none;}
.woocommerce .shop-container-wrapper .bg-image img { max-width: 50%; width: auto; height: auto; vertical-align: top;}
.shop-container-wrapper .woocommerce-products-header { text-align: center;}
.shop-container-wrapper .woocommerce-products-header .page-title { margin: 0 0 2rem 0;}
.shop-container-wrapper .woocommerce-result-count { float: none; font-size: 2rem; text-align: center; margin: 0;}
.woocommerce .shop-container-wrapper ul.products { width: auto; display: flex; flex-wrap: wrap;  gap: 60px 0; margin: 0 -18px; padding: 36px 0 0 0;}
.woocommerce .shop-container-wrapper ul.products:before,
.woocommerce .shop-container-wrapper ul.products:after { display: none;}
.woocommerce .shop-container-wrapper ul.products li.product { width: 25%; display: flex; flex-direction: column; margin: 0; padding: 0 18px;}
.woocommerce .shop-container-wrapper ul.products li.product .woocommerce-loop-product__link { width: 100%; position: relative; display: block; margin: 0 0 1.6rem 0;}
.woocommerce .shop-container-wrapper ul.products li.product .product-thumbnail-video { width: 100%; position: relative; display: block; overflow: hidden; border-radius: 1.6rem; margin: 0 0 2.4rem 0; padding: 0;}
.woocommerce .shop-container-wrapper ul.products li.product .product-thumbnail-video:before { display: block; padding: 158.82% 0 0; content: '';}
.woocommerce .shop-container-wrapper ul.products li.product .product-thumbnail-video .product-loop-video { width: 110%; height: 124%; display: block; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1;}
.woocommerce .shop-container-wrapper ul.products li.product .product-thumbnail-video .project__tool-logo { position: absolute; top: 2.4rem; left: 2.4rem; z-index: 2; width: 3.6rem; height: 3.6rem; display: flex; align-items: center; justify-content: center;}
.woocommerce .shop-container-wrapper ul.products li.product .product-thumbnail-video .project__tool-logo img { width: 100%; height: 100%; object-fit: contain;}
.woocommerce .shop-container-wrapper ul.products li.product .product-video-duration { display: inline-flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.1); color: var(--color-white); font-size: 1.6rem; font-weight: 600; padding: 0.4rem 1.6rem; border-radius: 100px; margin-bottom: 1.6rem; width: fit-content;}
.woocommerce .shop-container-wrapper ul.products li.product .woocommerce-loop-product__title { font-size: 2rem; color: var(--color-white); margin: 0 0 1rem 0; padding: 0;}
.woocommerce .shop-container-wrapper ul.products li.product .price { font-size: 1.6rem; color: var(--color-gray);}
.woocommerce .shop-container-wrapper ul.products li.product .button { width: 100%; height: auto; min-height: 4.8rem; display: inline-flex; align-items: center; justify-content: center; background-color: var(--color-primary); color: var(--color-white); border: none; border-radius: 100px; font-size: 1.6rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-align: center; line-height: normal; gap: 0.4rem; margin: auto 0 0 0; padding: 1rem 2rem;}
.woocommerce .shop-container-wrapper ul.products li.product .added_to_cart { width: 100%; height: auto; min-height: 4.8rem; display: inline-flex; align-items: center; justify-content: center; background-color: var(--color-white); color: var(--color-primary); border: none; border-radius: 100px; font-size: 1.6rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-align: center; line-height: normal; gap: 0.4rem; margin: 12px 0 0 0; padding: 1rem 2rem;}
/*============ Shop Page End ============*/

/*============ Custom Style Start ============*/
.header .site-head__cart { display: flex; flex-wrap: wrap; order: 4; margin: 0 0 0 3.2rem;}
.header .site-head__cart .account-link { position: relative; display: flex; flex-wrap: wrap; width: auto; color: #FFFFFF;}
.header .site-head__cart .account-link .product-count { position: absolute; top: -16px; right: -20px; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0; padding: 0; width: 22px; height: 22px; background: #FFFFFF; border-radius: 50%; color: #000000; font-size: 12px; font-weight: 400; letter-spacing: 0; text-align: center;}
.woocommerce div.product.single-product-container .product-created-by { font-size: 2rem; margin: 0 0 1rem 0;}
.woocommerce div.product.single-product-container .product-created-by a { color: var(--color-primary);}
.woocommerce .woocommerce-MyAccount-content .account-payment-methods-table + .button { align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; padding: 0 3.2rem; height: 48px; background-color: var(--color-primary); color: var(--color-white); border: none; border-radius: 0; font-size: 1.6rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-align: center; line-height: 1.25rem; gap: 0.4rem; border-radius: 100px;}
.woocommerce .woocommerce-MyAccount-content .account-payment-methods-table + .button:focus,
.woocommerce .woocommerce-MyAccount-content .account-payment-methods-table + .button:hover { background-color: var(--color-primary); color: var(--color-white); transform: translateY(-1px);}
.woocommerce .woocommerce-MyAccount-content #add_payment_method #payment ul.payment_methods {}
.woocommerce .woocommerce-MyAccount-content #add_payment_method #payment ul.payment_methods li .input-radio { width: auto;}
.woocommerce .woocommerce-MyAccount-content #add_payment_method #payment div.payment_box { color: var(--color-gray); background: none; border: solid 1px rgba(255, 255, 255, 0.2); border-radius: 8px;}
.woocommerce .woocommerce-MyAccount-content #add_payment_method #payment div.payment_box:before { top: -12px; border: 13px solid rgba(255, 255, 255, 0.2); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent;}
.woocommerce .woocommerce-MyAccount-content #add_payment_method #payment div.payment_box .wc-payment-form { border: none; border-radius: 0; padding: 0;}
.woocommerce .woocommerce-MyAccount-content #add_payment_method #payment div.payment_box .wc-payment-form .wc-stripe-upe-element { margin: 0;}
.woocommerce .woocommerce-MyAccount-content #add_payment_method #payment div.form-row .button { display: inline-flex; align-items: center; justify-content: center; padding: 0 3.2rem; height: 48px; background-color: var(--color-primary); color: var(--color-white); border: none; border-radius: 0; font-size: 1.6rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-align: center; line-height: 1.25rem; gap: 0.4rem; border-radius: 100px;}
.woocommerce .woocommerce-MyAccount-content #add_payment_method #payment div.form-row .button:focus,
.woocommerce .woocommerce-MyAccount-content #add_payment_method #payment div.form-row .button:hover { background-color: var(--color-primary); color: var(--color-white); transform: translateY(-1px);}
.woocommerce-checkout .woocommerce-order .woocommerce-notice { margin: 0 0 2rem 0;}
.woocommerce-checkout .woocommerce-order ul.order_details { border: solid 1px rgba(255, 255, 255, 0.2); border-radius: 6px; padding:1rem 1.5rem;}
.woocommerce-checkout .woocommerce-order ul.order_details li { margin-top: 1em; margin-bottom: 1em;}
.woocommerce-checkout .woocommerce-order h2 { max-width: 100%;}
/*============ Custom Style End ============*/

.wp-block-woocommerce-empty-cart-block h2.wp-block-heading.has-text-align-center,
.wp-block-woocommerce-empty-cart-block .wc-block-product-new{
  display: none;
}

/* added by hitesh */
.woocommerce div.product.single-product-container form.cart .button.plan-btton{margin: 10px 0 0;}
.woocommerce-pagination{ padding: 40px 0 0 0; display: flex; align-items: center; justify-content: center;  }
.woocommerce nav.woocommerce-pagination ul{ display: flex; align-items: center;  justify-content: center; gap: 10px; border: 0; margin: 0;}
.woocommerce nav.woocommerce-pagination ul .page-numbers{ padding: 0; display: flex; align-items: center; justify-content: center; width: 40px; border: 0; border-radius: 100px; height: 40px; background: #fff; color: #121212; font-weight: 600; font-size: 18px;}
.woocommerce nav.woocommerce-pagination ul li{ border: 0; }
.woocommerce nav.woocommerce-pagination ul .page-numbers.current{ background: #3CB64A; color: #fff; }
.product-upload-date{ padding: 0 0 10px; }
.product-upload-date .upload-date-value{color: var(--color-primary);}

@media (max-width: 767px){
  .woocommerce table.shop_table .button + .button { margin-top: 5px;}
  .woocommerce nav.woocommerce-pagination ul .page-numbers{ width: 32px; height: 32px; font-size: 16px;}
}
/* added by hitesh */

.footer__info .social-icons{ padding: 20px 0 0 0; justify-content: flex-start;}
.footer__info .social-icons ul li a img{ width: 28px;}
.explore-btn{ padding: 40px 0 0 0; display: flex; align-items: center; justify-content: center; }