@charset "UTF-8";
/*
Theme Name: Zeloto Gold
Theme URI: https://gitlab.dotline.ag/zeloto/wordpress-theme
Author: Dotline Agency
Author URI: https://dotline.ag
Description: An online WooCommerce store for gold, silver, and jewelry featuring a modern responsive design, product catalogs, secure checkout, and seamless shopping experience.
Version: 1.0
 */
:root {
  --scrollbar-width: 0px;
  --White: #fff;
  --error: #EC3C2C;
  --Green-190: #020606;
  --Gold-100: #D3AB35;
  --Gold-10: #f9f6ec;
  --Green-180: #030c0c;
  --Green-120: #0d2e2f;
  --Green-100: #103a3b;
  --Green-80: #406162;
  --Green-60: #708989;
  --Green-40: #9FB0B1;
  --Green-20: #cfd8d8;
  --Green-10: #E7EBEB;
  --Black-90: #171718;
  --primary-colors-light-gray-light-gray-40: #E3E3E4;
  --GoldColor: #bf8f5f;
  --section-space: 64px;
  --from-left-container: calc((100% - 1400px) / 2);
  --items-right-padding: 3.33%;
  --items-gap: 1.15%;
  --item-width1: 27%;
  --item-width2: 37%;
  --item-width3: 10.714%;
  --item-width4: 16.071%;
  --item-right4: 11%;
  --item-width5: 14.7142%;
  --item-width6: 21.14285%;
  --item-width7: 26.71428%;
  --about-margin-bottom: 112px;
  --about-container-padding: 118px;
}
@media (max-width: 1459px) {
  :root {
    --from-left-container: 16px;
  }
}
@media (max-width: 1199px) {
  :root {
    --about-margin-bottom: 80px;
    --about-container-padding: 0;
  }
}
@media (max-width: 991px) {
  :root {
    --section-space: 20px;
    --about-margin-bottom: 40px;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dots-pulse {
  0% {
    transform: translateY(-50%) translateX(-50%) scale(1);
  }
  100% {
    transform: translateY(-50%) translateX(-50%) scale(0.54);
  }
}
@keyframes up-button-effect {
  0% {
    transform: translateY(0) rotate(90deg);
  }
  100% {
    transform: translateY(-5px) rotate(90deg);
  }
}
@keyframes circle-effect {
  0% {
    transform: translateY(0) translateX(0);
  }
  25% {
    transform: translateY(-2px) translateX(-4px);
  }
  50% {
    transform: translateY(5px) translateX(6px);
  }
  100% {
    transform: translateY(-5px) translateX(11px);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes moveUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes panelMove {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes shakeAndFade {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
    opacity: 0;
  }
}
@keyframes fillProgress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes siteTopPriceSlide {
  0%, 42% {
    transform: translateY(0);
  }
  50%, 92% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes siteTopPriceDot {
  0%, 42% {
    border-color: var(--Gold-100, #c6a246);
  }
  50%, 92% {
    border-color: #e2e8f0;
  }
  100% {
    border-color: var(--Gold-100, #c6a246);
  }
}
@keyframes loaderAnimate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  outline: none;
}

a {
  text-decoration: none;
  transition: all 0.3s;
  color: currentColor;
}

img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

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

button {
  transition: all 0.3s;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 450;
}

@font-face {
  font-family: "Doran";
  src: url("./assets/fonts/doran/Doran-VF.ttf") format("truetype-variations"), url("./assets/fonts/doran/Doran-VF.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "iransansxv";
  src: url("./assets/fonts/iransans/iransansxv.woff") format("woff-variations"), url("./assets/fonts/iransans/iransansxv.woff") format("woff");
  /* for the other supporting browsers */
  font-weight: 100 1000;
  font-display: fallback;
}
@font-face {
  font-family: iransansx;
  src: url("./assets/fonts/iransans/staticfonts/iransansx-regular.woff") format("woff");
}
@font-face {
  font-family: iransansx;
  src: url("./assets/fonts/iransans/staticfonts/iransansx-bold.woff") format("woff");
  font-weight: 700;
}
html {
  font-size: 14px;
}

body {
  font-family: "iransansxv", iransansx, tahoma;
  direction: rtl;
  text-align: right;
  font-weight: 400;
  font-feature-settings: "ss01";
}

button,
textarea,
input,
select,
option {
  font-family: "iransansxv", iransansx, tahoma;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

html.is-scroll-locked {
  overscroll-behavior: none;
}
html.is-scroll-locked body,
html.is-scroll-locked body.no-scroll {
  padding-right: var(--scrollbar-width, 0px);
}
html.is-scroll-locked .modal.active {
  padding-right: var(--scrollbar-width, 0px);
}

body.no-scroll {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.clear {
  clear: both;
}

.p-0 {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.w-full {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

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

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.site-title {
  color: #383734;
  font-size: 36px;
  font-weight: 800;
  line-height: 58px;
  margin-bottom: 24px;
}
.site-title span {
  color: #A9892A;
}
@media (max-width: 991px) {
  .site-title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}

.site-subtitle {
  color: var(--Green-40, #9fb0b1);
  font-size: 1.14286rem;
  font-weight: 450;
  line-height: 2.85714rem;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .site-subtitle {
    font-size: 0.85714rem;
    line-height: 1.42857rem;
    font-weight: 325;
    margin-bottom: 24px;
  }
}

.site-more {
  color: #A9892A;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.site-more svg {
  transition: transform 0.3s;
}
.site-more:hover svg {
  transform: translateX(-4px);
}
@media (max-width: 991px) {
  .site-more {
    display: none;
  }
}
.site-more-mobile {
  display: flex;
  left: 16px;
  right: 16px;
  border: 1px solid #A9892A;
  text-align: center;
  height: 43px;
  gap: 4px;
  border-radius: 8px;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #A9892A;
  align-items: center;
  margin-top: 24px;
  display: none;
}
@media (max-width: 991px) {
  .site-more-mobile {
    display: flex;
  }
}

.site-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .site-head {
    margin-bottom: 16px;
  }
  .site-head .site-more {
    display: none;
  }
}
.site-head .site-title {
  margin-bottom: 0;
}
.site-head p {
  color: #54534F;
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .site-head p {
    color: #706E69;
    font-size: 14px;
    line-height: 27px;
  }
}
.site-head--center {
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.site-head--center p {
  margin-top: 8px;
  max-width: 640px;
}

.section-description {
  display: flex;
  flex-direction: column-reverse;
  gap: 8px;
}
.section-description .accordion-title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 1rem;
  line-height: 1.57143rem;
  color: var(--Gold-100, #c6a246);
  transition: all 0s;
}
.section-description .accordion-title:after {
  height: 16px;
  width: 16px;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%23C6A246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
.section-description .accordion-title.active:after {
  transform: rotate(90deg);
}
.section-description .accordion-content {
  color: #fafafa;
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(72px, 0fr);
  transition: grid-template-rows 0.6s;
  width: 100%;
  line-height: 1.71429rem;
  font-size: 1rem;
  font-weight: 325;
  position: relative;
}
@media (max-width: 991px) {
  .section-description .accordion-content {
    grid-template-rows: minmax(120px, 0fr);
  }
}
.section-description .accordion-content:after {
  position: absolute;
  width: 100%;
  display: block;
  height: 100%;
  right: 0;
  top: 0;
  content: "";
  background: linear-gradient(180deg, rgba(16, 58, 59, 0.2) 0%, #103a3b 100%);
  pointer-events: none;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .section-description .accordion-content:after {
    top: unset;
    bottom: 0;
    height: 92px;
  }
}
.section-description .accordion-content.active {
  grid-template-rows: minmax(72px, 1fr);
}
@media (max-width: 991px) {
  .section-description .accordion-content.active {
    grid-template-rows: minmax(120px, 1fr);
  }
}
.section-description .accordion-content.active:after {
  opacity: 0;
}

.site-label {
  display: flex;
  right: 8px;
  top: 8px;
  border-radius: 8px;
  background: #004A29;
  color: #fff;
  position: absolute;
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  z-index: 2;
}
@media (max-width: 991px) {
  .site-label {
    font-size: 10px;
    line-height: 19px;
    padding: 4px 8px;
  }
}

.sort-type {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: auto;
  color: var(--Green-100, #103a3b);
  font-size: 0.85714rem;
  line-height: 1.71429rem;
  font-weight: 600;
}
.sort-type__item {
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--Green-10, #e7ebeb);
  padding: 4px 8px;
  min-width: 44px;
  text-align: center;
  line-height: 1.71429rem;
  color: var(--Green-100, #103a3b);
  font-size: 0.85714rem;
  transition: all 0.3s;
  font-weight: 600;
}
.sort-type__item input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.sort-type__item:has(input:checked),
.sort-type__item .active {
  background: var(--Green-100, #103a3b);
  border-color: var(--Green-100, #103a3b);
  color: var(--White, #fff);
}

span[data-tooltip],
a[data-tooltip],
button[data-tooltip] {
  cursor: help;
}
span[data-tooltip]:after,
a[data-tooltip]:after,
button[data-tooltip]:after {
  content: attr(data-tooltip);
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: #004A29;
  padding: 8px;
  opacity: 0;
  transition: all 0.5s;
  color: var(--White, #fff);
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  white-space: nowrap;
  pointer-events: none;
  margin-top: 0px;
  height: 35px;
  bottom: 100%;
  margin-bottom: 10px;
}
@media (max-width: 1459px) {
  span[data-tooltip]:after,
  a[data-tooltip]:after,
  button[data-tooltip]:after {
    left: -8px;
    transform: translateY(-100%);
  }
}
span[data-tooltip]:before,
a[data-tooltip]:before,
button[data-tooltip]:before {
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M11.3136 0.000289451L5.65674 6.19589L-0.000114174 0.000289451H11.3136Z' fill='%230D2E2F'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  content: "";
  opacity: 0;
  transition: all 0.5s;
  pointer-events: none;
  margin-bottom: 4px;
}
span[data-tooltip]:hover:after, span[data-tooltip]:hover:before,
a[data-tooltip]:hover:after,
a[data-tooltip]:hover:before,
button[data-tooltip]:hover:after,
button[data-tooltip]:hover:before {
  opacity: 1;
}

#more-description {
  padding-bottom: 80px;
}

.more-description {
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .more-description {
    gap: 0;
  }
}
.more-description .accordion-title {
  color: #A9892A;
  font-weight: 500;
  line-height: 2.28571rem;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  transition: color 0.3s;
}
@media (max-width: 991px) {
  .more-description .accordion-title {
    line-height: 1.71429rem;
    font-size: 0.85714rem;
    font-weight: 450;
  }
}
.more-description .accordion-title:after {
  width: 24px;
  height: 24px;
  content: "";
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%23A9892A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  transition: transform 0.3s;
}
.more-description .accordion-title span {
  font-size: 0;
}
.more-description .accordion-title.active {
  font-size: 0;
}
.more-description .accordion-title.active:after {
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .more-description .accordion-title.active {
    margin-top: 8px;
  }
}
.more-description .accordion-title.active span {
  font-size: 1rem;
}
@media (max-width: 991px) {
  .more-description .accordion-title.active span {
    font-size: 0.85714rem;
  }
}
.more-description .accordion-content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(160px, 0fr);
  transition: grid-template-rows 0.6s;
}
@media (max-width: 767px) {
  .more-description .accordion-content {
    grid-template-rows: minmax(288px, 0fr);
  }
}
.more-description .accordion-content.active {
  grid-template-rows: minmax(160px, 1fr);
}
@media (max-width: 767px) {
  .more-description .accordion-content.active {
    grid-template-rows: minmax(288px, 1fr);
  }
}
.more-description .accordion-content.active .more-description__content:after {
  opacity: 0;
  transition-delay: 0s;
}
.more-description__title,
.more-description h2 {
  margin-bottom: 8px;
  color: #383734;
  font-size: 28px;
  line-height: 45px;
  font-weight: 900;
}
@media (max-width: 991px) {
  .more-description__title,
  .more-description h2 {
    line-height: 2rem;
    font-size: 1.14286rem;
  }
}
.more-description__content {
  color: #706E69;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  position: relative;
}
.more-description__content img {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .more-description__content img {
    margin-bottom: 8px;
  }
}
.more-description__content ul {
  margin-bottom: 16px;
  padding-right: 24px;
  font-size: 1.14286rem;
  line-height: 2.28571rem;
  font-weight: 400;
}
.more-description__content ul li {
  list-style: disc;
}
@media (max-width: 991px) {
  .more-description__content ul {
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1.71429rem;
    font-weight: 325;
  }
}
.more-description__content a {
  color: var(--Green-120, #0d2e2f);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.more-description__content a:hover {
  color: var(--Gold-100, #c6a246);
}
.more-description__content p {
  font-size: 1.14286rem;
  line-height: 2.28571rem;
  font-weight: 325;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .more-description__content p {
    margin-bottom: 8px;
  }
}

.woocommerce-notices-wrapper .woocommerce-info {
  margin-bottom: 24px;
  position: relative;
  border-radius: 16px;
  border: 1px solid #EFEADC;
  background: rgba(239, 234, 220, 0.4);
  padding: 24px;
  color: #2A6A98;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.woocommerce-notices-wrapper .woocommerce-info strong {
  display: block;
  margin-bottom: 8px;
  color: #7F6720;
  font-size: 18px;
  font-weight: 800;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
.woocommerce-notices-wrapper .woocommerce-info:has(strong) {
  color: #54534F;
  font-weight: 400;
}
.woocommerce-notices-wrapper .woocommerce-message {
  margin-bottom: 24px;
  position: relative;
  border-radius: 16px;
  border: 1px solid #E3F4EF;
  background: rgba(227, 244, 239, 0.4);
  padding: 24px;
  color: #1e6f63;
  font-size: 1rem;
  font-weight: 400;
}
.woocommerce-notices-wrapper .woocommerce-message strong {
  display: block;
  margin-bottom: 8px;
  color: #005C33;
  font-size: 18px;
  font-weight: 800;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
.woocommerce-notices-wrapper .woocommerce-message:has(strong) {
  color: #54534F;
  font-weight: 400;
}
.woocommerce-notices-wrapper .woocommerce-error {
  margin-bottom: 24px;
  position: relative;
  color: #c6454a;
  border-radius: 16px;
  border: 1px solid rgba(218, 103, 103, 0.1215686275);
  background-color: #fff0f0;
  padding: 24px;
  outline: none !important;
}
.woocommerce-notices-wrapper .woocommerce-error .gform-icon {
  display: none !important;
}
.woocommerce-notices-wrapper .woocommerce-error strong {
  display: block;
  margin-bottom: 8px;
  color: #FF0000;
  font-size: 18px;
  font-weight: 800;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
.woocommerce-notices-wrapper .woocommerce-error:has(strong) {
  color: #54534F;
  font-weight: 400;
}

.site-inline-loader {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0.35s ease, backdrop-filter 0.35s ease, -webkit-backdrop-filter 0.35s ease;
  border-radius: inherit;
  overflow: hidden;
  background: rgba(149, 149, 149, 0.0509803922);
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}
.site-inline-loader.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.site-inline-loader__spinner {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  corner-shape: round;
  border: 3px solid var(--Green-10, #e7ebeb);
  border-top-color: var(--Gold-100, #c6a246);
  animation: loading-spin 0.75s linear infinite;
}
.site-inline-loader__text {
  color: #004A29;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 700;
  text-align: center;
}
.site-inline-loader--with-text {
  flex-direction: column;
  gap: 16px;
}
.site-inline-loader--with-text .site-inline-loader__spinner {
  width: 40px;
  height: 40px;
  border-width: 4px;
}
.site-inline-loader--offset {
  align-items: flex-start;
  justify-content: center;
  padding-top: 240px;
}
.site-inline-loader--offset-sm {
  align-items: flex-start;
  justify-content: center;
  padding-top: 80px;
}

.is-loading:has(> .site-inline-loader) {
  position: relative;
  pointer-events: none;
}
.is-loading:has(> .site-inline-loader) > *:not(.site-inline-loader) {
  opacity: 0.35;
  filter: saturate(0.7);
  transition: opacity 0.35s ease, filter 0.35s ease;
}
.is-loading:has(> .site-inline-loader) > .site-inline-loader {
  opacity: 1;
  visibility: visible;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.mini-cart.is-loading,
.single-page__details--tools_quantity.is-loading,
.product-card-item.is-loading,
.cart-totals.is-loading,
.basket-page-discount-code.is-loading,
.basket-page-details.is-loading,
.address-modal.is-loading,
.basket-addresses-item.is-loading,
.profile-addresses__card.is-loading {
  overflow: hidden;
}

@media print {
  html {
    font-size: 10px;
  }
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.container {
  width: 1632px;
  max-width: 100%;
  padding: 0 16px;
  margin: 0 auto;
  position: relative;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev {
  background: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--White, #fff);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4L10 8L6 12' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  z-index: 1;
  font-size: 0;
}
@media (max-width: 991px) {
  .slick-prev {
    width: 24px;
    height: 24px;
    background-size: 16px 16px;
  }
}
.slick-prev:hover {
  background-color: var(--Gold-100, #c6a246);
}

.slick-next {
  background: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--White, #fff);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 12L6 8L10 4' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  z-index: 1;
  font-size: 0;
}
@media (max-width: 991px) {
  .slick-next {
    width: 24px;
    height: 24px;
    background-size: 16px 16px;
  }
}
.slick-next:hover {
  background-color: var(--Gold-100, #c6a246);
}

.slick-dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .slick-dots {
    gap: 2px;
  }
}
.slick-dots li {
  line-height: 0;
}
.slick-dots li button {
  cursor: pointer;
  border: none;
  background: transparent;
  width: 4px;
  height: 4px;
  border-radius: 8px;
  background: var(--White, #fff);
  font-size: 0;
}
.slick-dots li.slick-active button {
  width: 40px;
  background: var(--Gold-100, #c6a246);
}
@media (max-width: 991px) {
  .slick-dots li.slick-active button {
    width: 48px;
  }
}

html.magnifying > body {
  overflow-x: hidden !important;
}

.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile {
  /* Reset */
  min-width: 0;
  min-height: 0;
  animation: none;
  border: none;
  float: none;
  margin: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  text-indent: 0;
  transform: none;
  transition: none;
}

.magnify {
  position: relative;
  width: auto;
  height: auto;
  box-shadow: none;
  display: inline-block;
  z-index: inherit;
}

.magnify > .magnify-lens {
  /* Magnifying lens */
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 8px;
  cursor: none;
  display: none;
  z-index: 99;
}
.magnify > .magnify-lens:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(to bottom, rgba(198, 162, 70, 0.8), rgba(198, 162, 70, 0.1607843137));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.magnify > .magnify-lens.loading {
  background: #333 !important;
  opacity: 0.8;
}

.magnify > .magnify-lens.loading:after {
  /* Loading text */
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  content: "Loading...";
  font: italic normal 16px/1 Calibri, sans-serif;
  letter-spacing: 1px;
  margin-top: -8px;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none;
}

:root {
  --ss-primary-color: #406162;
  --ss-bg-color: #ffffff;
  --ss-font-color: #406162;
  --ss-placeholder-color: #706E69;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: #F2F2F2;
  --ss-highlight-color: #fffb8c;
  --ss-focus-color: var(--ss-primary-color);
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-main-height: 43px;
  --ss-content-height: 300px;
  --ss-search-height: 40px;
  --ss-option-height: auto;
  --ss-spacing-l: 9px;
  --ss-spacing-m: 8px;
  --ss-spacing-s: 5px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 8px;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  display: flex;
  flex-direction: row;
  position: relative;
  user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden;
}

.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
}

.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color);
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main.ss-dir-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main.ss-dir-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.ss-main .ss-values .ss-placeholder {
  display: block;
  width: 100%;
  min-width: 0;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  color: var(--ss-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-main .ss-values .ss-max {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
  display: block;
  margin: auto 0px auto var(--ss-spacing-s);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  max-width: calc(100% - 20px);
  padding-right: var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  line-height: 1;
  color: var(--ss-bg-color);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-deselect {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: auto;
  padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: #c6a246;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  overflow: hidden;
  z-index: 10000;
}

.ss-content.ss-relative {
  position: relative;
  height: 100%;
}

.ss-content.ss-fixed {
  position: fixed;
}

.ss-content.ss-dir-above {
  transform-origin: center bottom;
  flex-direction: column-reverse;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}

.ss-content.ss-dir-below {
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content.ss-open {
  opacity: 1;
  transform: scaleY(1);
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--ss-border-color);
}

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  height: var(--ss-search-height);
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: none;
  background-color: var(--ss-bg-color);
  outline: 0;
  font-feature-settings: "ss01";
  text-align: right;
  box-sizing: border-box;
}

.ss-content .ss-search input::placeholder {
  color: var(--ss-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search input:focus {
  box-shadow: none;
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  transition: max-height var(--ss-animation-timing) ease, opacity var(--ss-animation-timing) ease, padding-top var(--ss-animation-timing) ease, padding-bottom var(--ss-animation-timing) ease, margin-top var(--ss-animation-timing) ease, margin-bottom var(--ss-animation-timing) ease;
}

.ss-content .ss-list .ss-optgroup.ss-open .ss-option {
  max-height: 100px;
  opacity: 1;
  overflow: visible;
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
  display: flex;
  align-items: center;
  min-height: var(--ss-option-height);
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  white-space: normal;
  color: var(--ss-font-color);
  cursor: pointer;
  user-select: none;
  gap: 8px;
}
.ss-content .ss-list .ss-option:has(img) {
  direction: ltr;
  padding-left: 18px;
}

.ss-content .ss-list .ss-option:hover:not(.ss-disabled) {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
  transition: border-left var(--ss-animation-timing) ease;
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  display: inline-block;
  background-color: var(--ss-highlight-color);
}

.ss-content .ss-list .ss-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
} 
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.leaflet-container {
  width: 100%;
  height: 410px;
}
@media (max-width: 1199px) {
  .leaflet-container {
    height: 300px;
  }
}
@media (max-width: 991px) {
  .leaflet-container {
    height: 160px;
  }
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(../images/leaflet/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../images/leaflet/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(../images/leaflet/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
  display: none !important;
}

.leaflet-control-attribution {
  display: none !important;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: center;
  border-radius: 5px;
}

.leaflet-popup-content {
  margin: 8px 20px;
  line-height: 1.4;
  font-family: GeneralSans-Variable;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

.leaflet-control-geocoder {
  border-radius: 4px;
  background: white;
  min-width: 26px;
  min-height: 26px;
}

.leaflet-touch .leaflet-control-geocoder {
  min-width: 30px;
  min-height: 30px;
}

.leaflet-control-geocoder a,
.leaflet-control-geocoder .leaflet-control-geocoder-icon {
  border-bottom: none;
  display: inline-block;
}

.leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
  width: inherit;
  height: inherit;
  line-height: inherit;
}

.leaflet-control-geocoder a:hover,
.leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
  border-bottom: none;
  display: inline-block;
}

.leaflet-control-geocoder-form {
  display: none;
  vertical-align: middle;
}

.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  display: inline-block;
}

.leaflet-control-geocoder-form input {
  font-size: 120%;
  border: 0;
  background-color: transparent;
  width: 246px;
}

.leaflet-control-geocoder-icon {
  border-radius: 4px;
  width: 26px;
  height: 26px;
  border: none;
  background-color: white;
  background-image: url(../images/leaflet/geocoder.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.leaflet-touch .leaflet-control-geocoder-icon {
  width: 30px;
  height: 30px;
}

.leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {
  background-image: url(../images/leaflet/throbber.gif);
}

.leaflet-control-geocoder-form-no-error {
  display: none;
}

.leaflet-control-geocoder-form input:focus {
  outline: none;
}

.leaflet-control-geocoder-form button {
  display: none;
}

.leaflet-control-geocoder-error {
  margin-top: 8px;
  margin-left: 8px;
  display: block;
  color: #444;
}

.leaflet-control-geocoder-alternatives {
  display: block;
  width: 272px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.leaflet-control-geocoder-alternatives-minimized {
  display: none;
  height: 0;
}

.leaflet-control-geocoder-alternatives li {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding: 5px 8px;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

.leaflet-control-geocoder-alternatives li a,
.leaflet-control-geocoder-alternatives li a:hover {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: inherit;
  border-radius: inherit;
  text-align: left;
}

.leaflet-control-geocoder-alternatives li:last-child {
  border-bottom: none;
}

.leaflet-control-geocoder-alternatives li:hover,
.leaflet-control-geocoder-selected {
  background-color: #f5f5f5;
}

.leaflet-control-geocoder-address-context {
  color: #666;
}

/**********tooltip Animatoin**********/
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip__trigger {
  cursor: pointer;
  position: relative;
}

.tooltip__trigger-text {
  display: block;
  padding: 0.85em;
  pointer-events: none;
}

.tooltip__base {
  position: absolute;
  bottom: 2em;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 155px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}

.tooltip__content {
  color: #999999;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 65%;
  padding: 0 1em;
  opacity: 0;
  font-size: 13px;
  font-weight: bold;
  font-family: GeneralSans-Variable;
}

.tooltip__shape,
.tooltip__deco {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.tooltip__shape {
  fill: #141514;
}

/* Indivudual styles */
/* Cora */
.tooltip--cora .tooltip__base {
  transform-origin: 50% 100%;
}

.tooltip--cora .tooltip__content {
  margin-bottom: 1em;
}

/* Smaug */
.tooltip--smaug .tooltip__base {
  bottom: -0.5em;
  transform-origin: 50% 100%;
}

.tooltip--smaug .tooltip__content {
  padding: 0;
}

/* Dori */
.tooltip--dori .tooltip__base {
  bottom: -0.5em;
}

.tooltip--dori .tooltip__content {
  margin: 0 0 1em;
}

/* Walda */
.tooltip--walda .tooltip__base {
  left: 0;
  bottom: 0.75em;
  position: absolute;
  margin-left: 0;
  width: 250px;
  height: 100px;
  padding: 0 0 0 0.25em;
}

.tooltip--walda .tooltip__trigger-text {
  padding: 1em;
}

.tooltip--walda .tooltip__content {
  margin: 0;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  text-align: left;
  font-size: 0.85em;
  line-height: 2;
  opacity: 1;
  justify-content: flex-start;
}

.tooltip--walda .tooltip__letters span {
  display: inline-block;
  white-space: pre;
  opacity: 0;
}

.tooltip--walda .tooltip__deco {
  width: 4px;
  height: 100%;
  background: #141514;
  transform-origin: 50% 100%;
}

/* Gram */
.tooltip--gram .tooltip__base {
  bottom: -0.5em;
}

/* Narvi */
.path-narvi {
  transform-origin: 200px 150px;
}

.tooltip--narvi .tooltip__content {
  width: 80%;
}

/* Amras */
.path-amras-1 {
  transform-origin: 115px 111px;
}

.path-amras-2 {
  transform-origin: 204px 107px;
}

.path-amras-3 {
  transform-origin: 279px 66px;
}

.path-amras-4 {
  transform-origin: 320px 99px;
}

.path-amras-5 {
  transform-origin: 137px 199px;
}

.path-amras-6 {
  transform-origin: 222px 217px;
}

.path-amras-7 {
  transform-origin: 80px 168px;
}

.path-amras-8 {
  transform-origin: 296px 211px;
}

.path-amras-9 {
  transform-origin: 310px 167px;
}

/* Hador */
.tooltip--hador .tooltip__base {
  bottom: 2.25em;
  margin-left: -115px;
}

.path-hador-1 {
  transform-origin: 148px 284px;
}

.path-hador-2 {
  transform-origin: 160px 268px;
}

.path-hador-3 {
  transform-origin: 171px 246px;
}

.path-hador-4 {
  transform-origin: 200px 120px;
}

.tooltip--hador .tooltip__content {
  width: 50%;
  margin: 0 0 2.5em;
}

/* Malva */
.tooltip--malva .tooltip__content {
  width: 50%;
}

/* Sadoc */
.tooltip--sadoc .tooltip__base {
  bottom: 2.5em;
}

.tooltip--sadoc .tooltip__shape path {
  fill: #1d1f1e;
  stroke: #5a5c5b;
  stroke-width: 3px;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "\f103";
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "\f104";
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "\f105";
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "\f106";
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "\f107";
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "\f108";
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: "\f10c";
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: "\f10d";
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "\f115";
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "\f11d";
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
  content: "\f121";
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: var(--Green-100, #103a3b);
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
  font-weight: 325;
  font-style: normal;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: 0;
}

.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-1-1,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
  background: 0 0;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 700;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}

.video-js :not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
  max-width: 488px;
  margin-left: -12px;
  margin-right: -12px;
}
@media (max-width: 767px) {
  .video-js .vjs-progress-control {
    margin-left: 0;
    margin-right: -4px;
  }
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #030c0c;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-poster:after {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  pointer-events: none;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 26.05%, rgba(0, 0, 0, 0) 100%);
}
.vjs-poster img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
  outline: 0;
}

.video-js :focus:not(:focus-visible) {
  outline: 0;
}

.vjs-theme-city {
  --vjs-theme-city--primary: #bf3b4d;
  --vjs-theme-city--secondary: #fff;
}

.vjs-theme-city .vjs-control-bar {
  height: 70px;
  padding-top: 20px;
  background: none;
  background-image: linear-gradient(0deg, #000, transparent);
}

.vjs-theme-city .vjs-button > .vjs-icon-placeholder:before {
  line-height: 50px;
}

.vjs-theme-city .vjs-play-progress:before {
  display: none;
}

.vjs-theme-city .vjs-progress-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.vjs-theme-city .vjs-progress-control .vjs-progress-holder {
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

.vjs-theme-city .vjs-play-progress {
  background-color: var(--vjs-theme-city--primary);
}

.vjs-theme-city .vjs-remaining-time {
  order: 1;
  line-height: 50px;
  flex: 3;
  text-align: left;
}

.vjs-theme-city .vjs-play-control {
  order: 2;
  flex: 8;
  font-size: 1.75em;
}

.vjs-theme-city .vjs-fullscreen-control,
.vjs-theme-city .vjs-picture-in-picture-control,
.vjs-theme-city .vjs-volume-panel {
  order: 3;
  flex: 1;
}

.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
  height: 100%;
}

.vjs-theme-city .vjs-mute-control {
  display: none;
}

.vjs-theme-city .vjs-volume-panel {
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-top: 1.5em;
}

.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal,
.vjs-theme-city .vjs-volume-panel,
.vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.vjs-theme-city .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.vjs-theme-city .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.vjs-theme-city .vjs-volume-panel:hover,
.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
  width: 3em;
}

.vjs-theme-city .vjs-volume-level:before {
  font-size: 1em;
}

.vjs-theme-city .vjs-volume-panel .vjs-volume-control {
  opacity: 1;
  width: 100%;
  height: 100%;
}

.vjs-theme-city .vjs-volume-bar {
  background-color: transparent;
  margin: 0;
}

.vjs-theme-city .vjs-slider-horizontal .vjs-volume-level {
  height: 100%;
}

.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}

.vjs-theme-city .vjs-volume-bar:before {
  content: "";
  z-index: 0;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-color: transparent transparent hsla(0, 0%, 100%, 0.25);
  border-style: solid;
  border-width: 0 0 1.75em 3em;
}

.vjs-theme-city .vjs-volume-level {
  overflow: hidden;
  background-color: transparent;
}

.vjs-theme-city .vjs-volume-level:before {
  content: "";
  z-index: 1;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 3em solid transparent;
  border-bottom: 1.75em solid var(--vjs-theme-city--secondary);
  border-right: 0 solid transparent;
  border-top: 0 solid transparent;
}

.video-js {
  border-radius: 16px;
  overflow: hidden;
}
.video-js .vjs-big-play-button {
  display: none;
}
.video-js .vjs-control-bar {
  width: auto;
  left: 190px;
  right: 190px;
  margin: auto;
  border-radius: 12px;
  height: 48px;
  border: 1px solid transparent;
  background: linear-gradient(99.17deg, rgba(255, 255, 255, 0.24) 11.07%, rgba(255, 255, 255, 0) 94.09%) border-box, linear-gradient(102.33deg, rgba(19, 155, 242, 0.16) 15.9%, rgba(255, 255, 255, 0.088) 105.94%);
  bottom: 24px;
  backdrop-filter: blur(16px);
  display: flex;
  align-items: center;
  padding: 12px 24px;
  gap: 16px;
}
.video-js .vjs-control-bar:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(99.17deg, rgba(255, 255, 255, 0.24) 11.07%, rgba(255, 255, 255, 0) 94.09%);
  pointer-events: none;
  z-index: -1;
  margin: -1px;
}
.video-js .vjs-play-control {
  width: 24px;
  height: 24px;
}
.video-js .vjs-control {
  width: 24px;
  height: 24px;
}
.video-js .vjs-button > .vjs-icon-placeholder:before {
  line-height: 24px;
}
.video-js .vjs-time-control {
  width: auto;
  height: auto;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  height: 24px;
}
.video-js .vjs-volume-bar {
  margin: 0.85em 8px;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  width: 74px;
}
.video-js .vjs-volume-panel {
  transition: 0.5s ease-in-out;
}
.video-js .vjs-volume-panel .vjs-icon-placeholder {
  display: none;
}
.video-js .vjs-volume-panel .vjs-mute-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 8.00024C15.621 8.46598 16.125 9.0699 16.4721 9.76418C16.8193 10.4585 17 11.224 17 12.0002C17 12.7765 16.8193 13.542 16.4721 14.2363C16.125 14.9306 15.621 15.5345 15 16.0002M17.7 5.00024C18.744 5.84389 19.586 6.91037 20.1645 8.12156C20.7429 9.33276 21.0432 10.658 21.0432 12.0002C21.0432 13.3425 20.7429 14.6677 20.1645 15.8789C19.586 17.0901 18.744 18.1566 17.7 19.0002M6 15.0002H4C3.73478 15.0002 3.48043 14.8949 3.29289 14.7073C3.10536 14.5198 3 14.2654 3 14.0002V10.0002C3 9.735 3.10536 9.48065 3.29289 9.29311C3.48043 9.10557 3.73478 9.00022 4 9.00022H6L9.5 4.50022C9.5874 4.33045 9.73265 4.19754 9.90949 4.12551C10.0863 4.05348 10.2831 4.04708 10.4643 4.10746C10.6454 4.16784 10.799 4.29103 10.8972 4.45476C10.9955 4.61849 11.0319 4.81196 11 5.00022V19.0002C11.0319 19.1885 10.9955 19.3819 10.8972 19.5457C10.799 19.7094 10.6454 19.8326 10.4643 19.893C10.2831 19.9534 10.0863 19.947 9.90949 19.8749C9.73265 19.8029 9.5874 19.67 9.5 19.5002L6 15.0002Z' stroke='%23103A3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}
.video-js .vjs-volume-panel .vjs-mute-control.vjs-vol-0 {
  position: relative;
}
.video-js .vjs-volume-panel .vjs-mute-control.vjs-vol-0:after {
  height: 26px;
  width: 1px;
  content: "";
  display: block;
  background-color: #103a3b;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  left: 10px;
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 12V9H10M17 12V15H14M5 5H19C20.1046 5 21 5.89543 21 7V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17V7C3 5.89543 3.89543 5 5 5Z' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  display: none;
}
.video-js .vjs-time-control {
  font-family: "IRANSansXVF", iransansx, tahoma;
  padding: 0;
  font-weight: 400;
}

.inline-video {
  width: 100%;
  position: relative;
}
.inline-video__icon {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  filter: drop-shadow(-16px -8px 60px rgba(0, 0, 0, 0.16));
  backdrop-filter: blur(30px);
  height: 160px;
  width: 160px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.inline-video:after {
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0.33%, rgba(0, 0, 0, 0) 19.91%);
  pointer-events: none;
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.3s;
  right: 0;
  top: 0;
  content: "";
}
.inline-video .video-js {
  width: 100%;
  height: auto;
  aspect-ratio: 2.15;
}
.inline-video .video-js .vjs-poster img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.inline-video .video-js .vjs-control-bar {
  backdrop-filter: unset;
  background: transparent;
  padding: 0 110px 44px;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  height: 166px;
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  align-items: center;
}
.inline-video .video-js .vjs-control-bar:before {
  display: none;
}
.inline-video .video-js .vjs-play-control {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.inline-video .video-js .vjs-paused {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 4V20L20 12L7 4Z' stroke='url(%23paint0_linear_6356_370)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6356_370' x1='13.5' y1='4' x2='13.5' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BBD151'/%3E%3Cstop offset='1' stop-color='%2300A1A2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}
.inline-video .video-js .vjs-progress-holder {
  height: 6px;
}
.inline-video .video-js .vjs-slider {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
}
.inline-video .video-js .vjs-load-progress {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
}
.inline-video .video-js .vjs-play-progress {
  border-radius: 8px;
  background: var(--Accent-Lime-Accent-Lime---20, #bad051);
}
.inline-video .video-js .vjs-play-progress:before {
  background: var(--Accent-Lime-Accent-Lime---20, #bad051);
  height: 13.8px;
  width: 13.8px;
  border: none;
  right: -13.8px;
}
.inline-video.active:after {
  opacity: 0;
}

.btn {
  display: flex;
  padding: 8px 8px;
  height: 42px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: none;
  background: #A9892A;
  color: #fff;
  gap: 4px;
  cursor: pointer;
}
.btn svg {
  transition: 0.3s ease-out;
}
.btn[disabled] {
  pointer-events: none;
  background: #EDDDAE;
  color: #fff;
}
.btn--large {
  height: 48px;
  font-size: 1.14286rem;
}
.btn:hover {
  background: var(--Gold-100, #c6a246);
}
.btn-outline {
  background: transparent;
  border: 1px solid #A9892A;
  color: #A9892A;
  padding-left: 12px;
  padding-right: 12px;
}
.btn-outline svg path {
  transition: 0.3s ease-out;
}
.btn-outline:hover {
  background-color: #A9892A;
  color: #fff;
}
.btn-outline:hover svg path {
  stroke: #fff;
}
.btn-outline[disabled] {
  border-color: #EDDDAE;
  background: transparent;
  color: #EDDDAE;
}
.btn-outline[disabled] svg path {
  stroke: #EDDDAE;
}
.btn-danger {
  background: transparent;
  border: 2px solid #c6454a;
  color: #c6454a;
  padding-left: 12px;
  padding-right: 12px;
}
.btn-danger:hover {
  background-color: #c6454a;
  color: #fff;
}
.btn.loading {
  position: relative;
  background: transparent;
  color: #A9892A;
}
.btn.loading:after {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top-color: #A9892A;
  border-radius: 50%;
  corner-shape: round;
  animation: loading-spin 0.8s linear infinite;
  display: block;
  position: absolute;
  left: 12px;
}
.btn.loading svg {
  opacity: 0;
}

@keyframes loading-spin {
  to {
    transform: rotate(360deg);
  }
}
.card-media {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.card-media__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  contain-intrinsic-size: none;
}
.card-media__img:is([sizes=auto], [sizes^="auto,"]) {
  contain-intrinsic-size: none;
}
.card-media__img {
  transition: opacity 0.45s ease, transform 0.45s ease;
  will-change: opacity, transform;
}
.card-media__img--primary {
  position: relative;
  z-index: 1;
}
.card-media__img--hover {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  transform: scale(1.06);
}

.product-card:hover .card-media--has-hover .card-media__img--primary,
.mini-card:hover .card-media--has-hover .card-media__img--primary {
  opacity: 0;
  transform: scale(1.06);
}
.product-card:hover .card-media--has-hover .card-media__img--hover,
.mini-card:hover .card-media--has-hover .card-media__img--hover {
  opacity: 1;
  transform: scale(1);
}
.product-card:hover .card-media:not(.card-media--has-hover) .card-media__img--primary,
.mini-card:hover .card-media:not(.card-media--has-hover) .card-media__img--primary {
  transform: scale(1.06);
}

.category-card {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.category-card__picture {
  width: 100%;
  overflow: hidden;
  display: block;
  height: 100%;
}
.category-card__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: transform;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.category-card__count {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 8px;
  padding: 8px;
  background: #85999a;
  color: var(--White, #fff);
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 0;
  pointer-events: none;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .category-card__count {
    height: 24px;
    opacity: 1;
    font-size: 0.85714rem;
  }
}
.category-card__title {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 60%;
  width: 100%;
  background: linear-gradient(0deg, #161616 0%, rgba(0, 0, 0, 0) 100%);
  padding: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  font-size: 1.71429rem;
  font-weight: 450;
  line-height: 2.28571rem;
  color: var(--Gold-10, #f9f6ec);
  pointer-events: none;
}
@media (max-width: 1199px) {
  .category-card__title {
    font-size: 1.21429rem;
  }
}
@media (max-width: 991px) {
  .category-card__title {
    font-size: 1.14286rem;
    line-height: 1.71429rem;
    height: 50%;
  }
}
.category-card:hover .category-card__count {
  opacity: 1;
}
.category-card:hover .category-card__picture img {
  transform: scale(1.05);
}

.mini-card {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #FAFAFA;
  display: flex;
  gap: 8px;
}
@media (max-width: 991px) {
  .mini-card {
    gap: 4px;
  }
}
.mini-card__link, .mini-card__inner {
  display: flex;
  flex: 1;
  gap: 8px;
  padding: 16px;
  min-width: 0;
  text-decoration: none;
  color: inherit;
  align-items: stretch;
}
@media (max-width: 991px) {
  .mini-card__link, .mini-card__inner {
    gap: 4px;
    padding: 8px;
  }
}
.mini-card__picture {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 100px;
  border-radius: 4px;
  overflow: hidden;
  align-self: flex-start;
  text-decoration: none;
  color: inherit;
}
@media (max-width: 991px) {
  .mini-card__picture {
    width: 80px;
  }
}
.mini-card__picture .card-media {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mini-card__details {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
}
.mini-card__details--category {
  color: #A3A19C;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 2px;
  font-weight: 400;
}
.mini-card__details--title {
  font-size: 16px;
  line-height: 26px;
  color: #7F6720;
  margin-bottom: 4px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 52px;
  text-decoration: none;
}
@media (max-width: 991px) {
  .mini-card__details--title {
    font-weight: 800;
    font-size: 14px;
    line-height: 22px;
    max-height: 44px;
  }
}
.mini-card__details--weight {
  color: #8C8A83;
  line-height: 27px;
  font-size: 14px;
  font-weight: 400;
}
.mini-card__details--price {
  margin-top: auto;
  color: #383734;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.mini-card__label {
  display: flex;
  right: 8px;
  top: 8px;
  border-radius: 8px;
  background: #004A29;
  color: #fff;
  position: absolute;
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  z-index: 2;
}
@media (max-width: 991px) {
  .mini-card__label {
    font-size: 10px;
    line-height: 19px;
    padding: 4px 8px;
  }
}
@media (max-width: 991px) {
  .mini-card__label {
    display: none;
  }
}
.mini-card__like {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.mini-card__cart-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  width: 100%;
}
.mini-card__cart-foot .mini-card__details--price {
  margin-top: 0;
}
.mini-card.mini-cart {
  background: transparent;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #F2F2F2;
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.mini-card.mini-cart .mini-card__inner {
  border-radius: 0;
  padding: 0;
}
.mini-card.mini-cart .mini-card__inner .mini-card__picture {
  width: 140px;
  height: 132px;
}
.mini-card.mini-cart .mini-card__inner .mini-card__picture img {
  transform: none !important;
}
.mini-card.mini-cart .mini-card__inner .mini-card__details--title {
  color: #383734;
  font-family: "iransansxv", iransansx, tahoma;
  margin-bottom: 8px;
}
.mini-card.mini-cart .mini-card__inner .mini-card__details--title:hover {
  color: #7F6720;
}
.mini-card.mini-cart .mini-card__inner .mini-card__details--weight {
  color: #706E69;
}
.mini-card.mini-cart .mini-card__inner .mini-card__details--weight span {
  color: #383734;
}
.mini-card.mini-cart .mini-card__inner .mini-card__details--price {
  color: #7F6720;
}
.mini-card.mini-cart .mini-card__inner .mini-card__details .quantity-controls {
  border: 1px solid #BAB9B5;
  border-radius: 4px;
  height: 34px;
  padding: 4px;
}
.mini-card.mini-cart:last-child {
  border-bottom: none;
}
.mini-card.mini-card--cart-page {
  padding-top: 24px;
  padding-bottom: 24px;
}
.mini-card.mini-card--cart-page .mini-card__inner {
  gap: 24px;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  margin-bottom: 16px;
  width: fit-content;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--labels {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--labels .site-label {
  position: static;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--title {
  max-height: none;
  -webkit-line-clamp: unset;
  margin-bottom: 0;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--title:hover {
  color: var(--Gold-100, #c6a246);
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--weight {
  margin-bottom: 8px;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--options {
  margin-bottom: 8px;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--options ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--options li {
  color: #706E69;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 27px;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--options li > div span {
  color: #383734;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--options_color {
  width: 36px;
  height: 20px;
  border: 1px solid #004A29;
  border-radius: 4px;
  padding: 3px 2px;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--options_color span {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--select {
  margin-bottom: 24px;
  width: fit-content;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--select .checkbox__icon {
  width: 24px;
  height: 24px;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--select .checkbox__icon:after {
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 9L7.5 12.75L15 5.25" stroke="%23444547" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--select .checkbox__title {
  color: #103A3B;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--select .checkbox__title strong {
  margin-right: 8px;
  font-weight: 600;
  color: #406162;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__details--price {
  color: #7F6720;
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
}
.mini-card.mini-card--cart-page .mini-card__inner .mini-card__cart-foot {
  padding-top: 0;
}
@media (max-width: 991px) {
  .mini-card.mini-card--cart-page .mini-card__inner .mini-card__picture {
    width: 80px;
    height: 80px;
  }
  .mini-card.mini-card--cart-page .mini-card__inner .mini-card__picture .card-media {
    width: 80px;
    height: 80px;
  }
}

.product-card {
  background: #f7f7f7;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
.product-card__picture {
  position: relative;
  margin-bottom: 0;
  display: block;
  height: 360px;
}
@media (max-width: 991px) {
  .product-card__picture {
    height: 238px;
  }
}
.product-card__picture:after {
  content: none;
}
.product-card__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.product-card__picture .card-media {
  height: 100%;
}
.product-card__overload {
  position: static;
  padding: 16px;
  background: #FAFAFA;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: right;
  flex: 1;
  border-top: 4px solid #fff;
}
@media (max-width: 991px) {
  .product-card__overload {
    border-top: 2px solid #fff;
  }
}
.product-card__category {
  color: #A3A19C;
  font-size: 12px;
  line-height: 19px;
  font-weight: 400;
  margin-bottom: 2px;
  display: none;
}
.product-card__title {
  font-weight: 800;
  line-height: 29px;
  font-size: 18px;
  color: #7F6720;
  margin-bottom: 0;
  display: -webkit-box;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 58px;
}
@media (max-width: 575px) {
  .product-card__title {
    font-size: 14px;
    line-height: 22px;
    max-height: 44px;
  }
}
.product-card__weight {
  color: #8C8A83;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
}
.product-card__price {
  margin-top: auto;
  color: #383734;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  display: block;
}
@media (max-width: 991px) {
  .product-card__price {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
  }
}

.product-card-item {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-card-item.is-loading {
  overflow: hidden;
  pointer-events: none;
}
.product-card-item.is-removing {
  animation: catalogFadeOut 0.3s ease both;
}
.product-card-item .product-card__like {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #C6A246;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}
.product-card-item .product-card__like:hover {
  transform: scale(1.06);
}
.product-card-item .product-card__like[data-tooltip] {
  cursor: pointer;
}
.product-card-item .product-card__like:not(.active) svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.product-card-item .product-card__like.active {
  opacity: 1;
  color: #C6A246;
}
.product-card-item .product-card__like.active svg path {
  fill: currentColor;
  stroke: none;
}
.product-card-item .product-card__like svg {
  width: 32px;
  height: 32px;
  display: block;
}

.help-card {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.help-card__picture {
  width: 100%;
  height: 100%;
  display: block;
}
.help-card__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: transform;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.help-card__over {
  height: 111px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  color: var(--Gold-10, #f9f6ec);
  pointer-events: none;
}
@media (max-width: 991px) {
  .help-card__over {
    height: 61px;
    padding: 8px;
    gap: 2px;
  }
}
.help-card__over:before {
  pointer-events: none;
  position: absolute;
  content: "";
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 0.8;
  inset: 0;
  background: linear-gradient(0deg, #161616 0%, rgba(0, 0, 0, 0) 100%);
}
.help-card__over--label {
  color: var(--White, #fff);
  font-size: 0.85714rem;
  display: flex;
  align-items: center;
  gap: 2px;
  border-radius: 2px;
  background: var(--Gold-100, #c6a246);
  padding: 8px;
  height: 24px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .help-card__over--label {
    height: 20px;
  }
}
.help-card__over--price {
  line-height: 2.28571rem;
  font-size: 1.71429rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .help-card__over--price {
    font-size: 1rem;
    line-height: 1.42857rem;
  }
}
.help-card:hover .help-card__over:before {
  opacity: 1;
}
@media (max-width: 991px) {
  .help-card:hover .help-card__over:before {
    opacity: 0.8;
  }
}
.help-card:hover .help-card__picture img {
  transform: scale(1.05);
}

.buy-help-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 260px 200px;
  column-gap: 16px;
  row-gap: 16px;
  width: 100%;
  height: 476px;
  max-height: 476px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .buy-help-grid {
    display: flex;
    gap: 16px;
    width: auto;
    height: auto;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-right: 16px;
    -webkit-overflow-scrolling: touch;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.buy-help-grid > li {
  margin: 0;
  height: 100%;
}
@media (max-width: 991px) {
  .buy-help-grid > li {
    flex: 0 0 253px;
    width: 253px;
    max-width: 253px;
    height: 144px;
    scroll-snap-align: start;
  }
}
.buy-help-grid .help-card {
  height: 100%;
}

.help-card--right-top {
  grid-column: 1;
  grid-row: 1;
}

.help-card--right-bottom {
  grid-column: 1;
  grid-row: 2;
}

.help-card--center {
  grid-column: 2;
  grid-row: 1/3;
}

.help-card--left-top {
  grid-column: 3;
  grid-row: 1;
}

.help-card--left-bottom {
  grid-column: 3;
  grid-row: 2;
}

.blog-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.blog-card__picture {
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 24px;
  height: 344px;
}
@media (max-width: 991px) {
  .blog-card__picture {
    height: 167px;
    border-radius: 8px;
    margin-bottom: 16px;
  }
}
.blog-card__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.blog-card__categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 8px;
}
.blog-card__categories a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #706E69;
  font-size: 12px;
  line-height: 23px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .blog-card__categories a {
    line-height: 19px;
  }
}
.blog-card__title {
  margin-bottom: 8px;
  color: #383734;
  font-size: 18px;
  line-height: 29px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .blog-card__title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
  }
}
.blog-card__title:hover a {
  color: #A9892A;
}
.blog-card__description {
  font-size: 14px;
  color: #A3A19C;
  line-height: 27px;
  margin-bottom: 0;
  font-weight: 400;
}
.blog-card__details {
  margin-bottom: 8px;
  color: var(--Green-60, #708989);
  line-height: 1.71429rem;
}
.blog-card .site-more {
  margin-top: auto;
}
@media (max-width: 991px) {
  .blog-card .site-more {
    display: none;
  }
}
.blog-card:hover a.blog-card__picture > img {
  transform: scale(1.05);
}
.blog-card.is-mini {
  display: flex;
  align-items: start;
  flex-direction: row;
  gap: 16px;
}
@media (max-width: 991px) {
  .blog-card.is-mini {
    align-items: stretch;
    gap: 8px;
  }
}
.blog-card.is-mini .blog-card__picture {
  width: 50%;
  height: 249px;
  flex: 0 0 auto;
  border-radius: 16px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .blog-card.is-mini .blog-card__picture {
    width: 80px;
    height: 64px;
    border-radius: 4px;
  }
}
.blog-card.is-mini .blog-card__content {
  flex: 1;
}
@media (max-width: 991px) {
  .blog-card.is-mini .blog-card__content {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .blog-card.is-mini .blog-card__content .blog-card__categories {
    margin-bottom: 0;
  }
  .blog-card.is-mini .blog-card__content .blog-card__categories a {
    font-size: 12px;
    line-height: 18px;
  }
}
.blog-card.is-mini .blog-card__content .blog-card__title {
  color: #383734;
  font-size: 22px;
  line-height: 35px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-weight: 800;
}
.blog-card.is-mini .blog-card__content .blog-card__title:hover a {
  color: #A9892A;
}
@media (max-width: 991px) {
  .blog-card.is-mini .blog-card__content .blog-card__title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: auto;
    order: -1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 48px;
  }
}
.blog-card.is-mini .blog-card__content .blog-card__details {
  margin-bottom: 0;
  color: #A3A19C;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .blog-card.is-mini .blog-card__content .blog-card__description {
    display: none;
  }
}
.blog-card.is__hero {
  position: relative;
}
.blog-card.is__hero .blog-card__picture {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 0;
  width: 100%;
  height: 522px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .blog-card.is__hero .blog-card__picture {
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 8px;
  }
}
.blog-card.is__hero .blog-card__picture img {
  width: 100%;
}
.blog-card.is__hero .blog-card__picture:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 311px;
  background: linear-gradient(0deg, #161616 0%, rgba(7, 7, 7, 0.12) 62.83%, rgba(0, 0, 0, 0) 90.16%);
}
.blog-card.is__hero .blog-card__content {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 24px;
  pointer-events: none;
}
@media (max-width: 991px) {
  .blog-card.is__hero .blog-card__content {
    position: static;
    padding: 8px 0 0 0;
  }
}
.blog-card.is__hero .blog-card__content .blog-card__categories {
  margin-bottom: 8px;
}
.blog-card.is__hero .blog-card__content .blog-card__categories a {
  border-radius: 8px;
  background: #004A29;
  color: #fff;
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  z-index: 2;
  right: 24px;
}
@media (max-width: 991px) {
  .blog-card.is__hero .blog-card__content .blog-card__categories a {
    color: #706E69;
    padding: 4px 8px;
    font-size: 10px;
    color: #fff;
  }
}
.blog-card.is__hero .blog-card__content .blog-card__title {
  color: #FFFFFF;
  font-size: 48px;
  line-height: 77px;
  font-weight: 800;
  margin-bottom: 0;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
@media (max-width: 991px) {
  .blog-card.is__hero .blog-card__content .blog-card__title {
    color: #383734;
    font-size: 20px;
    line-height: 1.6;
  }
}
.blog-card.is__hero .blog-card__content .blog-card__title > a {
  display: block;
}
.blog-card.is-archive-hero {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-direction: row;
}
@media (max-width: 991px) {
  .blog-card.is-archive-hero {
    flex-direction: column;
    gap: 16px;
  }
}
.blog-card.is-archive-hero .blog-card__categories {
  margin-bottom: 0;
}
.blog-card.is-archive-hero .blog-card__categories a {
  border-radius: 8px;
  background: #004A29;
  color: #fff;
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  z-index: 2;
}
@media (max-width: 991px) {
  .blog-card.is-archive-hero .blog-card__categories a {
    color: #706E69;
    padding: 4px 8px;
    font-size: 10px;
    color: #fff;
  }
}
.blog-card.is-archive-hero .blog-card__picture {
  flex: 0 0 50%;
  max-width: 50%;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 0;
  height: 522px;
}
@media (max-width: 991px) {
  .blog-card.is-archive-hero .blog-card__picture {
    flex: unset;
    max-width: unset;
    height: auto;
    width: 100%;
    border-radius: 8px;
  }
}
.blog-card.is-archive-hero .blog-card__picture img {
  width: 100%;
}
.blog-card.is-archive-hero .blog-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.blog-card.is-archive-hero .blog-card__details {
  font-weight: 400;
  margin-bottom: 0;
  color: #706E69;
  font-size: 12px;
  line-height: 23px;
  margin-right: 16px;
}
@media (max-width: 991px) {
  .blog-card.is-archive-hero .blog-card__details {
    margin-right: 8px;
  }
}
.blog-card.is-archive-hero .blog-card__title {
  margin-bottom: 16px;
  font-size: 48px;
  line-height: 77px;
  margin-top: 16px;
}
@media (max-width: 991px) {
  .blog-card.is-archive-hero .blog-card__title {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 8px;
  }
}
.blog-card.is-archive-hero .blog-card__title:hover a {
  color: #A9892A;
}
.blog-card.is-archive-hero .blog-card__description {
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  color: #706E69;
  margin-bottom: 64px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blog-card.is-archive-hero .blog-card__description {
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 20px;
    -webkit-line-clamp: 2;
  }
}

.customer-comment-card {
  border-radius: 8px;
  border: 1px solid var(--Green-10, #e7ebeb);
  background: var(--White, #fff);
  gap: 24px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .customer-comment-card {
    padding: 8px;
  }
}
.customer-comment-card__head {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
.customer-comment-card__head--icon {
  color: var(--Gold-100, #c6a246);
}
.customer-comment-card__head--user {
  position: relative;
  gap: 8px;
  display: flex;
}
.customer-comment-card__head--user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.customer-comment-card__head--user_name {
  color: #383734;
  font-size: 16px;
  line-height: 26px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-weight: 600;
}
.customer-comment-card__head--user_id {
  color: #004A29;
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
  direction: ltr;
}
.customer-comment-card__head--user_picture {
  border-radius: 50%;
  corner-shape: round;
  width: 56px;
  height: 56px;
  object-fit: cover;
  object-position: center center;
}
.customer-comment-card__content {
  color: #706E69;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}

.branch-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.branch-card__picture {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .branch-card__picture {
    margin-bottom: 16px;
  }
}
.branch-card__picture img {
  border-radius: 8.895px;
  width: 100%;
}
@media (max-width: 767px) {
  .branch-card__picture img {
    border-radius: 8px;
  }
}
.branch-card__title {
  margin-bottom: 4px;
  color: var(--Green-180, #030c0c);
  font-size: 1.14286rem;
  font-weight: 600;
  line-height: 1.71429rem;
}
@media (max-width: 767px) {
  .branch-card__title {
    font-size: 1rem;
    font-weight: 450;
  }
}
.branch-card__subtitle {
  color: var(--Green-60, #708989);
  font-size: 0.85714rem;
  line-height: 1.71429rem;
  font-weight: 600;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .branch-card__subtitle {
    margin-bottom: 0;
  }
}
.branch-card__time {
  display: block;
  margin-top: 12px;
  color: var(--Green-100, #103a3b);
  font-size: 0.85714rem;
  line-height: 1.71429rem;
  font-weight: 600;
}
.branch-card .site-more {
  margin-top: auto;
  font-weight: 700;
}
@media (max-width: 767px) {
  .branch-card .site-more {
    margin-top: 16px;
    border-radius: 4px;
    font-weight: 450;
    border: 2px solid var(--Gold-100, #c6a246);
    padding: 8px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
  }
}

.blog-mini-card {
  display: flex;
  gap: 16px;
}
@media (max-width: 991px) {
  .blog-mini-card {
    gap: 8px;
  }
}
.blog-mini-card__picture {
  width: 50%;
  height: 249px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.blog-mini-card__picture img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.blog-mini-card__details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blog-mini-card__details--title {
  color: var(--Black---100, var(--Black---90, #171718));
  line-height: 1.71429rem;
  font-size: 1.14286rem;
  font-weight: 700;
}
@media (max-width: 991px) {
  .blog-mini-card__details--title {
    font-size: 1rem;
    line-height: 1.71429rem;
    font-weight: 600;
  }
}
.blog-mini-card__details--title:hover {
  color: var(--Gold-100, #c6a246);
}
.blog-mini-card__details--info {
  color: var(--Green-60, #708989);
  line-height: 1.14286rem;
  font-size: 0.85714rem;
  font-weight: 400;
}
@media (max-width: 991px) {
  .blog-mini-card__details--info {
    font-weight: 325;
  }
}
.blog-mini-card__details--info a:hover {
  color: var(--Black---100, var(--Black---90, #171718));
}

.hidden-input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}

.checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  overflow: hidden;
}
.checkbox__icon {
  flex-shrink: 0;
  border-radius: 2px;
  border: 1px solid #d5d5d6;
  background: #fff;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.checkbox__icon:after {
  transition: all 0.3s;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33325 8.00033L6.66659 11.3337L13.3333 4.66699' stroke='%23406162' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
  width: 12px;
  height: 12px;
  content: "";
}
.checkbox__title {
  color: #706E69;
  font-size: 14px;
  line-height: 27px;
  user-select: none;
  font-weight: 400;
  transition: color 0.3s ease-out;
}
.checkbox__extra {
  margin-right: auto;
}
.checkbox__extra--color {
  width: 20px;
  height: 20px;
  border: 1px solid var(--Gold-20, #f4ecda);
  border-radius: 50%;
  corner-shape: round;
}
.checkbox input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.checkbox:has(input:checked) .checkbox__icon {
  border-color: #004A29;
}
.checkbox:has(input:checked) .checkbox__icon:after {
  opacity: 1;
}
.checkbox:has(input:checked) .checkbox__icon:before {
  transform: translateX(13px);
  background-color: #004A29;
}
.checkbox:has(input:checked) .checkbox__title {
  color: #004A29;
}
.checkbox-toggle .checkbox__icon {
  width: 33px;
  height: 20px;
  border: 2px solid #cfd8d8;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 3px;
  padding-right: 3px;
}
.checkbox-toggle .checkbox__icon:after {
  display: none;
}
.checkbox-toggle .checkbox__icon:before {
  width: 10px;
  height: 10px;
  transition: all 0.3s;
  border-radius: 12px;
  background: var(--Green-20, #cfd8d8);
  content: "";
  border-radius: 50%;
  corner-shape: round;
  display: block;
}

.radio {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  overflow: hidden;
}
.radio__icon {
  flex-shrink: 0;
  border-radius: 50%;
  corner-shape: round;
  border: 1px solid var(--Green-20, #cfd8d8);
  background: #fff;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.radio__icon:after {
  transition: all 0.3s;
  opacity: 0;
  background-color: #004A29;
  width: 8px;
  border-radius: 50%;
  corner-shape: round;
  height: 8px;
  content: "";
  display: block;
}
.radio__title {
  color: #706E69;
  font-size: 14px;
  line-height: 27px;
  user-select: none;
  font-weight: 400;
  transition: color 0.3s ease-out;
}
@media (max-width: 991px) {
  .radio__title {
    font-size: 12px;
    line-height: 20px;
  }
}
.radio input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.radio:has(input:checked) .radio__icon {
  border-color: #004A29;
}
.radio:has(input:checked) .radio__icon:after {
  opacity: 1;
}
.radio:has(input:checked) .radio__title {
  color: #004A29;
}

.form-label {
  margin-bottom: 4px;
  transition: all 0.3s;
  color: #383734;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.form-control {
  font-feature-settings: "ss01";
  display: block;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  background: var(--White, #fff);
  padding: 10px 12px;
  font-weight: 400;
  font-size: 14px;
  height: 48px;
  transition: all 0.3s;
  color: var(--Balck, #000);
  font-size: 1rem;
  font-weight: 400;
}
.form-control::placeholder {
  color: #BAB9B5;
  opacity: 1;
  transition: color 0.3s;
}
.form-control:-ms-input-placeholder {
  color: #BAB9B5;
  transition: color 0.3s;
}
.form-control::-ms-input-placeholder {
  color: #BAB9B5;
  transition: color 0.3s;
}
@media (max-width: 991px) {
  .form-control {
    height: 40px;
    padding: 8px 16px;
  }
}
.form-control:focus {
  border-color: var(--Green-100, #103a3b);
}
.form-control__icon {
  position: absolute;
  top: 16px;
  left: 12px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-control__icon.right {
  right: 12px;
  left: auto;
}
@media (max-width: 991px) {
  .form-control__icon {
    left: 8px;
  }
}

.form-file {
  position: relative;
}
.form-file input {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.form-file .form-control {
  color: var(--Green-20, #cfd8d8);
  cursor: pointer;
}
.form-file .form-control__icon {
  pointer-events: none;
}
.form-file .form-control:hover {
  border-color: var(--Green-100, #103a3b);
}
.form-file__name {
  display: flex;
  align-items: center;
}

.form-tel {
  position: relative;
}
.form-tel .form-control {
  padding-left: 120px;
  direction: ltr;
  text-align: left;
}
.form-tel__prefix {
  width: 115px;
  height: 100%;
  min-height: 48px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  direction: ltr;
  pointer-events: none;
  border-right: 1px solid var(--Green-10, #e7ebeb);
  padding: 0 12px;
  box-sizing: border-box;
}
.form-tel__prefix img {
  width: 20px;
  height: 14px;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
  border-radius: 2px;
}
.form-tel__code {
  color: var(--Green-100, #103a3b);
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
}
.form-tel .select {
  width: 115px;
  position: absolute;
  left: 0;
  top: 0;
}
.form-tel .select .ss-main {
  --ss-main-height: 56px;
  --ss-bg-color: transparent;
  --ss-spacing-s: 0;
  --ss-border-radius: 0;
  --ss-spacing-m: 0;
  flex-direction: row-reverse;
  border: none;
  border-right: 1px solid var(--Green-10, #e7ebeb);
  padding-right: 12px;
}
@media (max-width: 991px) {
  .form-tel .select .ss-main {
    --ss-main-height: 40px;
  }
}
.form-tel .select .ss-main .ss-arrow {
  width: 16px;
  height: 16px;
}
.form-tel .select .ss-main .ss-single {
  display: flex;
  align-items: center;
  gap: 8px;
  direction: ltr;
  padding: 0;
}
.form-tel .select .ss-main .ss-single img {
  width: 20px;
  height: 14px;
  object-fit: cover;
  display: block;
  border-radius: 2px;
}

.form-foot {
  gap: 8px;
  display: flex;
  align-items: center;
}
.form-foot .btn {
  min-width: 120px;
}

.form-error,
.form-error-message {
  margin-top: 4px;
  display: block;
  font-size: 0.85714rem;
  font-weight: 400;
  color: var(--error);
  line-height: 1.71429rem;
}

.form-description {
  margin-top: 8px;
  color: var(--Green-100, #103a3b);
  font-size: 0.71429rem;
  line-height: 1.28571rem;
}

.form-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.form-groups .form-group {
  flex: 0 0 calc(50% - 8px);
  max-width: calc(50% - 8px);
}

.form-group:has(.form-label) .form-control__icon {
  top: 43px;
}
@media (max-width: 991px) {
  .form-group:has(.form-label) .form-control__icon {
    top: 38px;
  }
}
.form-group.error .form-control, .form-group.has-error .form-control {
  border-color: var(--error);
  color: var(--error);
}
.form-group.error .form-label, .form-group.has-error .form-label {
  color: var(--error);
}
.form-group:has(.form-control__icon) {
  position: relative;
}
.form-group:has(.form-control__icon) .form-control {
  padding-left: 48px;
}
.form-group:has(.form-control__icon.right) {
  position: relative;
}
.form-group:has(.form-control__icon.right) .form-control {
  padding-left: 16px;
  padding-right: 36px;
}
.form-group:has(.copy-text) .form-control {
  padding-right: 48px;
  padding-left: 12px;
}
.form-group:has(.copy-text) .form-control__icon {
  left: unset;
  right: 16px;
}

.password-toggle {
  color: var(--Green-40, #9fb0b1);
}
.password-toggle:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  height: 24px;
  width: 1px;
  content: "";
  display: block;
  background: #9fb0b1;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}
.password-toggle.active:after {
  opacity: 1;
}

.copy-text {
  color: var(--Gold-100, #c6a246);
}
@media (max-width: 991px) {
  .copy-text {
    width: 32px;
    height: 32px;
  }
  .copy-text svg {
    width: 32px;
  }
}
.copy-text:hover {
  color: var(--Green-80, #004A29);
}
.copy-text.active {
  color: var(--Green-80, #004A29);
}

textarea.form-control {
  height: 126px;
  resize: none;
  min-width: 100% !important;
  max-width: 100% !important;
}

.quantity-controls {
  display: flex;
  align-items: center;
  gap: 4px;
}
.quantity-controls button {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quantity-controls button .icon {
  transition: all 0.3s;
  color: #8C8A83;
}
.quantity-controls button .icon:hover {
  color: var(--Gold-100, #c6a246);
}
.quantity-controls button:disabled {
  cursor: not-allowed;
}
.quantity-controls button:disabled .icon {
  color: #cfd8d8;
}
.quantity-controls--minus-remove .icon {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.33337 5.83333H16.6667M8.33337 9.16667V14.1667M11.6667 9.16667V14.1667M4.16671 5.83333L5.00004 15.8333C5.00004 16.2754 5.17564 16.6993 5.4882 17.0118C5.80076 17.3244 6.22468 17.5 6.66671 17.5H13.3334C13.7754 17.5 14.1993 17.3244 14.5119 17.0118C14.8244 16.6993 15 16.2754 15 15.8333L15.8334 5.83333M7.50004 5.83333V3.33333C7.50004 3.11232 7.58784 2.90036 7.74412 2.74408C7.9004 2.5878 8.11236 2.5 8.33337 2.5H11.6667C11.8877 2.5 12.0997 2.5878 12.256 2.74408C12.4122 2.90036 12.5 3.11232 12.5 3.33333V5.83333' stroke='%23FF0000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.quantity-controls--minus-remove .icon svg {
  display: none;
}
.quantity-controls input {
  width: 32px;
  min-width: 32px;
  border: none;
  text-align: center;
  font-weight: 600;
  font-size: 1.14286rem;
  letter-spacing: -0.03571rem;
  line-height: 2rem;
  color: var(--Green-100, #103a3b);
  direction: ltr;
}

input[type=email] {
  text-align: left;
  direction: ltr;
}
input[type=email]::placeholder {
  text-align: right;
}

.gform_title {
  margin-bottom: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: var(--Green-190, #020606);
  font-size: 1.28571rem;
  line-height: 2.28571rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .gform_title {
    padding: 0;
    font-size: 1.14286rem;
    line-height: 2rem;
  }
}

.gform-footer {
  justify-content: space-between;
}
.gform-footer .gform-loader {
  all: revert-layer;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
  filter: invert(61%) sepia(72%) saturate(596%) hue-rotate(6deg) brightness(94%) contrast(89%);
}

.gform-theme--foundation.gform-theme--framework .gform_fields {
  --gf-form-gap-x: 16px;
  --gf-form-gap-y: 16px;
}
.gform-theme--foundation.gform-theme--framework .gform_fields .ss-main {
  --ss-main-height: 48px;
  display: flex;
  flex-direction: row;
  position: relative;
  user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden;
}
@media (max-width: 991px) {
  .gform-theme--foundation.gform-theme--framework .gform_fields .ss-main {
    --ss-main-height: 40px;
  }
}
.gform-theme--foundation.gform-theme--framework .gform_fields .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}
.gform-theme--foundation.gform-theme--framework .gform_fields .ss-arrow path {
  all: revert-layer;
  fill: none;
  stroke: #c6a246;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}
.gform-theme--foundation.gform-theme--framework .gform_fields .gfield_required {
  display: none;
}
.gform-theme--foundation.gform-theme--framework .gform_confirmation_message {
  margin-bottom: 24px;
  all: revert-layer;
  position: relative;
  border-radius: 8px;
  border: 1px solid #1e6f63;
  background: #e3f4ef;
  padding: 12px 28px 12px 16px;
  color: #1e6f63;
  font-size: 1rem;
  font-weight: 450;
}
@media (max-width: 991px) {
  .gform-theme--foundation.gform-theme--framework .gform_confirmation_message {
    margin-bottom: 16px;
  }
}
.gform-theme--foundation.gform-theme--framework .gform_confirmation_message:before {
  position: absolute;
  right: 16px;
  top: 12px;
  bottom: 12px;
  width: 4px;
  background: #1e6f63;
  border-radius: 1px;
  content: "";
}
.gform-theme--foundation.gform-theme--framework .gform_validation_errors {
  margin-bottom: 24px;
  all: revert-layer;
  position: relative;
  --gf-form-validation-heading-color: #c6454a;
  border-radius: 8px;
  border: 1px solid #c6454a;
  background: #fff0f0;
  padding: 12px 28px 12px 16px;
  outline: none !important;
}
@media (max-width: 991px) {
  .gform-theme--foundation.gform-theme--framework .gform_validation_errors {
    margin-bottom: 16px;
  }
}
.gform-theme--foundation.gform-theme--framework .gform_validation_errors .gform-icon {
  display: none !important;
}
.gform-theme--foundation.gform-theme--framework .gform_validation_errors:before {
  position: absolute;
  right: 16px;
  top: 12px;
  bottom: 12px;
  width: 4px;
  background: #c6454a;
  border-radius: 1px;
  content: "";
}

.gform-theme--framework :where(:not(html):not(iframe):not(canvas):not(img):not(svg):not(video) :not(svg *):not(symbol *) :not(.gform-theme__no-reset--el):not(.gform-theme__no-reset--children *):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-reset):not(.gform-theme__disable-reset *):not(.gform_heading *):not(.gfield--type-html *):not(.gfield--type-section *):not(.form_saved_message > *):not(.form_saved_message_sent > *):not(.gform_confirmation_message *):not(.wp-editor-container):not(.mce-tinymce):not(.mce-tinymce *):not(.wp-editor-area):not(.gfield_description > *):not(.gform-field-label--type-inline > :not(span)):not(.ui-resizable-handle):not(.hidden)) .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-ctrl-textarea-radius: 8px;
  --gf-ctrl-radius: 8px;
  --gf-ctrl-size: 48px;
  --gf-ctrl-textarea-size: 160px;
  --gf-ctrl-border-color: #F2F2F2;
  --gf-ctrl-shadow: none;
  --gf-ctrl-outline-width-focus: 0;
  --gf-ctrl-outline-color-focus: transparent;
  --gf-ctrl-outline-offset: 0;
  --gf-ctrl-transition: all 0.3s;
  --gf-ctrl-border-color-focus: #bf8f5f;
  --gf-ctrl-border-color-hover: #bf8f5f;
}
@media (max-width: 991px) {
  .gform-theme--framework :where(:not(html):not(iframe):not(canvas):not(img):not(svg):not(video) :not(svg *):not(symbol *) :not(.gform-theme__no-reset--el):not(.gform-theme__no-reset--children *):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-reset):not(.gform-theme__disable-reset *):not(.gform_heading *):not(.gfield--type-html *):not(.gfield--type-section *):not(.form_saved_message > *):not(.form_saved_message_sent > *):not(.gform_confirmation_message *):not(.wp-editor-container):not(.mce-tinymce):not(.mce-tinymce *):not(.wp-editor-area):not(.gfield_description > *):not(.gform-field-label--type-inline > :not(span)):not(.ui-resizable-handle):not(.hidden)) .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    --gf-ctrl-size: 40px;
  }
}

.gform-theme--framework .gfield_list_group_item::before:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-ctrl-label-font-size-primary: 14px;
  --gf-ctrl-label-color-primary: #103a3b;
  --gf-ctrl-label-line-height-primary: 27px;
  --gf-ctrl-label-color-req: #ec3c2c;
}

body .gform-theme--foundation .gfield textarea.large {
  min-block-size: 160px;
}

.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) {
  --gf-ctrl-select-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23C6A246' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --gf-ctrl-select-icon-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23C6A246' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --gf-ctrl-select-icon-focus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23C6A246' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --gf-ctrl-select-icon-size: 24px;
}

.gform-theme--foundation .gform_footer,
.gform-theme--foundation .gform_page_footer {
  --gf-form-footer-margin-y-start: 16px;
}

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-ctrl-btn-bg-color-primary: #103a3b;
  --gf-ctrl-btn-radius: 4px;
  --gf-ctrl-btn-font-size: 1rem;
  --gf-ctrl-btn-font-weight: 600;
  --gf-local-line-height: 1.71429rem;
  --gf-ctrl-btn-size: 40px;
  --gf-ctrl-btn-bg-color-hover-primary: #bf8f5f;
  --gf-ctrl-btn-bg-color-focus-primary: #bf8f5f;
  --gf-ctrl-btn-border-color-focus-primary: #bf8f5f;
}
@media (max-width: 991px) {
  .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
  .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    --gf-ctrl-btn-font-weight: 450;
  }
}

.gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-ctrl-desc-color-error: #ec3c2c;
}

.gform-theme--framework .gfield_error .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield_error input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield_error select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield_error select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield_error textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-ctrl-border-color-error: #ec3c2c;
}

.gform-theme--framework .gform_validation_errors .gform_submission_error {
  --gf-form-validation-heading-color: #ec3c2c;
}

.gform-theme--framework .gform_validation_errors {
  --gf-form-validation-margin-y: 24px;
}

#comments {
  background: #FAFAFA;
  padding: 64px 0;
}
@media (max-width: 991px) {
  #comments {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.comments__head {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .comments__head {
    gap: 8px;
  }
}
.comments__head .rightSide {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.comments__head .rightSide .comments__head--title {
  color: #54534F;
  font-size: 16px;
  font-family: "iransansxv", iransansx, tahoma;
  font-weight: 500;
}
.comments__head .leftSide {
  flex: 0 0 auto;
  width: 392px;
  max-width: 100%;
  padding: 24px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F9F6EC 100%);
  border-radius: 16px;
}
@media (max-width: 991px) {
  .comments__head .leftSide {
    order: -1;
    padding: 16px;
  }
}
.comments__head .leftSide .comments__head--title {
  color: #383734;
  font-size: 22px;
  line-height: 35px;
  font-weight: 800;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .comments__head .leftSide .comments__head--title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 8px;
  }
}
.comments__head .leftSide .comments__head--subtitle {
  color: #706E69;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
.comments__head .leftSide button {
  margin-top: 32px;
  width: 100%;
}
@media (max-width: 991px) {
  .comments__head .leftSide button {
    margin-top: 16px;
  }
}
.comments__head.empty {
  align-items: center;
}
.comments__head.empty .rightSide {
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.comments__more {
  margin-top: 24px;
  color: #A9892A;
  font-weight: 700;
  line-height: 2.28571rem;
  letter-spacing: -0.01rem;
  gap: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
}
@media (max-width: 991px) {
  .comments__more {
    margin-top: 24px;
    font-weight: 500;
  }
}
.comments__more:after {
  width: 16px;
  height: 16px;
  content: "";
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%23A9892A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  transition: opacity 0.25s ease;
}
.comments__more[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.comments__more.loading {
  position: relative;
}
.comments__more.loading:after {
  opacity: 0;
}
.comments__more.loading:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top-color: #A9892A;
  border-radius: 50%;
  corner-shape: round;
  animation: loading-spin 0.8s linear infinite;
  display: block;
  position: absolute;
  left: 0;
}
.comments__list {
  position: relative;
  min-height: 120px;
  transition: opacity 0.25s ease;
}
.comments__list.is-loading {
  pointer-events: none;
}

.comment {
  padding: 24px;
  border-bottom: 1px solid #F2F2F2;
  display: flex;
  align-items: center;
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .comment {
    padding: 16px 0;
    gap: 16px 8px;
  }
  .comment:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.comment__user {
  flex: 0 0 56px;
  max-width: 56px;
}
@media (max-width: 991px) {
  .comment__user {
    flex: 0 0 32px;
    max-width: 32px;
  }
}
.comment__user img,
.comment__user svg {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50%;
  corner-shape: round;
}
.comment__details {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.comment__details--header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 15px 0;
}
@media (max-width: 991px) {
  .comment__details--header {
    padding: 2.5px 0;
  }
}
.comment__details--date {
  color: #8C8A83;
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
}
.comment__details--name {
  color: #383734;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .comment__details--name {
    font-size: 14px;
    line-height: 27px;
  }
}
.comment__details--content {
  color: #383734;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
}
@media (max-width: 991px) {
  .comment__details--content {
    letter-spacing: normal;
    font-size: 14px;
    line-height: 27px;
    margin-top: 8px;
  }
}
.comment .comment {
  border: none;
  margin-right: 72px;
  flex: 0 0 calc(100% - 72px);
  max-width: calc(100% - 72px);
  background: #F2F2F2;
  padding: 16px;
  border-radius: 16px;
}
.comment .comment .comment__details--name {
  color: #A9892A;
}
@media (max-width: 991px) {
  .comment .comment {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    margin-right: 40px;
    border-radius: 8px;
    padding: 12px;
  }
}
.comment.is-new {
  animation: commentsFadeIn 0.35s ease both;
}

@keyframes commentsFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.comment-modal {
  width: 100%;
}
.comment-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .comment-modal__head {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.comment-modal__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991px) {
  .comment-modal__content .form-groups .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .comment-modal__content .form-foot .btn {
    width: 100%;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comment-modal__content .form-foot .btn {
    font-weight: 450;
    font-size: 1rem;
  }
}

#faq-section {
  padding: var(--section-space) 0;
}
@media (max-width: 991px) {
  #faq-section {
    padding-bottom: 0;
  }
}

.faq-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991px) {
  .faq-section {
    gap: 8px;
  }
}
.faq-section__item {
  padding: 16px;
  background: var(--White, #fff);
  border: 1px solid var(--Green-10, #e7ebeb);
  transition: all 0.3s;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .faq-section__item {
    padding: 12px;
  }
}
.faq-section__item .accordion-title {
  color: var(--Green-100, #103a3b);
  font-size: 1.14286rem;
  line-height: 1.57143rem;
  font-weight: 450;
  display: flex;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}
@media (max-width: 991px) {
  .faq-section__item .accordion-title {
    font-size: 1rem;
  }
}
.faq-section__item .accordion-title:before {
  transform: translateY(-1px);
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='16' rx='1.5' stroke='%23103A3B'/%3E%3Cpath d='M9 5.875V11.125M6.375 8.5H11.625' stroke='%23103A3B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  transition: all 0.3s;
}
.faq-section__item .accordion-content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
.faq-section__item .accordion-content > div {
  padding-top: 12px;
  color: var(--Green-80, #406162);
  font-size: 1rem;
  font-weight: 325;
  line-height: 1.57143rem;
}
@media (max-width: 991px) {
  .faq-section__item .accordion-content > div {
    padding-top: 8px;
  }
}
.faq-section__item .accordion-content.active {
  grid-template-rows: minmax(0, 1fr);
}
.faq-section__item:has(.active) {
  background: #fafafa;
}
.faq-section__item:has(.active) .accordion-title {
  font-weight: 600;
}
@media (max-width: 991px) {
  .faq-section__item:has(.active) .accordion-title {
    font-weight: 450;
  }
}
.faq-section__item:has(.active) .accordion-title:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='16' rx='1.5' stroke='%23C6A246'/%3E%3Cpath d='M6.375 8.5H11.625' stroke='%23C6A246' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.faq-section__contact {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 991px) {
  .faq-section__contact {
    margin-top: 32px;
    gap: 16px;
    flex-direction: column;
  }
}
.faq-section__contact .btn {
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 991px) {
  .faq-section__contact .btn {
    width: 100%;
  }
}
.faq-section__contact p {
  padding-right: 10px;
  color: var(--Green-80, #406162);
  font-size: 1.14286rem;
  line-height: 1.57143rem;
  position: relative;
}
@media (max-width: 991px) {
  .faq-section__contact p {
    font-weight: 325;
  }
  .faq-section__contact p span {
    display: block;
    font-weight: 450;
  }
}
.faq-section__contact p:before {
  background: var(--Green-40, #9fb0b1);
  width: 2px;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

#breadcrumb {
  padding: 40px 0 12px 0;
}
@media (max-width: 991px) {
  #breadcrumb {
    padding: 8px 0 12px 0;
  }
}

.breadcrumb {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  gap: 12px;
}
@media (max-width: 991px) {
  .breadcrumb {
    padding: 0 16px;
    margin: 0 -16px;
    gap: 8px;
  }
}
.breadcrumb-item {
  color: #706E69;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 12px;
}
@media (max-width: 991px) {
  .breadcrumb-item {
    font-size: 12px;
    gap: 8px;
  }
}
.breadcrumb-item:after {
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%23C6A246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  flex-shrink: 0;
}
.breadcrumb-item a {
  color: #A3A19C;
}
.breadcrumb-item a:hover {
  color: #000;
}
.breadcrumb-item.active {
  font-weight: 325;
}
.breadcrumb-item.active:after {
  display: none;
}

.page-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #BAB9B5;
}
@media (max-width: 991px) {
  .page-tools {
    margin-top: 24px;
    padding-top: 16px;
    gap: 16px;
  }
}
.page-tools > span {
  font-size: 16px;
  color: #004A29;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 991px) {
  .page-tools > span {
    font-size: 14px;
  }
}
.page-tools__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.page-tools__tags strong {
  color: var(--Green-100, #103a3b);
  font-size: 1.14286rem;
  font-weight: 700;
  line-height: 2.28571rem;
  letter-spacing: -0.01143rem;
}
.page-tools__tags a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 8px 12px;
  font-size: 0.85714rem;
  font-weight: 450;
  border-radius: 8px;
  background: #004A29;
  color: #FFFFFF;
  line-height: 19px;
  height: 35px;
}
@media (max-width: 991px) {
  .page-tools__tags a {
    height: 27px;
    padding: 4px 8px;
    font-size: 10px;
  }
}
.page-tools__social {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-right: auto;
  min-height: 35px;
}
@media (max-width: 991px) {
  .page-tools__social {
    gap: 10px;
    margin-right: 0;
    justify-content: space-between;
  }
}
.page-tools__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #706E69;
  transition: color 0.25s ease;
}
.page-tools__social a svg {
  display: block;
}
.page-tools__social a:hover {
  color: #004A29;
}
.page-tools__sep {
  width: 1px;
  height: 20px;
  background: #E5E5E5;
  flex-shrink: 0;
}
.page-tools__copy {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  color: #004A29;
  cursor: pointer;
}
.page-tools__copy svg {
  display: block;
}
.page-tools__copy[data-tooltip] {
  cursor: pointer;
}
.page-tools__copy[data-tooltip]:hover:after, .page-tools__copy[data-tooltip]:hover:before {
  opacity: 0;
}
.page-tools__copy[data-tooltip].active:after, .page-tools__copy[data-tooltip].active:before {
  opacity: 1 !important;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.32, 0.72, 0, 1), visibility 0.35s cubic-bezier(0.32, 0.72, 0, 1);
}
@media (max-width: 991px) {
  .modal {
    align-items: flex-end;
  }
}
.modal__backdrop {
  position: absolute;
  inset: 0;
  opacity: 0.64;
  background: #383734;
  transition: opacity 0.35s cubic-bezier(0.32, 0.72, 0, 1);
}
.modal__content {
  width: 700px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
  background: #FAFAFA;
  border-radius: 8px;
  padding: 24px;
  transform: translate3d(0, 12px, 0);
  opacity: 0;
  transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.35s cubic-bezier(0.32, 0.72, 0, 1);
}
@media (max-width: 991px) {
  .modal__content {
    padding: 16px;
    transform: translate3d(0, 24px, 0);
  }
}
.modal__content:has(.login-modal), .modal__content:has(.share-modal) {
  width: 448px;
}
@media (max-width: 991px) {
  .modal__content:has(.login-modal), .modal__content:has(.share-modal) {
    width: 100%;
  }
}
.modal__content:has(.wallet-modal) {
  width: 620px;
}
@media (max-width: 991px) {
  .modal__content:has(.wallet-modal) {
    width: 100%;
  }
}
.modal__content:has(.comment-modal) {
  width: 800px;
}
@media (max-width: 991px) {
  .modal__content:has(.comment-modal) {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .modal__content {
    max-width: 100%;
    width: 100%;
  }
}
.modal__content--close {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6L18 18" stroke="%23030C0C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  display: block;
  opacity: 0.5;
  transition: opacity 0.3s ease-out;
}
.modal__content--close:hover {
  opacity: 1;
}
.modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .modal__head {
    padding-bottom: 16px;
    border-bottom: 1px solid #e7ebeb;
  }
}
.modal__title {
  color: #004A29;
  font-size: 22px;
  line-height: 35px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .modal__title {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 991px) {
  .modal--is-video {
    align-items: center;
  }
}
.modal--is-video__title {
  position: absolute;
  bottom: 80px;
  right: 28px;
  left: 28px;
  color: var(--Green-10, #E7EBEB);
  letter-spacing: -0.5px;
  font-weight: 600;
  letter-spacing: -0.03571rem;
  line-height: 2rem;
  font-size: 1.14286rem;
  transition: all 0.5s;
  z-index: 2;
}
@media (max-width: 767px) {
  .modal--is-video__title {
    font-size: 1rem;
    right: 20px;
    left: 20px;
  }
}
.modal--is-video:has(.vjs-user-inactive:not(.vjs-ended)) .modal--is-video__title {
  opacity: 0;
  pointer-events: none;
}
.modal--is-video .modal__content {
  padding: 0;
  width: auto;
  position: relative;
  background: transparent;
}
@media (max-width: 1199px) {
  .modal--is-video .modal__content {
    max-width: 90%;
  }
}
.modal--is-video .modal__content .video-js {
  max-height: 85vh;
  max-height: 85dvh;
}
@media (max-width: 991px) {
  .modal--is-video .modal__content .video-js {
    max-height: 80vh;
    max-height: 80dvh;
  }
}
.modal--is-video .modal__content .video-js .vjs-control-bar {
  backdrop-filter: unset;
  background: transparent;
  padding: 16px 24px;
  left: 16px;
  gap: 24px;
  right: 16px;
  bottom: 12px;
  border: none;
  height: 56px;
  border-radius: 4px;
  background: var(--Green-10, #e7ebeb);
  backdrop-filter: blur(4px);
  align-items: center;
}
@media (max-width: 767px) {
  .modal--is-video .modal__content .video-js .vjs-control-bar {
    padding: 16px;
    gap: 8px;
  }
}
.modal--is-video .modal__content .video-js .vjs-control-bar button {
  color: #103a3b;
}
.modal--is-video .modal__content .video-js .vjs-control-bar:before {
  display: none;
}
.modal--is-video .modal__content .video-js .vjs-current-time {
  margin-left: 24px;
}
@media (max-width: 767px) {
  .modal--is-video .modal__content .video-js .vjs-current-time {
    margin-left: 4px;
  }
}
.modal--is-video .modal__content .video-js .vjs-duration {
  margin-right: auto;
}
.modal--is-video .modal__content .video-js .vjs-skip-forward-10 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 5V19L11 12L3 5Z' stroke='%23103A3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 5V19L22 12L14 5Z' stroke='%23103A3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  margin-left: 16px;
}
@media (max-width: 767px) {
  .modal--is-video .modal__content .video-js .vjs-skip-forward-10 {
    margin-left: 0;
  }
}
.modal--is-video .modal__content .video-js .vjs-skip-backward-10 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 5V19L13 12L21 5Z' stroke='%23103A3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 5V19L2 12L10 5Z' stroke='%23103A3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .modal--is-video .modal__content .video-js .vjs-skip-backward-10 {
    margin-right: 0;
  }
}
.modal--is-video .modal__content .video-js .vjs-play-control .vjs-icon-placeholder {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 4V20L20 12L7 4Z' stroke='%23103A3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}
.modal--is-video .modal__content .video-js .vjs-play-control .vjs-icon-placeholder:before {
  display: none;
}
.modal--is-video .modal__content .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 4V20' stroke='%23103A3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 4V20' stroke='%23103A3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.modal--is-video .modal__content .video-js .vjs-progress-holder {
  height: 6px;
}
.modal--is-video .modal__content .video-js .vjs-slider {
  background: var(--Green-60, #708989);
  border-radius: 8px;
}
.modal--is-video .modal__content .video-js .vjs-load-progress {
  background: var(--Green-60, #708989);
  border-radius: 8px;
}
.modal--is-video .modal__content .video-js .vjs-play-progress {
  border-radius: 13.8px;
  background: var(--Green-180, #030C0C);
}
.modal--is-video .modal__content .video-js .vjs-play-progress:before {
  border-radius: 13.8px;
  background: var(--Green-180, #030C0C);
  height: 13.8px;
  width: 13.8px;
  border: none;
  right: -13.8px;
}
.modal--is-video .modal__content .modal-close {
  position: absolute;
  z-index: 2;
  left: 24px;
  top: 24px;
}
.modal.active {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
.modal.active .modal__content {
  transform: none;
  opacity: 1;
}

#filters-panel {
  display: flex;
  position: fixed;
  inset: 0;
  padding: 16px;
  background: rgba(56, 55, 52, 0.64);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 2000;
  overflow: hidden;
  justify-content: flex-start;
  transition: opacity 0.4s cubic-bezier(0.32, 0.72, 0, 1), visibility 0.4s cubic-bezier(0.32, 0.72, 0, 1);
  will-change: opacity;
}
#filters-panel.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#filters-panel.active .filters-panel {
  transform: translate3d(0, 0, 0);
}
@media (max-width: 991px) {
  #filters-panel {
    top: 0;
    bottom: 0;
    height: unset;
    padding: 200px 0 0 0 !important;
  }
}

.filters-panel {
  height: 100%;
  width: 320px;
  max-width: 100%;
  border-radius: 8px;
  padding: 16px;
  background-color: #fff;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1);
  will-change: transform;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .filters-panel {
    width: 100%;
    border-radius: 16px 16px 0 0;
    transform: translate3d(0, 100%, 0);
  }
}
.filters-panel::-webkit-scrollbar {
  width: 8px;
}
.filters-panel::-webkit-scrollbar-track {
  background: transparent;
}
.filters-panel::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 36px;
}
.filters-panel::-webkit-scrollbar-thumb:hover {
  background: #e6e6e6;
  cursor: pointer;
}
.filters-panel__head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  justify-content: space-between;
}
.filters-panel__head--title {
  color: var(--Green-100, #103a3b);
  font-size: 18px;
  line-height: 29px;
  font-weight: 800;
}
.filters-panel__head--reset {
  color: #EC3C2C;
  font-weight: 600;
  line-height: 22px;
  margin-right: auto;
}
.filters-panel__search {
  margin-bottom: 16px;
}
.filters-panel__search--form {
  position: relative;
  width: 100%;
}
.filters-panel__search--form-label {
  margin-bottom: 8px;
  color: var(--Green-100, #103a3b);
  font-size: 1rem;
  line-height: 1.28571rem;
  font-weight: 400;
}
.filters-panel__search--form-control {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid var(--Green-10, #e7ebeb);
  background: var(--White, #fff);
  height: 48px;
  padding: 16px 40px 16px 16px;
  letter-spacing: -0.03571rem;
  width: 100%;
  font-size: 1rem;
  font-weight: 325;
}
.filters-panel__search--form-control::placeholder {
  color: #cfd8d8;
  opacity: 1;
  transition: color 0.3s;
}
.filters-panel__search--form-control:-ms-input-placeholder {
  color: #cfd8d8;
  transition: color 0.3s;
}
.filters-panel__search--form-control::-ms-input-placeholder {
  color: #cfd8d8;
  transition: color 0.3s;
}
.filters-panel__search--form-control {
  transition: all 0.3s;
}
.filters-panel__search--form-control:focus {
  border-color: var(--Gold-100, #c6a246);
}
.filters-panel__search--form-submit {
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14 14L10 10M11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z' stroke='%23C6A246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.filters-panel__buttons {
  position: sticky;
  bottom: 0;
  right: 16px;
  left: 16px;
  z-index: 2;
  padding-top: 8px;
  margin-top: auto;
}
@media (max-width: 991px) {
  .filters-panel__buttons {
    bottom: 8px;
    padding-top: 16px;
  }
}
.filters-panel__buttons .btn {
  width: 100%;
  height: 48px;
  font-size: 1.14286rem;
}
@media (max-width: 991px) {
  .filters-panel__buttons .btn {
    font-size: 1rem;
    height: 40px;
  }
}
.filters-panel__accordions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.filters-panel__accordions .checkbox__title {
  font-weight: 400;
}
.filters-panel__accordion {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filters-panel__accordion:last-child {
  border-bottom: none;
}
.filters-panel__accordion--title {
  order: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  color: #383734;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}
.filters-panel__accordion--content {
  order: 2;
  max-height: 620px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.filters-panel__accordion--list ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filters-panel__accordion--selected {
  display: none;
  order: 1;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.filters-panel__accordion--selected:has(.filter-button) {
  margin-bottom: 16px;
  margin-top: -8px;
}
@media (max-width: 991px) {
  .filters-panel__accordion--selected {
    gap: 16px;
  }
}
.filters-panel__accordion--selected .filter-button {
  background: var(--accent-color-anzac-10, #efead2);
  border-radius: 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: inset 0px 0px 0px 1px var(--accent-color-anzac-10, #efead2);
  color: var(--accent-color-anzac-100, #977337);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .filters-panel__accordion--selected .filter-button {
    font-weight: 400;
    gap: 4px;
    border-radius: 4px;
    padding: 2px 8px;
  }
}
.filters-panel__accordion--selected .filter-button:before {
  width: 16px;
  height: 16px;
  content: "";
  pointer-events: none;
  background: url("../images/close.svg") no-repeat center center;
}
.filters-panel__accordion--selected .filter-button:hover {
  background: var(--White, #fff);
}
@media (max-width: 991px) {
  .filters-panel__accordion--selected .filter-button:hover {
    background: var(--accent-color-anzac-10, #efead2);
  }
}
.filters-panel__others {
  border-bottom: 1px solid #cfd8d8;
  padding-bottom: 16px;
}
.filters-panel__others ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.price-slider {
  width: calc(100% - 12px);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .price-slider {
    margin-right: 12px;
    margin-left: 0;
  }
}
.price-slider .noUi-target {
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.price-slider .noUi-target:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 100%;
  height: 6px;
  display: block;
  background-color: #F2F2F2;
}
.price-slider .noUi-connect {
  background: transparent;
}
.price-slider .noUi-connect:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 100%;
  height: 6px;
  display: block;
  background-color: #A9892A;
}
.price-slider .noUi-horizontal {
  height: 16px;
}
.price-slider .noUi-horizontal .noUi-handle {
  top: -1px;
  border: none;
  transform: translateX(8px);
  border-radius: 24px;
  border: 5px solid var(--White, #fff);
  background: #A9892A;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  corner-shape: round;
  box-shadow: 0px 2px 4px 0px rgba(14, 18, 27, 0.031372549), 0px 6px 10px 0px rgba(14, 18, 27, 0.0588235294);
  cursor: pointer;
  transition: all 0.3s;
}
.price-slider .noUi-horizontal .noUi-handle:before {
  display: none;
}
.price-slider .noUi-horizontal .noUi-handle:after {
  display: none;
}

.price-inputs {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  position: relative;
  font-size: 12px;
  color: #54534F;
  font-weight: 600;
}
.price-inputs input {
  width: auto;
  min-width: 40px;
  max-width: 110px;
  height: 24px;
  border: 0;
}
.price-inputs input#min-price {
  text-align: right;
}
.price-inputs input#max-price {
  text-align: left;
}
.price-inputs .right:before {
  content: "از";
}
.price-inputs .left:before {
  content: "تا";
}

.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 40px;
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .page-numbers {
    margin-top: 32px;
  }
}
.page-numbers .prev {
  margin-right: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #A9892A;
  font-size: 16px;
  letter-spacing: -0.03571rem;
  line-height: 2rem;
  font-weight: 600;
}
.page-numbers .prev.disabled {
  pointer-events: none;
  color: #F2F2F2;
}
.page-numbers .prev.disabled svg path {
  stroke: #F2F2F2;
}
.page-numbers .prev svg {
  color: var(--Gold-120, #9e8238);
  transition: all 0.3s;
}
.page-numbers .prev:hover svg {
  transform: translateX(-2px);
}
.page-numbers .next {
  margin-left: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #A9892A;
  font-size: 16px;
  letter-spacing: -0.03571rem;
  line-height: 2rem;
  flex-direction: row-reverse;
  font-weight: 600;
}
.page-numbers .next.disabled {
  pointer-events: none;
  color: #F2F2F2;
}
.page-numbers .next.disabled svg path {
  stroke: #F2F2F2;
}
.page-numbers .next svg {
  color: var(--Gold-120, #9e8238);
  transition: all 0.3s;
}
.page-numbers .next:hover svg {
  transform: translateX(2px);
}
.page-numbers .page {
  min-width: 24px;
  height: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #54534F;
  font-size: 1rem;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 500;
  border-radius: 4px;
  padding-top: 2px;
  background: transparent;
  border: 1px solid transparent;
}
.page-numbers .page.active, .page-numbers .page:hover {
  color: #A9892A;
}
.page-numbers .page.active {
  pointer-events: none;
  letter-spacing: -0.03571rem;
  font-weight: 600;
  border-color: #A9892A;
}
.page-numbers .pagespan {
  pointer-events: none;
}

@media (max-width: 991px) {
  .table {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
}
.table table {
  width: 100%;
  border: none;
}
@media (max-width: 991px) {
  .table table {
    width: 1000px;
  }
  .table table:has(.wallet-table__empty) {
    width: 100%;
  }
  .table table:has(.wallet-table__empty) th, .table table:has(.wallet-table__empty) td {
    position: static !important;
  }
  .table table:has(.wallet-table__empty) th .table-sort, .table table:has(.wallet-table__empty) td .table-sort {
    display: none;
  }
  .table table:has(.wallet-table__empty) th {
    background: rgba(239, 234, 220, 0.4) !important;
    border: none !important;
  }
  .table table:has(.wallet-table__empty) th:nth-child(2) {
    padding-right: 12px;
  }
}
.table table thead th {
  background: rgba(239, 234, 220, 0.4);
  color: #7F6720;
  line-height: 27px;
  font-weight: 400;
  padding: 8px;
  border-bottom: 0;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .table table thead th {
    padding: 8px 12px;
  }
  .table table thead th:first-child {
    position: sticky;
    right: 0;
    border-left: 1px solid #E7EBEB;
    background: #EFEADC;
  }
  .table table thead th:nth-child(2) {
    padding-right: 32px;
  }
}
.table table thead th:first-child {
  border-radius: 0 8px 8px 0;
}
.table table thead th:last-child {
  border-radius: 8px 0 0 8px;
}
.table table thead th .table-sort {
  background-image: url('data:image/svg+xml,<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 5L6 3L8 5" stroke="%23A9892A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 11L6 13L8 11" stroke="%23A9892A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 12px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
.table table tbody td {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--Green-10, #e7ebeb);
  color: var(--Green-80, #406162);
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  padding-left: 16px;
  padding-right: 8px;
}
@media (max-width: 991px) {
  .table table tbody td {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
  }
  .table table tbody td:first-child {
    position: sticky;
    right: 0;
    border-left: 1px solid #E7EBEB;
    background: #fff;
  }
  .table table tbody td:nth-child(2) {
    padding-right: 32px;
  }
}
.table table tbody td b {
  font-weight: 700;
}
.table table tbody tr:last-child td {
  border-bottom: none;
}

.green-color {
  color: #008000 !important;
}

.red-color {
  color: #f00 !important;
}

.skltbs-theme-light .skltbs-tab-group,
.skltbs-theme-dark .skltbs-tab-group {
  margin: 0;
  padding: 0;
  list-style: none;
}

.skltbs-theme-light .skltbs-tab-group::after,
.skltbs-theme-dark .skltbs-tab-group::after {
  content: "";
  clear: both;
  display: table;
}

.skltbs-theme-light .skltbs-tab-item,
.skltbs-theme-dark .skltbs-tab-item {
  float: left;
  margin: 0 3px 3px 0;
}

.skltbs-theme-light .skltbs-tab,
.skltbs-theme-dark .skltbs-tab {
  display: block;
  padding: 1em 1.25em;
  color: inherit;
  border: 0;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.skltbs-theme-light .skltbs-tab:disabled,
.skltbs-theme-dark .skltbs-tab:disabled {
  background: transparent;
  cursor: not-allowed;
  -ms-touch-action: none;
  touch-action: none;
}

.skltbs-theme-light .skltbs-panel,
.skltbs-theme-dark .skltbs-panel {
  padding: 15px 25px;
  border: 2px solid;
}

.skltbs-theme-light .skltbs-panel-heading,
.skltbs-theme-dark .skltbs-panel-heading {
  margin-top: 3px;
}

.skltbs-theme-light .skltbs-panel-heading:first-child,
.skltbs-theme-dark .skltbs-panel-heading:first-child {
  margin-top: 0;
}

.skltbs-theme-light .skltbs-panel-heading .skltbs-tab,
.skltbs-theme-dark .skltbs-panel-heading .skltbs-tab {
  width: 100%;
}

.skltbs-theme-light {
  color: #333;
}

.skltbs-theme-light .skltbs-tab {
  background: #f6f6f8;
}

.skltbs-theme-light .skltbs-tab:focus {
  outline: 0;
  -webkit-box-shadow: inset 0 0 0 2px #0a69ca;
  box-shadow: inset 0 0 0 2px #0a69ca;
}

.skltbs-theme-light .skltbs-tab:disabled {
  color: #ccc;
  background: transparent;
}

.skltbs-theme-light .skltbs-tab.skltbs-active {
  color: #fff;
  background: #2b8ff5;
}

.skltbs-theme-light .skltbs-tab.skltbs-active:focus,
.skltbs-theme-light .skltbs-tab.skltbs-active:hover {
  border-color: #5ca9f7;
}

.skltbs-theme-light .skltbs-panel {
  background-color: #fff;
  border: 2px solid #f6f6f8;
}

.skltbs-theme-light .skltbs-panel:focus {
  outline: 0;
  border-color: #74b6f8;
}

.skltbs-theme-dark {
  color: #fff;
}

.skltbs-theme-dark .skltbs-tab {
  background: #2d2e2f;
}

.skltbs-theme-dark .skltbs-tab:focus {
  outline: 0;
  -webkit-box-shadow: inset 0 0 0 2px #085cb2;
  box-shadow: inset 0 0 0 2px #085cb2;
}

.skltbs-theme-dark .skltbs-tab:disabled {
  color: #fff;
  background: transparent;
}

.skltbs-theme-dark .skltbs-tab.skltbs-active {
  background: #2b8ff5;
}

.skltbs-theme-dark .skltbs-tab.skltbs-active:focus,
.skltbs-theme-dark .skltbs-tab.skltbs-active:hover {
  border-color: #000;
}

.skltbs-theme-dark .skltbs-panel {
  background-color: #1a1b1c;
  border: 2px solid #2d2e2f;
}

.skltbs-theme-dark .skltbs-panel:focus {
  outline: 0;
  border-color: #085cb2;
}

.skltbs-mode-tabs .skltbs-panel-group {
  position: relative;
}

.skltbs-mode-tabs.use-fade .skltbs-panel {
  position: relative;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.skltbs-mode-tabs.use-fade .skltbs-leave {
  position: absolute;
  top: 0;
  display: block !important;
  opacity: 1;
}

.skltbs-mode-tabs.use-fade .skltbs-leave-active {
  opacity: 0;
}

.skltbs-mode-tabs.use-fade .skltbs-enter {
  opacity: 0;
}

.skltbs-mode-tabs.use-fade .skltbs-enter-active {
  opacity: 1;
}

.skltbs-mode-tabs.use-fade-scale .skltbs-panel {
  position: relative;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.skltbs-mode-tabs.use-fade-scale .skltbs-leave {
  position: absolute;
  top: 0;
  display: block !important;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.skltbs-mode-tabs.use-fade-scale .skltbs-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.skltbs-mode-tabs.use-fade-scale .skltbs-enter {
  opacity: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.skltbs-mode-tabs.use-fade-scale .skltbs-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.skltbs-mode-tabs.use-drop .skltbs-panel {
  position: relative;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.skltbs-mode-tabs.use-drop .skltbs-leave {
  position: absolute;
  top: 0;
  display: block !important;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.skltbs-mode-tabs.use-drop .skltbs-leave-active {
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

.skltbs-mode-tabs.use-drop .skltbs-enter {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.skltbs-mode-tabs.use-drop .skltbs-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.skltbs-mode-tabs.use-rotate .skltbs-panel-group {
  overflow: hidden;
}

.skltbs-mode-tabs.use-rotate .skltbs-panel {
  position: relative;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.skltbs-mode-tabs.use-rotate .skltbs-leave {
  position: absolute;
  top: 0;
  display: block !important;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.skltbs-mode-tabs.use-rotate .skltbs-leave-active {
  opacity: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.skltbs-mode-tabs.use-rotate .skltbs-enter {
  opacity: 0;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}

.skltbs-mode-tabs.use-rotate .skltbs-enter-active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

:root {
  --jb-calendar-color: #5b7a8d;
  --jb-input-border-color: #e7ebeb;
  --jb-input-box-shadow-focus: none;
  --jb-input-box-shadow: none;
  --jb-input-bgcolor: #ffffff;
  --jb-input-border-color-focus: #103a3b;
  --jb-input-border-width: 1px;
  --jb-input-border-bottom-width: 1px;
  --jb-input-border-radius: 8px;
  --jb-input-height: 56px;
  --jb-input-value-color: #43474e;
  --jb-input-value-font-size: 1.14286rem;
  --jb-input-input-font-weight: 400;
  --jb-input-label-color: #103A3B;
  --jb-input-label-font-size: 1rem;
  --jb-input-label-font-weight: 325;
  --jb-input-label-margin: 0 0 8px 0;
  --jb-popover-z-index: 20;
  --jb-calendar-arrow-button-bgcolor: transparent;
  --jb-calendar-arrow-fill-color: #103A3B;
  --jb-calendar-day-color-hover: #fff;
  --jb-calendar-day-bgcolor-hover: #C6A246;
  --jb-calendar-status-point-bgcolor-today: transparent;
  --jb-calendar-day-text-color-today: #C6A246;
  --jb-calendar-day-text-color: #74777f;
  --jb-calendar-day-bgcolor-selected: #103A3B;
}
@media (max-width: 991px) {
  :root {
    --jb-input-height: 40px;
  }
}

.calendar-trigger-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C6A246;
  height: 100%;
}

.site-header {
  position: relative;
  background: #fff;
  z-index: 2;
}

#site-top {
  background: #1C1C1A;
  position: relative;
  z-index: 40;
}
#site-top .site-top {
  display: flex;
  align-items: center;
  padding: 18.5px 0;
  justify-content: space-between;
  color: var(--White, #fff);
}
@media (max-width: 991px) {
  #site-top .site-top {
    padding: 8px 0;
  }
}
#site-top .site-top__price {
  font-size: 14px;
  line-height: 27px;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 991px) {
  #site-top .site-top__price {
    font-size: 0.85714rem;
    line-height: 1.42857rem;
    gap: 4px;
  }
}
#site-top .site-top__price-viewport {
  overflow: hidden;
  height: 27px;
}
@media (max-width: 991px) {
  #site-top .site-top__price-viewport {
    height: 24px;
  }
}
#site-top .site-top__price-track {
  display: flex;
  flex-direction: column;
}
#site-top .site-top__price-item {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 27px;
  white-space: nowrap;
}
@media (max-width: 991px) {
  #site-top .site-top__price-item {
    gap: 4px;
    height: 24px;
  }
}
#site-top .site-top__price-item span {
  color: var(--Gold-100);
}
#site-top .site-top__price-item--silver {
  color: #bababa;
}
#site-top .site-top__price-item--silver span {
  color: #e2e8f0;
}
#site-top .site-top__price--ticker:before {
  animation: siteTopPriceDot 8s ease infinite;
}
#site-top .site-top__price--ticker .site-top__price-track {
  animation: siteTopPriceSlide 8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}
@media (prefers-reduced-motion: reduce) {
  #site-top .site-top__price--ticker:before,
  #site-top .site-top__price--ticker .site-top__price-track {
    animation: none;
  }
}
#site-top .site-top__price:not(.site-top__price--ticker) .site-top__price-viewport {
  overflow: visible;
  height: auto;
}
#site-top .site-top__price:not(.site-top__price--ticker) .site-top__price-item {
  height: auto;
}
#site-top .site-top__head {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-direction: row-reverse;
}
#site-top .site-top__head--social ul {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 12px;
}
#site-top .site-top__head--social ul li {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#site-top .site-top__head--social ul svg {
  color: var(--Gold-100, #c6a246);
}
@media (max-width: 991px) {
  #site-top .site-top__head--tels {
    display: none;
  }
}
#site-top .site-top__head--tels ul {
  display: flex;
  align-items: center;
  gap: 8px;
}
#site-top .site-top__head--tels ul li {
  display: flex;
  align-items: center;
  gap: 8px;
}
#site-top .site-top__head--tels ul li:after {
  width: 1px;
  height: 10px;
  opacity: 0.3;
  background: var(--White, #fff);
  display: block;
  content: "";
  transform: translateY(-1px);
}
#site-top .site-top__head--tels ul li a {
  color: var(--White, #fff);
}
#site-top .site-top__head--tels ul li a:hover {
  color: var(--Gold-100, #c6a246);
}
#site-top .site-top__head--tels ul li:last-child:after {
  display: none;
}

#header {
  border-bottom: 1px solid rgba(231, 235, 235, 0.5);
  position: relative;
  z-index: 41;
  background: #fff;
}
@media (max-width: 991px) {
  #header {
    border-bottom: none;
    position: sticky;
    top: 0;
    z-index: 4;
    background: #fff;
  }
}

.header {
  display: flex;
  align-items: center;
  padding: 24px 0;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid #F2F2F2;
}
@media (max-width: 991px) {
  .header {
    padding: 16px 0;
    gap: 16px;
  }
  .header .logo {
    width: 80px;
  }
}

.head {
  display: flex;
  align-items: center;
  gap: 16px;
}
.head__toggle {
  color: var(--Gold-100, #c6a246);
  display: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .head__toggle {
    display: flex;
  }
}
.head__basket {
  position: relative;
}
.head__basket--link {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Gold-100, #c6a246);
}
.head__basket--link-mobile {
  display: none;
}
@media (max-width: 991px) {
  .head__basket--link-mobile {
    display: flex;
  }
}
@media (max-width: 991px) {
  .head__basket--link-desktop {
    display: none;
  }
}
.head__basket--content {
  position: absolute;
  left: -8px;
  width: 450px;
  top: 100%;
  z-index: 20000;
  transition: opacity 0.4s, visibility 0.4s;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
@media (max-width: 991px) {
  .head__basket--content {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .head__basket:hover .head__basket--link {
    color: var(--Green-100, #103a3b);
  }
  .head__basket:hover .head__basket--content {
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
  }
}
.head__basket .main-basket-empty {
  margin: auto;
}
.head__basket .head-basket-content {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  background: #fff;
  box-shadow: 20px 26px 24px 0px rgba(0, 0, 0, 0.1490196078), -12px 0px 24px 0px rgba(0, 0, 0, 0.0784313725);
  min-height: 400px;
  display: flex;
  flex-direction: column;
}
.head__basket .head-basket-content__title {
  line-height: 29px;
  color: #103A3B;
  font-weight: 800;
  font-size: 18px;
  padding-bottom: 8px;
  border-bottom: 1px solid #F2F2F2;
  display: flex;
  align-items: center;
  gap: 6px;
}
.head__basket .head-basket-content__title span {
  background: #F2F2F2;
  width: 22px;
  height: 24px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-family: "iransansxv", iransansx, tahoma;
  font-weight: 600;
  color: #54534F;
  font-size: 12px;
}
@media (max-width: 991px) {
  .head__basket .head-basket-content__title {
    margin-bottom: 16px;
  }
}
.head__basket .head-basket-content__foot {
  margin-top: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #383734;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  border-top: 1px solid #F2F2F2;
  padding-top: 24px;
}
.head__basket .head-basket-content__items {
  display: none;
  flex-direction: column;
  max-height: 328px;
  overflow-y: auto;
  margin-left: -16px;
  padding-left: 16px;
  scrollbar-width: thin;
  scrollbar-color: #D4D3CF transparent;
  gap: 0;
}
.head__basket .head-basket-content__items::-webkit-scrollbar {
  width: 4px;
}
.head__basket .head-basket-content__items::-webkit-scrollbar-track {
  background: transparent;
}
.head__basket .head-basket-content__items::-webkit-scrollbar-thumb {
  background: #D4D3CF;
  border-radius: 4px;
  corner-shape: round;
}
.head__basket .head-basket-content__items::-webkit-scrollbar-thumb:hover {
  background: #BAB9B5;
}
.head__basket .head-basket-content__items > div {
  flex: 0 0 auto;
}
.head__basket .head-basket-content__finish {
  display: none;
  width: 100%;
}
.head__basket .head-basket-content .main-basket-empty {
  padding-top: 24px;
  padding-bottom: 0;
}
.head__basket:has(.mini-card:nth-child(1)) .main-basket-empty {
  display: none;
}
.head__basket:has(.mini-card:nth-child(1)) .head-basket-content__items,
.head__basket:has(.mini-card:nth-child(1)) .head-basket-content__foot,
.head__basket:has(.mini-card:nth-child(1)) .head-basket-content__finish {
  display: flex;
}
.head__basket:has(.mini-card:nth-child(1)) .head-basket-content {
  min-height: 0;
}
.head__search {
  position: relative;
}
@media (max-width: 991px) {
  .head__search {
    display: none;
  }
}
.head__search--text {
  width: 40px;
  min-width: 40px;
  padding-left: 40px;
  border: none;
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  border-bottom: 1px solid transparent;
  background: var(--White, #fff);
}
.head__search--text::placeholder {
  color: #9fb0b1;
  opacity: 1;
  transition: color 0.3s;
}
.head__search--text:-ms-input-placeholder {
  color: #9fb0b1;
  transition: color 0.3s;
}
.head__search--text::-ms-input-placeholder {
  color: #9fb0b1;
  transition: color 0.3s;
}
.head__search--text {
  font-size: 0.85714rem;
  font-weight: 325;
  transition: width 0.9s, border-bottom-color 0.9s;
}
.head__search--link {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Gold-100, #c6a246);
  transition: all 0.3s;
}
.head__search--submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: none;
  align-items: center;
  justify-content: center;
  color: var(--Gold-100, #c6a246);
  z-index: 1;
}
.head__search.active .head__search--text {
  width: 340px;
  border-bottom-color: var(--Green-10, #e7ebeb);
}
.head__search.active .head__search--submit {
  display: flex;
}
.head__search.active .head__search--link {
  display: none;
}
.head__profile {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #004A29;
  font-size: 14px;
  line-height: 43px;
  padding: 8px;
  font-weight: 500;
  height: 43px;
}
.head__profile svg path {
  stroke: #004A29;
}
.menu ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .menu ul {
    display: none;
  }
}
.menu ul li a {
  color: var(--Green-100, #103a3b);
}
.menu ul li:hover a {
  color: var(--Gold-100, #c6a246);
}

#navigation {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #fff;
  border-bottom: 1px solid #F2F2F2;
}
@media (max-width: 991px) {
  #navigation {
    display: none;
  }
}

body.admin-bar #navigation {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar #navigation {
    top: 46px;
  }
}
body.admin-bar #filters-panel {
  padding-top: 48px;
}
@media (max-width: 991px) {
  body.admin-bar #filters-panel {
    padding-top: 0;
  }
}

.navigation__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
}

.navigation__logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(16px);
  margin-inline-end: 0;
  pointer-events: none;
  transition: max-width 0.35s ease, opacity 0.35s ease, transform 0.35s ease, margin-inline-end 0.35s ease;
}
.navigation__logo img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
}
#navigation.is-sticky .navigation__logo {
  max-width: 48px;
  opacity: 1;
  transform: translateX(0);
  margin-inline-end: 24px;
  pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
  .navigation__logo {
    transition: none;
    transform: none;
  }
}

.header-search {
  display: none;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  margin-right: 16px;
  margin-left: 16px;
}
.header-search__text::placeholder {
  color: var(--Green-20, #cfd8d8);
  opacity: 1;
  transition: color 0.3s;
}
.header-search__text:-ms-input-placeholder {
  color: var(--Green-20, #cfd8d8);
  transition: color 0.3s;
}
.header-search__text::-ms-input-placeholder {
  color: var(--Green-20, #cfd8d8);
  transition: color 0.3s;
}
.header-search__text {
  font-size: 0.85714rem;
  font-weight: 325;
  border-radius: 8px;
  border: 1px solid var(--Green-10, #e7ebeb);
  background: var(--White, #fff);
  padding: 16px 16px 16px 44px;
  width: 100%;
  height: 40px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .header-search__text {
    padding: 8px 44px 8px 8px;
  }
}
.header-search__text:focus {
  border-color: var(--Gold-100, #c6a246);
}
.header-search__button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  width: 28px;
  height: 28px;
  color: var(--Green-60, #708989);
  transition: all 0.3s;
  padding: 4px;
}
.header-search__button:hover {
  color: var(--Gold-100, #c6a246);
}
@media (max-width: 991px) {
  .header-search__button {
    left: auto;
    right: 8px;
  }
  .header-search__button svg {
    width: 16px;
    height: 16px;
  }
  .header-search__button svg path {
    stroke: #A9892A;
  }
}
@media (max-width: 991px) {
  .header-search {
    display: block;
  }
}

.mega-menu {
  border-radius: 4px;
  background: #fff;
  padding: 24px;
  overflow: hidden;
  display: flex;
  gap: 64px;
  width: 100%;
  height: 100%;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .mega-menu {
    gap: 16px;
  }
}
.mega-menu-container {
  position: absolute;
  width: 1092px;
  z-index: 5;
  top: 100%;
  right: 0;
  padding-top: 30px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
@media (max-width: 1199px) {
  .mega-menu-container {
    max-width: 100%;
  }
}
.mega-menu__col {
  flex: auto;
}
.mega-menu__col--title {
  margin-bottom: 16px;
  color: #7F6720;
  font-size: 14px;
  font-weight: 800;
  line-height: 27px;
}
.mega-menu__col ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mega-menu__col ul li a {
  color: var(--Green-120, #0d2e2f);
  line-height: 1.57143rem;
  font-size: 1rem;
}
.mega-menu__col ul li a:hover {
  color: #7F6720;
}
.mega-menu__product {
  flex: 0 0 338px;
  max-width: 338px;
}
.mega-menu__product--title {
  margin-bottom: 16px;
  color: #7F6720;
  font-size: 14px;
  font-weight: 800;
  line-height: 27px;
}

.navigation {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}
.navigation > ul {
  display: flex;
  align-items: center;
  gap: 32px;
}
.navigation > ul > li > a {
  font-weight: 325;
  color: #54534F;
}
.navigation > ul > li:hover .mega-menu-container {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}
.navigation > ul > li:hover > a {
  color: #7F6720;
}

.menu-backdrop {
  opacity: 0;
  background: #383734;
  width: 100%;
  display: block;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  content: "";
  z-index: 5;
  transition: all 0.4s ease-in-out;
  visibility: hidden;
  pointer-events: none;
}

body:has(.menu-item-has-children:hover) .menu-backdrop, body:has(.mobile-menu.active) .menu-backdrop {
  opacity: 0.64;
  pointer-events: unset;
  visibility: visible;
}
body:has(.mobile-menu.active) .menu-backdrop {
  pointer-events: unset;
  z-index: 21;
}

html:has(.mobile-menu.active) {
  overflow: hidden;
}

.mobile-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(100%);
  width: 375px;
  max-width: 100%;
  border-radius: 0;
  background: #fff;
  padding: 16px 0;
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 100;
  transition: all 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
}
.mobile-menu.active {
  transform: translateX(0);
  pointer-events: unset;
  visibility: visible;
  opacity: 1;
}
.mobile-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e7ebeb;
  margin-left: 16px;
  margin-right: 16px;
}
.mobile-menu__head--logo {
  width: 80px;
}
.mobile-menu__head--close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='%23C6A246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}
.mobile-menu__items {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.mobile-menu__items > .header-search {
  display: block;
  flex: 0 0 auto;
  padding-top: 16px;
  padding-bottom: 16px;
}
.mobile-menu__items--content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  border-top: 1px solid #F2F2F2;
}
.mobile-menu__items--submenu > ul {
  display: flex;
  flex-direction: column;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateX(100%);
  transition: all 0.3s;
  background-color: #fff;
  padding: 16px;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu.active {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
  pointer-events: unset;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__back {
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 1.71429rem;
  color: var(--Green-80, #406162);
  display: flex;
  align-items: center;
  gap: 4px;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__back:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16675 10H15.8334M15.8334 10L12.5001 13.3333M15.8334 10L12.5001 6.66666' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item {
  border-bottom: 1px solid #e7ebeb;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item .accordion-title {
  padding-top: 16px;
  padding-bottom: 16px;
  color: var(--Green-100, #103a3b);
  font-weight: 450;
  line-height: 1.57143rem;
  font-size: 1rem;
  gap: 16px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item .accordion-title:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%239FB0B1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  transition: background-image 0.3s, transform 0.3s;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item .accordion-title.active {
  color: var(--Gold-100, #c6a246);
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item .accordion-title.active:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%239E8238' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item .accordion-content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item .accordion-content.active {
  grid-template-rows: minmax(0, 1fr);
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item .accordion-content ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item .accordion-content ul li a {
  color: var(--Green-120, #0d2e2f);
  font-size: 1rem;
  font-weight: 325;
  line-height: 1.57143rem;
}
.mobile-menu__items--submenu > ul > li .mobile-menu-submenu__item:last-child {
  border-bottom: none;
}
.mobile-menu__items--submenu > ul > li > a {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f9f6ec;
  color: var(--Green-80, #406162);
  font-size: 1rem;
  line-height: 1.57143rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-menu__items--submenu > ul > li.menu-item-has-children > a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 5L7.5 10L12.5 15' stroke='%239FB0B1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
}
.mobile-menu__items--submenu > ul > li:last-child > a {
  border-bottom: none;
}
.mobile-menu__items--links {
  transition: all 0.3s;
  margin-top: 8px;
  padding: 16px;
  margin-left: -16px;
  margin-right: -16px;
  background: var(--Gold-10, #f9f6ec);
}
.mobile-menu__items--links ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mobile-menu__items--links ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--Green-100, #103a3b);
  line-height: 1.57143rem;
  font-weight: 450;
}
.mobile-menu__items--links ul li.menu-item-has-children a:after {
  color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 5L7.5 10L12.5 15' stroke='%23C6A246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  content: "";
}
.mobile-menu__profile {
  margin-top: auto;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
}
.mobile-menu__profile--link {
  display: flex;
  align-items: center;
  padding: 8px;
  background: var(--Green-10, #e7ebeb);
  border-radius: 8px;
  color: var(--Green-100, #103a3b);
  line-height: 1.71429rem;
  gap: 4px;
  width: 100%;
}
.mobile-menu__profile--link:after {
  margin-right: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 5L7.5 10L12.5 15' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
}
.mobile-menu__profile .btn {
  width: 100%;
}

.site-footer {
  background: #1c1c1a;
  padding-top: 80px;
}
@media (max-width: 991px) {
  .site-footer {
    position: relative;
    padding-top: 40px;
  }
  .site-footer .container {
    position: static;
  }
}

.footer {
  padding-bottom: 32px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .footer {
    padding-bottom: 0;
    gap: 24px;
    flex-direction: column;
    justify-content: unset;
  }
}
.footer__contact {
  flex: 1 1 493px;
  max-width: 493px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer__contact .foot__info--logo {
  display: none;
}
@media (max-width: 991px) {
  .footer__contact {
    flex: unset;
    max-width: 100%;
    width: 100%;
    gap: 20px;
  }
  .footer__contact .foot__info--logo {
    display: block;
    margin-bottom: 24px;
  }
  .footer__contact .foot__info--logo img {
    width: 40px;
    height: auto;
  }
}
.footer__contact--block {
  display: flex;
  flex-direction: column;
}
.footer__contact--title {
  margin: 0;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #a9892a;
  margin-bottom: 4px;
}
.footer__contact--text {
  margin: 0;
  font-size: 14px;
  line-height: 27px;
  font-weight: 325;
  color: #F2F2F2;
}
.footer__contact--text a {
  color: #F2F2F2;
  transition: color 0.3s;
}
.footer__contact--text a:hover {
  color: #fff;
}
.footer__social {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .footer__social {
    gap: 16px;
    justify-content: space-between;
  }
}
.footer__social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #8C8A83;
  transition: all 0.3s;
}
.footer__social li a:hover {
  border-color: #A9892A;
  color: #A9892A;
}
.footer__social li svg {
  width: 32px;
  height: 32px;
  transition: all 0.3s;
}
.footer__menu {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .footer__menu {
    flex: unset;
    width: 100%;
    flex-direction: column;
    gap: 0;
    justify-content: unset;
  }
}
.footer__menu--title {
  margin-bottom: 8px;
  font-weight: 600;
  color: #a9892a;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 991px) {
  .footer__menu--title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 16px;
    cursor: pointer;
    margin-bottom: 0;
  }
  .footer__menu--title:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23A9892A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    content: "";
    transition: all 0.3s;
  }
  .footer__menu--title.active:after {
    transform: rotateX(180deg);
  }
}
.footer__menu--title-mobile {
  display: none;
}
@media (max-width: 991px) {
  .footer__menu--title-mobile {
    display: flex;
  }
}
.footer__menu--list {
  flex: 0 0 220px;
  max-width: 220px;
}
@media (max-width: 1199px) {
  .footer__menu--list {
    flex: 0 0 160px;
    max-width: 160px;
  }
}
@media (max-width: 991px) {
  .footer__menu--list {
    flex: unset;
    max-width: 100%;
    width: 100%;
  }
  .footer__menu--list:last-child {
    border-bottom: none;
  }
  .footer__menu--list .accordion-content {
    display: grid;
    overflow: hidden;
    grid-template-rows: minmax(0, 0fr);
    transition: grid-template-rows 0.6s;
  }
  .footer__menu--list .accordion-content.active {
    grid-template-rows: minmax(0, 1fr);
  }
  .footer__menu--list .accordion-content > * {
    min-height: 0;
  }
}
.footer__menu--list ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .footer__menu--list ul {
    padding-bottom: 16px;
  }
}
.footer__menu--list ul li {
  line-height: 27px;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 0;
  color: #bab9b5;
  transition: color 0.3s;
}
.footer__menu--list ul li a {
  color: inherit;
}
.footer__menu--list ul li:hover {
  color: #fff;
}
@media (max-width: 991px) {
  .footer__menu--list-plain .footer__menu--title:not(.footer__menu--title-mobile) {
    display: none;
  }
}
@media (min-width: 992px) {
  .footer__menu--list-plain .footer__menu--title-mobile {
    display: none;
  }
  .footer__menu--list-plain .accordion-content {
    display: block !important;
    padding-top: 34px;
  }
}

.foot {
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid #383734;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .foot {
    padding-top: 24px;
    padding-bottom: 24px;
    align-items: unset;
    flex-direction: column;
    justify-content: unset;
    gap: 24px;
  }
}
.foot__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 717px;
}
@media (max-width: 991px) {
  .foot__info {
    flex: unset;
    max-width: 100%;
    gap: 12px;
  }
}
.foot__info--logo {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .foot__info--logo {
    display: none;
  }
}
.foot__info--logo img {
  height: 64px;
  width: auto;
}
.foot__info .section-description {
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .foot__info .section-description {
    font-size: 12px;
    line-height: 19px;
  }
}
.foot__info .section-description p {
  margin: 0;
  color: #BAB9B5;
}
.foot__links {
  max-width: 360px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .foot__links {
    width: 100%;
    max-width: unset;
  }
}
.foot__links ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .foot__links ul {
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
  }
}
.foot__links ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
  filter: grayscale(1);
  transition: opacity 0.3s;
}
.foot__links ul li:hover {
  opacity: 1;
}
.foot__links ul li img,
.foot__links ul li a img {
  max-height: 64px;
  width: auto;
}

.copyright {
  padding-top: 32px;
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid #383734;
}
@media (max-width: 991px) {
  .copyright {
    padding-top: 24px;
    justify-content: unset;
    align-items: unset;
    flex-direction: column;
    gap: 16px;
  }
}
.copyright p {
  margin: 0;
  color: #BAB9B5;
  font-size: 12px;
  font-weight: 400;
  line-height: 23px;
}
@media (max-width: 991px) {
  .copyright p {
    text-align: center;
  }
}
.copyright p a {
  color: #A9892A;
}
.copyright p a:hover {
  color: #fff;
}
@media (max-width: 991px) {
  .copyright .dotline svg {
    margin: auto;
  }
}

@keyframes slideshowKenBurns {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1);
  }
}
.slideshow {
  aspect-ratio: 1600/630;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .slideshow {
    aspect-ratio: auto;
    margin-bottom: 0;
  }
}
.slideshow .slick-list {
  position: absolute;
  inset: 0;
  height: 100%;
}
@media (max-width: 991px) {
  .slideshow .slick-list {
    position: static;
  }
}
.slideshow__media {
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .slideshow__media {
    height: 320px;
    position: static;
  }
}
.slideshow__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
}
.slideshow__content {
  position: absolute;
  left: 160px;
  top: 50%;
  transform: translateY(-50%);
  width: min(537px, 100% - 320px);
  z-index: 200;
}
@media (max-width: 1459px) {
  .slideshow__content {
    left: var(--from-left-container);
  }
}
@media (max-width: 991px) {
  .slideshow__content {
    position: static;
    transform: none;
    width: 100%;
    padding: 16px 16px 40px 16px;
    pointer-events: auto;
  }
}
.slideshow__content--title {
  opacity: 0;
  transform: translateX(-12px);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.3s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;
  color: var(--White, #fff);
  font-size: 64px;
  line-height: 102px;
  margin-bottom: 8px;
  font-weight: 600;
  margin: 0;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-weight: 900;
}
.slideshow__content--title span {
  color: var(--Gold-100);
}
.slideshow__content--title p {
  margin: 0;
}
.slick-current .slideshow__content--title {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 991px) {
  .slideshow__content--title {
    font-size: 28px;
    line-height: 45px;
    font-weight: 800;
    color: #383734;
    opacity: 1;
    transform: none;
    transition: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.slideshow__content--description {
  opacity: 0;
  transform: translateX(-12px);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.45s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.45s;
  color: #BAB9B5;
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
  margin-bottom: 24px;
}
.slick-current .slideshow__content--description {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 991px) {
  .slideshow__content--description {
    margin-top: 8px;
    font-size: 14px;
    color: #706E69;
    line-height: 27px;
    margin-bottom: 0;
    opacity: 1;
    transform: none;
  }
}
.slideshow__content--play {
  position: absolute;
  top: calc(50% - 98px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: var(--Gold-10, #f9f6ec);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M8.75 5V25L25 15L8.75 5Z' stroke='%23C6A246' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  display: none;
}
@media (max-width: 991px) {
  .slideshow__content--play {
    display: block;
  }
}
.slideshow__content--more {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #EFEADC;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  opacity: 0;
  transform: translateX(-12px);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.6s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.6s, color 0.3s;
}
.slick-current .slideshow__content--more {
  opacity: 1;
  transform: translateX(0);
}
.slideshow__content--more:hover {
  color: var(--Gold-100, #c6a246);
}
.slideshow__content--more:hover:after {
  transform: translateX(-4px);
}
.slideshow__content--more:after {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  content: "";
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19M11 6L5 12L11 18" stroke="%23D3AB35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  transition: transform 0.3s;
}
@media (max-width: 991px) {
  .slideshow__content--more:after {
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19M11 6L5 12L11 18" stroke="%23A9892A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
}
.slideshow__content--more--play:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.66675 2.66699V13.3337L13.3334 8.00033L4.66675 2.66699Z' stroke='%23D3AB35' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width: 991px) {
  .slideshow__content--more {
    margin-top: 24px;
    opacity: 1;
    color: #A9892A;
    transform: none;
    transition: color 0.3s;
  }
}
.slideshow:not(.slick-initialized) > .slick-slide:first-child {
  display: block;
}
.slideshow:not(.slick-initialized) > .slick-slide:first-child .slideshow__content > * {
  opacity: 1 !important;
  transform: none !important;
}
.slideshow.slick-initialized .slideshow__image {
  animation: slideshowKenBurns 8.5s ease-out infinite alternate;
}
.slideshow .slick-slide {
  overflow: hidden;
}
.slideshow .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.slideshow .slick-track {
  height: 100%;
}
.slideshow .slick-dots {
  left: 50%;
  transform: translateX(-50%);
  bottom: 32px;
  gap: 8px;
}
@media (max-width: 991px) {
  .slideshow .slick-dots {
    gap: 4px;
  }
}
.slideshow .slick-dots li button {
  position: relative;
  overflow: hidden;
  width: 12px;
  height: 12px;
}
@media (max-width: 991px) {
  .slideshow .slick-dots li button {
    width: 8px;
    height: 8px;
  }
}
.slideshow .slick-dots li.slick-active button {
  background: #005C33;
}
@media (max-width: 991px) {
  .slideshow .slick-dots {
    margin-top: 0px;
    top: 300px;
    bottom: auto;
  }
}
.slideshow .slick-prev,
.slideshow .slick-next {
  width: 32px;
  height: 64px;
  border-radius: 2px;
  background: #00361E;
}
@media (max-width: 991px) {
  .slideshow .slick-prev,
  .slideshow .slick-next {
    display: none !important;
  }
}
.slideshow .slick-prev {
  right: 40px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8L20 16L12 24" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat, #00361E;
}
.slideshow .slick-next {
  left: 40px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 8L12 16L20 24" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat, #00361E;
}

@media (prefers-reduced-motion: reduce) {
  .slideshow__image {
    animation: none !important;
  }
  .slideshow__content--title,
  .slideshow__content--description,
  .slideshow__content--more {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
#home-categories {
  padding-top: 120px;
  padding-bottom: 80px;
  background: linear-gradient(180deg, #F2F2F2 0%, #FAFAFA 58.97%, #FFFFFF 100%);
}
@media (max-width: 991px) {
  #home-categories {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#home-categories .home-categories {
  position: relative;
  width: 100%;
}
#home-categories .home-categories__track {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 40px;
  max-height: 1180px;
}
@media (max-width: 991px) {
  #home-categories .home-categories__track {
    --home-categories-mobile-item-width: 253px;
    --home-categories-mobile-side-space: calc((100% - var(--home-categories-mobile-item-width)) / 2);
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--home-categories-mobile-side-space);
    padding-inline: var(--home-categories-mobile-side-space);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-right: -16px;
    margin-left: -16px;
    width: auto;
  }
  #home-categories .home-categories__track::-webkit-scrollbar {
    display: none;
  }
}
#home-categories .home-categories__track .home-categories__item {
  width: calc((100% - 80px) / 3);
  flex-shrink: 0;
  min-width: 0;
}
#home-categories .home-categories__track .home-categories__item:nth-child(1), #home-categories .home-categories__track .home-categories__item:nth-child(2), #home-categories .home-categories__track .home-categories__item:nth-child(4), #home-categories .home-categories__track .home-categories__item:nth-child(6), #home-categories .home-categories__track .home-categories__item:nth-child(8) {
  height: 240px;
}
#home-categories .home-categories__track .home-categories__item:nth-child(3), #home-categories .home-categories__track .home-categories__item:nth-child(5) {
  height: 620px;
}
#home-categories .home-categories__track .home-categories__item:nth-child(3) .category-card--grid:before, #home-categories .home-categories__track .home-categories__item:nth-child(5) .category-card--grid:before {
  height: 311px;
}
#home-categories .home-categories__track .home-categories__item:nth-child(7) {
  height: 900px;
}
#home-categories .home-categories__track .home-categories__item:nth-child(7) .category-card--grid:before {
  height: 311px;
}
@media (max-width: 991px) {
  #home-categories .home-categories__track .home-categories__item {
    flex: 0 0 auto;
    width: var(--home-categories-mobile-item-width, 253px);
    height: 310px !important;
    scroll-snap-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #home-categories .home-categories__track .home-categories__item .category-card--grid {
    transform-origin: center center;
    will-change: transform;
    height: 190px;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }
  #home-categories .home-categories__track .home-categories__item .category-card--grid .category-card__title {
    font-size: 14px;
  }
  #home-categories .home-categories__track .home-categories__item.is-active .category-card--grid {
    width: 253px;
    height: 310px;
  }
  #home-categories .home-categories__track .home-categories__item.is-active .category-card--grid .category-card__title {
    font-size: 16px;
  }
}
#home-categories .home-categories__controls {
  display: none;
}
#home-categories .home-categories__nav {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  corner-shape: round;
  background-color: var(--Green-10, #e7ebeb);
  background-repeat: no-repeat;
  background-position: center center;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  #home-categories .home-categories__nav {
    display: none;
  }
}
#home-categories .home-categories__nav--next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M9.99935 3.33301L5.33268 7.99967L9.99935 12.6663' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#home-categories .home-categories__nav--prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 12.667L10.6667 8.00033L6 3.33366' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#home-categories .category-card--grid {
  display: block;
  height: 100%;
  border-radius: 16px;
  text-decoration: none;
}
@media (max-width: 991px) {
  #home-categories .category-card--grid {
    border-radius: 8px;
  }
}
#home-categories .category-card--grid .category-card__picture {
  position: absolute;
  inset: 0;
}
#home-categories .category-card--grid .category-card__content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  gap: 4px;
  padding: 24px;
  pointer-events: none;
  transition: transform 0.3s ease-out;
}
@media (max-width: 991px) {
  #home-categories .category-card--grid .category-card__content {
    padding: 8px;
  }
}
#home-categories .category-card--grid .category-card__content .category-card__title {
  position: static;
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
  background: none;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 28px;
  line-height: 45px;
  font-weight: 900;
  color: #EDDDAE;
  margin-bottom: 8px;
  transition: font-size 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 991px) {
  #home-categories .category-card--grid .category-card__content .category-card__title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
  }
}
#home-categories .category-card--grid .category-card__content .category-card__subtitle {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #FFFFFF;
}
@media (max-width: 991px) {
  #home-categories .category-card--grid .category-card__content .category-card__subtitle {
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
  }
}
#home-categories .category-card--grid:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 193px;
  background: linear-gradient(0deg, #161616 0%, rgba(7, 7, 7, 0.12) 62.83%, rgba(0, 0, 0, 0) 90.16%);
  z-index: 1;
  transition: height 0.3s ease-out;
}
@media (max-width: 991px) {
  #home-categories .category-card--grid:before {
    height: 156px;
  }
}
#home-categories .category-card--grid:hover:before {
  height: 100% !important;
}
#home-categories .category-card--grid:hover .category-card__content {
  transform: translateY(-8px);
}

.products-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .products-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.products-section .site-head {
  margin-bottom: 64px;
}
@media (max-width: 991px) {
  .products-section .site-head {
    margin-bottom: 24px;
  }
}

.newest-section {
  background: #fff;
}
.newest-section .site-head {
  justify-content: center;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .newest-section .site-head {
    justify-content: flex-start;
  }
}
.newest-section .newest-tabs .skltbs-leave {
  left: 0;
  right: 0;
}
.newest-section .newest-tabs .skltbs-tab-group {
  display: flex;
  gap: 24px;
  margin-bottom: 64px;
  word-wrap: normal;
  white-space: nowrap;
  justify-content: center;
}
@media (max-width: 991px) {
  .newest-section .newest-tabs .skltbs-tab-group {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    flex-wrap: nowrap;
    margin: 0 -16px 24px -16px;
    padding: 0 16px;
    gap: 28px;
    justify-content: flex-start;
  }
}
.newest-section .newest-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
  font-size: 16px;
  line-height: 26px;
  color: #a3a19c;
  font-weight: 600;
}
.newest-section .newest-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab.skltbs-active {
  color: #a9892a;
}
.newest-section .newest-tabs .skltbs-panel-group {
  height: 523px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .newest-section .newest-tabs .skltbs-panel-group {
    height: 384px;
    overflow: visible;
    margin-left: -16px;
    margin-right: -16px;
  }
}
.newest-section .newest-tabs .skltbs-panel-group .skltbs-panel:not(:first-child) {
  display: none;
}
.newest-section .newest-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .newest-section .newest-products {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-right: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-right: 16px;
    padding-left: 16px;
    width: auto;
  }
  .newest-section .newest-products::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 991px) {
  .newest-section .newest-products > .product-card {
    flex: 0 0 auto;
    max-width: 253px;
    width: 253px;
    scroll-snap-align: start;
  }
}

.investing-section {
  background: #fff;
}
.investing-section .site-head {
  margin-bottom: 40px;
  gap: 24px;
  align-items: center;
}
@media (max-width: 991px) {
  .investing-section .site-head {
    margin-bottom: 24px;
    align-items: flex-start;
  }
}
.investing-section .newest-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .investing-section .newest-products {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-right: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-right: 16px;
    padding-left: 16px;
    width: auto;
    margin-left: -16px;
    margin-right: -16px;
  }
  .investing-section .newest-products::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 991px) {
  .investing-section .newest-products > .product-card {
    flex: 0 0 auto;
    max-width: 253px;
    width: 253px;
    scroll-snap-align: start;
  }
}

.unique-help-section {
  padding-top: 120px;
  padding-bottom: 80px;
  background: linear-gradient(180deg, rgba(239, 234, 220, 0.64) 0%, rgba(248, 245, 239, 0.64) 53.9%, rgba(255, 255, 255, 0.64) 100%);
}
@media (max-width: 991px) {
  .unique-help-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.unique-help-section .site-head {
  margin-bottom: 64px;
  flex-direction: column;
}
@media (max-width: 991px) {
  .unique-help-section .site-head {
    margin-bottom: 24px;
    text-align: center;
  }
}
.unique-help-section .site-head p {
  color: #706E69;
}

.unique-help-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  position: relative;
}
.unique-help-grid .mask {
  position: absolute;
  top: -300px;
  right: 0;
}
.unique-help-grid .mask svg {
  width: 100%;
}
@media (max-width: 991px) {
  .unique-help-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-right: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .unique-help-grid::-webkit-scrollbar {
    display: none;
  }
}

.unique-help-card {
  position: relative;
  display: block;
  height: 510px;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}
@media (max-width: 991px) {
  .unique-help-card {
    flex: 0 0 auto;
    width: 253px;
    height: 338px;
    scroll-snap-align: start;
  }
}
.unique-help-card__media {
  display: block;
  width: 100%;
  height: 100%;
}
.unique-help-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.3s ease-out;
}
.unique-help-card__content {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 24px;
  text-align: right;
  transition: transform 0.3s ease-out;
}
@media (max-width: 991px) {
  .unique-help-card__content {
    padding: 16px;
  }
}
.unique-help-card__subtitle {
  color: #BAB9B5;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .unique-help-card__subtitle {
    margin-bottom: 2px;
    font-size: 10px;
    line-height: 19px;
  }
}
.unique-help-card__title {
  color: #D3AB35;
  font-size: 22px;
  line-height: 28px;
  font-weight: 800;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .unique-help-card__title {
    font-size: 14px;
    line-height: 22px;
  }
}
.unique-help-card__price {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .unique-help-card__price {
    font-size: 12px;
    line-height: 19px;
  }
}
.unique-help-card::after, .unique-help-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
}
.unique-help-card:after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(6, 59, 34, 0) 0%, rgba(6, 59, 34, 0.8) 100%);
  opacity: 0;
}
.unique-help-card:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  opacity: 1;
}
.unique-help-card:hover::after {
  opacity: 1;
}
.unique-help-card:hover .unique-help-card__media img {
  transform: scale(1.05);
}

.popular-banner-section {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .popular-banner-section {
    padding-bottom: 24px;
  }
}

.popular-banner {
  display: flex;
  align-items: stretch;
  min-height: 280px;
  border-radius: 16px;
  overflow: hidden;
  background: #063b22;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .popular-banner {
    border-radius: 8px;
    min-height: 160px;
  }
}
.popular-banner__media {
  position: absolute;
  inset: 0;
}
.popular-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.popular-banner__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 64px;
  text-align: right;
  z-index: 5;
}
@media (max-width: 991px) {
  .popular-banner__content {
    padding: 16px;
    justify-content: flex-end;
  }
}
.popular-banner__title {
  color: #fff;
  font-size: 28px;
  line-height: 45px;
  font-weight: 900;
  margin-bottom: 8px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
.popular-banner__title span {
  color: #d3ab35;
}
@media (max-width: 991px) {
  .popular-banner__title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 4px;
  }
}
.popular-banner__subtitle {
  color: #BAB9B5;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 38px;
}
@media (max-width: 991px) {
  .popular-banner__subtitle {
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 0;
  }
}
.popular-banner__full-link {
  display: none;
}
@media (max-width: 991px) {
  .popular-banner__full-link {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 6;
  }
}
.popular-banner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s ease-out;
  gap: 4px;
  height: 43px;
  position: relative;
  z-index: 7;
}
@media (max-width: 991px) {
  .popular-banner__btn {
    display: none;
  }
}
.popular-banner__btn svg path {
  transition: stroke 0.3s ease-out;
}
.popular-banner__btn:hover {
  background: #fff;
  color: #063b22;
}
.popular-banner__btn:hover svg path {
  stroke: #063b22;
}

.popular-section {
  background: #fff;
}
.popular-section .site-head {
  margin-bottom: 40px;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .popular-section .site-head {
    margin-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.popular-section .site-head .site-title {
  flex-shrink: 0;
}
.popular-section .popular-tabs .skltbs-leave {
  left: 0;
  right: 0;
}
.popular-section .popular-tabs .skltbs-tab-group {
  display: flex;
  gap: 24px;
  margin-bottom: 0;
  word-wrap: normal;
  white-space: nowrap;
  justify-content: flex-end;
  margin-inline-start: auto;
}
@media (max-width: 991px) {
  .popular-section .popular-tabs .skltbs-tab-group {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    flex-wrap: nowrap;
    margin: 0 -16px;
    padding: 0 16px;
    gap: 28px;
    justify-content: flex-start;
    width: calc(100% + 32px);
  }
}
.popular-section .popular-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
  font-size: 16px;
  line-height: 26px;
  color: #a3a19c;
  font-weight: 600;
}
.popular-section .popular-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab.skltbs-active {
  color: #a9892a;
}
.popular-section .popular-tabs .skltbs-panel-group {
  height: 523px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .popular-section .popular-tabs .skltbs-panel-group {
    height: 384px;
    overflow: visible;
    margin-left: -16px;
    margin-right: -16px;
  }
}
.popular-section .popular-tabs .skltbs-panel-group .skltbs-panel:not(:first-child) {
  display: none;
}
.popular-section .newest-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .popular-section .newest-products {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-right: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-right: 16px;
    padding-left: 16px;
    width: auto;
  }
  .popular-section .newest-products::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 991px) {
  .popular-section .newest-products > .product-card {
    flex: 0 0 auto;
    max-width: 253px;
    width: 253px;
    scroll-snap-align: start;
  }
}
.popular-section.related-products {
  background: linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
  padding-bottom: 64px;
}
@media (max-width: 991px) {
  .popular-section.related-products {
    padding-bottom: 40px;
    background: #FFFFFF;
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .popular-section.related-products .newest-products {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 991px) {
  .popular-section.related-products + .popular-banner-section {
    display: none;
  }
}

.product-mini-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .product-mini-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .product-mini-cards .mini-card:nth-child(n+5) {
    display: none;
  }
}

.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px 24px;
}
.products > .product-card,
.products > .product-card-item {
  min-width: 0;
}
.products > .product-card > .product-card,
.products > .product-card-item > .product-card {
  height: 100%;
}
@media (max-width: 1199px) {
  .products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .products {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 991px) {
  .products.products__slider--in-mobile {
    gap: 0px;
    flex-wrap: nowrap;
    margin-left: -16px;
    margin-right: -16px;
  }
  .products.products__slider--in-mobile .slick-list {
    padding-right: 16px;
  }
  .products.products__slider--in-mobile .product-card {
    margin-left: 16px;
    flex: unset;
    max-width: unset;
    flex-shrink: 0;
    width: 253px;
  }
}
.products.products-related .product-card__title {
  font-size: 1rem;
  line-height: 1.57143rem;
}

.home-help-section {
  padding-bottom: var(--section-space);
  padding-top: var(--section-space);
}
.home-help-section ul:not(.buy-help-grid) {
  column-count: 3;
  column-gap: 16px;
}
@media (max-width: 991px) {
  .home-help-section ul:not(.buy-help-grid) {
    column-count: unset;
    column-gap: unset;
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
  }
  .home-help-section ul:not(.buy-help-grid) .slick-list {
    padding-right: 16px;
  }
  .home-help-section ul:not(.buy-help-grid) li {
    margin-left: 16px;
    flex-shrink: 0;
    width: 253px;
    height: 144px;
  }
}
.home-help-section ul:not(.buy-help-grid) li {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .home-help-section ul:not(.buy-help-grid) li {
    margin-bottom: 0;
  }
}
.home-help-section ul:not(.buy-help-grid) li:nth-child(2), .home-help-section ul:not(.buy-help-grid) li:nth-child(3), .home-help-section ul:not(.buy-help-grid) li:nth-child(5) {
  margin-bottom: 0;
}

#blog-slider {
  padding-bottom: 64px;
  padding-top: 64px;
}
@media (max-width: 991px) {
  #blog-slider {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
#blog-slider .blog-slider {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 991px) {
  #blog-slider .blog-slider {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-right: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    padding-left: 16px;
    width: auto;
  }
  #blog-slider .blog-slider::-webkit-scrollbar {
    display: none;
  }
  #blog-slider .blog-slider .blog-card {
    flex: 0 0 auto;
    max-width: 253px;
    width: 253px;
    scroll-snap-align: start;
  }
  #blog-slider .blog-slider .blog-card .blog-card__description {
    display: none;
  }
}

.home-collections-section {
  padding-top: 64px;
  padding-bottom: 64px;
  background: linear-gradient(180deg, #F2F2F2 0%, #F9F9F9 55.66%, #FFFFFF 103.82%);
}
@media (max-width: 991px) {
  .home-collections-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.home-collections {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.home-collection-row {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  grid-template-areas: "media carousel";
  gap: 24px;
  align-items: stretch;
  height: 620px;
}
@media (max-width: 991px) {
  .home-collection-row {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "carousel";
    gap: 0;
    height: auto;
    position: relative;
  }
}
.home-collection-row--reversed {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  grid-template-areas: "carousel media";
}
@media (max-width: 991px) {
  .home-collection-row--reversed {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "carousel";
  }
}
.home-collection-row__carousel {
  grid-area: carousel;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 20px 40px 20px;
  border-radius: 16px;
  background: #FAFAFA;
  min-height: 480px;
  border: 1px solid #F2F2F2;
}
@media (max-width: 991px) {
  .home-collection-row__carousel {
    padding: 8px 40px 40px 40px;
    gap: 0;
    border-radius: 8px;
    min-height: auto;
  }
}
.home-collection-row__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 32px;
  height: 64px;
  border: 0;
  border-radius: 2px;
  background-color: #EFEADC;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: background-color 0.25s ease;
}
@media (max-width: 991px) {
  .home-collection-row__nav {
    width: 16px;
    height: 32px;
    top: 194px;
    transform: none;
    background-size: contain;
  }
}
.home-collection-row__nav:hover {
  background-color: #e5dcc4;
}
.home-collection-row__nav--prev {
  right: 12px;
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8L20 16L12 24" stroke="%23A9892A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.home-collection-row__nav--next {
  left: 12px;
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 24L12 16L20 8" stroke="%23A9892A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.home-collection-row__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px;
  border: 1px solid #a9892a;
  border-radius: 8px;
  color: #a9892a;
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
  margin-top: 50px;
}
@media (max-width: 991px) {
  .home-collection-row__cta {
    width: 100%;
    margin-top: 24px;
  }
}
.home-collection-row__cta svg path {
  transition: stroke 0.25s ease;
}
.home-collection-row__cta:hover {
  background: #a9892a;
  color: #fff;
}
.home-collection-row__cta:hover svg path {
  stroke: #fff;
}
.home-collection-row__media {
  grid-area: media;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .home-collection-row__media {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 5;
    border-radius: 0;
  }
}
.home-collection-row__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
@media (max-width: 991px) {
  .home-collection-row__media img {
    display: none;
  }
}
@media (max-width: 991px) {
  .home-collection-row__badge {
    position: static;
    border-radius: 8px;
    height: 27px;
    padding: 4px 8px;
    min-width: 64px;
    justify-content: center;
    text-align: center;
  }
}
.home-collection-row .home-collection-slider {
  width: 100%;
  max-width: 382px;
}
@media (max-width: 991px) {
  .home-collection-row .home-collection-slider {
    max-width: 263px;
  }
}
.home-collection-row .home-collection-slider .product-card {
  width: 100%;
  margin: 0 auto;
  border-radius: 0;
  background: transparent;
}
.home-collection-row .home-collection-slider .product-card .product-card__picture {
  border-radius: 4px;
  overflow: hidden;
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .home-collection-row .home-collection-slider .product-card .product-card__picture {
    height: 188px;
  }
}
.home-collection-row .home-collection-slider .product-card .product-card__label {
  display: none;
}
.home-collection-row .home-collection-slider .product-card .product-card__overload {
  border-top: 0;
  padding-bottom: 0;
  text-align: center;
  flex: 1;
}
@media (max-width: 991px) {
  .home-collection-row .home-collection-slider .product-card .product-card__overload {
    padding-top: 2px;
  }
}
.home-collection-row .home-collection-slider:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
}
.home-collection-row .home-collection-slider:not(.slick-initialized) .home-collection-slide {
  flex: 0 0 100%;
}
.home-collection-row .home-collection-slider:not(.slick-initialized) .home-collection-slide:not(:first-child) {
  display: none;
}

.slug-section {
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 24px;
}
@media (max-width: 991px) {
  .slug-section {
    display: none;
  }
  .slug-section.slug-section--in-mobile {
    padding-top: 40px;
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    justify-content: flex-start;
    padding-right: 16px;
    padding-left: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
}
.slug-section__box {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
@media (max-width: 991px) {
  .slug-section__box {
    flex-shrink: 0;
  }
}
.slug-section__box--icon {
  margin-bottom: 12px;
  color: #D3AB35;
  width: 40px;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .slug-section__box--icon {
    margin-bottom: 12px;
  }
}
.slug-section__box--icon svg,
.slug-section__box--icon img {
  position: relative;
  z-index: 1;
}
.slug-section__box--title {
  margin: 0;
  color: #004A29;
  font-size: 1.14286rem;
  line-height: normal;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-weight: 800;
  margin-bottom: 4px;
}
.slug-section__box--description {
  color: #8C8A83;
  font-size: 12px;
  font-weight: 300;
  line-height: normal;
}

iframe#raychat_widget {
  left: -6px;
}

.login-modal {
  width: 100%;
}
.login-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e7ebeb;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .login-modal__head img, .login-modal__head svg {
    max-height: 36px;
  }
}
.login-modal__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.login-modal__content--title {
  font-size: 22px;
  font-weight: 800;
  line-height: 35px;
  color: #004A29;
}
@media (max-width: 991px) {
  .login-modal__content--title {
    font-size: 1rem;
    line-height: 1.71429rem;
  }
}
.login-modal__content--timer {
  color: #004A29;
  margin-right: auto;
  font-weight: 325;
}
.login-modal__content--resend {
  color: #A9892A;
  margin-right: auto;
  font-weight: 325;
  line-height: 18px;
  font-size: 14px;
}
.login-modal__content--resend:hover {
  color: var(--Green-100, #103A3B);
}
.login-modal__content--message {
  color: #706E69;
  font-weight: 325;
  font-size: 12px;
  line-height: 23px;
  margin-top: 4px;
}
.login-modal__content--way {
  margin-bottom: -8px;
  color: #A9892A;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}
.login-modal__content--way:hover {
  color: var(--Gold-100, #C6A246);
}
.login-modal__content .form-foot .btn-outline {
  max-width: 120px;
}
.login-modal__content .btn {
  width: 100%;
}

body:has(#categories-page):not(:has(.pagination)) #more-description {
  margin-top: 64px;
}
@media (max-width: 991px) {
  body:has(#categories-page):not(:has(.pagination)) #more-description {
    margin-top: 32px;
  }
}

.categories-page {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .categories-page {
    padding-bottom: 40px;
  }
}
.categories-page__banner {
  display: flex;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 40px;
  min-height: 294px;
  position: relative;
}
.categories-page__banner:after {
  content: "";
  background: linear-gradient(-90deg, #063B22 0%, rgba(6, 59, 34, 0.12) 62.83%, rgba(6, 59, 34, 0) 90.16%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 80%;
  z-index: 1;
}
@media (max-width: 991px) {
  .categories-page__banner {
    min-height: 160px;
    border-radius: 16px;
    margin-bottom: 16px;
  }
}
.categories-page__banner-content {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 64px 48px;
  color: var(--White, #fff);
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .categories-page__banner-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 24px 20px;
    gap: 12px;
  }
}
.categories-page__banner-title {
  color: #FAFAFA;
  font-size: 36px;
  line-height: 58px;
  margin-bottom: 8px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 991px) {
  .categories-page__banner-title {
    font-size: 1.42857rem;
    line-height: 2rem;
  }
}
.categories-page__banner-description {
  color: #FAFAFA;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  max-width: 510px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.categories-page__banner-description p {
  margin: 0;
}
.categories-page__banner-description p + p {
  margin-top: 8px;
}
@media (max-width: 991px) {
  .categories-page__banner-description {
    font-size: 0.92857rem;
    line-height: 1.57143rem;
  }
}
.categories-page__banner-media {
  flex: 1;
  position: absolute;
  inset: 0;
}
.categories-page__banner-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  contain-intrinsic-size: none;
}
@media (max-width: 991px) {
  .categories-page__banner-media {
    height: 100%;
  }
}
.categories-page__filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  margin-top: 28px;
}
@media (max-width: 991px) {
  .categories-page__filters {
    align-items: unset;
    justify-content: unset;
    flex-wrap: wrap;
  }
}
.categories-page__filters--options {
  margin-right: auto;
  min-width: 235px;
}
.categories-page__filters--options .select-in-mobile {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #706E69;
  font-size: 1rem;
  line-height: 1.71429rem;
  width: 100%;
  height: 100%;
}
.categories-page__filters--options .select-in-mobile:after {
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23706E69" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  content: "";
}
@media (max-width: 991px) {
  .categories-page__filters--options {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: unset;
    border: 1px solid var(--Green-10, #e7ebeb);
    border-right: none;
    border-radius: 8px 0 0 8px;
    margin-right: 0;
  }
  .categories-page__filters--options .select {
    display: none;
  }
  .categories-page__filters--options .select-in-mobile {
    display: flex;
  }
}
.categories-page__filters--filter {
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #BAB9B5;
  background: var(--White, #fff);
  color: #706E69;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  height: 43px;
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 8px;
  margin-left: 16px;
}
@media (max-width: 991px) {
  .categories-page__filters--filter {
    margin-left: 0;
    flex: 0 0 50%;
    max-width: 50%;
    border: none;
    font-size: 1rem;
    font-weight: 450;
    justify-content: center;
    margin-left: 0;
    border: 1px solid var(--Green-10, #e7ebeb);
    border-radius: 0 8px 8px 0;
  }
}
.categories-page__filters--filter svg {
  color: #D3AB35;
}
.categories-page__filters--filters {
  display: flex;
  gap: 8px;
  align-items: center;
  flex: 1;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  margin-left: 16px;
}
@media (max-width: 991px) {
  .categories-page__filters--filters {
    padding-top: 16px;
    gap: 8px;
    overflow: visible;
    flex-wrap: wrap;
    white-space: unset;
    margin-left: 0;
    order: 3;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .categories-page__filters--filters:empty {
    padding-top: 0;
  }
}
.categories-page__filters--filters .filter-button {
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--Gold-10, #f9f6ec);
  background: #004A29;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
  height: 35px;
}
@media (max-width: 991px) {
  .categories-page__filters--filters .filter-button {
    gap: 8px;
    font-size: 12px;
  }
}
.categories-page__filters--filters .filter-button:after {
  width: 16px;
  height: 16px;
  content: "";
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4L4 12M4 4L12 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.categories-page__filters--filters .filter-button:hover {
  opacity: 0.8;
}
.categories-page__products {
  position: relative;
  min-height: 200px;
  transition: opacity 0.25s ease;
}
.categories-page__products.is-loading {
  pointer-events: none;
}
.categories-page__products.is-updating .products,
.categories-page__products.is-updating .no-products-found {
  animation: catalogFadeIn 0.35s ease both;
}
@media (max-width: 767px) {
  .categories-page__products .products {
    gap: 16px;
  }
  .categories-page__products .products .product-card {
    border-radius: 8px;
    background: #FAFAFA;
    position: relative;
    display: flex;
    padding: 8px;
    flex-direction: row;
    gap: 8px;
  }
  .categories-page__products .products .product-card .product-card__label {
    display: none;
  }
  .categories-page__products .products .product-card__picture {
    object-fit: cover;
    object-position: center center;
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
  }
  .categories-page__products .products .product-card__overload {
    background: transparent;
    padding: 0;
    border-top: 0;
    gap: 0;
    flex: 1;
  }
  .categories-page__products .products .product-card__category {
    display: flex;
  }
  .categories-page__products .products .product-card__like {
    display: flex;
    width: 20px;
    height: 20px;
  }
  .categories-page__products .products .product-card__like svg {
    width: 16px;
    height: 16px;
  }
  .categories-page__products .products .product-card__weight {
    margin-bottom: 4px;
  }
}

.pagination.is-loading {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}

@keyframes catalogFadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes catalogFadeOut {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
}
.sort-modal {
  width: 100%;
}
.sort-modal__head {
  border-bottom: 1px solid #e7ebeb;
  padding-bottom: 16px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sort-modal ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sort-modal .btn {
  width: 100%;
  font-weight: 600;
  margin-top: 16px;
}

.single-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  padding-top: 28px;
}
@media (max-width: 991px) {
  .single-page {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 0;
  }
}
.single-page__gallery {
  position: relative;
  min-width: 0;
}
@media (max-width: 991px) {
  .single-page__gallery {
    margin-left: -16px;
    margin-right: -16px;
    background: #FAFAFA;
  }
  .single-page__gallery .magnify {
    display: block;
  }
  .single-page__gallery .magnify .magnify-lens {
    display: none !important;
  }
}
.single-page__gallery--label {
  right: auto;
  left: 8px;
}
@media (max-width: 991px) {
  .single-page__gallery--label {
    right: 24px;
    left: auto;
    font-size: 10px;
  }
}
.single-page__details {
  min-width: 0;
}
@media (max-width: 991px) {
  .single-page__details {
    width: 100%;
  }
}
.single-page__details--top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}
.single-page__details--meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.single-page__details--share {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #A9892A;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 991px) {
  .single-page__details--share {
    position: absolute;
    top: 14px;
    left: 16px;
  }
}
.single-page__details--code {
  color: #706E69;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .single-page__details--code {
    line-height: 19px;
    font-size: 12px;
  }
}
.single-page__details--title {
  color: #383734;
  font-size: 36px;
  line-height: 58px;
  font-weight: 800;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .single-page__details--title {
    font-size: 28px;
    line-height: 45px;
  }
}
@media (max-width: 991px) {
  .single-page__details--pillsDescription {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #F2F2F2;
  }
  .single-page__details--pillsDescription .single-page__details--pills {
    order: -1;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .single-page__details--pillsDescription .single-page__details--excerpt {
    margin-bottom: 0;
  }
}
.single-page__details--collection {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #A9892A;
  font-weight: 600;
  line-height: 26px;
}
.single-page__details--collection:before {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  corner-shape: round;
  background: #D3AB35;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.single-page__details--excerpt {
  margin-bottom: 8px;
}
.single-page__details--excerpt_text {
  color: var(--Green-80, #406162);
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
.single-page__details--excerpt_text p {
  margin: 0;
}
.single-page__details--excerpt_text.is-collapsed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.single-page__details--excerpt_more {
  margin-top: 8px;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--Gold-100, #c6a246);
  font-size: 0.85714rem;
  line-height: 1.42857rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  display: none;
}
@media (max-width: 991px) {
  .single-page__details--excerpt_more {
    display: flex;
    margin-top: 4px;
  }
}
.single-page__details--excerpt_more .is-less {
  display: none;
}
.single-page__details--excerpt_more.is-open .is-more {
  display: none;
}
.single-page__details--excerpt_more.is-open .is-less {
  display: inline;
}
.single-page__details--excerpt_more:after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23C6A246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s;
}
.single-page__details--excerpt_more.is-open:after {
  transform: rotate(180deg);
}
.single-page__details--pills {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #F2F2F2;
}
.single-page__details--pill {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid #BAB9B5;
  color: var(--Green-100, #103a3b);
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
  background: #fff;
  gap: 2px;
}
.single-page__details--pill .single-page__details--pill_value {
  color: #7F6720;
}
.single-page__details--subtitle {
  font-family: "iransansxv", iransansx, tahoma;
  font-weight: 600;
  color: #706E69;
  line-height: 26px;
  font-size: 16px;
}
.single-page__details--options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.single-page__details--options + .single-page__details--options {
  margin-top: 24px;
}
@media (max-width: 991px) {
  .single-page__details--options {
    margin-bottom: 16px;
    flex-wrap: wrap;
  }
}
.single-page__details--options b {
  color: var(--Green-100, #103a3b);
  font-size: 1.14286rem;
  line-height: 2.28571rem;
  font-weight: 450;
  flex: 1;
}
.single-page__details--options ul {
  margin-left: auto;
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.single-page__details--options ul:has(.single-page__details--color) {
  gap: 16px;
}
@media (max-width: 767px) {
  .single-page__details--options ul:has(.single-page__details--color) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-left: 0;
    width: 100%;
  }
}
.single-page__details--options ul:has(.single-page__details--size) {
  gap: 8px;
}
@media (max-width: 767px) {
  .single-page__details--options ul:has(.single-page__details--size) {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-left: 0;
    width: 100%;
  }
}
.single-page__details--options ul:has(.single-page__details--weight) {
  gap: 8px;
}
@media (max-width: 767px) {
  .single-page__details--options ul:has(.single-page__details--weight) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-left: 0;
    width: 100%;
  }
  .single-page__details--options ul:has(.single-page__details--weight) span {
    width: 100%;
  }
}
.single-page__details--color {
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-out;
  width: 75px;
  height: 40px;
}
@media (max-width: 767px) {
  .single-page__details--color {
    width: 100%;
  }
}
.single-page__details--color input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.single-page__details--color span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.single-page__details--color:has(input:checked) {
  border-color: #004A29;
  box-shadow: inset 0 0 0 6px #fff;
  padding: 6px;
}
.single-page__details--color:has(input:checked) span {
  border-radius: 4px;
}
.single-page__details--color:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  pointer-events: none;
}
.single-page__details--weight {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.single-page__details--weight input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.single-page__details--weight span {
  color: #706E69;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  background: #F2F2F2;
  padding: 10px 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  position: relative;
}
.single-page__details--weight span:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  border-radius: 50%;
  corner-shape: round;
  border: 1px solid #BAB9B5;
  transition: 0.3s ease-out;
}
.single-page__details--weight span:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  corner-shape: round;
  background: #004A29;
  transform: scale(0);
  z-index: 2;
  transition: 0.3s ease-out;
}
.single-page__details--weight:has(input:checked) span:before {
  border-color: var(--Green-100, #103a3b);
}
.single-page__details--weight:has(input:checked) span:after {
  transform: scale(0.5);
}
.single-page__details--size {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: #F2F2F2;
  transition: all 0.3s;
}
.single-page__details--size input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.single-page__details--size span {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  color: #103a3b;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  transition: all 0.3s;
}
.single-page__details--size:has(input:checked) {
  background: #004A29;
}
.single-page__details--size:has(input:checked) span {
  color: var(--White, #fff);
}
.single-page__details--help {
  color: var(--Gold-100, #c6a246);
  line-height: 1.71429rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .single-page__details--help {
    font-weight: 450;
    line-height: 1.57143rem;
  }
}
.single-page__details--help:before {
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.6667 4.66667L9.66667 3.66667M8.66667 6.66667L7.66667 5.66667M6.66667 8.66667L5.66667 7.66667M4.66667 10.6667L3.66667 9.66667M11.3333 2L14 4.66667L4.66667 14L2 11.3333L11.3333 2Z' stroke='%23C6A246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.single-page__details--snapp {
  margin-top: 16px;
  background: rgba(0, 142, 250, 0.031372549);
  border-radius: 8px;
  padding: 12px;
  gap: 12px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .single-page__details--snapp {
    margin-top: 16px;
    gap: 8px;
    padding: 8px;
  }
}
.single-page__details--snapp svg {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .single-page__details--snapp svg {
    max-width: 32px;
  }
}
.single-page__details--snapp_info {
  display: flex;
  flex-direction: column;
}
.single-page__details--snapp_info-title {
  color: #383734;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  font-family: "iransansxv", iransansx, tahoma;
}
@media (max-width: 991px) {
  .single-page__details--snapp_info-title {
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
  }
}
.single-page__details--snapp_info-subtitle {
  color: #A3A19C;
  line-height: 23px;
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .single-page__details--snapp_info-subtitle {
    font-size: 12px;
    line-height: 19px;
  }
}
.single-page__details--snapp_info-subtitle span {
  color: #c0cdd0;
  font-size: 23px;
  font-weight: 300;
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle;
  position: relative;
  top: 1px;
}
@media (max-width: 991px) {
  .single-page__details--snapp_info-subtitle span {
    margin-left: 2px;
    margin-right: 2px;
  }
}
.single-page__details--accordions .post p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
}
.single-page__details--accordions .post p + p {
  margin-top: 8px;
}
.single-page__details--gift {
  border-top: 1px solid #F2F2F2;
  padding-top: 16px;
  margin-top: 16px;
}
.single-page__details--gift .inside {
  margin-bottom: 16px;
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 991px) {
  .single-page__details--gift .inside {
    margin-bottom: 12px;
  }
}
.single-page__details--gift_checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.single-page__details--gift_checkbox .checkbox__icon {
  border-color: #BAB9B5;
}
.single-page__details--gift_checkbox .checkbox__title {
  color: #383734;
}
.single-page__details--gift_checkbox-info {
  color: var(--Gold-100, #c6a246);
  position: relative;
}
.single-page__details--gift_checkbox-info:after {
  bottom: calc(100% + 8px) !important;
  transform: translateX(-50%) translateY(0) !important;
  width: 322px !important;
  white-space: unset !important;
}
.single-page__details--gift_price {
  color: #004A29;
  line-height: 27px;
  font-size: 14px;
  font-weight: 400;
}
.single-page__details--branches {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid var(--Green-10, #e7ebeb);
  border-bottom: 1px solid var(--Green-10, #e7ebeb);
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .single-page__details--branches {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.single-page__details--branches_title {
  color: var(--Green-60, #708989);
  font-size: 1.14286rem;
  line-height: 2.28571rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .single-page__details--branches_title {
    font-size: 1rem;
    line-height: 1.57143rem;
  }
}
.single-page__details--branches_list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}
@media (max-width: 991px) {
  .single-page__details--branches_list {
    flex-direction: column;
  }
}
.single-page__details--branches_item {
  background: var(--Gold-10, #f9f6ec);
  border: 1px solid var(--Gold-10, #f9f6ec);
  border-radius: 8px;
  padding: 8px 12px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: background 0.3s, border-color 0.3s, color 0.3s;
}
.single-page__details--branches_item:hover {
  background: var(--Gold-20, #f4ecda);
  color: var(--Green-180, #030c0c);
}
.single-page__details--branches_item:hover .single-page__details--branches_item-title {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  color: var(--Green-180, #030c0c);
}
.single-page__details--branches_item:hover .branches-tooltip {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.single-page__details--branches_item-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.single-page__details--branches_item-title {
  color: var(--Green-80, #406162);
  font-size: 1rem;
  line-height: 1.71429rem;
  transition: color 0.3s;
  font-weight: 325;
}
.single-page__details--branches_item-arrow {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23708989' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
}
@media (max-width: 991px) {
  .single-page__details--branches_item {
    width: 100%;
    height: auto;
    padding: 5px 16px;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    transition: all 0.3s;
  }
  .single-page__details--branches_item:hover {
    background: var(--Gold-10, #f9f6ec);
    border-color: var(--Gold-10, #f9f6ec);
    color: inherit;
  }
  .single-page__details--branches_item:hover .single-page__details--branches_item-title {
    text-decoration: none;
    color: var(--Green-80, #406162);
  }
  .single-page__details--branches_item:has(.active) {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .single-page__details--branches_item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 24px;
    cursor: pointer;
  }
  .single-page__details--branches_item-header.active .single-page__details--branches_item-title {
    color: var(--Green-180, #030c0c);
  }
  .single-page__details--branches_item-header.active .single-page__details--branches_item-arrow {
    transform: rotate(180deg);
  }
  .single-page__details--branches_item-arrow {
    display: flex;
    transition: transform 0.3s ease;
  }
}

.branches-tooltip {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--Green-120, #0d2e2f);
  border-radius: 8px;
  padding: 8px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  white-space: nowrap;
  z-index: 10;
  cursor: default;
  text-decoration: none !important;
}
.branches-tooltip::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 12px;
  background: transparent;
}
.branches-tooltip__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 100%;
}
.branches-tooltip__text {
  color: var(--Green-20, #cfd8d8);
  font-size: 0.85714rem;
  line-height: 1.71429rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  font-weight: 325;
  cursor: default;
}
.branches-tooltip__link {
  color: var(--Gold-100, #c6a246);
  font-size: 1rem;
  line-height: 2.28571rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  text-align: center;
  align-self: center;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s;
}
.branches-tooltip__link:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.branches-tooltip__arrow {
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M11.3136 0.000289451L5.65674 6.19589L-0.000114174 0.000289451H11.3136Z' fill='%230D2E2F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
@media (max-width: 991px) {
  .branches-tooltip {
    position: static;
    transform: none;
    background: transparent;
    padding: 0;
    border-radius: 0;
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.3s ease;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    width: 100%;
  }
  .branches-tooltip.active {
    grid-template-rows: 1fr;
  }
  .branches-tooltip::before {
    display: none;
  }
  .branches-tooltip__arrow {
    display: none;
  }
  .branches-tooltip__wrapper {
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 2px;
    padding-top: 4px;
  }
  .branches-tooltip__text {
    color: var(--Green-80, #406162);
    font-size: 0.85714rem;
    line-height: 1.71429rem;
    text-align: right;
    white-space: normal;
    font-weight: 325;
  }
  .branches-tooltip__link {
    color: var(--Gold-100, #c6a246);
    font-size: 1rem;
    line-height: 2.28571rem;
    font-weight: 700;
    text-align: right;
    align-self: flex-start;
    width: 100%;
    margin-top: 2px;
    letter-spacing: -0.01rem;
  }
}

.single-page__details--price {
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}
@media (max-width: 991px) {
  .single-page__details--price {
    margin-bottom: 12px;
    gap: 2px 8px;
  }
}
.single-page__details--price_new {
  flex: 0 0 100%;
  max-width: 100%;
  color: #383734;
  line-height: 3.42857rem;
  font-weight: 900;
  font-size: 28px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
@media (max-width: 991px) {
  .single-page__details--price_new {
    line-height: 29px;
    font-size: 18px;
  }
}
.single-page__details--price_old {
  text-decoration-line: line-through;
  line-height: 2rem;
  color: var(--Green-60, #708989);
  font-size: 1.14286rem;
}
@media (max-width: 991px) {
  .single-page__details--price_old {
    font-size: 1rem;
    line-height: 1.57143rem;
  }
}
.single-page__details--price_off {
  background: var(--Gold-10, #f9f6ec);
  padding: 8px 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--Green-80, #406162);
  font-size: 0.85714rem;
  line-height: 1.14286rem;
  direction: ltr;
}
.single-page__details--price-note {
  margin-top: 12px;
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  color: #8C8A83;
  font-size: 12px;
  line-height: 19px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .single-page__details--price-note {
    display: block;
    position: relative;
    padding-right: 28px;
  }
}
.single-page__details--price-note span {
  color: #383734;
  font-weight: 600;
}
.single-page__details--price-note span.math {
  color: #3A875D;
}
.single-page__details--price-note svg {
  color: var(--Gold-100, #c6a246);
  width: 18px;
  height: 18px;
}
@media (max-width: 991px) {
  .single-page__details--price-note svg {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.single-page__details--tools {
  display: flex;
  align-items: center;
  gap: 16px;
}
.single-page__details--tools_quantity {
  flex: 1;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid var(--Green-100, #103a3b);
  background: var(--White, #fff);
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .single-page__details--tools_quantity {
    padding: 8px 16px;
  }
}
.single-page__details--tools_quantity-link {
  color: var(--Green-100, #103a3b);
  font-size: 1.14286rem;
  font-weight: 450;
}
.single-page__details--tools_quantity-link:hover {
  color: var(--Gold-100, #c6a246);
}
@media (max-width: 991px) {
  .single-page__details--tools_quantity-link {
    font-size: 1rem;
    line-height: 1.71429rem;
  }
}
.single-page__details--tools_add {
  flex: 1;
}
@media (max-width: 991px) {
  .single-page__details--tools_add {
    font-size: 16px;
    border-radius: 4px;
  }
}
.single-page__details--tools_add.loading {
  background: #7F6720;
  color: #fff;
}
.single-page__details--tools_add.loading:after {
  border-top-color: #fff;
}
.single-page__details--tools_like {
  position: relative;
  border-color: #7F6720;
  cursor: pointer !important;
}
.single-page__details--tools_like:hover {
  background: transparent;
  border-color: #C6A246;
}
.single-page__details--tools_like:hover svg path {
  stroke: #C6A246;
}
.single-page__details--tools_like svg {
  width: 24px;
  height: 24px;
}
.single-page__details--tools_like.active {
  border-color: #7F6720;
}
.single-page__details--tools_like.active svg path {
  fill: #7F6720;
  stroke: #7F6720;
}
.single-page__details--tools_like.active:hover {
  background: transparent;
  border-color: #C6A246;
}
.single-page__details--tools_like.active:hover svg path {
  fill: #C6A246;
  stroke: #C6A246;
}
.single-page__details--accordions {
  margin-top: 32px;
  border-top: 1px solid #BAB9B5;
}
@media (max-width: 991px) {
  .single-page__details--accordions {
    margin-top: 40px;
  }
}
.single-page__details--accordion {
  border-bottom: 1px solid #BAB9B5;
}
.single-page__details--accordion .accordion-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 0;
  border: 0;
  background: transparent;
  color: var(--Green-100, #103a3b);
  font-size: 18px;
  line-height: 29px;
  font-weight: 800;
  cursor: pointer;
  text-align: right;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  position: relative;
}
@media (max-width: 991px) {
  .single-page__details--accordion .accordion-title {
    font-size: 16px;
    line-height: 26px;
  }
}
.single-page__details--accordion .accordion-title:after {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5V19M5 12H19" stroke="%237F6720" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s ease-out;
}
.single-page__details--accordion .accordion-title:before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="%237F6720" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  opacity: 0;
  transition: 0.3s ease-out;
}
.single-page__details--accordion .accordion-title.active::before {
  opacity: 1;
}
.single-page__details--accordion .accordion-title.active:after {
  opacity: 0;
}
.single-page__details--accordion .accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.35s ease;
}
.single-page__details--accordion .accordion-content > * {
  min-height: 0;
  overflow: hidden;
}
.single-page__details--accordion .accordion-content.active {
  grid-template-rows: 1fr;
  padding-bottom: 16px;
}
.single-page__details--specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 80px;
}
@media (max-width: 991px) {
  .single-page__details--specs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}
.single-page__details--specs li {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: #383734;
  font-size: 1rem;
  line-height: 27px;
}
@media (max-width: 991px) {
  .single-page__details--specs li {
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
  }
}
.single-page__details--specs_name {
  flex-shrink: 0;
}
.single-page__details--specs_value {
  color: #7F6720;
}

.product-gallery {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 111px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  line-height: 0;
  direction: rtl;
  position: sticky;
  top: 90px;
}
@media (max-width: 991px) {
  .product-gallery {
    display: block;
  }
}
.product-gallery__main {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: #f7f7f7;
  min-width: 0;
}
@media (max-width: 991px) {
  .product-gallery__main {
    border-radius: 0;
  }
}
.product-gallery__main .slick-prev,
.product-gallery__main .slick-next {
  width: 32px;
  height: 64px;
  border-radius: 2px;
  background: #00361E;
}
@media (max-width: 991px) {
  .product-gallery__main .slick-prev,
  .product-gallery__main .slick-next {
    width: 18px;
    height: 32px;
    background-size: 16px !important;
  }
}
.product-gallery__main .slick-prev {
  right: 16px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8L20 16L12 24" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat, #00361E;
}
.product-gallery__main .slick-next {
  left: 16px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 8L12 16L20 24" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat, #00361E;
}
.product-gallery__main .slick-dots {
  bottom: 16px;
  gap: 4px;
}
.product-gallery__main .slick-dots li button {
  background: #BAB9B5;
  width: 8px;
  height: 8px;
}
.product-gallery__main .slick-dots li.slick-active button {
  background: #005C33;
}
.product-gallery__main .product-main-slider {
  display: flex;
  direction: rtl;
}
.product-gallery__main .product-main-slider.is-static .product-main-slide {
  width: 100% !important;
}
.product-gallery__main .product-main-slider .product-main-slide .magnify {
  width: 100% !important;
}
.product-gallery__main .product-main-slider .product-main-slide img {
  width: 100%;
  height: 616px;
  object-fit: cover;
  display: block;
}
@media (max-width: 991px) {
  .product-gallery__main .product-main-slider .product-main-slide img {
    aspect-ratio: 1;
    height: auto;
  }
}
.product-gallery__main .product-main-slider .product-main-slide--video {
  position: relative;
}
.product-gallery__main .product-main-slider .product-main-slide--video:after {
  width: 64px;
  height: 64px;
  background-color: var(--Gold-10, #f9f6ec);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M14 8V40L40 24L14 8Z' stroke='%23C6A246' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  border-radius: 4px;
  position: absolute;
  content: "";
  display: block;
  left: 50%;
  pointer-events: none;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.3s;
}
.product-gallery__thumbs {
  min-width: 0;
  width: 111px;
  height: 616px;
}
@media (max-width: 991px) {
  .product-gallery__thumbs {
    display: none;
  }
}
.product-gallery__thumbs .product-thumb-slider {
  position: relative;
  width: 111px;
  height: 616px;
  border-radius: 8px;
  overflow: hidden;
}
.product-gallery__thumbs .product-thumb-slider.is-static {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
}
.product-gallery__thumbs .product-thumb-slider .slick-list {
  height: 616px !important;
  overflow: hidden;
}
.product-gallery__thumbs .product-thumb-slider .slick-track {
  display: block !important;
}
.product-gallery__thumbs .product-thumb-slider .slick-slide {
  height: 104px !important;
  padding: 0 0 24px !important;
  margin: 0 !important;
  box-sizing: content-box !important;
}
.product-gallery__thumbs .product-thumb-slider .slick-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 32px;
  z-index: 3;
  padding: 0;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  right: auto;
  transition: 0.3s ease-out;
}
.product-gallery__thumbs .product-thumb-slider .slick-arrow:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 84px;
  z-index: 1;
}
.product-gallery__thumbs .product-thumb-slider .slick-arrow:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: 2;
}
.product-gallery__thumbs .product-thumb-slider .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.product-gallery__thumbs .product-thumb-slider .slick-prev {
  top: 0px;
}
.product-gallery__thumbs .product-thumb-slider .slick-prev:before {
  top: 0;
  background: linear-gradient(180deg, #161616 0%, rgba(7, 7, 7, 0.12) 62.83%, rgba(0, 0, 0, 0) 90.16%);
}
.product-gallery__thumbs .product-thumb-slider .slick-prev:after {
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 12L16 20L8 12" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: rotate(180deg);
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.product-gallery__thumbs .product-thumb-slider .slick-next {
  bottom: 0;
  top: auto;
}
.product-gallery__thumbs .product-thumb-slider .slick-next:before {
  bottom: 0;
  background: linear-gradient(0deg, #161616 0%, rgba(7, 7, 7, 0.12) 62.83%, rgba(0, 0, 0, 0) 90.16%);
}
.product-gallery__thumbs .product-thumb-slider .slick-next:after {
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 12L16 20L8 12" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  left: 0;
  right: 0;
  margin: auto;
}
.product-gallery__thumbs .product-thumb-slider .product-thumb {
  width: 111px !important;
  height: 104px !important;
  margin: 0 !important;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
  border: 0;
  flex: 0 0 104px;
  transition: opacity 0.2s;
}
.product-gallery__thumbs .product-thumb-slider .product-thumb.slick-current, .product-gallery__thumbs .product-thumb-slider .product-thumb.is-active {
  opacity: 1;
  display: block;
  padding: 0 !important;
}
.product-gallery__thumbs .product-thumb-slider .product-thumb--placeholder {
  pointer-events: none;
  cursor: default;
  opacity: 1;
  background: transparent;
}
.product-gallery__thumbs .product-thumb-slider .product-thumb--placeholder span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #F2F2F2;
}
.product-gallery__thumbs .product-thumb-slider .product-thumb img {
  width: 111px;
  height: 104px;
  object-fit: cover;
  display: block;
  border-radius: 8px !important;
}
.product-gallery__thumbs .product-thumb-slider .product-thumb__play {
  position: relative;
  display: block;
  width: 111px;
  height: 104px;
}
.product-gallery__thumbs .product-thumb-slider .product-thumb__play:after {
  width: 28px;
  height: 28px;
  background-color: var(--Gold-10, #f9f6ec);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M14 8V40L40 24L14 8Z' stroke='%23C6A246' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  border-radius: 4px;
  position: absolute;
  content: "";
  display: block;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#single-banner {
  margin-top: var(--section-space);
  margin-bottom: calc(-1 * var(--section-space));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 991px) {
  #single-banner {
    display: none;
  }
}

.single-banner {
  padding-top: 230px;
  padding-bottom: 188px;
  max-width: 396px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
.single-banner__title {
  color: var(--Gold-100, #c6a246);
  font-size: 2.28571rem;
  line-height: 4rem;
  font-weight: 700;
}
.single-banner .btn {
  padding-left: 24px;
  padding-right: 24px;
}

.share-modal {
  width: 100%;
}
.share-modal__head {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
}
.share-modal__head .modal__title {
  color: var(--Balck, #000);
  font-size: 1.14286rem;
  line-height: 2rem;
  font-weight: 600;
}
.share-modal__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.share-modal__content ul {
  display: flex;
  align-items: center;
  gap: 48px;
  justify-content: center;
}
@media (max-width: 991px) {
  .share-modal__content ul {
    gap: 28px;
  }
}
.share-modal__content ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.share-modal__content ul li:hover .share-modal__content--icon {
  color: var(--Green-10, #e7ebeb);
  background: var(--Green-80, #406162);
}
.share-modal__content ul li:hover .share-modal__content--title {
  color: var(--Gold-100, #c6a246);
}
.share-modal__content--title {
  padding-top: 4px;
  font-size: 0.85714rem;
  color: var(--Balck, #000);
}
.share-modal__content--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--Green-10, #e7ebeb);
  color: var(--Green-80, #406162);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  corner-shape: round;
}
.share-modal .form-group .form-control {
  height: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-modal .form-group .form-control__icon {
  top: 12px;
  right: 12px;
}
@media (max-width: 991px) {
  .share-modal .form-group .form-control__icon {
    top: 8px;
    right: 8px;
  }
}

.inner-page #comments {
  background: #fff;
}

.about-page-section-title {
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 8px;
  color: #383734;
}
.about-page-section-title span {
  color: var(--Gold-100, #c6a246);
}
@media (max-width: 991px) {
  .about-page-section-title {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .about-page-section-title {
    font-size: 20px;
  }
}

.about-page-section-subtitle {
  color: #706E69;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 32px;
  width: 852px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 991px) {
  .about-page-section-subtitle {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
    padding: 0 4px;
  }
}

#about-page-hero {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  #about-page-hero {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.about-page-hero {
  text-align: center;
}
.about-page-hero__title {
  color: #383734;
  font-size: 48px;
  font-weight: 800;
  line-height: 77px;
  margin-bottom: 16px;
}
.about-page-hero__title span {
  color: #A9892A;
}
@media (max-width: 767px) {
  .about-page-hero__title {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 8px;
  }
}
.about-page-hero__text {
  width: 1040px;
  max-width: 100%;
  margin: 0 auto 40px;
  color: #706E69;
  font-size: 18px;
  line-height: 34px;
}
@media (max-width: 767px) {
  .about-page-hero__text {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
  }
}
.about-page-hero__text p {
  margin: 0 0 12px;
}
.about-page-hero__text p:last-child {
  margin-bottom: 0;
}
.about-page-hero__picture {
  display: block;
  width: 100%;
  border-radius: 16px;
  height: 600px;
  object-fit: cover;
  object-position: center center;
}
@media (max-width: 1199px) {
  .about-page-hero__picture {
    height: 420px;
  }
}
@media (max-width: 991px) {
  .about-page-hero__picture {
    height: 320px;
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .about-page-hero__picture {
    height: 220px;
    border-radius: 8px;
  }
}

#about-page-story {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  #about-page-story {
    padding-top: 0px;
    padding-bottom: 40px;
  }
}

.about-page-story {
  display: flex;
  gap: 64px;
  align-items: center;
}
@media (max-width: 1199px) {
  .about-page-story {
    gap: 32px;
  }
}
@media (max-width: 991px) {
  .about-page-story {
    flex-direction: column;
    gap: 24px;
    align-items: stretch;
  }
}
.about-page-story__title {
  color: #383734;
  font-size: 36px;
  font-weight: 800;
  line-height: 58px;
  margin-bottom: 16px;
}
.about-page-story__title span {
  color: #A9892A;
}
@media (max-width: 991px) {
  .about-page-story__title {
    font-size: 24px;
    line-height: 1.45;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .about-page-story__title {
    font-size: 20px;
  }
}
.about-page-story__text {
  color: #706E69;
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 991px) {
  .about-page-story__text {
    font-size: 14px;
    line-height: 26px;
  }
}
.about-page-story__text p {
  margin: 0;
}
.about-page-story__text p + p {
  margin-top: 80px;
}
@media (max-width: 991px) {
  .about-page-story__text p + p {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .about-page-story__text p + p {
    margin-top: 16px;
  }
}
.about-page-story__content {
  flex: 1;
  min-width: 0;
}
.about-page-story__media {
  min-width: 0;
  flex: 0 0 551px;
}
@media (max-width: 1199px) {
  .about-page-story__media {
    flex: 0 0 420px;
  }
}
@media (max-width: 991px) {
  .about-page-story__media {
    flex: none;
    width: 100%;
    max-width: 100%;
  }
}

.about-licenses-slider {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .about-licenses-slider {
    margin-bottom: 12px;
  }
}
.about-licenses-slider__item {
  margin: 0;
}
.about-licenses-slider__item img {
  display: block;
  width: 100%;
  border-radius: 16px;
  height: 383px;
  object-fit: cover;
  object-position: center center;
}
@media (max-width: 991px) {
  .about-licenses-slider__item img {
    height: 300px;
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .about-licenses-slider__item img {
    height: 240px;
    border-radius: 8px;
  }
}
.about-licenses-slider__item figcaption {
  display: none;
}
.about-licenses-slider .slick-arrow {
  width: 32px;
  height: 42px;
  border-radius: 2px;
  background-color: #00361E;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}
@media (max-width: 767px) {
  .about-licenses-slider .slick-arrow {
    width: 28px;
    height: 36px;
  }
}
.about-licenses-slider .slick-arrow:before {
  display: none;
}
.about-licenses-slider .slick-prev {
  right: 0;
  left: auto;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.about-licenses-slider .slick-next {
  left: 0;
  right: auto;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 6L9 12L15 18" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.about-licenses-nav .slick-list {
  margin: 0 -8px;
}
@media (max-width: 767px) {
  .about-licenses-nav .slick-list {
    margin: 0 -16px;
    padding: 0 16px;
  }
}
.about-licenses-nav .slick-slide {
  padding: 0 8px;
}
@media (max-width: 767px) {
  .about-licenses-nav .slick-slide {
    padding: 0 4px;
  }
}
.about-licenses-nav__thumb {
  display: block;
  width: 100%;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  background: transparent;
  transition: border-color 0.25s ease;
  position: relative;
}
@media (max-width: 767px) {
  .about-licenses-nav__thumb {
    border-radius: 6px;
  }
}
.about-licenses-nav__thumb:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000000;
  opacity: 0.2;
  z-index: 1;
}
.about-licenses-nav__thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center center;
}

#about-page-branchs {
  padding-top: 120px;
  padding-bottom: 120px;
  background: linear-gradient(180deg, rgba(239, 234, 220, 0.64) 0%, rgba(248, 245, 239, 0.64) 53.9%, rgba(255, 255, 255, 0.64) 100%);
}
@media (max-width: 991px) {
  #about-page-branchs {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media (max-width: 767px) {
  #about-page-branchs {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.about-page-branchs ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1199px) {
  .about-page-branchs ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .about-page-branchs ul {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.branch-card--about {
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #eee;
  transition: box-shadow 0.3s ease;
  position: relative;
}
@media (max-width: 767px) {
  .branch-card--about {
    border-radius: 12px;
  }
}
.branch-card--about .branch-card__picture {
  margin-bottom: 0;
}
.branch-card--about .branch-card__picture img {
  border-radius: 0;
  height: 510px;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .branch-card--about .branch-card__picture img {
    height: 420px;
  }
}
@media (max-width: 991px) {
  .branch-card--about .branch-card__picture img {
    height: 380px;
  }
}
@media (max-width: 767px) {
  .branch-card--about .branch-card__picture img {
    height: 320px;
  }
}
.branch-card--about .branch-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  background: #FAFAFA;
  transition: background-color 0.3s ease, color 0.3s ease;
  position: absolute;
  left: 24px;
  bottom: 24px;
  right: 24px;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .branch-card--about .branch-card__body {
    left: 16px;
    right: 16px;
    bottom: 16px;
    padding: 14px;
  }
}
@media (max-width: 767px) {
  .branch-card--about .branch-card__body {
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 12px;
    border-radius: 6px;
  }
}
.branch-card--about .branch-card__title {
  margin-bottom: 4px;
  font-family: "iransansxv", iransansx, tahoma;
  transition: color 0.3s ease;
  font-size: 16px;
  line-height: 26px;
  color: #383734;
}
@media (max-width: 767px) {
  .branch-card--about .branch-card__title {
    font-size: 14px;
    line-height: 22px;
  }
}
.branch-card--about .branch-card__address {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 19px;
  font-weight: 400;
  transition: color 0.3s ease;
  color: #8C8A83;
}
@media (max-width: 767px) {
  .branch-card--about .branch-card__address {
    margin-bottom: 8px;
    line-height: 18px;
  }
}
.branch-card--about .branch-card__meta-label {
  font-size: 14px;
  line-height: 27px;
  color: #383734;
  margin-bottom: 4px;
  font-weight: 400;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .branch-card--about .branch-card__meta-label {
    font-size: 12px;
    line-height: 20px;
  }
}
.branch-card--about .branch-card__meta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #8C8A83;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}
.branch-card--about .branch-card__meta svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: currentColor;
}
@media (max-width: 767px) {
  .branch-card--about .branch-card__meta {
    font-size: 12px;
    line-height: 20px;
  }
}
.branch-card--about .branch-card__meta--phone {
  font-weight: 400;
  margin-bottom: 4px;
}
.branch-card--about .branch-card__map {
  margin-top: 16px;
  color: #A9892A;
  font-size: 14px;
  line-height: 27px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}
.branch-card--about .branch-card__map:hover {
  color: var(--Gold-120, #9e8238);
}
@media (max-width: 767px) {
  .branch-card--about .branch-card__map {
    margin-top: 10px;
    font-size: 13px;
    line-height: 22px;
  }
}
.branch-card--about:hover .branch-card__body {
  background: #1C1C1A;
}
.branch-card--about:hover .branch-card__meta-label,
.branch-card--about:hover .branch-card__title {
  color: #fff;
}
.branch-card--about:hover .branch-card__address,
.branch-card--about:hover .branch-card__meta--time,
.branch-card--about:hover .branch-card__meta--phone {
  color: #BAB9B5;
}

#about-page-customers {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  #about-page-customers {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.about-page-customers__inner {
  display: flex;
  align-items: center;
  gap: 0;
}
@media (max-width: 991px) {
  .about-page-customers__inner {
    flex-direction: column;
    gap: 24px;
    align-items: stretch;
  }
}
.about-page-customers__intro {
  direction: rtl;
  flex: 0 0 246px;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .about-page-customers__intro {
    flex: none;
    width: 100%;
    order: -1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: static;
  }
}
.about-page-customers__quote {
  display: block;
  width: 230px;
  height: auto;
  margin-bottom: 24px;
  pointer-events: none;
  line-height: 0;
}
@media (max-width: 767px) {
  .about-page-customers__quote {
    width: 88px;
    margin-bottom: 8px;
  }
}
.about-page-customers__quote svg {
  display: block;
  width: 100%;
  height: auto;
}
.about-page-customers__title {
  color: #383734;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 36px;
  font-weight: 800;
  line-height: 58px;
  margin-bottom: 64px;
}
.about-page-customers__title span {
  color: #A9892A;
}
@media (max-width: 767px) {
  .about-page-customers__title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.about-page-customers__arrows {
  display: flex;
  gap: 24px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .about-page-customers__arrows {
    position: absolute;
    gap: 16px;
    bottom: 0;
    display: none;
    justify-content: center;
  }
}
.about-page-customers__arrows .slick-arrow {
  position: static;
  transform: none;
  width: 32px;
  height: 42px;
  border-radius: 2px;
  background-color: #00361E;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .about-page-customers__arrows .slick-arrow {
    width: 28px;
    height: 36px;
  }
}
.about-page-customers__arrows .slick-arrow:before {
  display: none;
}
.about-page-customers__arrows .slick-prev {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 6L9 12L15 18" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.about-page-customers__arrows .slick-next {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="%23EFEADC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.about-page-customers__media {
  position: relative;
  flex: 1;
  min-width: 0;
}
@media (max-width: 991px) {
  .about-page-customers__media {
    width: 100%;
  }
}
.about-page-customers__media--plain .about-page-customers__slider {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
}
.about-page-customers__media--plain .about-page-customers__slider:before {
  display: none;
}
.about-page-customers__picture {
  display: block;
  width: 1020px;
  max-width: 100%;
  height: 526px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
@media (max-width: 1199px) {
  .about-page-customers__picture {
    height: 420px;
  }
}
@media (max-width: 991px) {
  .about-page-customers__picture {
    width: 100%;
    height: 300px;
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .about-page-customers__picture {
    height: 220px;
    border-radius: 8px;
  }
}
.about-page-customers__slider {
  position: absolute;
  left: 120px;
  right: 0;
  bottom: 54px;
  z-index: 1;
  min-width: 0;
  direction: ltr;
}
@media (max-width: 991px) {
  .about-page-customers__slider {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: -100px;
  }
}
.about-page-customers__slider .slick-list {
  padding: 24px 0;
}
@media (max-width: 767px) {
  .about-page-customers__slider .slick-list {
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 16px !important;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.about-page-customers__slider .slick-slide {
  padding: 0 12px;
  height: auto;
  width: 380px;
  float: left;
}
@media (max-width: 767px) {
  .about-page-customers__slider .slick-slide {
    width: 300px;
    padding: 0 8px;
  }
}
.about-page-customers__slider .slick-slide > div {
  height: 100%;
}
.about-page-customers__slider .customer-comment-card {
  direction: rtl;
}
.about-page-customers__slider:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 200px;
  background: #fff;
  z-index: 200;
}
@media (max-width: 991px) {
  .about-page-customers__slider:before {
    display: none;
  }
}

.customer-comment-card--about {
  border: none;
  border-radius: 8px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.0509803922);
  gap: 24px;
  padding: 40px;
  background: #fff;
  min-height: 295px;
}
@media (max-width: 767px) {
  .customer-comment-card--about {
    padding: 16px;
    gap: 12px;
    border-radius: 8px;
    min-height: 176px;
  }
}
@media (max-width: 767px) {
  .customer-comment-card--about .customer-comment-card__head--user {
    min-height: 44px;
  }
}
@media (max-width: 767px) {
  .customer-comment-card--about .customer-comment-card__head--user_picture {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 767px) {
  .customer-comment-card--about .customer-comment-card__head--user_name {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .customer-comment-card--about .customer-comment-card__head--user_id {
    font-size: 12px;
    line-height: 16px;
  }
}
.customer-comment-card--about .customer-comment-card__content {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 767px) {
  .customer-comment-card--about .customer-comment-card__content {
    -webkit-line-clamp: 4;
    font-size: 12px;
    line-height: 22px;
  }
}

#about-page-app {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  #about-page-app {
    padding-top: 16px;
    padding-bottom: 40px;
  }
}

.about-page-app {
  display: flex;
  gap: 24px;
  align-items: stretch;
}
@media (max-width: 991px) {
  .about-page-app {
    flex-direction: column;
    gap: 16px;
  }
}
.about-page-app__title {
  color: #383734;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 36px;
  font-weight: 800;
  line-height: 58px;
  margin-bottom: 16px;
}
.about-page-app__title span {
  color: #A9892A;
}
@media (max-width: 991px) {
  .about-page-app__title {
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .about-page-app__title {
    font-size: 20px;
  }
}
.about-page-app__text {
  color: #706E69;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 24px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .about-page-app__text {
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px;
  }
}
.about-page-app__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 43px;
  padding: 8px 12px;
  border: 1px solid #A9892A;
  border-radius: 8px;
  color: #A9892A;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
  margin-top: auto;
}
.about-page-app__link svg path {
  transition: stroke 0.25s ease;
}
.about-page-app__link:hover {
  background: #A9892A;
  color: #fff;
}
.about-page-app__link:hover svg path {
  stroke: #fff;
}
@media (max-width: 991px) {
  .about-page-app__link {
    width: 100%;
    justify-content: center;
  }
}
.about-page-app__content {
  background: #FAFAFA;
  border: 1px solid #F2F2F2;
  padding: 40px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 675px;
  min-width: 0;
}
@media (max-width: 1199px) {
  .about-page-app__content {
    flex: 0 0 480px;
    padding: 32px;
  }
}
@media (max-width: 991px) {
  .about-page-app__content {
    flex: none;
    width: 100%;
    order: 2;
    padding: 24px 16px;
    border-radius: 12px;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .about-page-app__content {
    padding: 20px 16px;
    border-radius: 8px;
  }
}
.about-page-app__media {
  flex: 1;
  min-width: 0;
}
@media (max-width: 991px) {
  .about-page-app__media {
    order: 1;
    width: 100%;
  }
}
.about-page-app__media img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .about-page-app__media img {
    height: 280px;
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .about-page-app__media img {
    height: 200px;
    border-radius: 8px;
  }
}

#about-page-why {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #FAFAFA;
}
@media (max-width: 991px) {
  #about-page-why {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  #about-page-why {
    padding-top: 32px;
    padding-bottom: 32px;
    display: none;
  }
}

.about-page-why .about-page-section-title {
  margin-bottom: 64px;
  font-size: 28px;
}
@media (max-width: 991px) {
  .about-page-why .about-page-section-title {
    font-size: 22px;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .about-page-why .about-page-section-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.about-page-why .slug-section--about {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .about-page-why .slug-section--about {
    display: flex;
    padding-top: 0;
    padding-bottom: 8px;
    gap: 20px;
  }
  .about-page-why .slug-section--about .slug-section__box {
    min-width: 120px;
    max-width: 140px;
  }
  .about-page-why .slug-section--about .slug-section__box--title {
    font-size: 14px;
  }
}

.contact-page {
  overflow: hidden;
}

.contact-page-hero {
  padding: 80px 0 0;
  text-align: center;
}
@media (max-width: 767px) {
  .contact-page-hero {
    padding: 32px 0 0;
  }
}
.contact-page-hero__title {
  color: #383734;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.45;
  margin-bottom: 16px;
}
.contact-page-hero__title span {
  color: #A9892A;
}
@media (max-width: 767px) {
  .contact-page-hero__title {
    font-size: 22px;
  }
}
.contact-page-hero__text {
  max-width: 1040px;
  margin: 0 auto 16px;
  color: #706E69;
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 991px) {
  .contact-page-hero__text {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 24px;
  }
}
.contact-page-hero__text p {
  margin: 0;
}
.contact-page-hero__text p + p {
  margin-top: 8px;
}
.contact-page-hero__social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 991px) {
  .contact-page-hero__social {
    flex-direction: column;
    gap: 8px;
  }
}
.contact-page-hero__social-label {
  color: #004A29;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.contact-page-hero__social-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
.contact-page-hero__social-list li {
  color: #8C8A83;
  transition: color 0.3s ease-out;
}
.contact-page-hero__social-list li:hover {
  color: #A9892A;
}
.contact-page-hero__social-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-page-hero__social-list li svg {
  width: 32px;
  height: 32px;
}
@media (max-width: 767px) {
  .contact-page-hero__social-list li svg {
    width: 20px;
    height: 20px;
  }
}

.contact-page-form-map {
  padding-bottom: 80px;
  padding-top: 80px;
}
@media (max-width: 991px) {
  .contact-page-form-map {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.contact-page-form-map__box {
  background: #FFFFFF;
}
.contact-page-form-map__grid {
  display: flex;
  gap: 40px;
}
@media (max-width: 991px) {
  .contact-page-form-map__grid {
    flex-direction: column;
    gap: 8px;
  }
}
.contact-page-form-map__title {
  color: #544415;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 28px;
  font-weight: 900;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .contact-page-form-map__title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.contact-page-form-map__form {
  flex: 1;
}
.contact-page-form-map__form .gform_wrapper {
  margin: 0;
}
.contact-page-form-map__form .gform_heading {
  display: none;
}
.contact-page-form-map__form .gfield_label {
  color: #383734 !important;
  font-weight: 400 !important;
  margin-bottom: 4px !important;
}
.contact-page-form-map__form .gform_validation_errors {
  margin-bottom: 16px !important;
}
.contact-page-form-map__form .gform-theme--foundation .gform_fields {
  --gf-form-gap-x: 24px;
  --gf-form-gap-y: 24px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media (max-width: 991px) {
  .contact-page-form-map__form .gform-theme--foundation .gform_fields {
    --gf-form-gap-y: 8px;
  }
}
.contact-page-form-map__form .gfield--width-half {
  grid-column: span 6;
}
.contact-page-form-map__form .gfield--type-textarea,
.contact-page-form-map__form .gfield--width-full {
  grid-column: 1/-1;
}
.contact-page-form-map__form .gfield--type-textarea textarea,
.contact-page-form-map__form .gfield--width-full textarea {
  resize: none !important;
}
@media (max-width: 991px) {
  .contact-page-form-map__form .gfield--width-half,
  .contact-page-form-map__form .gfield--type-textarea,
  .contact-page-form-map__form .gfield--width-full {
    grid-column: 1/-1;
  }
}
.contact-page-form-map__form .gform-footer {
  justify-content: flex-start;
}
.contact-page-form-map__form .gform-footer .button {
  min-width: 120px !important;
  background: #A9892A !important;
  border-color: #A9892A !important;
  color: #fff !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  height: 43px !important;
}
@media (max-width: 991px) {
  .contact-page-form-map__form .gform-footer .button {
    width: 100% !important;
  }
}
.contact-page-form-map__form .gform-footer .button:hover {
  background: #8f7424 !important;
  border-color: #8f7424 !important;
}
.contact-page-form-map__map {
  flex: 0 0 auto;
  width: 788px;
  max-width: 100%;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  height: 553px;
}
@media (max-width: 991px) {
  .contact-page-form-map__map {
    height: auto;
    order: -1;
    margin-bottom: 16px;
    border-radius: 8px;
  }
}
.contact-page-form-map__map:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1607843137);
  z-index: 3;
  pointer-events: none;
}
.contact-page-form-map:has(.contact-success-message) .contact-page-form-map__title {
  display: none;
}

.contact-map {
  position: relative;
  height: 100%;
  min-height: 520px;
  border-radius: 16px;
  overflow: hidden;
  background: #e7ebeb;
  z-index: 2;
}
@media (max-width: 767px) {
  .contact-map {
    min-height: 260px;
    border-radius: 8px;
  }
}
.contact-map .map {
  width: 100%;
  height: 100%;
  min-height: inherit;
}
.contact-map__mobile {
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 400;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  flex-direction: column;
  line-height: 2.28571rem;
  font-size: 1rem;
  color: #A9892A;
  font-weight: 600;
}
@media (max-width: 991px) {
  .contact-map__mobile {
    display: flex;
  }
}
.contact-map__mobile:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background: linear-gradient(0deg, #184b4d 0%, #184b4d 100%);
}
.contact-map__mobile svg,
.contact-map__mobile span {
  position: relative;
  z-index: 1;
}
.contact-map__mobile span {
  display: flex;
  align-items: center;
  gap: 2px;
}
.contact-map__mobile span:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%23A9892A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  content: "";
}

.contact-page-channels {
  padding-bottom: 80px;
  padding-top: 80px;
}
@media (max-width: 991px) {
  .contact-page-channels {
    padding-top: 0;
    padding-bottom: 40px;
  }
}
.contact-page-channels__box {
  background: #FAFAFA;
  border-radius: 16px;
  padding: 64px 160px;
}
@media (max-width: 991px) {
  .contact-page-channels__box {
    padding: 32px 16px;
    border-radius: 12px;
  }
}
.contact-page-channels__header {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 991px) {
  .contact-page-channels__header {
    margin-bottom: 24px;
  }
}
.contact-page-channels__title {
  color: #383734;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 28px;
  font-weight: 900;
  line-height: 45px;
  margin-bottom: 8px;
}
.contact-page-channels__title span {
  color: #A9892A;
}
@media (max-width: 991px) {
  .contact-page-channels__title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .contact-page-channels__title {
    font-size: 20px;
  }
}
.contact-page-channels__subtitle {
  color: #706E69;
  font-size: 18px;
  line-height: 34px;
  max-width: 640px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .contact-page-channels__subtitle {
    font-size: 14px;
    line-height: 24px;
  }
}
.contact-page-channels__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 64px;
}
@media (max-width: 991px) {
  .contact-page-channels__cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.contact-channel-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  border: 0;
  border-radius: 12px;
  background: #F2F2F2;
  text-align: right;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  appearance: none;
  transition: background 0.3s ease-out;
}
@media (max-width: 991px) {
  .contact-channel-card {
    padding: 16px;
  }
}
.contact-channel-card:hover {
  background: #1C1C1A;
}
.contact-channel-card:hover .contact-channel-card__title {
  color: #EFEADC;
}
.contact-channel-card:hover .contact-channel-card__value {
  color: #FFFFFF;
}
.contact-channel-card:hover .contact-channel-card__action {
  color: #A9892A;
}
.contact-channel-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
  color: #D3AB35;
}
@media (max-width: 767px) {
  .contact-channel-card__icon {
    width: 24px;
    height: 24px;
    margin-bottom: 16px;
  }
}
.contact-channel-card__title {
  color: #54534F;
  font-size: 22px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-weight: 800;
  line-height: 35px;
  transition: color 0.3s ease-out;
}
@media (max-width: 767px) {
  .contact-channel-card__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.contact-channel-card__value {
  color: #383734;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease-out;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .contact-channel-card__value {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .contact-channel-card__value {
    font-size: 12px;
    line-height: 22px;
  }
}
.contact-channel-card__action {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #A9892A;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 8px;
  cursor: pointer;
  transition: color 0.25s ease;
}
.contact-channel-card__action:hover {
  color: #A9892A;
}

.contact-page-offices {
  padding-bottom: 80px;
  padding-top: 80px;
  background: #FAFAFA;
}
@media (max-width: 991px) {
  .contact-page-offices {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
@media (max-width: 767px) {
  .contact-page-offices {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.contact-page-offices__header {
  text-align: center;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .contact-page-offices__header {
    margin-bottom: 24px;
  }
}
.contact-page-offices__title {
  color: #383734;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.45;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .contact-page-offices__title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .contact-page-offices__title {
    font-size: 20px;
  }
}
.contact-page-offices__subtitle {
  color: #706E69;
  font-size: 14px;
  line-height: 26px;
  max-width: 720px;
  margin: 0 auto;
}
.contact-page-offices__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 40px;
  align-items: start;
}
@media (max-width: 1199px) {
  .contact-page-offices__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.contact-page-offices__media {
  position: relative;
  height: 100%;
}
@media (max-width: 1199px) {
  .contact-page-offices__media {
    order: -1;
  }
}
.contact-page-offices__picture {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 593px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .contact-page-offices__picture {
    min-height: 320px;
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .contact-page-offices__picture {
    min-height: 240px;
    border-radius: 8px;
  }
}
.contact-page-offices__badge {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #004A29;
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .contact-page-offices__badge {
    top: 12px;
    right: 12px;
    font-size: 11px;
    padding: 6px 10px;
  }
}
.contact-page-offices__info {
  min-width: 0;
  background: #F2F2F2;
  border-radius: 16px;
  padding: 40px;
}
@media (max-width: 767px) {
  .contact-page-offices__info {
    padding: 24px;
  }
}
.contact-page-offices__section + .contact-page-offices__section {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #BAB9B5;
}
@media (max-width: 991px) {
  .contact-page-offices__section + .contact-page-offices__section {
    margin-top: 24px;
    padding-top: 24px;
  }
}
.contact-page-offices__section-title {
  color: #7F6720;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .contact-page-offices__section-title {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.contact-page-offices__details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-page-offices__details li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media (max-width: 767px) {
  .contact-page-offices__details li {
    flex-direction: column;
    gap: 2px;
  }
}
.contact-page-offices__label {
  flex: 0 0 132px;
  max-width: 132px;
  color: #8C8A83;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .contact-page-offices__label {
    flex: none;
    max-width: none;
    font-size: 12px;
    line-height: 24px;
  }
}
.contact-page-offices__value {
  flex: 1;
  color: #383734;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
.contact-page-offices__value a {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
}
.contact-page-offices__value a:hover {
  color: #A9892A;
}
.contact-page-offices__value svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  color: #A9892A;
}
.contact-page-offices__branches {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .contact-page-offices__branches {
    gap: 16px;
  }
}

.contact-page-branch__title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #54534F;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 8px;
  font-family: "iransansxv", iransansx, tahoma;
}
.contact-page-branch__title a {
  display: inline-flex;
  color: #A9892A;
}
@media (max-width: 767px) {
  .contact-page-branch__title {
    font-size: 14px;
    line-height: 20px;
  }
}
.contact-page-branch__row {
  margin: 0 0 8px;
  color: #706E69;
  font-size: 14px;
  line-height: 27px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.contact-page-branch__row svg {
  margin-top: -2px;
}
@media (max-width: 767px) {
  .contact-page-branch__row svg {
    width: 16px;
    height: 16px;
    margin-top: 0;
  }
}
.contact-page-branch__row span {
  color: #8C8A83;
}
.contact-page-branch__row a {
  color: #706E69;
  text-decoration: none;
  transition: color 0.25s ease;
}
.contact-page-branch__row a:hover {
  color: #A9892A;
}
@media (max-width: 767px) {
  .contact-page-branch__row a {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .contact-page-branch__row {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 4px;
    gap: 4px;
  }
}

.contact-success-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  max-width: 522px;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.contact-success-message__icon {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .contact-success-message__icon {
    margin-bottom: 24px;
    width: 50%;
  }
}
.contact-success-message strong {
  color: #005C33;
  font-size: 28px;
  font-weight: 900;
  line-height: 45px;
  margin-bottom: 8px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
@media (max-width: 767px) {
  .contact-success-message strong {
    font-size: 18px;
    line-height: 28px;
  }
}
.contact-success-message p {
  color: #706E69;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .contact-success-message p {
    font-size: 12px;
    line-height: 22px;
  }
}
@media (max-width: 991px) {
  .contact-success-message {
    max-width: 100%;
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .contact-success-message {
    padding: 0 8px;
  }
}

.general-page {
  max-width: 1058px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}
.general-page .entry-content a {
  color: #004A29;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.general-page .entry-content a:hover {
  color: var(--Gold-100, #c6a246);
}
@media (max-width: 991px) {
  .general-page {
    padding-top: 24px;
  }
}
.general-page .post-thumbnail {
  border-radius: 8px;
  margin-bottom: 32px;
  overflow: hidden;
}
.general-page .post-thumbnail img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center center;
}
@media (max-width: 991px) {
  .general-page .post-thumbnail {
    margin-bottom: 16px;
  }
}
.general-page .general-slider {
  max-width: 746px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .general-page .general-slider {
    margin-bottom: 16px;
  }
}
.general-page .general-slider .slick-slide {
  padding-left: 10px;
  padding-right: 10px;
}
.general-page .general-slider .slick-slide img {
  width: 100%;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .general-page .general-slider .slick-slide img {
    border-radius: 4px;
    min-height: 247px;
    object-fit: cover;
    object-position: center center;
  }
}
.general-page .general-slider .slick-list {
  margin-left: -10px;
  margin-right: -10px;
}
.general-page .general-slider .slick-dots {
  bottom: 24px;
}
@media (max-width: 991px) {
  .general-page .general-slider .slick-dots {
    display: none !important;
  }
}
.general-page .general-slider .slick-prev {
  right: 24px;
}
@media (max-width: 991px) {
  .general-page .general-slider .slick-prev {
    display: none !important;
  }
}
.general-page .general-slider .slick-next {
  left: 24px;
}
@media (max-width: 991px) {
  .general-page .general-slider .slick-next {
    display: none !important;
  }
}
.general-page .entry-header {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .general-page .entry-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.general-page .entry-header h1 {
  flex: 1;
}
.general-page .entry-header .update-date {
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
  color: #004A29;
  padding: 8px 12px;
}
@media (max-width: 991px) {
  .general-page .entry-header .update-date {
    padding: 0;
  }
}
.general-page h1 {
  color: #383734;
  font-size: 48px;
  line-height: 77px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .general-page h1 {
    font-size: 28px;
    line-height: 45px;
  }
}
.general-page h2 {
  margin-bottom: 16px;
  color: #383734;
  font-size: 36px;
  line-height: 58px;
  font-weight: 800;
  padding-top: 16px;
}
@media (max-width: 991px) {
  .general-page h2 {
    font-size: 24px;
    line-height: 38px;
  }
}
.general-page h3 {
  font-size: 28px;
  font-weight: 900;
  line-height: 45px;
  padding-top: 16px;
  margin-bottom: 16px;
  color: #383734;
}
@media (max-width: 991px) {
  .general-page h3 {
    font-size: 20px;
    line-height: 32px;
  }
}
.general-page h4 {
  font-size: 22px;
  line-height: 1.7;
  font-weight: 800;
  padding-top: 16px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .general-page h4 {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
.general-page p {
  margin-bottom: 16px;
  color: #706E69;
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .general-page p {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 27px;
  }
}
.general-page strong {
  color: #000;
  font-weight: 700;
}
@media (max-width: 991px) {
  .general-page figure.wp-block-image {
    margin-bottom: 0;
  }
}
.general-page figure.wp-block-image img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center center;
  border-radius: 8px;
}
.general-page figure.wp-block-image figcaption {
  color: #004A29;
  font-size: 12px;
  line-height: 23px;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 16px;
  text-align: center;
  margin: 0;
}
@media (max-width: 991px) {
  .general-page figure.wp-block-image figcaption {
    font-weight: 600;
    padding-top: 8px;
  }
}
.general-page .wp-block-list {
  margin-bottom: 32px;
  color: #383734;
}
@media (max-width: 991px) {
  .general-page .wp-block-list {
    margin-bottom: 16px;
  }
}
.general-page .wp-block-table {
  margin-bottom: 16px;
  border-radius: 16px;
  border: 1px solid #F2F2F2;
  overflow: hidden;
  background: #fff;
  padding: 24px;
}
@media (max-width: 991px) {
  .general-page .wp-block-table {
    padding: 8px;
    overflow-x: auto;
    margin-top: 16px;
  }
}
.general-page .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  margin: 0;
}
.general-page .wp-block-table thead,
.general-page .wp-block-table tbody,
.general-page .wp-block-table tfoot,
.general-page .wp-block-table tr,
.general-page .wp-block-table th,
.general-page .wp-block-table td {
  border: none;
}
.general-page .wp-block-table th {
  background: rgba(239, 234, 220, 0.4);
  color: #a68b5a;
  padding: 8px;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .general-page .wp-block-table th {
    font-size: 14px;
    line-height: 24px;
  }
}
.general-page .wp-block-table th:first-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.general-page .wp-block-table th:last-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.general-page .wp-block-table td {
  color: #54534F;
  padding: 24px 8px;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}
@media (max-width: 991px) {
  .general-page .wp-block-table td {
    padding: 12px 8px;
    font-size: 12px;
    line-height: 24px;
  }
}
.general-page .wp-block-table tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}
.general-page .wp-block-quote {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 16px 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.general-page .wp-block-quote > p {
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-weight: 800;
  width: 738px;
  font-size: 22px;
  line-height: 42px;
  color: #004A29;
}
@media (max-width: 991px) {
  .general-page .wp-block-quote > p {
    font-size: 18px;
    line-height: 34px;
  }
}
.general-page .wp-block-video {
  position: relative;
  padding: 16px 0;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .general-page .wp-block-video {
    margin-bottom: 24px;
    border-radius: 4px;
  }
}
.general-page .wp-block-video video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center center;
  border-radius: inherit;
  background: #1a1a1a;
}
.general-page .wp-block-video__play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  padding: 0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  background: rgba(239, 234, 220, 0.4784313725);
  backdrop-filter: blur(6.5px);
  -webkit-backdrop-filter: blur(6.5px);
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.666 6.6665V33.3332L33.3327 19.9998L11.666 6.6665Z" stroke="%23544415" stroke-width="3.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  transition: background-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease;
}
@media (max-width: 991px) {
  .general-page .wp-block-video__play {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M8.75 5V25L25 15L8.75 5Z' stroke='%237F6720' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}
.general-page .wp-block-video__play:hover {
  background-color: var(--Gold-10, #f9f6ec);
}
.general-page .wp-block-video.is-playing .wp-block-video__play {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.general-page .page-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #BAB9B5;
}
@media (max-width: 991px) {
  .general-page .page-tools {
    margin-top: 24px;
    padding-top: 16px;
    gap: 16px;
  }
}
.general-page .page-tools > span {
  font-size: 16px;
  color: #004A29;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 991px) {
  .general-page .page-tools > span {
    font-size: 14px;
  }
}
.general-page .page-tools__social {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-right: auto;
}
@media (max-width: 991px) {
  .general-page .page-tools__social {
    gap: 10px;
    margin-right: 0;
    justify-content: space-between;
  }
}
.general-page .page-tools__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #706E69;
  transition: color 0.25s ease;
}
.general-page .page-tools__social a svg {
  width: 24px;
  height: 24px;
  display: block;
}
.general-page .page-tools__social a:hover {
  color: #004A29;
}
.general-page .page-tools__sep {
  width: 1px;
  height: 20px;
  background: #E5E5E5;
  flex-shrink: 0;
}
.general-page .page-tools__copy {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  color: #004A29;
  cursor: pointer;
}
.general-page .page-tools__copy svg {
  width: 24px;
  height: 24px;
  display: block;
}
.general-page .page-tools__copy:hover:after, .general-page .page-tools__copy:hover:before {
  opacity: 0;
}
.general-page .page-tools__copy.active:after, .general-page .page-tools__copy.active:before {
  opacity: 1 !important;
}

.wp-block-list, .post ul {
  margin-bottom: 16px;
  padding-right: 24px;
  color: var(--Green-80, #406162);
  font-size: 1.14286rem;
  line-height: 2.28571rem;
  font-weight: 400;
}
.wp-block-list li, .post ul li {
  list-style: disc;
}
@media (max-width: 991px) {
  .wp-block-list, .post ul {
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1.71429rem;
    font-weight: 325;
  }
}

.post {
  font-size: 18px;
  font-weight: 400;
  color: #706E69;
  line-height: 34px;
}
.post strong, .post b {
  color: #383734;
  font-weight: 700;
}
.post a {
  color: var(--Green-120, #0d2e2f);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.post a:hover {
  color: var(--Gold-100, #c6a246);
}
.post p {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .post p {
    margin-bottom: 8px;
  }
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
  color: #383734;
  font-weight: 800;
  margin-bottom: 16px;
  padding-top: 16px;
}
@media (max-width: 991px) {
  .post h1,
  .post h2,
  .post h3,
  .post h4,
  .post h5,
  .post h6 {
    padding-top: 8px;
    margin-bottom: 8px;
  }
}
.post h2 {
  font-size: 36px;
  line-height: 58px;
}
@media (max-width: 991px) {
  .post h2 {
    line-height: 1.71429rem;
    font-size: 1rem;
  }
}
.post h3 {
  font-size: 28px;
  line-height: 45px;
}
.post h4 {
  font-size: 22px;
  line-height: 35px;
}
.post h5 {
  font-size: 18px;
  line-height: 29px;
}
@media (max-width: 991px) {
  .post {
    font-size: 1rem;
    font-weight: 325;
    line-height: 2rem;
  }
}
.post__tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 24px;
}
@media (max-width: 991px) {
  .post__tools {
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
    gap: 24px;
    padding-top: 16px;
  }
}
.post__tools--tags {
  display: flex;
  align-items: center;
  gap: 8px;
}
.post__tools--tags strong {
  color: var(--Green-100, #103a3b);
  font-size: 1.14286rem;
  font-weight: 700;
  line-height: 2.28571rem;
  letter-spacing: -0.01143rem;
}
.post__tools--tags a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 8px;
  font-size: 0.85714rem;
  font-weight: 450;
  border-radius: 4px;
  background: #85999a;
  color: #fff;
  line-height: 1.14286rem;
}
.post__tools--social {
  display: flex;
  align-items: center;
  gap: 8px;
}
.post__tools--social_title {
  display: none;
  color: var(--Green-100, #103a3b);
  font-size: 1.14286rem;
  font-weight: 600;
  line-height: 2.28571rem;
  letter-spacing: -0.01143rem;
  margin-left: -8px;
}
@media (max-width: 991px) {
  .post__tools--social_title {
    display: block;
  }
}
@media (max-width: 991px) {
  .post__tools--social {
    gap: 16px;
  }
}
.post__tools--social a {
  color: var(--Green-40, #9fb0b1);
}
@media (max-width: 991px) {
  .post__tools--social a {
    color: var(--Green-100, #103a3b);
  }
}
.post__tools--social a:hover {
  color: var(--Green-100, #103a3b);
}

.wp-block-image {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .wp-block-image {
    margin-bottom: 24px;
  }
}
.wp-block-image.aligncenter,
.wp-block-image .aligncenter {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .wp-block-image.aligncenter,
  .wp-block-image .aligncenter {
    gap: 8px;
  }
}
.wp-block-image.aligncenter img,
.wp-block-image .aligncenter img {
  border-radius: 8px;
}
.wp-block-image figcaption {
  color: var(--Green-60, #708989);
  font-size: 0.85714rem;
  line-height: 1.71429rem;
  font-weight: 600;
}

#blog-index-hero {
  padding-top: 4px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  #blog-index-hero {
    padding-bottom: 24px;
  }
  #blog-index-hero .blog-page {
    gap: 24px;
  }
  #blog-index-hero .blog-page__sidebar--posts .blog-title {
    margin-bottom: 16px;
  }
  #blog-index-hero .blog-page__sidebar--posts ul {
    flex-direction: column;
    gap: 24px;
    white-space: unset;
    overflow: visible;
    padding: 0;
    margin: 0;
  }
}

#blog-page {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (max-width: 991px) {
  #blog-page {
    padding-top: 0;
  }
  #blog-page:has(.blog-page__sidebar--categories) {
    padding-top: 128px;
    position: relative;
  }
  #blog-page:has(.blog-page__sidebar--categories) .blog-page__content .site-title {
    display: none;
  }
  #blog-page:has(.blog-page__sidebar--categories) .container {
    position: static;
  }
}

.blog-page {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .blog-page {
    display: flex;
    flex-direction: column;
    align-items: unset;
    gap: 40px;
    padding-top: 24px;
    border-top: 1px solid #e7ebeb;
  }
}
.blog-page__content {
  flex: 1;
}
@media (max-width: 991px) {
  .blog-page__content {
    flex: unset;
  }
}
.blog-page__content--more {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.blog-page__content--more svg path {
  transition: stroke 0.3s ease-out;
}
.blog-page__content--more:hover svg path {
  stroke: #fff;
}
.blog-page__content .site-title {
  font-size: 28px;
  line-height: 45px;
  font-weight: 900;
}
@media (max-width: 991px) {
  .blog-page__content .site-title {
    font-size: 16px;
    line-height: 28px;
    width: auto;
    flex: 1;
    margin-bottom: 0;
  }
}
.blog-page__content .site-title .inDesktop {
  color: #383734;
}
@media (max-width: 991px) {
  .blog-page__content .site-title .inDesktop {
    display: none;
  }
}
.blog-page__content .site-title span:not(.inDesktop) {
  color: #7F6720;
}
.blog-page__sidebar {
  flex: 1;
}
@media (max-width: 991px) {
  .blog-page__sidebar {
    flex: unset;
    max-width: unset;
  }
}
.blog-page__sidebar--posts ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .blog-page__sidebar--posts ul {
    scrollbar-width: none;
    overflow-x: auto;
    overflow-y: hidden;
    flex-direction: row;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    padding-left: 16px;
    white-space: nowrap;
  }
}
.blog-page__sidebar--categories {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .blog-page__sidebar--categories {
    width: calc(100% - 32px);
    margin-bottom: 0;
    position: absolute;
    right: 16px;
    top: 40px;
  }
  .blog-page__sidebar--categories .blog-title {
    line-height: 1.71429rem;
    margin-bottom: 16px;
  }
}
.blog-page__sidebar--categories ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 991px) {
  .blog-page__sidebar--categories ul {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    gap: 40px;
    flex-direction: row;
    white-space: nowrap;
    scrollbar-width: none;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
@media (max-width: 991px) {
  .blog-page__sidebar--categories ul li {
    position: relative;
  }
  .blog-page__sidebar--categories ul li:after {
    content: "";
    position: absolute;
    left: -24px;
    background-color: var(--Gold-100, #c6a246);
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    corner-shape: round;
    top: 50%;
    transform: translateY(-50%);
  }
  .blog-page__sidebar--categories ul li:last-child:after {
    display: none;
  }
}
.blog-page__sidebar--categories ul li a {
  color: var(--Gold-100, #c6a246);
  line-height: 1.71429rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .blog-page__sidebar--categories ul li a {
    font-weight: 450;
  }
}
.blog-page__sidebar--categories ul li a:hover {
  color: var(--Black-90, #171718);
}
.blog-page__filters {
  margin-bottom: 40px;
  margin-top: 0;
}
@media (max-width: 991px) {
  .blog-page__filters {
    margin-bottom: 24px;
  }
}
.blog-page__filters--categories {
  display: flex;
  gap: 8px;
  align-items: center;
  flex: 1;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
@media (max-width: 991px) {
  .blog-page__filters--categories {
    display: none;
  }
}
.blog-page__filters--categories-toggle {
  display: none;
}
@media (max-width: 991px) {
  .blog-page__filters--categories-toggle {
    display: flex;
  }
}
.blog-page__filters--title {
  flex: 1;
  margin-bottom: 0;
  margin-left: 16px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .blog-page__filters--title {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 16px;
    order: 1;
  }
}
.blog-page__filters--title span {
  color: var(--Gold-100, #c6a246);
}
@media (max-width: 991px) {
  .blog-page__filters--archive {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
  }
  .blog-page__filters--archive .categories-page__filters--options {
    flex: 0 0 auto;
    order: 1;
    border-radius: 8px;
    border-right: 1px solid #e7ebeb;
  }
  .blog-page__filters--archive .categories-page__filters--options .select-in-mobile {
    padding: 4px 6px;
  }
}
.blog-page__category-btn {
  border-radius: 8px;
  padding: 8px 16px;
  border: 1px solid #004A29;
  background: #fff;
  color: #004A29;
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
  height: 35px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.blog-page__category-btn.is-active {
  background: #004A29;
  border-color: #004A29;
  color: #fff;
}
.blog-page__category-btn:hover:not(.is-active) {
  background: rgba(0, 74, 41, 0.05);
}
@media (max-width: 991px) {
  .blog-page__category-btn {
    font-size: 12px;
    line-height: 19px;
    height: 35px;
    padding: 8px 12px;
  }
}
.blog-page__posts {
  position: relative;
  min-height: 200px;
  transition: opacity 0.25s ease;
}
.blog-page__posts.is-loading {
  pointer-events: none;
}
.blog-page__posts.is-updating .blog-page__last {
  animation: catalogFadeIn 0.35s ease both;
}
.blog-page__load-more {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .blog-page__load-more {
    margin-top: 24px;
  }
  .blog-page__load-more button {
    width: 100%;
  }
}
.blog-page__load-more .blog-page__content--more {
  margin-top: 0;
}
.blog-page__last {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .blog-page__last {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .blog-page__last {
    grid-template-columns: minmax(0, 1fr);
  }
  .blog-page__last .blog-card {
    flex-direction: row;
    gap: 8px;
  }
  .blog-page__last .blog-card .blog-card__picture {
    width: 80px;
    height: 64px;
    border-radius: 4px;
    flex: 0 0 auto;
    margin: 0;
  }
  .blog-page__last .blog-card .blog-card__content {
    display: flex;
    flex-direction: column;
  }
  .blog-page__last .blog-card .blog-card__content .blog-card__title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: auto;
    order: -1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 48px;
  }
  .blog-page__last .blog-card .blog-card__content .blog-card__categories {
    margin-bottom: 0;
  }
  .blog-page__last .blog-card .blog-card__content .blog-card__categories a {
    font-size: 12px;
    line-height: 18px;
  }
  .blog-page__last .blog-card .blog-card__content .blog-card__description {
    display: none;
  }
}

.blog-title {
  margin-bottom: 16px;
  color: var(--Green-190, #020606);
  font-size: 1.28571rem;
  line-height: 2.28571rem;
  letter-spacing: -0.01286rem;
  font-weight: 700;
}
@media (max-width: 991px) {
  .blog-title {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 1.14286rem;
    line-height: 2rem;
    letter-spacing: normal;
    color: var(--Balck, #000);
  }
}

.blog-archive-hero {
  padding-bottom: var(--section-space);
  display: flex;
  align-items: center;
  gap: 64px;
}
@media (max-width: 991px) {
  .blog-archive-hero {
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: unset;
    padding-bottom: 16px;
    border-bottom: 1px solid #e7ebeb;
  }
}
.blog-archive-hero__picture {
  flex: 0 0 calc(50% - 64px);
  max-width: calc(50% - 64px);
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blog-archive-hero__picture {
    flex: unset;
    max-width: unset;
    width: 100%;
  }
}
.blog-archive-hero__picture img {
  width: 100%;
}
.blog-archive-hero__details {
  flex: 1;
}
.blog-archive-hero__details--info {
  font-weight: 400;
  margin-bottom: 8px;
  color: var(--Green-60, #708989);
  font-size: 0.85714rem;
  line-height: 1.14286rem;
}
@media (max-width: 991px) {
  .blog-archive-hero__details--info {
    margin-bottom: 4px;
    font-weight: 325;
  }
}
.blog-archive-hero__details--title {
  margin-bottom: 16px;
  font-size: 2.28571rem;
  line-height: 4rem;
  letter-spacing: -0.03429rem;
  color: var(--Green-100, #103a3b);
  font-weight: 700;
}
@media (max-width: 991px) {
  .blog-archive-hero__details--title {
    margin-bottom: 8px;
    font-size: 1.28571rem;
    font-weight: 600;
    line-height: 2.28571rem;
    letter-spacing: normal;
  }
}
.blog-archive-hero__details--title:hover {
  color: var(--Gold-100, #c6a246);
}
.blog-archive-hero__details--description {
  margin-bottom: 16px;
  font-size: 1.14286rem;
  line-height: 2.28571rem;
  font-weight: 325;
  color: var(--Green-60, #708989);
}
@media (max-width: 991px) {
  .blog-archive-hero__details--description {
    margin-bottom: 4px;
    font-size: 1rem;
    line-height: 1.71429rem;
  }
}
.blog-archive-hero__details .site-more {
  font-weight: 700;
}
@media (max-width: 991px) {
  .blog-archive-hero__details .site-more {
    font-weight: 600;
  }
}

#blog-single-page .blog-single-page {
  margin-left: auto;
  margin-right: auto;
  background: #FAFAFA;
}
@media (max-width: 991px) {
  #blog-single-page .blog-single-page {
    background: transparent;
  }
}
#blog-single-page .blog-single-page .blog-card.is-archive-hero {
  padding: 0px 0 40px 0;
}
@media (max-width: 991px) {
  #blog-single-page .blog-single-page .blog-card.is-archive-hero {
    padding: 0 0 24px 0;
    padding: 0;
    align-items: flex-start;
  }
  #blog-single-page .blog-single-page .blog-card.is-archive-hero .blog-card__title {
    margin-bottom: 0;
  }
  #blog-single-page .blog-single-page .blog-card.is-archive-hero .blog-card__description {
    margin-bottom: 0;
    display: none;
  }
}
#blog-single-page .blog-single-content {
  padding: 40px 0;
}
@media (max-width: 991px) {
  #blog-single-page .blog-single-content {
    padding: 16px 0 40px 0;
  }
}
#blog-single-page .blog-single-content .container {
  width: 1090px;
  max-width: 100%;
}

@keyframes catalogFadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
html:has(#pay-page), html:has(.main-basket-login) {
  height: 100%;
}
html:has(#pay-page) body, html:has(.main-basket-login) body {
  height: 100%;
}
html:has(#pay-page) body #page, html:has(.main-basket-login) body #page {
  height: 100%;
  display: flex;
  flex-direction: column;
}
html:has(#pay-page) body #page .site-main, html:has(.main-basket-login) body #page .site-main {
  flex: 1;
}

.basket-page {
  padding-top: 64px;
  padding-bottom: 88px;
}
@media (max-width: 991px) {
  .basket-page {
    padding-top: 24px;
    padding-bottom: 48px;
  }
}

.basket-page-nav {
  margin-bottom: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
@media (max-width: 991px) {
  .basket-page-nav {
    margin-bottom: 24px;
    gap: 2px;
    align-items: unset;
  }
}
.basket-page-nav__item {
  transition: color 0.3s;
  flex: 0 0 165px;
  max-width: 165px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #A3A19C;
}
@media (max-width: 991px) {
  .basket-page-nav__item {
    flex: 0 0 80px;
    max-width: 80px;
    gap: 2px;
    font-size: 0.75rem;
    line-height: 1.42857rem;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .basket-page-nav__item--title {
    margin-bottom: auto;
    margin-top: auto;
  }
}
.basket-page-nav__item--icon {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 991px) {
  .basket-page-nav__item--icon {
    width: 24px;
    height: 24px;
  }
}
.basket-page-nav__item--icon1 {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_11308_21478)"><path d="M2.5 36.1533C2.82667 36.3211 3.15444 36.4878 3.48333 36.6533C9.545 39.7166 9.24833 39.12 14.4383 39.12C16.605 39.12 17.7067 37.71 18.3467 35.645V35.6316L19.9217 30.375V30.365C19.9965 30.1186 20.0125 29.8582 19.9684 29.6045C19.9242 29.3509 19.8212 29.1112 19.6675 28.9046C19.5138 28.6981 19.3137 28.5305 19.0835 28.4153C18.8532 28.3002 18.5991 28.2407 18.3417 28.2416H14.2983C14.046 28.2409 13.7972 28.183 13.5706 28.0721C13.3439 27.9613 13.1454 27.8004 12.99 27.6016C12.8355 27.4026 12.7291 27.1706 12.6791 26.9237C12.6291 26.6769 12.6368 26.4217 12.7017 26.1783L13.43 23.43C13.4866 23.2165 13.4918 22.9927 13.4452 22.7769C13.3985 22.561 13.3014 22.3593 13.1617 22.1883C13.0236 22.0191 12.8484 21.8841 12.6496 21.7938C12.4508 21.7034 12.2338 21.6602 12.0156 21.6674C11.7974 21.6747 11.5837 21.7322 11.3914 21.8356C11.1991 21.939 11.0332 22.0853 10.9067 22.2633L6.86833 27.9566C6.71519 28.172 6.51274 28.3476 6.27789 28.4688C6.04305 28.59 5.78261 28.6533 5.51833 28.6533H2.5" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.832031 27.5H2.4987V39.1667H0.832031" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.05212 0.833344C6.71446 0.833508 6.38482 0.936225 6.10684 1.12789C5.82886 1.31956 5.61566 1.59114 5.49545 1.90668L2.86212 8.82001C2.57749 9.56132 2.56685 10.3799 2.83212 11.1283C3.19697 12.1439 3.90836 12.9983 4.84108 13.5411C5.7738 14.0838 6.86808 14.2802 7.93133 14.0956C8.99457 13.9111 9.95864 13.3574 10.6539 12.532C11.3491 11.7066 11.7309 10.6625 11.7321 9.58334C11.7321 10.7989 12.215 11.9647 13.0745 12.8242C13.9341 13.6838 15.0999 14.1667 16.3154 14.1667C17.531 14.1667 18.6968 13.6838 19.5564 12.8242C20.4159 11.9647 20.8988 10.7989 20.8988 9.58334C20.8988 10.7989 21.3817 11.9647 22.2412 12.8242C23.1008 13.6838 24.2665 14.1667 25.4821 14.1667C26.6977 14.1667 27.8635 13.6838 28.723 12.8242C29.5826 11.9647 30.0655 10.7989 30.0655 9.58334C30.0667 10.6625 30.4485 11.7066 31.1437 12.532C31.8389 13.3574 32.803 13.9111 33.8662 14.0956C34.9295 14.2802 36.0238 14.0838 36.9565 13.5411C37.8892 12.9983 38.6006 12.1439 38.9654 11.1283C39.2337 10.3808 39.2255 9.56195 38.9421 8.82001L36.3088 1.90668C36.1888 1.59167 35.9761 1.32046 35.6988 1.12884C35.4214 0.937213 35.0925 0.834182 34.7555 0.833344H7.05212Z" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.5 34.167H35.8333V14.0137" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.168 34.1667V20.8333C24.168 20.3913 24.3436 19.9674 24.6561 19.6548C24.9687 19.3423 25.3926 19.1667 25.8346 19.1667H30.8346C31.2767 19.1667 31.7006 19.3423 32.0131 19.6548C32.3257 19.9674 32.5013 20.3913 32.5013 20.8333V34.1667" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83203 19.9997V13.973" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_11308_21478"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
}
.basket-page-nav__item--icon2 {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_11308_21383)"><path d="M17.6003 39.1668H4.26693C3.38288 39.1668 2.53503 38.8157 1.9099 38.1905C1.28478 37.5653 0.933594 36.7175 0.933594 35.8335V4.16683C0.933594 3.28278 1.28478 2.43493 1.9099 1.80981C2.53503 1.18469 3.38288 0.833496 4.26693 0.833496H19.267C20.151 0.833496 20.9988 1.18469 21.624 1.80981C22.249 2.43493 22.6003 3.28278 22.6003 4.16683V20.8335" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.6003 32.5H0.933594" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.26758 4.1665H14.2676" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.9336 29.1667V21.6667C25.9336 20.5617 26.3724 19.5018 27.1539 18.7203C27.9353 17.939 28.9951 17.5 30.1003 17.5C31.2053 17.5 32.2651 17.939 33.0464 18.7203C33.8279 19.5018 34.2669 20.5617 34.2669 21.6667V29.1667" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M39.0668 37.3165C39.093 37.5504 39.0695 37.7872 38.9977 38.0112C38.9258 38.2352 38.8073 38.4415 38.6502 38.6165C38.4923 38.7914 38.2995 38.9307 38.084 39.0255C37.8685 39.1202 37.6355 39.1684 37.4002 39.1665H22.8002C22.5647 39.1684 22.3317 39.1202 22.1162 39.0255C21.9007 38.9307 21.7078 38.7914 21.5502 38.6165C21.3928 38.4415 21.2743 38.2352 21.2025 38.0112C21.1308 37.7872 21.1072 37.5504 21.1335 37.3165L22.4335 25.6499C22.4788 25.2404 22.6742 24.8622 22.982 24.5882C23.2897 24.3142 23.6882 24.164 24.1002 24.1665H36.1168C36.5288 24.164 36.9272 24.3142 37.235 24.5882C37.5427 24.8622 37.7382 25.2404 37.7835 25.6499L39.0668 37.3165Z" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.1003 12.5H10.6503C10.0637 12.5044 9.50243 12.7393 9.08766 13.1541C8.67289 13.5688 8.43796 14.1301 8.43359 14.7167C8.43421 15.0617 8.51419 15.4021 8.66738 15.7113C8.82054 16.0205 9.04279 16.2904 9.31693 16.5L14.2169 20.1667C14.4911 20.3763 14.7133 20.6462 14.8665 20.9553C15.0196 21.2647 15.0996 21.6048 15.1003 21.95C15.0959 22.5365 14.861 23.0978 14.4462 23.5127C14.0314 23.9273 13.4701 24.1623 12.8836 24.1667H8.43359" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7676 12.5V10" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7676 26.6665V24.1665" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7682 36.2503C11.5381 36.2503 11.3516 36.0638 11.3516 35.8337C11.3516 35.6035 11.5381 35.417 11.7682 35.417" stroke="%23706E69" stroke-width="1.66667"/><path d="M11.7676 36.2503C11.9977 36.2503 12.1842 36.0638 12.1842 35.8337C12.1842 35.6035 11.9977 35.417 11.7676 35.417" stroke="%23706E69" stroke-width="1.66667"/></g><defs><clipPath id="clip0_11308_21383"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
}
.basket-page-nav__item--icon3 {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_11308_21371)"><path d="M22.5215 30.8332C22.5215 29.1832 23.0114 27.5703 23.929 26.199C24.8466 24.8277 26.1506 23.7596 27.6759 23.1302C29.2011 22.5007 30.8789 22.3383 32.4966 22.6633C34.1143 22.9884 35.599 23.7864 36.7627 24.9562C37.9264 26.1259 38.7166 27.6148 39.0333 29.2342C39.3499 30.8536 39.1787 32.5305 38.5413 34.0524C37.9039 35.5743 36.8291 36.8728 35.453 37.7833C34.0769 38.6937 32.4615 39.1751 30.8115 39.1666C28.6089 39.1551 26.5004 38.2721 24.9469 36.7105C23.3935 35.149 22.5215 33.0359 22.5215 30.8332Z" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M27.5215 31.6668L29.3332 33.4718C29.4187 33.5573 29.5219 33.6231 29.6355 33.6647C29.749 33.7062 29.8703 33.7226 29.9908 33.7126C30.1113 33.7026 30.2282 33.6665 30.3334 33.6068C30.4386 33.5471 30.5295 33.4652 30.5998 33.3668L34.1882 28.3335" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.92188 9.16683L10.2635 0.833496" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.078 9.16683L24.7363 0.833496" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.079 18.8032L31.974 14.1665H3.02734L5.48901 26.9265C5.6311 27.5712 5.99224 28.1468 6.51097 28.5552C7.02969 28.9636 7.67393 29.1797 8.33401 29.1665H16.6857" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.47917 9.1665H32.4792C32.4792 9.1665 34.1458 9.1665 34.1458 10.8332V12.4998C34.1458 12.4998 34.1458 14.1665 32.4792 14.1665H2.47917C2.47917 14.1665 0.8125 14.1665 0.8125 12.4998V10.8332C0.8125 10.8332 0.8125 9.1665 2.47917 9.1665Z" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5215 18.3335V23.3985" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.0098 18.3335L11.7331 23.3985" stroke="%23706E69" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_11308_21371"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
}
.basket-page-nav__item.active {
  color: #383734;
}
.basket-page-nav__item.active .basket-page-nav__item--icon1 {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_11308_21148)"><path d="M2.5 36.1533C2.82667 36.3211 3.15444 36.4878 3.48333 36.6533C9.545 39.7166 9.24833 39.12 14.4383 39.12C16.605 39.12 17.7067 37.71 18.3467 35.645V35.6316L19.9217 30.375V30.365C19.9965 30.1186 20.0125 29.8582 19.9684 29.6045C19.9242 29.3509 19.8212 29.1112 19.6675 28.9046C19.5138 28.6981 19.3137 28.5305 19.0835 28.4153C18.8532 28.3002 18.5991 28.2407 18.3417 28.2416H14.2983C14.046 28.2409 13.7972 28.183 13.5706 28.0721C13.3439 27.9613 13.1454 27.8004 12.99 27.6016C12.8355 27.4026 12.7291 27.1706 12.6791 26.9237C12.6291 26.6769 12.6368 26.4217 12.7017 26.1783L13.43 23.43C13.4866 23.2165 13.4918 22.9927 13.4452 22.7769C13.3985 22.561 13.3014 22.3593 13.1617 22.1883C13.0236 22.0191 12.8484 21.8841 12.6496 21.7938C12.4508 21.7034 12.2338 21.6602 12.0156 21.6674C11.7974 21.6747 11.5837 21.7322 11.3914 21.8356C11.1991 21.939 11.0332 22.0853 10.9067 22.2633L6.86833 27.9566C6.71519 28.172 6.51274 28.3476 6.27789 28.4688C6.04305 28.59 5.78261 28.6533 5.51833 28.6533H2.5" stroke="%23D3AB35" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.832031 27.5H2.4987V39.1667H0.832031" stroke="%23D3AB35" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.05212 0.833344C6.71446 0.833508 6.38482 0.936225 6.10684 1.12789C5.82886 1.31956 5.61566 1.59114 5.49545 1.90668L2.86212 8.82001C2.57749 9.56132 2.56685 10.3799 2.83212 11.1283C3.19697 12.1439 3.90836 12.9983 4.84108 13.5411C5.7738 14.0838 6.86808 14.2802 7.93133 14.0956C8.99457 13.9111 9.95864 13.3574 10.6539 12.532C11.3491 11.7066 11.7309 10.6625 11.7321 9.58334C11.7321 10.7989 12.215 11.9647 13.0745 12.8242C13.9341 13.6838 15.0999 14.1667 16.3154 14.1667C17.531 14.1667 18.6968 13.6838 19.5564 12.8242C20.4159 11.9647 20.8988 10.7989 20.8988 9.58334C20.8988 10.7989 21.3817 11.9647 22.2412 12.8242C23.1008 13.6838 24.2665 14.1667 25.4821 14.1667C26.6977 14.1667 27.8635 13.6838 28.723 12.8242C29.5826 11.9647 30.0655 10.7989 30.0655 9.58334C30.0667 10.6625 30.4485 11.7066 31.1437 12.532C31.8389 13.3574 32.803 13.9111 33.8662 14.0956C34.9295 14.2802 36.0238 14.0838 36.9565 13.5411C37.8892 12.9983 38.6006 12.1439 38.9654 11.1283C39.2337 10.3808 39.2255 9.56195 38.9421 8.82001L36.3088 1.90668C36.1888 1.59167 35.9761 1.32046 35.6988 1.12884C35.4214 0.937213 35.0925 0.834182 34.7555 0.833344H7.05212Z" stroke="%23544415" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.5 34.167H35.8333V14.0137" stroke="%23544415" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.168 34.1667V20.8333C24.168 20.3913 24.3436 19.9674 24.6561 19.6548C24.9687 19.3423 25.3926 19.1667 25.8346 19.1667H30.8346C31.2767 19.1667 31.7006 19.3423 32.0131 19.6548C32.3257 19.9674 32.5013 20.3913 32.5013 20.8333V34.1667" stroke="%23544415" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83203 19.9997V13.973" stroke="%23544415" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_11308_21148"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
}
.basket-page-nav__item.active .basket-page-nav__item--icon2 {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_11308_21462)"><path d="M17.6003 39.1667H4.26693C3.38288 39.1667 2.53503 38.8155 1.9099 38.1903C1.28478 37.5652 0.933594 36.7173 0.933594 35.8333V4.16668C0.933594 3.28263 1.28478 2.43478 1.9099 1.80966C2.53503 1.18453 3.38288 0.833344 4.26693 0.833344H19.267C20.151 0.833344 20.9988 1.18453 21.624 1.80966C22.249 2.43478 22.6003 3.28263 22.6003 4.16668V20.8333" stroke="%23544415" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.6003 32.5H0.933594" stroke="%23544415" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.26562 4.16666H14.2656" stroke="%23544415" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.9336 29.1667V21.6667C25.9336 20.5617 26.3724 19.5018 27.1539 18.7203C27.9353 17.939 28.9951 17.5 30.1003 17.5C31.2053 17.5 32.2651 17.939 33.0464 18.7203C33.8279 19.5018 34.2669 20.5617 34.2669 21.6667V29.1667" stroke="%23544415" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M39.0688 37.3167C39.0949 37.5505 39.0714 37.7874 38.9996 38.0114C38.9278 38.2354 38.8093 38.4417 38.6521 38.6167C38.4943 38.7915 38.3014 38.9309 38.0859 39.0257C37.8704 39.1204 37.6374 39.1685 37.4021 39.1667H22.8021C22.5666 39.1685 22.3336 39.1204 22.1181 39.0257C21.9026 38.9309 21.7098 38.7915 21.5521 38.6167C21.3948 38.4417 21.2763 38.2354 21.2044 38.0114C21.1328 37.7874 21.1091 37.5505 21.1354 37.3167L22.4354 25.65C22.4808 25.2405 22.6761 24.8624 22.9839 24.5884C23.2916 24.3144 23.6901 24.1642 24.1021 24.1667H36.1188C36.5308 24.1642 36.9291 24.3144 37.2369 24.5884C37.5446 24.8624 37.7401 25.2405 37.7854 25.65L39.0688 37.3167Z" stroke="%23544415" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.1003 12.5H10.6503C10.0637 12.5044 9.50243 12.7393 9.08766 13.1541C8.67289 13.5688 8.43796 14.1301 8.43359 14.7167C8.43421 15.0617 8.51419 15.4021 8.66738 15.7113C8.82054 16.0205 9.04279 16.2904 9.31693 16.5L14.2169 20.1667C14.4911 20.3763 14.7133 20.6462 14.8665 20.9553C15.0196 21.2647 15.0996 21.6048 15.1003 21.95C15.0959 22.5365 14.861 23.0978 14.4462 23.5127C14.0314 23.9273 13.4701 24.1623 12.8836 24.1667H8.43359" stroke="%23D3AB35" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7656 12.5V10" stroke="%23D3AB35" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7656 26.6667V24.1667" stroke="%23D3AB35" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7682 36.2506C11.5381 36.2506 11.3516 36.0641 11.3516 35.834C11.3516 35.6038 11.5381 35.4173 11.7682 35.4173" stroke="%23544415" stroke-width="1.66667"/><path d="M11.7656 36.2506C11.9957 36.2506 12.1823 36.0641 12.1823 35.834C12.1823 35.6038 11.9957 35.4173 11.7656 35.4173" stroke="%23544415" stroke-width="1.66667"/></g><defs><clipPath id="clip0_11308_21462"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
}
.basket-page-nav__sep {
  width: 200px;
  height: 2px;
  background-color: #F2F2F2;
  transition: background-color 0.3s;
}
@media (max-width: 991px) {
  .basket-page-nav__sep {
    height: 1px;
    transform: translateY(20px);
  }
}
.basket-page-nav__sep.active {
  background-color: var(--Gold-100, #c6a246);
}

.basket-page-content {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 991px) {
  .basket-page-content {
    flex-direction: column;
    align-items: unset;
  }
  .basket-page-content:has(.basket-steps) {
    gap: 24px;
  }
}
.basket-page-content__sidebar {
  flex: 0 0 auto;
  width: 382px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991px) {
  .basket-page-content__sidebar {
    flex: 0 0 100%;
    max-width: 100%;
    gap: 8px;
    width: 100%;
  }
}
.basket-page-content__details {
  flex: 1;
}
@media (max-width: 991px) {
  .basket-page-content__details {
    flex: unset;
    width: 100%;
  }
}

.basket-page-details {
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  background: #FAFAFA;
  padding: 24px;
  position: relative;
}
@media (max-width: 991px) {
  .basket-page-details.fixed {
    position: fixed;
    z-index: 20;
    left: 16px;
    right: 16px;
    bottom: max(16px, env(safe-area-inset-bottom, 0px));
    width: auto;
    max-height: calc(100dvh - 32px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px;
    box-shadow: 8px 8px 32px 0 rgba(0, 0, 0, 0.24);
    will-change: transform, opacity;
    backface-visibility: hidden;
  }
  .basket-page-details.fixed .basket-page-details__title {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
    pointer-events: none;
  }
  .basket-page-details.fixed .basket-page-details__info--hidden-mobile {
    display: none;
  }
}
.basket-page-details__title {
  color: #383734;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 29px;
  font-weight: 800;
  max-height: 48px;
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease, margin-bottom 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.basket-page-details__pin-anchor {
  display: contents;
}
.basket-page-details__pin-sentinel {
  display: none;
}
.basket-page-details__spacer {
  display: none;
  width: 100%;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
@media (max-width: 991px) {
  .basket-page-details__spacer {
    display: block;
  }
}
.basket-page-details__info--placeholder {
  display: none;
}
.basket-page-details__info-spacer {
  display: none;
}
.basket-page-details__info .btn {
  width: 100%;
  font-size: 14px;
}
.basket-page-details__info .remove-coupon-btn {
  color: #f00;
}
.basket-page-details__info ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .basket-page-details__info ul {
    margin-bottom: 16px;
  }
}
.basket-page-details__info ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  color: #8C8A83;
  line-height: 27px;
  font-weight: 400;
}
.basket-page-details__info ul li span {
  color: #383734;
  line-height: 26px;
  font-size: 16px;
  font-weight: 600;
}
.basket-page-details__total {
  color: #103A3B;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  border-top: 1px solid #F2F2F2;
  padding-top: 20px;
}
.basket-page-details__total strong, .basket-page-details__total span {
  color: #004A29 !important;
}
.basket-page-details .checkout-button {
  width: 100%;
}

.basket-page-alert {
  color: #706E69;
  line-height: 27px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  gap: 4px;
}
.basket-page-alert b {
  font-weight: 400;
  color: #383734;
}
.basket-page-alert:before {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 8H12.01M11 12H12V16H13M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23C6A246' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}

.basket-page-items__head {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  gap: 4px;
  border-bottom: 1px solid #F2F2F2;
  color: #383734;
  font-size: 18px;
  line-height: 29px;
  font-weight: 800;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
.basket-page-items__head span {
  background: #F2F2F2;
  border-radius: 8px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
  color: #54534F;
  font-size: 12px;
}

.basket-page-discount-code {
  margin-top: 24px;
  padding-top: 24px;
  position: relative;
}
@media (max-width: 991px) {
  .basket-page-discount-code {
    margin-top: 0;
    padding-top: 0;
  }
}
.basket-page-discount-code__row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  border-radius: 8px;
  background: #F7F7F7;
  padding: 24px;
  border-top: 1px solid #F2F2F2;
}
@media (max-width: 991px) {
  .basket-page-discount-code__row {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 16px;
  }
}
.basket-page-discount-code__info {
  flex: 1;
  min-width: 0;
}
.basket-page-discount-code__title {
  color: #383734;
  font-size: 18px;
  line-height: 29px;
  font-weight: 800;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .basket-page-discount-code__title {
    font-size: 16px;
    line-height: 26px;
  }
}
.basket-page-discount-code__desc {
  margin: 0;
  color: #8C8A83;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .basket-page-discount-code__desc {
    font-size: 12px;
    line-height: 20px;
  }
}
.basket-page-discount-code__content {
  flex: 0 1 630px;
  max-width: 630px;
  width: 100%;
}
@media (max-width: 991px) {
  .basket-page-discount-code__content {
    flex: 1 1 auto;
    max-width: none;
  }
}
.basket-page-discount-code__content--form {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
.basket-page-discount-code__content--form .btn {
  flex: 0 0 auto;
  min-width: 140px;
  height: 48px;
}
.basket-page-discount-code__content--form .btn:hover {
  background: var(--Gold-100, #c6a246);
  color: #fff;
  border-color: var(--Gold-100, #c6a246);
}
@media (max-width: 991px) {
  .basket-page-discount-code__content--form .btn {
    min-width: 120px;
  }
}
.basket-page-discount-code__content--form .btn-danger {
  border-color: #c6454a;
  color: #c6454a;
}
.basket-page-discount-code__content--form .btn-danger:hover {
  background: #c6454a;
  border-color: #c6454a;
  color: #fff;
}
.basket-page-discount-code__field {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.basket-page-discount-code__label {
  color: #383734;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
.basket-page-discount-code .form-control {
  height: 48px;
}
.basket-page-discount-code .form-control:disabled {
  background: #fff;
  opacity: 0.85;
}
.basket-page-discount-code__content--error {
  margin-top: 8px;
  border-radius: 8px;
  background: #fff0f0;
  padding: 8px;
  color: #c6454a;
  line-height: 1.28571rem;
  font-weight: 600;
  font-size: 0.85714rem;
  display: flex;
  gap: 4px;
  align-items: center;
}
.basket-page-discount-code__content--error svg {
  flex-shrink: 0;
  transform: translateY(-1px);
  min-width: 24px;
}
.basket-page-discount-code__content--success {
  margin-top: 8px;
  border-radius: 8px;
  background: rgba(227, 244, 239, 0.5);
  padding: 8px;
  color: #1e6f63;
  line-height: 1.28571rem;
  font-weight: 600;
  font-size: 0.85714rem;
  display: flex;
  gap: 4px;
  align-items: center;
}
.basket-page-discount-code__content--success svg {
  flex-shrink: 0;
  transform: translateY(-1px);
  min-width: 24px;
}

.basket-steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .basket-steps {
    gap: 16px;
  }
}
.basket-steps-box {
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  background-color: #fff;
  transition: border 0.3s ease-out, background-color 0.3s ease-out;
  display: flex;
  flex-direction: column;
}
.basket-steps-box .accordion-content-selected {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: 0.3s ease-out;
  order: 1;
}
.basket-steps-box .accordion-content-selected__content {
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  display: flex;
  gap: 4px;
  flex-direction: column;
  color: #004A29;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
}
@media (max-width: 991px) {
  .basket-steps-box .accordion-content-selected__content {
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
  }
}
.basket-steps-box .accordion-content-selected__content--time {
  line-height: 27px;
  font-weight: 400;
  display: flex;
  gap: 4px;
}
.basket-steps-box .accordion-content-selected__content--address {
  display: flex;
  gap: 4px;
  line-height: 27px;
  color: #706E69;
  font-weight: 400;
}
.basket-steps-box .accordion-content-selected__content--address:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.25 6.37538C8.25 5.33943 7.41057 4.5 6.37538 4.5C5.33943 4.5 4.5 5.33943 4.5 6.37538C4.5 7.41057 5.33943 8.25 6.37538 8.25C7.41057 8.25 8.25 7.41057 8.25 6.37538Z' stroke='%23004A29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.37463 14.25C5.47578 14.25 0.75 10.4238 0.75 6.42247C0.75 3.28998 3.26783 0.75 6.37463 0.75C9.48144 0.75 12 3.28998 12 6.42247C12 10.4238 7.27349 14.25 6.37463 14.25Z' stroke='%23004A29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  flex-shrink: 0;
  transform: translateY(2px);
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.basket-steps-box:not(:has(.active)).active {
  background: #FAFAFA;
}
.basket-steps-box:not(:has(.active)).active .accordion-content-selected {
  grid-template-rows: minmax(0, 1fr);
}
@media (max-width: 991px) {
  .basket-steps-box:not(:has(.active)).active .accordion-content-selected {
    margin-top: 0;
  }
}
.basket-steps-box .accordion-title {
  order: 0;
  user-select: none;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #383734;
  font-size: 18px;
  line-height: 29px;
  font-weight: 800;
  cursor: pointer;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
@media (max-width: 991px) {
  .basket-steps-box .accordion-title {
    font-size: 14px;
    padding: 8px;
  }
}
.basket-steps-box .accordion-title:after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%238C8A83" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
  transition: transform 0.3s;
}
@media (max-width: 991px) {
  .basket-steps-box .accordion-title:after {
    width: 20px;
    height: 20px;
  }
}
.basket-steps-box .accordion-title.active:after {
  transform: rotateX(180deg);
}
.basket-steps-box .accordion-content {
  order: 2;
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
.basket-steps-box .accordion-content.active {
  grid-template-rows: minmax(0, 1fr);
}
.basket-steps-box .accordion-content__content {
  position: relative;
  padding: 16px;
}
@media (max-width: 991px) {
  .basket-steps-box .accordion-content__content:has(.time-tabs) {
    overflow: hidden;
    padding-left: 0;
  }
  .basket-steps-box .accordion-content__content:has(.time-tabs) .basket-delivery {
    padding-left: 8px;
  }
  .basket-steps-box .accordion-content__content:has(.time-tabs) .basket-delivery .basket-delivery__item--time {
    margin-left: -8px;
  }
  .basket-steps-box .accordion-content__content:has(.time-tabs) .basket-delivery .basket-delivery__item--time .time-tabs .time-tabs__item:last-child,
  .basket-steps-box .accordion-content__content:has(.time-tabs) .basket-delivery .basket-delivery__item--time .time-tabs .skltbs-tab-item:last-child {
    margin-left: 8px;
  }
}
.basket-steps-box .accordion-content__content .btn {
  padding: 8px;
}
@media (max-width: 991px) {
  .basket-steps-box .accordion-content__content .btn {
    width: 100%;
  }
}
.basket-steps-box .accordion-content__content .radio__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: #383734;
}
@media (max-width: 991px) {
  .basket-steps-box .accordion-content__content .radio__title {
    font-size: 14px;
  }
}
.basket-steps-box .accordion-content__content .radio__icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .basket-steps-box .accordion-content__content .radio__icon {
    width: 18px;
    height: 18px;
  }
}
.basket-steps-box .accordion-content__content .radio__icon:after {
  width: 12px;
  height: 12px;
}
@media (max-width: 991px) {
  .basket-steps-box .accordion-content__content .radio__icon:after {
    width: 10px;
    height: 10px;
  }
}
.basket-steps-box .accordion-content__content:before {
  pointer-events: none;
  background: #F2F2F2;
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  height: 1px;
  display: block;
}
@media (max-width: 991px) {
  .basket-steps-box .accordion-content__content:before {
    left: 8px;
    right: 8px;
  }
}

@media (max-width: 991px) {
  .basket-addresses {
    padding-top: 8px;
  }
}
.basket-addresses-item {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 16px;
  margin-bottom: 16px;
  position: relative;
  transition: opacity 0.28s ease, transform 0.28s ease;
}
.basket-addresses-item.is-loading {
  overflow: hidden;
  pointer-events: none;
}
.basket-addresses-item.is-removing {
  opacity: 0;
  transform: translateY(8px) scale(0.98);
}
.basket-addresses-item__details {
  padding-left: 80px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 991px) {
  .basket-addresses-item__details {
    padding-left: 0;
  }
}
.basket-addresses-item__details ul {
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 991px) {
  .basket-addresses-item__details ul {
    padding-right: 0;
  }
}
.basket-addresses-item__details ul li {
  display: flex;
  gap: 4px;
  color: #706E69;
  line-height: 27px;
  font-weight: 400;
}
.basket-addresses-item__details ul li:before {
  flex-shrink: 0;
  transform: translateY(4px);
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.basket-addresses-item__details--location:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99984 9.33317C9.10441 9.33317 9.99984 8.43774 9.99984 7.33317C9.99984 6.2286 9.10441 5.33317 7.99984 5.33317C6.89527 5.33317 5.99984 6.2286 5.99984 7.33317C5.99984 8.43774 6.89527 9.33317 7.99984 9.33317Z' stroke='%23004A29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7712 11.1045L8.94251 13.9331C8.6925 14.1829 8.35356 14.3232 8.00017 14.3232C7.64678 14.3232 7.30785 14.1829 7.05784 13.9331L4.22851 11.1045C3.48265 10.3586 2.97473 9.40827 2.76896 8.37371C2.5632 7.33916 2.66883 6.26681 3.07251 5.29229C3.47618 4.31777 4.15977 3.48483 5.03683 2.89881C5.91388 2.31279 6.94502 2 7.99984 2C9.05466 2 10.0858 2.31279 10.9629 2.89881C11.8399 3.48483 12.5235 4.31777 12.9272 5.29229C13.3308 6.26681 13.4365 7.33916 13.2307 8.37371C13.0249 9.40827 12.517 10.3586 11.7712 11.1045Z' stroke='%23004A29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.basket-addresses-item__details--family:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 14V12.6667C4 11.9594 4.28095 11.2811 4.78105 10.781C5.28115 10.281 5.95942 10 6.66667 10H9.33333C10.0406 10 10.7189 10.281 11.219 10.781C11.719 11.2811 12 11.9594 12 12.6667V14M10.6667 4.66667C10.6667 6.13943 9.47276 7.33333 8 7.33333C6.52724 7.33333 5.33333 6.13943 5.33333 4.66667C5.33333 3.19391 6.52724 2 8 2C9.47276 2 10.6667 3.19391 10.6667 4.66667Z' stroke='%23004A29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.basket-addresses-item__tools {
  display: flex;
  align-items: center;
  gap: 16px;
  position: absolute;
  left: 0;
  top: 4px;
}
@media (max-width: 991px) {
  .basket-addresses-item__tools {
    position: static;
    margin-top: 8px;
  }
}
.basket-addresses-item__tools-edit {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 7H6C5.46957 7 4.96086 7.21071 4.58579 7.58579C4.21071 7.96086 4 8.46957 4 9V18C4 18.5304 4.21071 19.0391 4.58579 19.4142C4.96086 19.7893 5.46957 20 6 20H15C15.5304 20 16.0391 19.7893 16.4142 19.4142C16.7893 19.0391 17 18.5304 17 18V15M16 5L19 8M9 15H12L20.5 6.49998C20.8978 6.10216 21.1213 5.56259 21.1213 4.99998C21.1213 4.43737 20.8978 3.89781 20.5 3.49998C20.1022 3.10216 19.5626 2.87866 19 2.87866C18.4374 2.87866 17.8978 3.10216 17.5 3.49998L9 12V15Z" stroke="%23706E69" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  content: "";
  width: 24px;
  height: 24px;
}
.basket-addresses-item__tools-remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7H20M10 11V17M14 11V17M5 7L6 19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21H16C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19L19 7M9 7V4C9 3.73478 9.10536 3.48043 9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V7' stroke='%23FF0000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  content: "";
  width: 24px;
  height: 24px;
}
.basket-addresses-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .basket-addresses-empty {
    padding-top: 28px;
    padding-bottom: 0;
  }
}
.basket-addresses-empty__icon {
  margin-bottom: 24px;
}
.basket-addresses-empty strong {
  color: #54534F;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  width: 368px;
  max-width: 100%;
  margin-bottom: 24px;
}
.basket-addresses-empty .btn {
  min-width: 160px;
}

.basket-delivery {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .basket-delivery {
    padding-bottom: 0;
  }
}
.basket-delivery__item + .basket-delivery__item {
  margin-top: 16px;
}
.basket-delivery__item .radio__title {
  color: var(--Green-80, #406162);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 4px;
}
.basket-delivery__item .radio__title span {
  border-radius: 2px;
  background: var(--Gold-10, #f9f6ec);
  padding: 8px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85714rem;
  line-height: 1.14286rem;
  font-weight: 450;
  font-size: 0.85714rem;
}
.basket-delivery__item--time {
  display: grid;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.35s ease;
}
.basket-delivery__item--time.is-open {
  grid-template-rows: minmax(0, 1fr);
}
.basket-delivery__item--time-inner {
  overflow: hidden;
  min-height: 0;
}
.basket-delivery__item--time-inner:not(:empty) {
  padding-top: 24px;
  padding-right: 32px;
}
@media (max-width: 991px) {
  .basket-delivery__item--time-inner:not(:empty) {
    padding-right: 0;
  }
}

.time-tabs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.time-tabs__items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 991px) {
  .time-tabs__items {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    flex-wrap: nowrap;
  }
}
.time-tabs__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--Green-60, #708989);
  font-size: 0.85714rem;
  letter-spacing: -0.00857rem;
  line-height: 1.14286rem;
  text-align: center;
}
@media (max-width: 991px) {
  .time-tabs__item {
    width: 80px;
  }
}
.time-tabs__item--box {
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  width: 80px;
  height: 80px;
  font-size: 14px;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #54534F;
  font-weight: 400;
  line-height: 27px;
  position: relative;
  transition: 0.3s ease-out;
  box-shadow: inset 0 0 0 1px #706E69;
}
.time-tabs__item--box input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}
.time-tabs__item--box:has(input:checked) {
  background: #F2F8F5;
  box-shadow: inset 0 0 0 2px #3A875D;
  color: #005C33;
}
.time-tabs__item--box:has(input:disabled) {
  pointer-events: none;
  box-shadow: inset 0 0 0 1px #F2F2F2;
  color: #BAB9B5;
}
.time-tabs .skltbs-tab-group {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 991px) {
  .time-tabs .skltbs-tab-group {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
  }
}
.time-tabs .skltbs-tab-group .skltbs-tab {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  line-height: 27px;
  font-weight: 400;
  padding-bottom: 4px;
  position: relative;
  transition: color 0.3s;
}
@media (max-width: 991px) {
  .time-tabs .skltbs-tab-group .skltbs-tab {
    padding-bottom: 6px;
  }
}
.time-tabs .skltbs-tab-group .skltbs-tab:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  background: #005C33;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 991px) {
  .time-tabs .skltbs-tab-group .skltbs-tab:after {
    width: 45px;
    left: unset;
  }
}
.time-tabs .skltbs-tab-group .skltbs-tab.skltbs-active {
  color: #005C33;
}
.time-tabs .skltbs-tab-group .skltbs-tab.skltbs-active:after {
  opacity: 1;
}

.basket-pay {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .basket-pay {
    padding-top: 0;
    gap: 0;
  }
}
.basket-pay__item {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  border-bottom: 1px solid #F6F6F7;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 8px;
  padding-left: 16px;
}
.basket-pay__item:first-child {
  padding-top: 8px;
}
@media (max-width: 991px) {
  .basket-pay__item {
    padding: 8px 0;
  }
}
.basket-pay__item .radio__title {
  color: #54534F;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400 !important;
}
@media (max-width: 991px) {
  .basket-pay__item .radio__title {
    font-size: 1rem;
  }
}
.basket-pay__item--icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  color: #cfd8d8;
  transition: color 0.3s;
}
@media (max-width: 991px) {
  .basket-pay__item--icon {
    width: 32px;
    height: 32px;
  }
}
.basket-pay__item:has(input:checked) .basket-pay__item--icon {
  color: var(--Gold-100, #c6a246);
}
.basket-pay__item:last-child {
  border-bottom: none;
}
@media (max-width: 991px) {
  .basket-pay__item:last-child {
    border-bottom: 1px solid var(--Green-10, #e7ebeb);
  }
}
.basket-pay__wallet {
  margin-top: 24px;
  border-radius: 8px;
  background: #FAFAFA;
  padding: 16px;
  gap: 4px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .basket-pay__wallet {
    margin-top: 16px;
    gap: 16px;
  }
}
.basket-pay__wallet--head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
@media (max-width: 991px) {
  .basket-pay__wallet--head {
    gap: 4px;
  }
}
.basket-pay__wallet--head .checkbox__title {
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  color: #103A3B;
  font-size: 18px;
  font-weight: 800;
}
.basket-pay__wallet--head_credit {
  color: #706E69;
  font-weight: 400;
  line-height: 27px;
}
@media (max-width: 991px) {
  .basket-pay__wallet--head_credit {
    font-size: 0.85714rem;
    line-height: 1.14286rem;
  }
}
.basket-pay__wallet--head_credit-number {
  color: #004A29;
  font-weight: 400;
}
.basket-pay__wallet p {
  padding-right: 40px;
  color: #706E69;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
}
@media (max-width: 991px) {
  .basket-pay__wallet p {
    padding-right: 0;
  }
}

.pay-page {
  padding-top: 160px;
  padding-bottom: 160px;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 322px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .pay-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.pay-page__icon {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .pay-page__icon {
    width: 60%;
  }
}
.pay-page__icon--failed {
  background: #FFF0F0;
  color: #C6454A;
}
.pay-page__icon--failed svg {
  width: 48px;
}
.pay-page:has(.pay-page__text) {
  max-width: 406px;
}
.pay-page__message {
  color: #706E69;
  margin-bottom: 16px;
  line-height: 1.71429rem;
  font-size: 0.85714rem;
  font-weight: 400;
}
.pay-page__text {
  color: #706E69;
  margin-bottom: 24px;
  line-height: 27px;
  font-size: 14px;
  font-weight: 400;
}
.pay-page__title {
  margin-bottom: 16px;
  color: #383734;
  font-size: 24px;
  line-height: 38px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
  font-weight: 800;
}
.pay-page__code {
  width: 100%;
  padding: 15px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #FAFAFA;
  color: #004A29;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}
.pay-page__buttons {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.pay-page__buttons .btn {
  white-space: nowrap;
  height: 43px;
  flex: 1;
}
.pay-page:has(.pay-page__icon--failed) .pay-page__title {
  color: #C6454A;
}

#pay-page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.profile-bookmark-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .profile-bookmark-empty {
    margin-top: 0;
  }
}
.profile-bookmark-empty__icon {
  background-color: var(--Gold-10, #f9f6ec);
  width: 120px;
  height: 120px;
  color: var(--Gold-100, #c6a246);
  border-radius: 50%;
  corner-shape: round;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-bookmark-empty__icon svg {
  width: 48px;
  height: 48px;
}
.profile-bookmark-empty__title {
  color: #706E69;
  font-size: 16px;
  font-weight: 800;
  line-height: 26px;
  margin-top: 24px;
  margin-bottom: 16px;
}
.profile-bookmark-empty .btn {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
}

.main-basket-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  max-width: 687px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .main-basket-login {
    margin-bottom: 0;
    padding-top: 0;
  }
}
.main-basket-login__icon {
  margin-bottom: 24px;
}
.main-basket-login strong {
  color: #383734;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 8px;
}
.main-basket-login p {
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  color: #706E69;
  margin-bottom: 24px;
}
.main-basket-login .btn {
  width: 218px;
}

.main-basket-empty {
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 991px) {
  .main-basket-empty {
    padding-top: 24px;
    padding-bottom: 0;
  }
}
.main-basket-empty__title {
  color: #706E69;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 24px;
}
.main-basket-empty .btn {
  width: 200px;
}
.main-basket-empty .profile-bookmark-empty__title {
  font-family: "iransansxv", iransansx, tahoma;
  font-weight: 600;
  font-size: 16px;
}

.modal:has(.address-modal) .modal__content {
  width: 826px;
  overflow-y: auto;
  max-height: 100%;
  display: block;
}
.modal:has(.address-modal) .modal__head {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .modal:has(.address-modal) .modal__head {
    margin-bottom: 16px;
  }
}

.address-modal {
  --ss-main-height: 48px;
  position: relative;
}
@media (max-width: 991px) {
  .address-modal {
    --ss-main-height: 40px;
  }
}
@media (max-width: 767px) {
  .address-modal .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.address-modal.is-loading {
  overflow: hidden;
  min-height: 240px;
}
.address-modal .address-form-map {
  position: relative;
  margin-block: 16px;
  overflow: hidden;
  border-radius: 8px;
}
.address-modal .address-form-map .map,
.address-modal .address-form-map .leaflet-container {
  height: 200px;
  width: 100%;
  position: relative;
  z-index: 2;
  touch-action: none;
  cursor: grab;
}
.address-modal .address-form-map .leaflet-dragging .leaflet-container,
.address-modal .address-form-map .leaflet-container.leaflet-drag-target {
  cursor: grabbing;
}
.address-modal textarea {
  height: 91px;
}
.address-modal .address-form-footer .btn {
  min-width: 120px;
}
.address-modal .address-national-card-preview {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  position: relative;
  width: fit-content;
}
.address-modal .address-national-card-preview a {
  margin-right: auto;
  display: none;
}
.address-modal .address-national-card-preview button {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.address-modal .address-national-card-preview img {
  flex: 0 0 auto;
  width: 100px;
}

@media (max-width: 991px) {
  body:has(.pofile-page.active) #profile-head {
    display: none;
  }
}
body:has(.profile-settings-page) .profile-content__title {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  body:has(.profile-settings-page) .profile-content__title {
    display: block;
    margin-bottom: 16px;
  }
}
body:has(.profile-settings-account) .profile-settings-tabs {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  body:has(.profile-settings-account) .profile-settings-tabs {
    margin-bottom: 24px;
  }
}
body:has(jb-date-input) .pofile-page.active .profile-content {
  transform: unset;
}
body:has(#profile-page) #profile-head {
  display: none;
}

#profile-page {
  padding-top: 40px;
  padding-bottom: 64px;
  background: #fff;
}
@media (max-width: 991px) {
  #profile-page {
    padding-top: 24px;
    padding-bottom: 40px;
  }
}

#profile-head {
  background: url("assets/images/png/bg3.jpg") center center/cover no-repeat;
}

.profile-head {
  padding-top: 64px;
  padding-bottom: 52px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .profile-head {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.profile-head__type {
  margin-bottom: 8px;
  background: var(--Green-10, #e7ebeb);
  border-radius: 4px;
  padding: 4px 8px;
  color: var(--Green-100, #103a3b);
  line-height: 1.71429rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .profile-head__type {
    font-size: 0.85714rem;
    line-height: 1.14286rem;
    font-weight: 450;
  }
}
.profile-head__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 2.28571rem;
  font-weight: 700;
  line-height: 4rem;
  margin-bottom: 8px;
  color: var(--White, #fff);
  letter-spacing: -0.03429rem;
}
@media (max-width: 991px) {
  .profile-head__title {
    font-size: 1.14286rem;
    font-weight: 600;
    line-height: 1.71429rem;
    letter-spacing: normal;
  }
}
.profile-head__title--notification {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .profile-head__title--notification {
    width: 16px;
    height: 16px;
  }
}
.profile-head__title--notification.active {
  position: relative;
}
.profile-head__title--notification.active:after {
  position: absolute;
  content: "";
  right: 2px;
  top: 1px;
  width: 10px;
  height: 10px;
  background-color: #f00;
  border-radius: 50%;
  corner-shape: round;
  border: 2px solid #103736;
}
@media (max-width: 991px) {
  .profile-head__title--notification.active:after {
    width: 8px;
    height: 8px;
    right: 0px;
  }
}
.profile-head__wallet {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 36px;
}
@media (max-width: 991px) {
  .profile-head__wallet {
    gap: 12px;
    margin-bottom: 16px;
  }
}
.profile-head__wallet--show {
  line-height: 1.71429rem;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--White, #fff);
}
@media (max-width: 991px) {
  .profile-head__wallet--show {
    font-size: 0.85714rem;
    line-height: 1.42857rem;
  }
}
.profile-head__wallet--show:before {
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H16C16.2652 4 16.5196 4.10536 16.7071 4.29289C16.8946 4.48043 17 4.73478 17 5V8L19 12V9C19 8.73478 18.8946 8.48043 18.7071 8.29289C18.5196 8.10536 18.2652 8 18 8H6C5.46957 8 4.96086 7.78929 4.58579 7.41421C4.21071 7.03914 4 6.53043 4 6ZM4 6V18C4 18.5304 4.21071 19.0391 4.58579 19.4142C4.96086 19.7893 5.46957 20 6 20H18C18.2652 20 18.5196 19.8946 18.7071 19.7071C18.8946 19.5196 19 19.2652 19 19V16M20 12V16H16C15.4696 16 14.9609 15.7893 14.5858 15.4142C14.2107 15.0391 14 14.5304 14 14C14 13.4696 14.2107 12.9609 14.5858 12.5858C14.9609 12.2107 15.4696 12 16 12H20Z' stroke='%23C6A246' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.profile-head__wallet--add {
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 1.71429rem;
  font-weight: 450;
  color: var(--Gold-100, #c6a246);
  font-size: 0.85714rem;
}
.profile-head__wallet--add:before {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00004 3.33331V12.6666M3.33337 7.99998H12.6667' stroke='%23C6A246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  content: "";
}
.profile-head__info {
  width: 100%;
  margin-bottom: 64px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .profile-head__info {
    margin-bottom: 0;
  }
}
.profile-head__info--exit {
  padding-left: 16px;
  padding-right: 16px;
  border-color: var(--Gold-100, #c6a246);
  color: var(--Gold-100, #c6a246);
  font-weight: 450;
}
@media (max-width: 991px) {
  .profile-head__info--exit {
    display: none;
  }
}
.profile-head__info--exit:hover {
  background-color: var(--Gold-100, #c6a246);
  color: var(--Green-100, #103a3b);
}
.profile-head__info ul li {
  color: var(--Green-40, #9fb0b1);
  font-size: 0.85714rem;
  line-height: 1.71429rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .profile-head__info ul li {
    font-weight: 400;
  }
}

.pofile-page {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .pofile-page {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    min-height: 300px;
  }
  .pofile-page .woocommerce-notices-wrapper {
    display: none;
  }
  .pofile-page .profile-nav {
    width: 100%;
    max-width: none;
  }
  .pofile-page .profile-main {
    display: none;
  }
  .pofile-page.active .woocommerce-notices-wrapper, .pofile-page.is-dashboard-content .woocommerce-notices-wrapper {
    display: block;
  }
  .pofile-page.active .profile-nav, .pofile-page.is-dashboard-content .profile-nav {
    display: none;
  }
  .pofile-page.active .profile-main, .pofile-page.is-dashboard-content .profile-main {
    display: block;
  }
  .pofile-page.is-dashboard-sidebar .profile-nav.profile-page-sidebar {
    display: flex;
  }
  .pofile-page.is-dashboard-sidebar .profile-main {
    display: none;
  }
}

.profile-main {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.profile-nav {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 382px;
  max-width: 100%;
  margin: 0;
  padding: 24px;
  border: 1px solid #F2F2F2;
  border-radius: 16px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.profile-nav:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #EDDDAE;
  height: 160px;
  z-index: 0;
}
@media (max-width: 991px) {
  .profile-nav {
    padding: 16px;
  }
}
.profile-nav__user {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 12px;
  background: url('data:image/svg+xml,<svg width="149" height="141" viewBox="0 0 149 141" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M123.163 192.293L147.308 103.02C150.192 92.3543 147.062 81.0625 138.506 73.499L69.4706 8.63671C61.3291 1.17445 49.3126 -1.7597 38.3935 1.04839L-54.8936 25.8541C-66.334 28.9561 -74.8059 37.4149 -77.6904 48.0803L-101.942 137.748C-104.826 148.414 -101.696 159.706 -93.1404 167.269L-23.9979 231.736C-15.8565 239.199 -3.84002 242.133 7.07915 239.325L100.887 214.225C111.807 211.417 120.278 202.958 123.163 192.293Z" fill="url(%23paint0_linear_11917_840)" fill-opacity="0.61"/><defs><linearGradient id="paint0_linear_11917_840" x1="144.755" y1="133.298" x2="-79.2449" y2="63.9092" gradientUnits="userSpaceOnUse"><stop stop-color="%23EDDDAE"/><stop offset="1" stop-color="%23EDDDAE" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat left top 12px, #EFEADC;
  position: relative;
  z-index: 3;
}
@media (max-width: 991px) {
  .profile-nav__user {
    border-radius: 8px;
  }
}
.profile-nav__user-name {
  color: #544415;
  font-size: 22px;
  line-height: 35px;
  font-weight: 800;
  margin-bottom: 24px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
@media (max-width: 991px) {
  .profile-nav__user-name {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 32px;
  }
}
.profile-nav__user-meta {
  color: #54534F;
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
}
.profile-nav__user-meta + .profile-nav__user-meta {
  margin-top: 8px;
}
.profile-nav__navigation {
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991px) {
  .profile-nav__navigation {
    margin-top: 16px;
    gap: 8px;
  }
}
.profile-nav__item {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #706E69;
  font-weight: 400;
  line-height: 27px;
  font-size: 14px;
  min-height: 44px;
  padding: 8px;
  border-bottom: 1px solid transparent;
  opacity: 1;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .profile-nav__item {
    border-bottom-color: #FAFAFA;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 4L6 8L10 12" stroke="%23BAB9B5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: left 8px center;
    background-repeat: no-repeat;
  }
}
.profile-nav__item svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: #BAB9B5;
}
@media (max-width: 991px) {
  .profile-nav__item svg {
    width: 16px;
    height: 16px;
  }
}
.profile-nav__item.active, .profile-nav__item:hover {
  color: var(--Green-100, #103a3b);
  border-bottom-color: var(--Gold-100, #c6a246);
}
.profile-nav__item.active {
  background-color: #FAFAFA;
}
.profile-nav__item.active svg {
  color: #D3AB35;
}
.profile-nav__item:hover {
  border-bottom-color: var(--Gold-100, #c6a246);
}
.profile-nav__logout {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
  padding: 8px;
  color: #ec3c2c;
  font-size: 12px;
  line-height: 23px;
  font-weight: 500;
  border: 0;
  background: transparent;
  margin-top: 80px;
}
.profile-nav__logout svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease-out;
}
@media (max-width: 991px) {
  .profile-nav__logout {
    margin-top: 16px;
  }
}
.profile-nav__logout:hover svg {
  transform: translateX(-4px);
}

@media (max-width: 991px) {
  .profile-content .categories-page__products {
    padding-bottom: 24px;
  }
}
.profile-content__title {
  font-size: 22px;
  line-height: 35px;
  color: #544415;
  font-weight: 800;
}
@media (max-width: 991px) {
  .profile-content__title {
    display: none;
  }
}
.profile-content__title--bold {
  font-weight: 600;
}
.profile-content__head {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .profile-content__head {
    margin-bottom: 0;
  }
}
.profile-content__head--address {
  color: #A9892A;
  font-size: 14px;
  line-height: 1.71429rem;
  font-weight: 600;
  gap: 4px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .profile-content__head--address {
    justify-content: center;
    width: 100%;
    height: 43px;
    border-radius: 8px;
    border: 1px solid #A9892A;
    gap: 4px;
    color: #A9892A;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    position: absolute;
    bottom: 24px;
    right: 0;
  }
}
.profile-content__head--wallet {
  color: var(--Gold-100, #c6a246);
  font-size: 0.85714rem;
  line-height: 1.71429rem;
  font-weight: 600;
  gap: 4px;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 40px;
}
.profile-content__head--wallet:before {
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00016 3.33331V12.6666M3.3335 7.99998H12.6668' stroke='%23C6A246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  transition: background-image 0.3s;
}
.profile-content__head--wallet:hover {
  color: var(--Green-100, #103a3b);
}
.profile-content__head--wallet:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00016 3.33331V12.6666M3.3335 7.99998H12.6668' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width: 991px) {
  .profile-content__head--wallet {
    justify-content: center;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 2px solid var(--Green-100, #103a3b);
    color: var(--Green-100, #103a3b);
    gap: 4px;
    font-weight: 450;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 0;
    margin-left: 0;
  }
  .profile-content__head--wallet:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00016 3.33331V12.6666M3.3335 7.99998H12.6668' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .profile-content__head--wallet:hover {
    color: var(--Green-100, #103a3b);
  }
  .profile-content__head--wallet:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00016 3.33331V12.6666M3.3335 7.99998H12.6668' stroke='%23103A3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

.profile-orders-state {
  padding-top: 0;
  padding-bottom: 48px;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .profile-orders-state {
    padding-bottom: 24px;
    margin-bottom: 40px;
    border-bottom: 0;
  }
}
.profile-orders-state ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  overflow: visible;
}
@media (max-width: 991px) {
  .profile-orders-state ul {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
  }
}
.profile-orders-state ul li {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  padding: 16px;
  border-left: 1px solid #F2F2F2;
}
@media (max-width: 991px) {
  .profile-orders-state ul li {
    border-left: 0;
    flex: 0 0 auto;
    gap: 16px;
    position: relative;
  }
  .profile-orders-state ul li::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    height: 1px;
    background: #F2F2F2;
  }
}
.profile-orders-state ul li svg {
  flex-shrink: 0;
  width: 58px;
  height: 58px;
}
@media (max-width: 991px) {
  .profile-orders-state ul li svg {
    width: 40px;
    height: 40px;
  }
}
.profile-orders-state ul li:after {
  display: none;
}
@media (max-width: 991px) {
  .profile-orders-state ul li:last-child:before {
    display: none;
  }
}
.profile-orders-state ul li .profile-orders-state__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
@media (max-width: 991px) {
  .profile-orders-state ul li .profile-orders-state__text {
    gap: 2px;
  }
}
.profile-orders-state ul li .profile-orders-state__text strong {
  flex-shrink: 1;
  color: #383734;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 991px) {
  .profile-orders-state ul li .profile-orders-state__text strong {
    font-size: 14px;
    line-height: 27px;
  }
}
.profile-orders-state ul li .profile-orders-state__text span {
  color: #706E69;
  font-size: 12px;
  line-height: 27px;
  font-weight: 400;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .profile-orders-state ul li .profile-orders-state__text span {
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
  }
}

.profile-related {
  padding-top: 0;
  border-top: none;
}
.profile-related .site-head {
  margin-bottom: 16px;
  justify-content: flex-start;
}
.profile-related .site-title {
  color: #383734;
  font-size: 22px;
  line-height: 35px;
  letter-spacing: -0.01286rem;
  font-weight: 800;
}
@media (max-width: 991px) {
  .profile-related .site-title {
    font-size: 20px;
    line-height: 32px;
  }
}
.profile-related__products {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
}
.profile-related__products > .product-card,
.profile-related__products > .product-card-item {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  max-width: none;
}
@media (max-width: 991px) {
  .profile-related__products {
    flex-wrap: nowrap;
    gap: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-right: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-right: 16px;
    padding-left: 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
  .profile-related__products::-webkit-scrollbar {
    display: none;
  }
  .profile-related__products > .product-card,
  .profile-related__products > .product-card-item {
    flex: 0 0 auto;
    width: 253px;
    max-width: 253px;
    scroll-snap-align: start;
  }
}
.profile-related__empty {
  flex: 1 1 100%;
  color: var(--Green-60, #70898a);
  margin: 0;
}
.profile-related__no-border {
  padding-top: 40px;
  border-top: none;
}
.profile-related__no-border .profile-related__title {
  font-size: 22px;
  line-height: 35px;
  margin-bottom: 16px;
  color: #706E69;
  font-weight: 800;
}
.profile-related__no-border .profile-related__title span {
  color: #383734;
}
@media (max-width: 991px) {
  .profile-related__no-border {
    padding-top: 16px;
  }
}
.profile-related__mini-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 991px) {
  .profile-related__mini-products {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.return-to-profile-sidebar {
  display: none;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 24px;
  border: 0;
  border-radius: 8px;
  color: #706E69;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
  cursor: pointer;
  background-color: #FAFAFA;
  padding: 8px;
}
.return-to-profile-sidebar:before {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  content: "";
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19M15 8L19 12L15 16" stroke="%2354534F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}
@media (max-width: 991px) {
  .return-to-profile-sidebar {
    display: inline-flex;
  }
}

.profile-links {
  margin-bottom: 40px;
  gap: 8px;
  display: flex;
  white-space: nowrap;
  overflow-x: visible;
  overflow-y: hidden;
  scrollbar-width: none;
  align-items: center;
}
@media (max-width: 991px) {
  .profile-links {
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 24px;
  }
}
.profile-links a,
.profile-links button {
  border-radius: 4px;
  border: 1px solid var(--Green-10, #e7ebeb);
  display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: var(--Green-100, #103a3b);
  font-size: 0.85714rem;
  line-height: 1.71429rem;
  font-weight: 450;
  height: 32px;
}
.profile-links a span,
.profile-links button span {
  border-radius: 50%;
  corner-shape: round;
  background-color: var(--Green-10, #e7ebeb);
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--Green-100, #103a3b);
  line-height: 1.28571rem;
  padding-top: 2px;
}
.profile-links a.active, .profile-links a:hover,
.profile-links button.active,
.profile-links button:hover {
  background: var(--Gold-100, #c6a246);
  border-color: var(--Gold-100, #c6a246);
  color: var(--White, #fff);
}
.profile-links a.active span, .profile-links a:hover span,
.profile-links button.active span,
.profile-links button:hover span {
  background-color: var(--White, #fff);
  color: var(--Gold-100, #c6a246);
}

.profile-title {
  color: var(--Green-100, #103a3b);
  font-size: 1.14286rem;
  letter-spacing: -0.01143rem;
  line-height: 2.28571rem;
  font-weight: 600;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .profile-title {
    font-size: 1rem;
    font-weight: 450;
    line-height: 1.71429rem;
    letter-spacing: normal;
    color: var(--Green-120, #0d2e2f);
  }
}

.profile-subtitle {
  margin-bottom: 16px;
  color: var(--Green-100, #103a3b);
  font-weight: 700;
  line-height: 2.28571rem;
  font-size: 1.14286rem;
  letter-spacing: -0.01143rem;
}
@media (max-width: 991px) {
  .profile-subtitle {
    font-weight: 600;
    font-size: 1.14286rem;
    line-height: 1.71429rem;
  }
}

.profile-order-card {
  border-radius: 16px;
  border: 1px solid #F2F2F2;
  background: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (max-width: 991px) {
  .profile-order-card {
    padding: 8px;
    border-radius: 8px;
    gap: 8px;
    position: relative;
  }
}
.profile-order-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .profile-order-card__head {
    padding-bottom: 20px;
  }
}
.profile-order-card__head-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}
@media (max-width: 991px) {
  .profile-order-card__head-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.profile-order-card__number {
  color: #706E69;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .profile-order-card__number {
    font-size: 14px;
    line-height: 27px;
  }
}
.profile-order-card__number span {
  color: #103A3B;
}
.profile-order-card__badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 991px) {
  .profile-order-card__badges {
    gap: 8px;
  }
}
.profile-order-card__badge {
  display: flex;
  right: 8px;
  top: 8px;
  border-radius: 8px;
  background: #004A29;
  color: #fff;
  position: absolute;
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  z-index: 2;
}
@media (max-width: 991px) {
  .profile-order-card__badge {
    font-size: 10px;
    line-height: 19px;
    padding: 4px 8px;
  }
}
.profile-order-card__badge {
  position: static;
}
.profile-order-card__badge--current {
  background: #004A29;
}
.profile-order-card__badge--ready {
  background: #004A29;
}
.profile-order-card__badge--completed {
  background: #68A883;
}
.profile-order-card__badge--cancelled {
  background: #C6454A;
}
.profile-order-card__badge--default {
  background: #004A29;
}
.profile-order-card__date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #706E69;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .profile-order-card__date {
    position: absolute;
    font-size: 12px;
    line-height: 19px;
    gap: 4px;
    bottom: 54px;
    right: 8px;
    line-height: 19px;
  }
}
.profile-order-card__date svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #A9892A;
}
.profile-order-card__thumbs {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.profile-order-card__thumbs li {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .profile-order-card__thumbs li {
    width: 80px;
    height: 80px;
    border-radius: 8px;
  }
}
.profile-order-card__thumbs li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.profile-order-card__thumbs li span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 58, 59, 0.72);
  color: #fff;
  font-size: 0.85714rem;
  font-weight: 600;
}
.profile-order-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 24px;
  border-top: 1px solid #F2F2F2;
}
@media (max-width: 991px) {
  .profile-order-card__foot {
    padding-top: 43px;
    padding-bottom: 8px;
  }
}
.profile-order-card__total {
  color: #706E69;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 991px) {
  .profile-order-card__total {
    font-size: 14px;
    font-weight: 400;
  }
}
.profile-order-card__total strong {
  color: #004A29;
  font-weight: 600;
}
@media (max-width: 991px) {
  .profile-order-card__total strong {
    font-weight: 400;
  }
}
.profile-order-card__details {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #A9892A;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .profile-order-card__details {
    position: absolute;
    inset: 0;
    text-indent: -9999px;
  }
  .profile-order-card__details svg {
    display: none;
  }
}
.profile-order-card__details svg {
  transition: transform 0.3s ease-out;
}
.profile-order-card__details svg path {
  stroke: currentColor;
}
.profile-order-card__details:hover {
  color: #103A3B;
}
.profile-order-card__details:hover svg {
  transform: translateX(-4px);
}

.profile-orders-page__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .profile-orders-page__head {
    margin-bottom: 24px;
  }
}
.profile-orders-page__head .profile-content__title {
  margin-bottom: 0;
}

.profile-orders-search {
  position: relative;
  width: 288px;
  max-width: 100%;
}
@media (max-width: 991px) {
  .profile-orders-search {
    width: 100%;
  }
}
.profile-orders-search__input {
  width: 100%;
  height: 48px;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  padding: 10px 36px 10px 10px;
  color: #103A3B;
  font-size: 14px;
  line-height: 28px;
  background: #fff;
  outline: none;
  transition: 0.3s ease-out;
}
.profile-orders-search__input::placeholder {
  color: #BAB9B5;
}
.profile-orders-search__input:focus {
  border-color: #C6A246;
}
.profile-orders-search__submit {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #A3A19C;
  cursor: pointer;
}
.profile-orders-search__submit svg {
  width: 16px;
  height: 16px;
}

.profile-orders-tabs {
  display: flex !important;
  float: none !important;
  flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 24px !important;
}
@media (max-width: 991px) {
  .profile-orders-tabs {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    gap: 16px;
    margin: 0 -16px;
    padding: 0 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .profile-orders-tabs::-webkit-scrollbar {
    display: none;
  }
}
.profile-orders-tabs .skltbs-tab-item {
  float: none !important;
  margin: 0 !important;
}
.profile-orders-tabs .skltbs-tab {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  border-radius: 999px !important;
  border: 0 !important;
  font-size: 16px !important;
  line-height: 26px;
  font-weight: 600;
  color: #706E69;
  transition: 0.3s ease-out;
  position: relative;
  padding-bottom: 8px;
}
@media (max-width: 991px) {
  .profile-orders-tabs .skltbs-tab {
    font-size: 12px !important;
    line-height: 19px;
  }
}
.profile-orders-tabs .skltbs-tab:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #004A29;
  border-radius: 50px;
  transition: 0.3s ease-out;
  opacity: 0;
}
.profile-orders-tabs .skltbs-tab span {
  min-width: 21px;
  height: 21px;
  padding: 2.5px 6px;
  border-radius: 8px;
  background: #F2F2F2;
  color: #54534F;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: 0.3s ease-out;
}
.profile-orders-tabs .skltbs-tab.skltbs-active {
  color: #005C33;
}
.profile-orders-tabs .skltbs-tab.skltbs-active span {
  background: #004A29;
  color: #fff;
}
.profile-orders-tabs .skltbs-tab.skltbs-active:after {
  opacity: 1;
}

.orders-tabs .skltbs-panel-group,
.wishlist-tabs .skltbs-panel-group,
.wallet-tabs .skltbs-panel-group {
  position: relative;
}
.orders-tabs .skltbs-panel,
.wishlist-tabs .skltbs-panel,
.wallet-tabs .skltbs-panel {
  padding: 0 !important;
  border: 0 !important;
  width: 100%;
  box-sizing: border-box;
}
.orders-tabs.use-fade-scale .skltbs-leave,
.wishlist-tabs.use-fade-scale .skltbs-leave,
.wallet-tabs.use-fade-scale .skltbs-leave {
  left: 0;
  right: 0;
  width: 100%;
}

.profile-wishlist-page .profile-content__title {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .profile-wishlist-page .profile-content__title {
    margin-bottom: 24px;
  }
}
.profile-wishlist-page .wishlist-products-container {
  width: 100%;
  overflow: visible;
  padding-top: 8px;
}
.profile-wishlist-page .wishlist-products-grid.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  overflow: visible;
}
.profile-wishlist-page .wishlist-products-grid.products > .product-card,
.profile-wishlist-page .wishlist-products-grid.products > .product-card-item {
  width: 100%;
  min-width: 0;
  max-width: none;
  overflow: visible;
}
@media (max-width: 991px) {
  .profile-wishlist-page .wishlist-products-grid.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .profile-wishlist-page .wishlist-products-grid.products {
    grid-template-columns: minmax(0, 1fr);
  }
}

.wishlist-tabs .skltbs-panel-group {
  overflow: visible;
}
.wishlist-tabs .skltbs-panel {
  overflow: visible;
}

@media (max-width: 991px) {
  .profile-wallet-page {
    padding-bottom: 91px;
  }
}
.profile-wallet-page__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .profile-wallet-page__head {
    margin-bottom: 24px;
  }
}
.profile-wallet-page__head .profile-content__title {
  margin-bottom: 0;
  display: block;
}
.profile-wallet-page__topup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #C6A246;
  border-radius: 8px;
  color: #C6A246;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  background: #fff;
  transition: 0.3s ease-out;
  white-space: nowrap;
}
.profile-wallet-page__topup:hover {
  background: #C6A246;
  color: #fff;
}
@media (max-width: 991px) {
  .profile-wallet-page__topup {
    justify-content: center;
    width: 100%;
    height: 43px;
    border-radius: 8px;
    border: 1px solid #A9892A;
    gap: 4px;
    color: #A9892A;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    position: absolute;
    bottom: 24px;
    right: 0;
  }
}
.profile-wallet-page .profile-wallet-tabs {
  margin-bottom: 24px !important;
}
.profile-wallet-page .wallet-table {
  background: #fff;
  overflow: hidden;
}
@media (max-width: 991px) {
  .profile-wallet-page .wallet-table {
    border-radius: 12px;
    overflow-x: auto;
  }
}
.profile-wallet-page .wallet-table table {
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.profile-wallet-page .wallet-table__empty td {
  text-align: center !important;
  color: #706E69;
  padding: 40px 16px !important;
}
.profile-wallet-page .green-color {
  color: #008000 !important;
  font-weight: 600;
}
.profile-wallet-page .red-color {
  color: #E11D48 !important;
  font-weight: 600;
}

.wallet-tabs .skltbs-panel-group {
  overflow: visible;
}

.orders-content-wrapper {
  position: relative;
  min-height: 200px;
  transition: opacity 0.25s ease;
}
.orders-content-wrapper.is-loading {
  pointer-events: none;
}
.orders-content-wrapper.is-updating .profile-orders-list,
.orders-content-wrapper.is-updating .main-basket-empty {
  animation: catalogFadeIn 0.35s ease both;
}

.profile-orders-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.profile-orders-pagination {
  margin-top: 32px;
  transition: opacity 0.3s ease-out;
}
.profile-orders-pagination.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

.last-orders-cards {
  display: flex;
  gap: 64px 16px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .last-orders-cards {
    gap: 16px;
  }
}
.last-orders-cards .profile-order-card {
  margin-bottom: 0;
  flex: 0 0 calc(50% - 8px);
  max-width: calc(50% - 8px);
}
@media (max-width: 991px) {
  .last-orders-cards .profile-order-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.profile-order-details-head {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px;
}
@media (max-width: 991px) {
  .profile-order-details-head {
    margin-bottom: 16px;
  }
}
.profile-order-details-head__title {
  flex: 1;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .profile-order-details-head__title {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.profile-order-details-head__title--back {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19M13 6L19 12L13 18" stroke="%23A9892A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
@media (max-width: 991px) {
  .profile-order-details-head__title--back {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19M15 8L19 12L15 16" stroke="%2354534F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
}
.profile-order-details-head__title strong {
  color: #544415;
  font-size: 22px;
  line-height: 35px;
  font-weight: 800;
  margin-left: 12px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
@media (max-width: 991px) {
  .profile-order-details-head__title strong {
    font-size: 16px;
    line-height: 26px;
    margin-left: 0;
  }
}
.profile-order-details-head__title span {
  display: flex;
  right: 8px;
  top: 8px;
  border-radius: 8px;
  background: #004A29;
  color: #fff;
  position: absolute;
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  z-index: 2;
}
@media (max-width: 991px) {
  .profile-order-details-head__title span {
    font-size: 10px;
    line-height: 19px;
    padding: 4px 8px;
  }
}
.profile-order-details-head__title span {
  position: static;
}
.profile-order-details-head__status {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .profile-order-details-head__status {
    padding-right: 32px;
  }
}
.profile-order-details-head__print {
  color: #A9892A;
  line-height: 26px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 991px) {
  .profile-order-details-head__print {
    justify-content: center;
    width: 100%;
    height: 43px;
    border-radius: 8px;
    border: 1px solid #A9892A;
    gap: 4px;
    color: #A9892A;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    position: absolute;
    bottom: 24px;
    right: 0;
  }
  .profile-order-details-head__print svg {
    width: 20px;
    height: 20px;
  }
}
.profile-order-details-head__message {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 24px;
}
.profile-order-details-head__message--close {
  position: absolute;
  background-color: #A3A19C;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  width: 24px;
  height: 24px;
  left: 24px;
  top: 24px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.profile-order-details-head__message--close:hover {
  background-color: #103a3b;
}
.profile-order-details-head__message .offline-pay-timer {
  margin-top: 8px;
}
.profile-order-details-head__message .offline-pay-timer__time:after {
  background: #54534F;
}
.profile-order-details-head__message .offline-pay-timer__progress {
  background: var(--White, #FFF);
}
.profile-order-details-head__message .offline-pay-timer__progress--complete {
  background: #54534F;
}
.profile-order-details-head__message .woocommerce-notices-wrapper ul {
  margin-bottom: 0;
}
.profile-order-details-head__message:has(.profile-order-details-head__message--close) {
  position: relative;
}
.profile-order-details-head__message:has(.profile-order-details-head__message--close) ul {
  padding-left: 48px;
}
.profile-order-details-head__offline {
  padding-top: 24px;
  border-bottom: 1px solid #F2F2F2;
  width: 100%;
}
.profile-order-details-head__offline--description {
  margin-bottom: 20px;
  color: var(--Green-80, #406162);
  font-weight: 400;
}
.profile-order-details-head__offline .offline-pay-description:has(.offline-pay-description__add--button.disabled) #zeloto-offline-receipts {
  margin-bottom: 24px;
}
.profile-order-details-head__offline .offline-pay-description #zeloto-offline-receipts {
  padding-left: 174px;
}
@media (max-width: 767px) {
  .profile-order-details-head__offline .offline-pay-description #zeloto-offline-receipts {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .profile-order-details-head__offline .offline-pay-description #zeloto-offline-receipts .offline-pay-description__file {
    max-width: 100%;
  }
}
.profile-order-details-head__offline .offline-pay-description #zeloto-offline-receipts .offline-pay-description__file:last-child {
  margin-bottom: 0;
}
.profile-order-details-head__offline .offline-pay-description #zeloto-offline-upload-slots {
  width: 100%;
}
.profile-order-details-head__offline .offline-pay-description__upload {
  max-width: 1054px;
  position: relative;
}
.profile-order-details-head__offline .offline-pay-description__upload .form-groups {
  position: relative;
  padding-left: 204px;
}
@media (max-width: 767px) {
  .profile-order-details-head__offline .offline-pay-description__upload .form-groups {
    padding-left: 0;
  }
}
.profile-order-details-head__offline .offline-pay-description__upload .form-groups .form-group .form-control {
  height: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.profile-order-details-head__offline .offline-pay-description__upload .form-groups .form-group:has(.form-label) .form-control__icon {
  top: 42px;
}
@media (max-width: 991px) {
  .profile-order-details-head__offline .offline-pay-description__upload .form-groups .form-group:has(.form-label) .form-control__icon {
    top: 42px;
  }
}
.profile-order-details-head__offline .offline-pay-description__upload .form-groups #zeloto-offline-resubmit {
  position: absolute;
  left: 0;
  top: 31px;
  width: 180px;
  height: 48px;
}
@media (max-width: 991px) {
  .profile-order-details-head__offline .offline-pay-description__upload .form-groups #zeloto-offline-resubmit {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .profile-order-details-head__offline .offline-pay-description__upload .form-groups #zeloto-offline-resubmit {
    width: 100%;
    position: static;
  }
}
.profile-order-details-head__offline .offline-pay-description__add {
  margin-top: 16px;
}
.profile-order-details-head__offline .offline-pay-description ul {
  gap: 8px;
}
.profile-order-details-head__offline .offline-pay-description ul li strong {
  color: var(--Gold-160, #4f411c);
}
.profile-order-details-head__offline .offline-pay-description ul li .copy-number:not(:hover) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 8V6C16 5.46957 15.7893 4.96086 15.4142 4.58579C15.0391 4.21071 14.5304 4 14 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H8M10 8H18C19.1046 8 20 8.89543 20 10V18C20 19.1046 19.1046 20 18 20H10C8.89543 20 8 19.1046 8 18V10C8 8.89543 8.89543 8 10 8Z' stroke='%23C6A246' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 991px) {
  .profile-order-details {
    position: relative;
    padding-bottom: 91px;
  }
}

.profile-order-details-content {
  border: 1px solid #F2F2F2;
  padding: 24px;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .profile-order-details-content {
    padding: 0;
    border-radius: 0;
    border: 0;
  }
}
.profile-order-details-content ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 64px;
  row-gap: 16px;
  position: relative;
  margin: 0;
}
@media (max-width: 991px) {
  .profile-order-details-content ul {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 16px;
  }
}
.profile-order-details-content__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
.profile-order-details-content__item:before {
  content: "";
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}
.profile-order-details-content__item--date:before {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.666 2V4.66667M5.33268 2V4.66667M2.66602 7.33333H13.3327M3.99935 3.33333H11.9993C12.7357 3.33333 13.3327 3.93029 13.3327 4.66667V12.6667C13.3327 13.403 12.7357 14 11.9993 14H3.99935C3.26297 14 2.66602 13.403 2.66602 12.6667V4.66667C2.66602 3.93029 3.26297 3.33333 3.99935 3.33333ZM5.33268 10H6.66602V11.3333H5.33268V10Z" stroke="%2368A883" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.profile-order-details-content__item--delivery:before {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.86333 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V4.66667C2 4.31304 2.14048 3.97391 2.39052 3.72386C2.64057 3.47381 2.97971 3.33333 3.33333 3.33333H11.3333C11.687 3.33333 12.0261 3.47381 12.2761 3.72386C12.5262 3.97391 12.6667 4.31304 12.6667 4.66667V7.33333H2M10 2V4.66667M4.66667 2V4.66667M12 10.9974V12.0001L12.6667 12.6667M14.6667 12C14.6667 13.4728 13.4728 14.6667 12 14.6667C10.5272 14.6667 9.33333 13.4728 9.33333 12C9.33333 10.5272 10.5272 9.33333 12 9.33333C13.4728 9.33333 14.6667 10.5272 14.6667 12Z" stroke="%2368A883" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.profile-order-details-content__item--address:before {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99935 9.33341C9.10392 9.33341 9.99935 8.43798 9.99935 7.33341C9.99935 6.22885 9.10392 5.33341 7.99935 5.33341C6.89478 5.33341 5.99935 6.22885 5.99935 7.33341C5.99935 8.43798 6.89478 9.33341 7.99935 9.33341Z" stroke="%2368A883" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7707 11.1047L8.94202 13.9334C8.69201 14.1831 8.35307 14.3234 7.99968 14.3234C7.6463 14.3234 7.30736 14.1831 7.05735 13.9334L4.22802 11.1047C3.48217 10.3588 2.97424 9.40852 2.76848 8.37396C2.56271 7.3394 2.66834 6.26706 3.07202 5.29254C3.4757 4.31801 4.15928 3.48508 5.03634 2.89905C5.9134 2.31303 6.94453 2.00024 7.99935 2.00024C9.05417 2.00024 10.0853 2.31303 10.9624 2.89905C11.8394 3.48508 12.523 4.31801 12.9267 5.29254C13.3304 6.26706 13.436 7.3394 13.2302 8.37396C13.0245 9.40852 12.5165 10.3588 11.7707 11.1047Z" stroke="%2368A883" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.profile-order-details-content__item--total:before {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.33398 2V4.66667C9.33398 4.84348 9.40422 5.01305 9.52925 5.13807C9.65427 5.2631 9.82384 5.33333 10.0007 5.33333H12.6673M12.6673 5.33333L9.33398 2H4.66732C4.3137 2 3.97456 2.14048 3.72451 2.39052C3.47446 2.64057 3.33398 2.97971 3.33398 3.33333V12.6667C3.33398 13.0203 3.47446 13.3594 3.72451 13.6095C3.97456 13.8595 4.3137 14 4.66732 14H11.334C11.6876 14 12.0267 13.8595 12.2768 13.6095C12.5268 13.3594 12.6673 13.0203 12.6673 12.6667V5.33333ZM6.00065 4.66667H6.66732M6.00065 8.66667H10.0007M8.66732 11.3333H10.0007" stroke="%2368A883" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.profile-order-details-content__item--shipping:before {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.00065 11.3333C6.00065 12.0696 5.4037 12.6666 4.66732 12.6666C3.93094 12.6666 3.33398 12.0696 3.33398 11.3333M6.00065 11.3333C6.00065 10.5969 5.4037 9.99992 4.66732 9.99992C3.93094 9.99992 3.33398 10.5969 3.33398 11.3333M6.00065 11.3333H10.0007M3.33398 11.3333H2.00065V8.66658M12.6673 11.3333C12.6673 12.0696 12.0704 12.6666 11.334 12.6666C10.5976 12.6666 10.0007 12.0696 10.0007 11.3333M12.6673 11.3333C12.6673 10.5969 12.0704 9.99992 11.334 9.99992C10.5976 9.99992 10.0007 10.5969 10.0007 11.3333M8.66732 3.99992H12.0007L14.0007 7.33325V11.3333H12.6673M1.33398 3.33325H8.66732V11.3333M14.0007 7.33325H8.66732M2.00065 5.99992H4.66732" stroke="%2368A883" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.profile-order-details-content__item--phone:before {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33333 2.66675H6L7.33333 6.00008L5.66667 7.00008C6.38064 8.44777 7.55231 9.61944 9 10.3334L10 8.66675L13.3333 10.0001V12.6667C13.3333 13.0204 13.1929 13.3595 12.9428 13.6096C12.6928 13.8596 12.3536 14.0001 12 14.0001C9.39951 13.842 6.94677 12.7377 5.10455 10.8955C3.26234 9.05331 2.15803 6.60057 2 4.00008C2 3.64646 2.14048 3.30732 2.39052 3.05727C2.64057 2.80722 2.97971 2.66675 3.33333 2.66675Z" stroke="%2368A883" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.profile-order-details-content__label {
  flex-shrink: 0;
  white-space: nowrap;
  color: #8C8A83;
}
.profile-order-details-content__value {
  min-width: 0;
  color: #54534F;
}

.profile-addresses {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 991px) {
  .profile-addresses {
    padding-bottom: 91px;
    gap: 24px;
  }
}
.profile-addresses__card {
  border-radius: 16px;
  border: 1px solid #F2F2F2;
  background: var(--White, #fff);
  padding: 24px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  position: relative;
  transition: opacity 0.28s ease, transform 0.28s ease;
}
.profile-addresses__card.is-loading {
  overflow: hidden;
  pointer-events: none;
}
.profile-addresses__card.is-removing {
  opacity: 0;
  transform: translateY(8px) scale(0.98);
}
@media (max-width: 991px) {
  .profile-addresses__card {
    position: relative;
    padding: 16px;
    flex-direction: column;
    gap: 8px;
    border-radius: 8px;
  }
}
.profile-addresses__card--info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  padding-left: 200px;
}
@media (max-width: 991px) {
  .profile-addresses__card--info {
    gap: 8px;
    padding-left: 0;
  }
}
.profile-addresses__card--info strong {
  color: #383734;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.profile-addresses__card--info_location:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_4771_10493)'%3E%3Cpath d='M7.99984 9.33332C9.10441 9.33332 9.99984 8.43789 9.99984 7.33332C9.99984 6.22875 9.10441 5.33332 7.99984 5.33332C6.89527 5.33332 5.99984 6.22875 5.99984 7.33332C5.99984 8.43789 6.89527 9.33332 7.99984 9.33332Z' stroke='%23004A29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7712 11.1046L8.94251 13.9333C8.6925 14.183 8.35356 14.3233 8.00017 14.3233C7.64678 14.3233 7.30785 14.183 7.05784 13.9333L4.22851 11.1046C3.48265 10.3587 2.97473 9.40842 2.76896 8.37387C2.5632 7.33931 2.66883 6.26697 3.07251 5.29244C3.47618 4.31792 4.15977 3.48498 5.03683 2.89896C5.91388 2.31294 6.94502 2.00015 7.99984 2.00015C9.05466 2.00015 10.0858 2.31294 10.9629 2.89896C11.8399 3.48498 12.5235 4.31792 12.9272 5.29244C13.3308 6.26697 13.4365 7.33931 13.2307 8.37387C13.0249 9.40842 12.517 10.3587 11.7712 11.1046Z' stroke='%23004A29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4771_10493'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.profile-addresses__card--info_family:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 14V12.6667C4 11.9594 4.28095 11.2811 4.78105 10.781C5.28115 10.281 5.95942 10 6.66667 10H9.33333C10.0406 10 10.7189 10.281 11.219 10.781C11.719 11.2811 12 11.9594 12 12.6667V14M10.6667 4.66667C10.6667 6.13943 9.47276 7.33333 8 7.33333C6.52724 7.33333 5.33333 6.13943 5.33333 4.66667C5.33333 3.19391 6.52724 2 8 2C9.47276 2 10.6667 3.19391 10.6667 4.66667Z' stroke='%23004A29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.profile-addresses__card--info_tools {
  display: flex;
  align-items: center;
  gap: 24px;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .profile-addresses__card--info_tools {
    margin-top: 16px;
    opacity: 1;
    position: static;
    justify-content: space-between;
  }
}
.profile-addresses__card--info_tools-edit {
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 7H6C5.46957 7 4.96086 7.21071 4.58579 7.58579C4.21071 7.96086 4 8.46957 4 9V18C4 18.5304 4.21071 19.0391 4.58579 19.4142C4.96086 19.7893 5.46957 20 6 20H15C15.5304 20 16.0391 19.7893 16.4142 19.4142C16.7893 19.0391 17 18.5304 17 18V15M16 5L19 8M9 15H12L20.5 6.49998C20.8978 6.10216 21.1213 5.56259 21.1213 4.99998C21.1213 4.43737 20.8978 3.89781 20.5 3.49998C20.1022 3.10216 19.5626 2.87866 19 2.87866C18.4374 2.87866 17.8978 3.10216 17.5 3.49998L9 12V15Z" stroke="%23A9892A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: right center;
  padding-right: 28px;
  color: #A9892A;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .profile-addresses__card--info_tools-edit {
    background-size: 20px;
    padding-right: 24px;
    font-size: 14px;
    height: 20px;
  }
}
.profile-addresses__card--info_tools-edit:hover {
  opacity: 0.7;
}
@media (max-width: 991px) {
  .profile-addresses__card--info_tools-edit:hover {
    opacity: 1;
  }
}
.profile-addresses__card--info_tools-remove {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7H20M10 11V17M14 11V17M5 7L6 19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21H16C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19L19 7M9 7V4C9 3.73478 9.10536 3.48043 9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V7' stroke='%23FF0000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 991px) {
  .profile-addresses__card--info_tools-remove {
    width: 20px;
    height: 20px;
  }
}
.profile-addresses__card--info_tools-remove:hover {
  opacity: 0.7;
}
@media (max-width: 991px) {
  .profile-addresses__card--info_tools-remove:hover {
    opacity: 1;
  }
}
.profile-addresses__card--info ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.profile-addresses__card--info ul li {
  color: #706E69;
  line-height: 27px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  gap: 4px;
}
@media (max-width: 991px) {
  .profile-addresses__card--info ul li {
    font-size: 1rem;
  }
}
.profile-addresses__card--info ul li:before {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  content: "";
  margin-top: 4px;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.profile-addresses__card--map {
  width: 180px;
  min-height: 120px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  order: -1;
}
.profile-addresses__card--map .leaflet-control-zoom {
  display: none;
}
@media (max-width: 991px) {
  .profile-addresses__card--map {
    width: 100%;
    height: 100px;
  }
}
.profile-addresses__card--map:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  opacity: 0.1;
  z-index: 400;
  background: linear-gradient(0deg, #184b4d 0%, #184b4d 100%);
}
.profile-addresses__card--map .map {
  width: 100%;
  height: 100%;
}
.profile-addresses__card:hover .profile-addresses__card--info_tools {
  opacity: 1;
}

.profile-new-address__head {
  margin-bottom: 40px;
  color: #544415;
  font-size: 22px;
  line-height: 35px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
@media (max-width: 991px) {
  .profile-new-address__head {
    font-size: 1.14286rem;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: normal;
  }
}
.profile-new-address__head--back {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
}
.profile-new-address__head--back:before {
  width: 24px;
  height: 24px;
  content: "";
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19M13 6L19 12L13 18" stroke="%23A9892A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.profile-new-address__area {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .profile-new-address__area {
    flex-direction: column;
    position: relative;
    padding-bottom: 56px;
  }
}
.profile-new-address__area--map {
  flex: 0 0 auto;
  width: 418px;
  max-width: 100%;
  position: relative;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.profile-new-address__area--map .map {
  width: 100%;
  height: 280px;
  border-radius: 16px;
  overflow: hidden;
  touch-action: none;
  cursor: grab;
}
@media (max-width: 991px) {
  .profile-new-address__area--map .map {
    height: 152px;
  }
}
.profile-new-address__area--form {
  flex: 1;
}
@media (max-width: 1199px) {
  .profile-new-address__area--form {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .profile-new-address__area--form {
    flex: 0 0 unset;
    max-width: unset;
    --ss-main-height: 40px;
  }
  .profile-new-address__area--form .form-groups .form-group {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.profile-new-address__area--form .btn {
  margin-top: 16px;
  width: 120px;
}
@media (max-width: 991px) {
  .profile-new-address__area--form .btn {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.wallet-modal {
  width: 100%;
}
.wallet-modal .modal__head {
  margin-bottom: 24px;
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .wallet-modal .modal__head {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
.wallet-modal__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 991px) {
  .wallet-modal__content {
    gap: 16px;
  }
}
.wallet-modal__label {
  display: block;
  margin-bottom: 16px;
  color: #54534F;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .wallet-modal__label {
    margin-bottom: 8px;
  }
}
.wallet-modal .form-label {
  color: #383734;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  margin-bottom: 4px;
}
.wallet-modal__values {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991px) {
  .wallet-modal__values {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.wallet-modal__values li {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 991px) {
  .wallet-modal__values li {
    flex: 1 1 calc(50% - 4px);
  }
}
.wallet-modal__values button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid #BAB9B5;
  border-radius: 8px;
  background: #fff;
  color: #706E69;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  white-space: nowrap;
  transition: 0.3s ease-out;
  cursor: pointer;
}
@media (max-width: 991px) {
  .wallet-modal__values button {
    font-size: 12px;
    min-height: 44px;
  }
}
.wallet-modal__values button:hover {
  border-color: #C6A246;
  color: #A9892A;
}
.wallet-modal__values button.is-active, .wallet-modal__values button.active {
  border-color: #C6A246 !important;
  background: #C6A246 !important;
  color: #fff !important;
  font-weight: 600;
}
.wallet-modal__amount {
  margin-bottom: 0;
}
.wallet-modal__input-wrap {
  position: relative;
  display: block;
}
.wallet-modal__input-wrap .form-control {
  width: 100%;
  height: 48px;
  padding: 12px 14px 12px 64px;
  border: 1px solid #F2F2F2;
  border-radius: 8px;
  background: #fff;
  color: #383734;
  font-size: 14px;
  line-height: 28px;
  outline: none;
  transition: border-color 0.25s ease-out;
}
.wallet-modal__input-wrap .form-control::placeholder {
  color: #BAB9B5;
}
.wallet-modal__input-wrap .form-control:focus {
  border-color: #C6A246;
}
.wallet-modal__currency {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #383734;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  pointer-events: none;
}
.wallet-modal .form-description {
  margin-top: 4px;
  margin-bottom: 0;
  color: #A3A19C;
  min-height: 20px;
  font-size: 12px;
  line-height: 23px;
  font-weight: 400;
}
.wallet-modal__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wallet-modal__submit {
  align-self: flex-start;
  min-width: 120px;
  height: 43px;
  border: 0;
  color: #fff;
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
  transition: 0.3s ease-out;
  padding: 8px 14px;
}
.wallet-modal__submit:hover {
  background: #A9892A;
  color: #fff;
}
@media (max-width: 991px) {
  .wallet-modal__submit {
    width: 100%;
    align-self: stretch;
  }
}

.settings-tabs {
  width: 100%;
}
.settings-tabs .skltbs-panel-group {
  position: relative;
  overflow: visible;
  width: 100%;
}
.settings-tabs .skltbs-panel {
  width: 100%;
  box-sizing: border-box;
  padding: 0 !important;
  border: 0 !important;
}
.settings-tabs.use-fade-scale .skltbs-leave,
.settings-tabs.use-fade-scale .skltbs-enter {
  left: 0;
  right: 0;
  width: 100%;
}
.settings-tabs .profile-settings-form,
.settings-tabs .profile-settings-account,
.settings-tabs .form-groups {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.profile-settings-tabs {
  display: flex !important;
  float: none !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px;
  margin-bottom: 32px !important;
}
@media (max-width: 991px) {
  .profile-settings-tabs {
    gap: 16px;
    margin: 0 -16px 24px !important;
    padding: 0 16px;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .profile-settings-tabs::-webkit-scrollbar {
    display: none;
  }
}
.profile-settings-tabs .skltbs-tab-item {
  float: none !important;
  margin: 0 !important;
}
.profile-settings-tabs .skltbs-tab, .profile-settings-tabs__item {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #706E69 !important;
  font-size: 16px !important;
  line-height: 26px;
  font-weight: 600;
  transition: color 0.3s ease-out;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 991px) {
  .profile-settings-tabs .skltbs-tab, .profile-settings-tabs__item {
    font-size: 12px !important;
    line-height: 19px;
    flex: 0 0 auto;
  }
}
.profile-settings-tabs .skltbs-tab:after, .profile-settings-tabs__item:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #004A29;
  border-radius: 50px;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.profile-settings-tabs .skltbs-tab:hover, .profile-settings-tabs__item:hover {
  color: #005C33 !important;
}
.profile-settings-tabs .skltbs-tab.is-active, .profile-settings-tabs .skltbs-tab.active, .profile-settings-tabs .skltbs-tab.skltbs-active, .profile-settings-tabs__item.is-active, .profile-settings-tabs__item.active, .profile-settings-tabs__item.skltbs-active {
  color: #005C33 !important;
}
.profile-settings-tabs .skltbs-tab.is-active:after, .profile-settings-tabs .skltbs-tab.active:after, .profile-settings-tabs .skltbs-tab.skltbs-active:after, .profile-settings-tabs__item.is-active:after, .profile-settings-tabs__item.active:after, .profile-settings-tabs__item.skltbs-active:after {
  opacity: 1;
}

.profile-settings-form,
.profile-settings-account {
  position: relative;
}
.profile-settings-form.is-loading,
.profile-settings-account.is-loading {
  pointer-events: none;
}
.profile-settings-form__description,
.profile-settings-account__description {
  margin-bottom: 16px;
  color: #54534F;
  font-weight: 400;
  line-height: 27px;
}
@media (max-width: 991px) {
  .profile-settings-form__description,
  .profile-settings-account__description {
    font-size: 0.85714rem;
    font-weight: 400;
  }
}
.profile-settings-form__description ul,
.profile-settings-account__description ul {
  list-style: none;
  padding-top: 8px;
}
.profile-settings-form__description ul li,
.profile-settings-account__description ul li {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .profile-settings-form,
  .profile-settings-account {
    max-width: 100%;
  }
}
.profile-settings-form .form-groups,
.profile-settings-account .form-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
}
.profile-settings-form .form-groups .form-group,
.profile-settings-account .form-groups .form-group {
  flex: unset;
  width: auto;
  max-width: none;
  min-width: 0;
}
.profile-settings-form .form-groups .form-group.w-full,
.profile-settings-account .form-groups .form-group.w-full {
  grid-column: 1/-1;
}
.profile-settings-form .form-groups.form-groups--bank,
.profile-settings-account .form-groups.form-groups--bank {
  grid-template-columns: minmax(0, 2fr) minmax(0, 5fr);
}
@media (max-width: 991px) {
  .profile-settings-form .form-groups.form-groups--bank,
  .profile-settings-account .form-groups.form-groups--bank {
    grid-template-columns: 1fr;
  }
  .profile-settings-form .form-groups.form-groups--bank .form-group,
  .profile-settings-account .form-groups.form-groups--bank .form-group {
    grid-column: 1/-1;
    width: 100%;
    max-width: 100%;
  }
}
.profile-settings-form .form-groups.form-groups--password,
.profile-settings-account .form-groups.form-groups--password {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.profile-settings-form .form-groups.form-groups--password .form-group--current-password,
.profile-settings-account .form-groups.form-groups--password .form-group--current-password {
  grid-column: 1/span 3;
}
.profile-settings-form .form-groups.form-groups--password .form-group--new-password,
.profile-settings-account .form-groups.form-groups--password .form-group--new-password {
  grid-column: 1/span 5;
}
.profile-settings-form .form-groups.form-groups--password .form-group--confirm-password,
.profile-settings-account .form-groups.form-groups--password .form-group--confirm-password {
  grid-column: 6/span 5;
}
@media (max-width: 991px) {
  .profile-settings-form .form-groups.form-groups--password,
  .profile-settings-account .form-groups.form-groups--password {
    grid-template-columns: 1fr;
  }
  .profile-settings-form .form-groups.form-groups--password .form-group--current-password,
  .profile-settings-form .form-groups.form-groups--password .form-group--new-password,
  .profile-settings-form .form-groups.form-groups--password .form-group--confirm-password,
  .profile-settings-account .form-groups.form-groups--password .form-group--current-password,
  .profile-settings-account .form-groups.form-groups--password .form-group--new-password,
  .profile-settings-account .form-groups.form-groups--password .form-group--confirm-password {
    grid-column: 1/-1;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .profile-settings-form .form-groups,
  .profile-settings-account .form-groups {
    grid-template-columns: 1fr;
  }
  .profile-settings-form .form-groups .form-group,
  .profile-settings-account .form-groups .form-group {
    grid-column: 1/-1;
  }
}
.profile-settings-form .form-group.w-full,
.profile-settings-account .form-group.w-full {
  grid-column: 1/-1;
}
.profile-settings-form .form-file .form-control,
.profile-settings-form .form-file .form-file__name,
.profile-settings-account .form-file .form-control,
.profile-settings-account .form-file .form-file__name {
  display: flex;
  align-items: center;
  color: #BAB9B5;
  font-size: 14px;
  line-height: 28px;
}
.profile-settings-form .form-control__icon,
.profile-settings-account .form-control__icon {
  color: #D3AB35;
}
.profile-settings-form .form-control__icon svg,
.profile-settings-account .form-control__icon svg {
  width: 20px;
  height: 20px;
  display: block;
}
.profile-settings-form .form-control__icon path,
.profile-settings-account .form-control__icon path {
  stroke: #D3AB35;
}
.profile-settings-form .form-tel .form-control,
.profile-settings-account .form-tel .form-control {
  height: 48px;
}
.profile-settings-form .form-tel__prefix,
.profile-settings-account .form-tel__prefix {
  min-height: 48px;
  height: 48px;
}
@media (max-width: 991px) {
  .profile-settings-form .form-tel .form-control,
  .profile-settings-account .form-tel .form-control {
    height: 40px;
  }
  .profile-settings-form .form-tel__prefix,
  .profile-settings-account .form-tel__prefix {
    min-height: 40px;
    height: 40px;
  }
}
.profile-settings-form jb-date-input,
.profile-settings-account jb-date-input {
  width: 100%;
  --jb-input-border-radius: 8px;
  --jb-input-border-color: #F2F2F2;
  --jb-input-border-color-focus: #C6A246;
  --jb-input-bg-color: #fff;
  --jb-input-height: 48px;
}
@media (max-width: 991px) {
  .profile-settings-form jb-date-input,
  .profile-settings-account jb-date-input {
    --jb-input-height: 40px;
    font-size: 14px;
  }
}
.profile-settings-form .calendar-trigger-icon,
.profile-settings-account .calendar-trigger-icon {
  color: #D3AB35;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-settings-form .calendar-trigger-icon svg,
.profile-settings-account .calendar-trigger-icon svg {
  width: 20px;
  height: 20px;
}
.profile-settings-form .calendar-trigger-icon path,
.profile-settings-account .calendar-trigger-icon path {
  stroke: #D3AB35;
}
.profile-settings-form .btn, .profile-settings-form__submit,
.profile-settings-account .btn,
.profile-settings-account__submit {
  margin-top: 24px;
  min-width: 120px;
  height: 43px;
  padding: 0 20px;
  border: 0;
  border-radius: 8px;
  background: #A9892A;
  color: #fff;
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
  gap: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease-out;
}
.profile-settings-form .btn:hover, .profile-settings-form__submit:hover,
.profile-settings-account .btn:hover,
.profile-settings-account__submit:hover {
  background: #A9892A;
  color: #fff;
}
@media (max-width: 991px) {
  .profile-settings-form .btn, .profile-settings-form__submit,
  .profile-settings-account .btn,
  .profile-settings-account__submit {
    width: 100%;
  }
}

.orders-content-wrapper__more {
  display: flex;
  justify-content: center;
}

.offline-pay-timer {
  width: 212px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
@media (max-width: 767px) {
  .offline-pay-timer {
    width: 180px;
  }
}
.offline-pay-timer__time {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  color: #54534F;
  line-height: 26px;
  font-weight: 600;
}
.offline-pay-timer__time:after {
  content: "";
  background-color: #3A875D;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 5.83333V10L12.5 12.5M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 5.83333V10L12.5 12.5M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  width: 20px;
  height: 20px;
}
.offline-pay-timer__progress {
  width: 100%;
  position: relative;
  background: #DCEEE3;
  border-radius: 28px;
  height: 8px;
  overflow: hidden;
}
.offline-pay-timer__progress--complete {
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  transition: width 0.5s;
  position: absolute;
  background: #3A875D;
  border-radius: 28px;
}

.offline-pay-description__head {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.offline-pay-description__head--title {
  color: #383734;
  font-size: 18px;
  line-height: 29px;
  font-weight: 800;
}
@media (max-width: 767px) {
  .offline-pay-description__head--title {
    font-size: 1.14286rem;
    line-height: 2.28571rem;
  }
}
.offline-pay-description__text {
  color: #706E69;
  line-height: 27px;
  font-weight: 400;
  margin-bottom: 24px;
}
.offline-pay-description ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
  max-width: max-content;
}
@media (max-width: 767px) {
  .offline-pay-description ul {
    max-width: 100%;
  }
}
.offline-pay-description ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #383734;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .offline-pay-description ul li {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.offline-pay-description ul li strong {
  color: #8C8A83;
  font-weight: 600;
}
.offline-pay-description ul li .copy-number {
  cursor: pointer;
  position: relative;
  margin-right: auto;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 8V6C16 5.46957 15.7893 4.96086 15.4142 4.58579C15.0391 4.21071 14.5304 4 14 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H8M10 8H18C19.1046 8 20 8.89543 20 10V18C20 19.1046 19.1046 20 18 20H10C8.89543 20 8 19.1046 8 18V10C8 8.89543 8.89543 8 10 8Z' stroke='%237F6720' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  transition: background-image 0.3s;
}
.offline-pay-description ul li .copy-number:after {
  margin-top: -19px;
}
@media (max-width: 1459px) {
  .offline-pay-description ul li .copy-number:after {
    transform: translateX(-50%) translateY(-100%);
    left: 50%;
  }
}
.offline-pay-description ul li .copy-number:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 8V6C16 5.46957 15.7893 4.96086 15.4142 4.58579C15.0391 4.21071 14.5304 4 14 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H8M10 8H18C19.1046 8 20 8.89543 20 10V18C20 19.1046 19.1046 20 18 20H10C8.89543 20 8 19.1046 8 18V10C8 8.89543 8.89543 8 10 8Z' stroke='%23A9892A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.offline-pay-description ul li .copy-number:hover:after, .offline-pay-description ul li .copy-number:hover:before {
  opacity: 0;
}
.offline-pay-description ul li .copy-number.active:after, .offline-pay-description ul li .copy-number.active:before {
  opacity: 1 !important;
}
.offline-pay-description__file {
  max-width: 574px;
  margin-bottom: 24px;
  padding: 8px 8px 8px 16px;
  border: 1px solid var(--Green-20, #cfd8d8);
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.offline-pay-description__file--image {
  flex: 0 0 58px;
  max-width: 58px;
  border-radius: 2px;
  aspect-ratio: 1;
}
.offline-pay-description__file--remove {
  transition: unset;
  background-color: #ff0000;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7L20 7M10 11L10 17M14 11L14 17M5 7L6 19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21L16 21C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19L19 7M9 7L9 4C9 3.73478 9.10536 3.48043 9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3L14 3C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4L15 7' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7L20 7M10 11L10 17M14 11L14 17M5 7L6 19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21L16 21C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19L19 7M9 7L9 4C9 3.73478 9.10536 3.48043 9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3L14 3C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4L15 7' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  width: 24px;
  height: 24px;
}
.offline-pay-description__file--remove.active {
  mask-image: unset;
  -webkit-mask-image: unset;
  align-self: center;
  animation: loaderAnimate 1.1s infinite linear;
  block-size: 10em;
  border-block-start: 1.1em solid #ff0000;
  border-inline-end: 1.1em solid #ff0000;
  border-radius: 50%;
  corner-shape: round;
  display: inline-block;
  font-size: 2px;
  inline-size: 10em;
  position: relative;
  transform: translateZ(0);
  background-color: transparent;
}
.offline-pay-description__file--details {
  display: flex;
  padding-left: 52px;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  flex: 1;
}
.offline-pay-description__file--details_title {
  color: var(--Green-40, #9fb0b1);
  line-height: 1.57143rem;
}
.offline-pay-description__file--details_size {
  color: var(--Primary-Colors-Bunker, #8d9199);
  line-height: 1.71429rem;
  font-weight: 400;
  direction: ltr;
}
.offline-pay-description__file--details_progress {
  background-color: #9fb0b1;
  position: relative;
  border-radius: 8px;
  height: 2px;
  overflow: hidden;
  width: 100%;
  flex: 0 0 100%;
  display: none;
}
.offline-pay-description__file--details_progress-complete {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  transition: width 0.3s;
  border-radius: 8px;
  background: var(--Green-100, #103a3b);
}
.offline-pay-description__upload {
  max-width: 574px;
  margin-bottom: 16px;
  position: relative;
  border-radius: 8px;
}
.offline-pay-description__upload--description {
  color: var(--Green-80, #406162);
  font-size: 0.85714rem;
  font-weight: 400;
  line-height: 1.71429rem;
  margin-top: 8px;
}
.offline-pay-description__add {
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid #F2F2F2;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  gap: 16px;
}
.offline-pay-description__add--button {
  height: 32px;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid var(--Green-100, #103a3b);
  color: var(--Green-100, #103a3b);
  font-size: 0.85714rem;
  line-height: 1.71429rem;
}
.offline-pay-description__add--button:disabled {
  background-color: #e6e7e9;
  color: #909090;
  pointer-events: none;
  border: none;
}
.offline-pay-description__add--button:hover {
  background-color: var(--Green-100, #103a3b);
  color: #fff;
}

.wallet-transactions-panel {
  padding: 24px;
  border: 1px solid #F2F2F2;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .wallet-transactions-panel {
    padding: 0;
    border-radius: 0;
    border: none;
  }
}

.invoice-area {
  direction: rtl;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
  font-family: "iransansxv", iransansx, tahoma;
  font-feature-settings: "ss01";
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.invoice-area h1,
.invoice-area h2,
.invoice-area h3,
.invoice-area h4,
.invoice-area h5,
.invoice-area h6,
.invoice-area .invoice-area__section-title,
.invoice-area .invoice-area__box-title,
.invoice-area .invoice-area__head-title strong {
  font-family: "Doran", "iransansxv", iransansx, tahoma;
}
.invoice-area__head {
  background: #1a1a1a;
  color: #fff;
  padding: 20px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.invoice-area__head-brand {
  display: flex;
  align-items: center;
  gap: 14px;
}
.invoice-area__head-logo {
  width: 56px;
  height: 52px !important;
  max-width: 56px;
  flex-shrink: 0;
  display: block;
  object-fit: contain;
}
.invoice-area__head-title {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: #a9892a;
}
.invoice-area__head-title strong {
  color: #a9892a;
  font-size: 1.71429rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.invoice-area__head-title span {
  color: #a9892a;
  font-size: 0.92857rem;
  line-height: 1.4;
  font-weight: 500;
  font-family: "iransansxv", iransansx, tahoma;
}
.invoice-area__head-barcode {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-right: auto;
}
.invoice-area__head-invoice-label {
  align-self: flex-start;
  font-size: 0.78571rem;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  font-family: Arial, sans-serif;
  letter-spacing: 0.04em;
}
.invoice-area__head-barcode-img {
  width: 280px;
  height: 52px !important;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.invoice-area__head-barcode-svg {
  display: block;
  width: 280px;
  height: 52px;
}
.invoice-area__head-barcode-svg svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
.invoice-area__head-order-number {
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.55rem;
  font-size: 1rem;
  text-align: center;
  color: #fff;
  font-family: "Courier New", Arial, monospace;
  font-feature-settings: "liga" off, "calt" off;
}
.invoice-area__body {
  padding: 20px 24px 28px;
  background: #fff;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.invoice-area__section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.invoice-area__section-title {
  margin: 0;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  text-align: right;
}
.invoice-area__box {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 16px 18px;
  background: #fff;
  color: #000;
  font-size: 14px;
}
.invoice-area__box-title {
  margin: 0 0 14px;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}
.invoice-area__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.invoice-area__meta li {
  flex: 1 1 calc(25% - 18px);
  min-width: 140px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #000;
}
.invoice-area__meta-label {
  color: #8a8a8a;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}
.invoice-area__meta-value {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.invoice-area__parties {
  display: flex;
  gap: 16px;
}
.invoice-area__parties > .invoice-area__box {
  flex: 1 1 0;
  min-width: 0;
}
.invoice-area__person {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.invoice-area__person li {
  flex: 0 0 calc(50% - 12px);
  width: calc(50% - 12px);
  max-width: calc(50% - 12px);
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #000;
  text-align: right;
}
.invoice-area__person-label {
  color: #8a8a8a;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  text-align: right;
}
.invoice-area__person-value {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  text-align: right;
}
.invoice-area__person-item--full, .invoice-area__person-item--address {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
.invoice-area__person-item--address {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}
.invoice-area__person-item--address .invoice-area__person-label {
  display: block;
  width: 100%;
  text-align: right;
}
.invoice-area__person-item--address .invoice-area__person-value {
  display: block;
  width: 100%;
  text-align: right;
}
.invoice-area__summary {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  width: 100%;
  max-width: 240px;
  margin-top: 8px;
  margin-right: auto;
  gap: 0;
  font-size: 18px;
}
.invoice-area__summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 0;
}
.invoice-area__summary-row--total {
  border-top: 1px solid #e0e0e0;
  margin-top: 4px;
  padding-top: 12px;
}
.invoice-area__summary-label {
  color: #004a29;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}
.invoice-area__summary-value {
  color: #000;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  white-space: nowrap;
  text-align: left;
}

.invoice-area-table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  color: #000;
  font-size: 14px;
  font-family: "iransansxv", iransansx, tahoma;
}
.invoice-area-table thead tr {
  height: 50px;
}
.invoice-area-table thead tr th {
  height: 50px;
  min-height: 50px;
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  background: #eee8db;
  color: #000;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  padding: 0 10px;
  vertical-align: middle;
  border: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.invoice-area-table thead tr th:first-child {
  text-align: right;
  border-radius: 0 8px 8px 0;
}
.invoice-area-table thead tr th:last-child {
  border-radius: 8px 0 0 8px;
}
.invoice-area-table tbody tr td {
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  padding: 14px 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  vertical-align: middle;
}
.invoice-area-table tbody tr td:first-child {
  text-align: right;
}
.invoice-area-table tbody tr:last-child td {
  border-bottom: 1px solid #e8e8e8;
}
.invoice-area-table__product {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 180px;
}
.invoice-area-table__product img {
  flex-shrink: 0;
  width: 48px;
  height: 48px !important;
  max-width: 48px;
  object-fit: cover;
  object-position: center center;
  border-radius: 4px;
}
.invoice-area-table__product-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: right;
  color: #000;
}
.invoice-area-table__product-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
}
.invoice-area-table__product-weight {
  font-size: 14px;
  line-height: 1.4;
  color: #666;
  font-weight: 400;
}

body.invoice-print-page {
  background: #f8f8f8;
  padding: 24px 16px;
  margin: 0 auto;
  max-width: 1190px;
  color: #000;
  font-family: "iransansxv", iransansx, tahoma;
  font-feature-settings: "ss01";
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

@media print {
  body.invoice-print-page {
    background: #fff !important;
    padding: 0 !important;
    max-width: none !important;
    color: #000 !important;
  }
  .invoice-area {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000 !important;
  }
  .invoice-area__head {
    background: #1a1a1a !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .invoice-area__head-title, .invoice-area__head-title strong, .invoice-area__head-title span {
    color: #a9892a !important;
  }
  .invoice-area__head-invoice-label, .invoice-area__head-order-number {
    color: #fff !important;
  }
  .invoice-area__body, .invoice-area__box, .invoice-area__box-title, .invoice-area__section-title, .invoice-area__meta-value, .invoice-area__person-value, .invoice-area__product-name {
    color: #000 !important;
  }
  .invoice-area__meta-label, .invoice-area__person-label {
    color: #8a8a8a !important;
  }
  .invoice-area__summary-label {
    color: #004a29 !important;
    font-size: 18px !important;
  }
  .invoice-area__summary-value {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
  }
  .invoice-area__product-weight {
    color: #666 !important;
  }
  .invoice-area-table {
    color: #000 !important;
  }
  .invoice-area-table thead tr th {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 16px !important;
    background: #eee8db !important;
    color: #000 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .invoice-area-table tbody tr td {
    color: #000 !important;
    font-size: 14px !important;
  }
  .invoice-area-table__product img {
    border-radius: 4px !important;
  }
}
.not-found-page {
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
}
@media (max-width: 991px) {
  .not-found-page {
    flex-direction: column-reverse;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    gap: 16px;
  }
}
.not-found-page__picture {
  position: relative;
}
@media (max-width: 991px) {
  .not-found-page__picture {
    width: 75%;
  }
}
.not-found-page__details {
  flex: 0 0 540px;
  max-width: 540px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .not-found-page__details {
    flex: unset;
    max-width: unset;
    width: 100%;
  }
}
.not-found-page__details--title {
  margin-bottom: 8px;
  color: #383734;
  font-size: 48px;
  line-height: 77px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .not-found-page__details--title {
    font-size: 1.71429rem;
    line-height: 2.85714rem;
  }
}
.not-found-page__details--description {
  margin-bottom: 24px;
  color: #706E69;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .not-found-page__details--description {
    margin-bottom: 16px;
  }
}

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