@charset "UTF-8";
/*
    Theme Name: Farako
    Theme URI: https://farako.com
    Author: Dotline
    Author URI: https://dotline.ag
    Description: A custom designed theme for Farako.com by Dotline.ag
    Version: 1.0
*/
a,
input,
select,
textarea,
button {
  outline: 0;
}

a,
a:active,
button,
button:active,
li:active,
select,
select:active {
  outline: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

a {
  text-decoration: none;
  background-color: transparent;
  color: #000000;
}

*:active,
*:hover,
*:focus {
  outline: 0 dotted;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 1rem;
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0 dotted;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

mark {
  background: #ffff00;
  color: #000000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .label {
    border: 1px solid #000000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #ffffff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dddddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: IRANYekanXVF;
  src: url("./assets/fonts/IRANYekanX/IRANYekanXVF.woff") format("woff-variations"), url("./assets/fonts/IRANYekanX/IRANYekanXVF.woff") format("woff");
  font-weight: 100 1000;
  font-display: fallback;
}
@font-face {
  font-family: IRANYekanX;
  src: url("./assets/fonts/IRANYekanX/IRANYekanX-Regular.woff") format("woff");
}
@font-face {
  font-family: IRANYekanX;
  src: url("./assets/fonts/IRANYekanX/IRANYekanX-Bold.woff") format("woff");
  font-weight: 700;
}
h1,
.h1 {
  color: var(--dark-gray-dark-gray-80, #3a3b3c);
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 4.5rem;
  letter-spacing: -0.045rem;
}
@media (max-width: 47.999rem) {
  h1,
  .h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

h2,
.h2 {
  color: var(--dark-gray-dark-gray-80, #3a3b3c);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 3.5rem;
  letter-spacing: -0.03375rem;
}
@media (max-width: 47.999rem) {
  h2,
  .h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h3,
.h3 {
  color: var(--dark-gray-dark-gray-80, #3a3b3c);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2.5rem;
  letter-spacing: -0.015rem;
}
@media (max-width: 47.999rem) {
  h3,
  .h3 {
    font-size: 1rem;
    line-height: 2rem;
  }
}

h4,
.h4 {
  color: var(--dark-gray-dark-gray-80, #3a3b3c);
  font-size: 1.25rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  letter-spacing: -0.00625rem;
}
@media (max-width: 47.999rem) {
  h4,
  .h4 {
    font-size: 1rem;
  }
}

h5,
.h5 {
  color: var(--dark-gray-dark-gray-80, #3a3b3c);
  font-size: 1rem;
  line-height: 1.5rem;
}

small,
figcaption {
  color: var(--dark-gray-dark-gray-80, #3a3b3c);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}

strong {
  font-weight: 700;
  font-variation-settings: "wght" 700;
}

body {
  font-family: IRANYekanXVF, IRANYekanX, tahoma;
  font-variation-settings: "wght" 400;
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
  direction: rtl;
  color: var(--dark-gray-dark-gray-80, #3a3b3c);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
body.overlayActive .overlayBody {
  opacity: 0.7;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  body.open-search-result {
    overflow: hidden;
  }
  body.open-search-result .siteHeader__centerSide--searchFrom {
    position: relative;
  }
  body.open-search-result .search-area-head {
    display: flex;
  }
}
body.open-search-result .overlayBody {
  opacity: 0.7;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  body.open-search-result .overlayBody {
    display: none;
  }
}
body.open-search-result .siteHeader {
  z-index: 1002;
}
@media only screen and (max-width: 767px) {
  body.open-search-result .siteHeader {
    position: fixed;
    z-index: 1002;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.open-search-result .siteHeader__navigationSide {
    display: none;
  }
}
body.open-search-result .siteHeader__topBar {
  z-index: 1002;
}
@media only screen and (max-width: 1024px) {
  body.open-search-result .searchFormSection__inner--input {
    position: static;
  }
}
body.modalOpen {
  overflow: hidden;
  padding-right: 17px;
}
@media (max-width: 47.999rem) {
  body.modalOpen {
    padding-right: 0;
  }
}
body.hamburgerActive {
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  body.hamburgerActive .OffCanvasMobileBox {
    transform: translateX(0);
  }
}
body.hamburgerActive .overlayBody {
  opacity: 0.7;
  visibility: visible;
}
@media (min-width: 48rem) {
  body.sticky .siteHeader__centerSide--mainlogo a {
    width: 3.8rem;
    transform: scale(0.7) translateY(8.7rem);
    transition: width 0s 0s, transform var(--main--transition);
  }
  body.sticky .siteHeader__centerSide--mainlogo.yaldaLogo a {
    width: 4.7rem;
  }
  body.sticky .siteHeader__centerSide--userProfile {
    transform: translateY(6.05rem);
  }
  body.sticky .siteHeader__navigationSide--rightSide {
    transform: translateX(-5rem);
  }
  body.sticky .siteHeader__navigationSide--leftside {
    opacity: 0;
  }
}
@media (max-width: 47.999rem) {
  body.sticky .siteHeader__centerSide.stickyMobile {
    border-bottom-color: var(--colors-light-gray-20);
  }
}
body.FilterModalOpen {
  overflow: hidden;
}
body.FilterModalOpen #sidebar .archiveContentSection__sidebar {
  transform: translateY(0);
}
body.FilterModalOpen .overlayBody {
  opacity: 0.7;
  visibility: visible;
}
body.page-template-login {
  background: var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  body.page-template-login {
    background: #ffffff;
  }
}
body.page-template-login .siteHeader__topBar,
body.page-template-login .siteHeader__centerSide,
body.page-template-login .siteHeader,
body.page-template-login .siteFooter {
  display: none;
}
body.woocommerce-checkout .siteHeader__centerSide--hamburgerMenu {
  width: 2rem;
}
body.JobStickyHeaderActive .JobSingleSectionHero .jobsListWrapper__item {
  padding: 1rem 0;
}
body.JobStickyHeaderActive .JobSingleSectionHero .jobsListWrapper__item .jobsListWrapper__item--information {
  margin-top: 1rem;
}
body.JobStickyHeaderActive .JobSingleSectionHero .shareListButtons {
  max-height: 0;
}

.titleSection {
  margin-bottom: 2.5rem;
}
@media (max-width: 47.999rem) {
  .titleSection {
    margin-bottom: 1rem;
  }
}
.titleSection p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-variation-settings: "wght" 400;
}
.titleSection.type2 {
  margin-bottom: 0;
}
.titleSection.type2 h3 {
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .titleSection.type2 h3 {
    margin-bottom: 0.5rem;
  }
}
.titleSection.type2 p {
  color: var(--colors-dark-gray-20, #727376);
  line-height: 2rem;
}
@media (max-width: 47.999rem) {
  .titleSection.type2 p {
    line-height: 1.5rem;
    font-size: 0.75rem;
  }
}

:root {
  --main--transition: 0.3s cubic-bezier(0.2, 0.64, 0.48, 1.24);
  --main--transition-link: 0.3s ease-out;
  --main--shadows-0: 0 0 0 0 rgba(0, 0, 0, 0);
  --main--shadows-1: 0 0.5rem 0.5rem 0 rgba(46, 45, 44, 0.04);
  --main--shadows-2: 0 1rem 1rem 0 rgba(46, 45, 44, 0.08);
  --main--shadows-3: 0 2rem 2rem 0 rgba(46, 45, 44, 0.08);
  --colors-light-gray-100: #b8b9bb;
  --colors-light-gray-80: #c7c7c8;
  --colors-light-gray-60: #d5d5d6;
  --colors-light-gray-40: #e3e3e4;
  --colors-light-gray-20: #f1f1f1;
  --colors-dark-gray-100: #171718;
  --colors-dark-gray-80: #2e2e2f;
  --colors-dark-gray-60: #444547;
  --colors-dark-gray-40: #5b5c5e;
  --colors-dark-gray-20: #727376;
  --colors-accent-140: #16481e;
  --colors-accent-120: #029c28;
  --colors-accent-100: #11bf3d;
  --colors-accent-80: #5ec46e;
  --colors-accent-60: #86d392;
  --colors-accent-40: #afe1b7;
  --colors-accent-20: #d7f0db;
  --secondary-colors-orange-100: #f16127;
  --secondary-colors-orange-60: #f7a07d;
  --secondary-colors-purple-100: #7a277b;
  --secondary-colors-purple-60: #af7db0;
  --system-colors-success: #0f7b0f;
  --system-colors-error: #e74040;
  --system-colors-warning: #e5c314;
  --system-colors-caution: #faf3d0;
  --ss-primary-color: var(--colors-accent-100);
  --ss-font-color: var(--colors-dark-gray-20);
  --ss-border-color: var(--colors-light-gray-60);
  --ss-highlight-color: var(--system-colors-warning);
  --ss-success-color: var(--system-colors-success);
  --ss-error-color: var(--system-colors-error);
  --ss-animation-timing: 0.3s ease-out;
  --ss-bg-color: #ffffff;
  --ss-disabled-color: #dcdee2;
  --ss-main-height: 4rem;
  --ss-content-height: 300px;
  --ss-spacing-l: 0.5rem;
  --ss-spacing-m: 0.5rem;
  --ss-spacing-s: 1.25rem 1rem;
  --ss-border-radius: 0.5rem;
  --ss-font-placeholder-color: #d5d5d6;
}

.container {
  max-width: 90.5rem;
  padding: 0 1.5rem;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 47.999rem) {
  .container {
    padding: 0 1rem;
  }
}

.container-fluid {
  max-width: 100%;
  padding: 0 1.5rem;
  margin: 0 auto;
}

.row {
  --gutter-x: 1.5rem;
  --gutter-y: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc(var(--gutter-x) / -2);
  margin-right: calc(var(--gutter-x) / -2);
  margin-top: calc(var(--gutter-y) / -1);
}
@media (max-width: 47.999rem) {
  .row {
    --gutter-x: 1rem;
  }
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-left: calc(var(--gutter-x) / 2);
  padding-right: calc(var(--gutter-x) / 2);
  box-sizing: border-box;
  margin-top: calc(var(--gutter-y) / 1);
}

.row-cols-md-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.gx-0 {
  --gutter-x: 0;
}

.gy-0 {
  --gutter-y: 0;
}

.gx-half {
  --gutter-x: 0.25rem;
}

.gy-half {
  --gutter-y: 0.25rem;
}

.col {
  flex: 1 0 0%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-autoFill {
  flex: 1 1 auto;
  width: auto;
}

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

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

.justify-between {
  justify-content: space-between;
}

.align-start {
  align-items: flex-start;
}

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

.align-end {
  align-items: flex-end;
}

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

@media (min-width: 48rem) {
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-autoFill {
    flex: 1 1 auto;
    width: auto;
  }
  .gx-md-0 {
    --gutter-x: 0;
  }
  .gy-md-0 {
    --gutter-y: 0;
  }
  .gx-md-half {
    --gutter-x: 0.25rem;
  }
  .gy-md-half {
    --gutter-y: 0.25rem;
  }
  .order-md-before {
    order: -1;
  }
  .col-md-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .gx-md-1 {
    --gutter-x: (1 * 0.5rem);
  }
  .gy-md-1 {
    --gutter-y: (1 * 0.5rem);
  }
  .col-md-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .gx-md-2 {
    --gutter-x: (2 * 0.5rem);
  }
  .gy-md-2 {
    --gutter-y: (2 * 0.5rem);
  }
  .col-md-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .gx-md-3 {
    --gutter-x: (3 * 0.5rem);
  }
  .gy-md-3 {
    --gutter-y: (3 * 0.5rem);
  }
  .col-md-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .gx-md-4 {
    --gutter-x: (4 * 0.5rem);
  }
  .gy-md-4 {
    --gutter-y: (4 * 0.5rem);
  }
  .col-md-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .gx-md-5 {
    --gutter-x: (5 * 0.5rem);
  }
  .gy-md-5 {
    --gutter-y: (5 * 0.5rem);
  }
  .col-md-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .gx-md-6 {
    --gutter-x: (6 * 0.5rem);
  }
  .gy-md-6 {
    --gutter-y: (6 * 0.5rem);
  }
  .col-md-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .gx-md-7 {
    --gutter-x: (7 * 0.5rem);
  }
  .gy-md-7 {
    --gutter-y: (7 * 0.5rem);
  }
  .col-md-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .gx-md-8 {
    --gutter-x: (8 * 0.5rem);
  }
  .gy-md-8 {
    --gutter-y: (8 * 0.5rem);
  }
  .col-md-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .gx-md-9 {
    --gutter-x: (9 * 0.5rem);
  }
  .gy-md-9 {
    --gutter-y: (9 * 0.5rem);
  }
  .col-md-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .gx-md-10 {
    --gutter-x: (10 * 0.5rem);
  }
  .gy-md-10 {
    --gutter-y: (10 * 0.5rem);
  }
  .col-md-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .gx-md-11 {
    --gutter-x: (11 * 0.5rem);
  }
  .gy-md-11 {
    --gutter-y: (11 * 0.5rem);
  }
  .col-md-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .gx-md-12 {
    --gutter-x: (12 * 0.5rem);
  }
  .gy-md-12 {
    --gutter-y: (12 * 0.5rem);
  }
}
@media (max-width: 47.999rem) {
  .col {
    flex: 1 0 0%;
  }
  .col-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-autoFill {
    flex: 1 1 auto;
    width: auto;
  }
  .order-before {
    order: -1;
  }
  .order-after {
    order: 1;
  }
  .col-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .gx-1 {
    --gutter-x: (1 * 0.5rem);
  }
  .gy-1 {
    --gutter-y: (1 * 0.5rem);
  }
  .col-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .gx-2 {
    --gutter-x: (2 * 0.5rem);
  }
  .gy-2 {
    --gutter-y: (2 * 0.5rem);
  }
  .col-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .gx-3 {
    --gutter-x: (3 * 0.5rem);
  }
  .gy-3 {
    --gutter-y: (3 * 0.5rem);
  }
  .col-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .gx-4 {
    --gutter-x: (4 * 0.5rem);
  }
  .gy-4 {
    --gutter-y: (4 * 0.5rem);
  }
  .col-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .gx-5 {
    --gutter-x: (5 * 0.5rem);
  }
  .gy-5 {
    --gutter-y: (5 * 0.5rem);
  }
  .col-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .gx-6 {
    --gutter-x: (6 * 0.5rem);
  }
  .gy-6 {
    --gutter-y: (6 * 0.5rem);
  }
  .col-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .gx-7 {
    --gutter-x: (7 * 0.5rem);
  }
  .gy-7 {
    --gutter-y: (7 * 0.5rem);
  }
  .col-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .gx-8 {
    --gutter-x: (8 * 0.5rem);
  }
  .gy-8 {
    --gutter-y: (8 * 0.5rem);
  }
  .col-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .gx-9 {
    --gutter-x: (9 * 0.5rem);
  }
  .gy-9 {
    --gutter-y: (9 * 0.5rem);
  }
  .col-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .gx-10 {
    --gutter-x: (10 * 0.5rem);
  }
  .gy-10 {
    --gutter-y: (10 * 0.5rem);
  }
  .col-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .gx-11 {
    --gutter-x: (11 * 0.5rem);
  }
  .gy-11 {
    --gutter-y: (11 * 0.5rem);
  }
  .col-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
  }
  .gx-12 {
    --gutter-x: (12 * 0.5rem);
  }
  .gy-12 {
    --gutter-y: (12 * 0.5rem);
  }
}
.overlayBody {
  position: fixed;
  inset: 0;
  background: var(--colors-dark-gray-100, #2e2d2c);
  z-index: 1002;
  opacity: 0;
  visibility: hidden;
  transition: var(--main--transition);
}

.list-unstyle {
  list-style: none;
  padding: 0;
}
.list-unstyle:not(.row) {
  margin: 0;
}

.w-0 {
  width: 0;
  min-width: 0;
}

.readMoreSection {
  margin-top: 2.5rem;
}

.tabsList ul {
  list-style: none;
  padding: 0;
}
.tabsList.type2 {
  position: relative;
  padding-bottom: 0.5rem;
}
.tabsList.type2 li {
  position: relative;
}
.tabsList.type2 li a {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 0;
  transition: var(--main--transition);
}
.tabsList.type2 li a span {
  color: var(--colors-dark-gray-20, #727376);
  transition: var(--main--transition);
}
.tabsList.type2 li.active a {
  color: var(--colors-accent-100, #11bf3d);
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.tabsList.type2 li.active a span {
  color: var(--colors-accent-100, #11bf3d);
}
.tabsList.type2 li + li {
  margin-right: 1.5rem;
}
.tabsList.type2 .border {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 2px;
  background-color: var(--colors-accent-100, #11bf3d);
  transform: scaleX(0);
  transition: var(--main--transition);
  transform-origin: right;
}

.stretched__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
  width: 2.625rem;
  height: 2.625rem;
  box-shadow: var(--main--shadows-1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: var(--main--transition-link);
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
.slick-arrow svg {
  display: block;
}
.slick-arrow.slick-next {
  right: 1rem;
}
.slick-arrow.slick-prev {
  left: 1rem;
}
.slick-arrow.slick-disabled {
  opacity: 0.25;
}
.slick-arrow:hover {
  box-shadow: var(--main--shadows-2);
}

.slick-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding: 1rem;
  list-style: none;
  gap: 0.75rem;
}
@media (max-width: 47.999rem) {
  .slick-dots {
    padding: 0.25rem;
    gap: 0.12rem;
  }
}
.slick-dots li button {
  width: 0.75rem;
  height: 0.75rem;
  text-indent: 9999px;
  display: block;
  background: #ffffff;
  border: 0;
  border-radius: 50%;
  padding: 0;
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .slick-dots li button {
    width: 0.25rem;
    height: 0.25rem;
  }
}
.slick-dots li.slick-active button {
  background: var(--colors-accent-100);
}

.breadcrumb {
  padding-bottom: 2rem;
}
@media (max-width: 47.999rem) {
  .breadcrumb ul {
    margin: 0 -1rem;
    padding: 0 1rem;
  }
}
.breadcrumb ul li {
  display: flex;
  align-items: center;
}
@media (max-width: 47.999rem) {
  .breadcrumb ul li {
    white-space: nowrap;
    max-width: none;
  }
}
.breadcrumb ul li + li::before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  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="M11.625 14.25L6.375 9L11.625 3.75" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat;
  margin-left: 0.5rem;
}
.breadcrumb ul li a,
.breadcrumb ul li span {
  color: var(--black, #000000);
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.breadcrumb ul li a {
  transition: var(--main--transition-link);
}

.pagination {
  padding-top: 3rem;
}
@media (max-width: 47.999rem) {
  .pagination {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.pagination ul li {
  margin: 0 0.5rem;
}
@media (max-width: 47.999rem) {
  .pagination ul li {
    margin: 0 0.25rem;
  }
}
.pagination ul li a,
.pagination ul li span {
  width: 2rem;
  height: 2rem;
  text-align: center;
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1.125rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 2rem;
  display: flex;
  justify-content: center;
}
@media (max-width: 47.999rem) {
  .pagination ul li a,
  .pagination ul li span {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
  }
}
.pagination ul li a.active, .pagination ul li a.current,
.pagination ul li span.active,
.pagination ul li span.current {
  color: var(--colors-accent-100, #11bf3d);
}

.badge {
  display: flex;
  width: 1rem;
  height: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1rem;
  text-transform: capitalize;
  border-radius: 6.25rem;
  padding: 0.0625rem;
}
.badge.bg--error {
  background: var(--system-colors-error, #dc362e);
}
.badge.badge--text {
  padding: 0.125rem 0.25rem 0.125rem 0.25rem;
  line-height: 0.75rem;
  width: auto;
  height: auto;
}
.badge.bg--white {
  background: #ffffff;
}
.badge.badge--lg {
  padding: 0.5rem;
  border-radius: 0.5rem;
}
@media (max-width: 47.999rem) {
  .badge.badge--lg {
    padding: 0.25rem 0.5rem;
  }
}
.badge.bg-accent-20 {
  background: var(--colors-accent-20, #d7f0db);
  color: var(--colors-accent-140, #16481e);
  font-size: 0.75rem;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  letter-spacing: -0.0075rem;
  gap: 0.125rem;
  border-radius: 0.25rem;
  height: 1.5rem;
}
.badge.bg-orange-100 {
  background: var(--secondary-colors-orange-100, #f16127);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: -0.0075rem;
}
.badge.paymentError {
  background: var(--system-colors-error, #e74040);
  color: #ffffff;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  border-radius: 0.25rem;
}
.badge.badge--border {
  border: 2px solid #ffffff;
  padding: 0.5rem;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 1rem;
  letter-spacing: -0.0075rem;
}
@media (max-width: 47.999rem) {
  .badge.badge--border {
    font-size: 0.625rem;
    line-height: 0.5rem;
    padding: 0.25rem;
    border: 1px solid #ffffff;
    height: 22px;
  }
}

hr {
  border-top: 0;
  border-color: #e3e3e4;
  margin: 1rem 0;
}

.card {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  .card {
    border-radius: 0.5rem;
  }
}
.card .points {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  display: block;
  line-height: 1.5rem;
  position: relative;
  top: 1.5px;
}
.card .points svg {
  vertical-align: middle;
  margin-left: 0.5rem;
}
.card .points span {
  color: var(--colors-dark-gray-100, #171718);
}
.card .card__image.withGutters {
  padding: 3rem;
}
@media (max-width: 47.999rem) {
  .card .card__image.withGutters {
    padding: 1rem;
  }
}
.card .card__image--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1rem;
}
@media (max-width: 47.999rem) {
  .card .card__image--overlay {
    padding: 0.75rem;
  }
}
.card .card__image--overlay .favoriteButton svg {
  width: 1.5rem;
  height: 1.5rem;
}
.card .card__image--overlay .favoriteButton.active svg path {
  fill: var(--secondary-colors-orange-100);
}
.card .card__image--overlay .ratingStar {
  min-width: 1.125rem;
  width: 1.125rem;
}
@media (max-width: 47.999rem) {
  .card .card__image--overlay > .row {
    justify-content: space-between;
  }
}
.card .card__image.aspect-square {
  width: 100%;
  height: 100%;
}
.card .card__image.aspect-square > a {
  display: block;
  width: 100%;
  height: 100%;
}
.card .card__image.aspect-square img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card .card__overload--categories {
  position: absolute;
  left: 1rem;
  top: 1rem;
  color: var(--colors-accent-140, #16481e);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.00875rem;
  font-variation-settings: "wght" 500;
}
@media (max-width: 47.999rem) {
  .card .card__overload--categories {
    font-size: 0.75rem;
    left: 0.5rem;
    top: 0.5rem;
  }
}
.card.overlay .card__overload {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 47.999rem) {
  .card.overlay .card__overload {
    padding: 0.5rem;
  }
}
.card.overlay.reverse .card__overload--categories {
  right: 1rem;
  left: auto;
}
@media (max-width: 47.999rem) {
  .card.overlay.reverse .card__overload--categories {
    right: 0.5rem;
  }
}
.card.product {
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  background: #ffffff;
  box-shadow: var(--main--shadows-1);
  overflow: hidden;
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .card.product {
    border-radius: 0.25rem;
  }
}
.card.product .card__overload {
  padding: 1rem;
}
.card.product .card__overload--outOfStock {
  color: var(--primary-colors-light-gray-light-gray-100, #b8b9bb);
  text-align: right;
  font-family: IRANYekanX;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  min-height: 3.5rem;
  display: flex;
  align-items: flex-end;
}
.card.product .card__overload--category {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.card.product .card__overload--category a {
  color: var(--colors-light-gray-100, #b8b9bb);
  display: inline-block;
}
.card.product .card__overload--title {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  line-height: 2rem;
}
@media (max-width: 47.999rem) {
  .card.product .card__overload--title {
    font-size: 0.75rem;
    line-height: 1.5rem;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
}
.card.product .card__overload--colors {
  display: flex;
  align-items: center;
  min-height: 1.125rem;
}
.card.product .card__overload--colors > span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-left: 0.5rem;
}
.card.product .card__overload--colors > .row span {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background: var(--bgColor);
  transition: var(--main--transition);
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
@media (max-width: 47.999rem) {
  .card.product .card__overload--colors > .row span {
    width: 0.875rem;
    height: 0.875rem;
  }
}
.card.product .card__overload--colors > .row span.active {
  box-shadow: 0 0 0 2px var(--colors-accent-100, #11bf3d);
}
@media (max-width: 47.999rem) {
  .card.product .card__overload--colors > .row {
    --gutter-x: 0.38rem;
  }
}
.card.product .card__overload--colors input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.card.product .card__overload--colors input + label {
  cursor: pointer;
}
.card.product .card__overload--pricesRow {
  justify-content: flex-end;
  height: 100%;
}
.card.product .card__overload--prices del {
  color: var(--colors-dark-gray-40, #5b5c5e);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  display: inline-block;
}
.card.product .card__overload--prices ins {
  color: var(--colors-accent-100, #11bf3d);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  text-decoration: none;
  display: inline-block;
}
.card.product .card__overload--prices > .row {
  justify-content: flex-end;
  height: 3.5rem;
}
.card.product .card__overload--prices .btn--gift {
  margin: 0.25rem 0;
}
.card.product .card__overload--footer {
  margin-top: 1rem;
}
.card.product .card__overload--footer button {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem;
  line-height: 1.5rem;
  min-width: 1.125rem;
  position: relative;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.card.product .card__overload--footer button + button {
  margin-right: 1rem;
}
.card.product .card__overload--footer button + button::before {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 0.875rem;
  background: #b8b9bb;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -0.5rem;
}
.card.product .card__overload.space-0 {
  padding: 0.75rem 0;
}
.card.product .card__overload .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .card.product .card__overload .overlay {
    display: none;
  }
}
.card.product .card__overload .overlay .compareButton {
  width: 2.5rem;
}
.card.product:not(.hero) .card__overload {
  position: relative;
}
.card.product:not(.hero):hover .overlay {
  opacity: 1;
  visibility: visible;
}
.card.product .overlay {
  padding: 0 1rem 1rem 1rem;
  background: #ffffff;
}
.card.product.list {
  box-shadow: none;
  border: 0;
  overflow: visible;
}
.card.product.list .card__overload .card__overload--title {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 0.875rem;
  font-variation-settings: "wght" 400;
  font-weight: 400;
  line-height: 1.5rem;
  overflow: hidden;
  margin-bottom: 0;
}
.card.product.list .card__overload .card__overload--title > a {
  min-height: 4.5rem;
  max-height: 4.5rem;
  height: 4.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.card.product.list .card__overload .card__overload--colors {
  margin-top: 0.5rem;
}
.card.product.list .compareButton {
  height: 40px;
}
.card.product.list .overlay {
  padding: 0;
}
.card.product.list.gift {
  background: none;
}
.card.product.list.gift .card__image {
  width: 8.75rem;
  height: 8.75rem;
}
.card.product.list.gift .card__overload {
  padding: 0;
}
.card.product.list.gift .card__overload--title {
  margin: 0;
}
.card.product.overlay {
  text-align: center;
}
.card.product.overlay .card__image::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: 1rem;
}
.card.product.overlay .card__overload {
  background: linear-gradient(0deg, rgba(122, 39, 123, 0.35) 0%, rgba(122, 39, 123, 0.35) 100%);
}
.card.product.overlay .card__overload--title {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: -0.015rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 47.999rem) {
  .card.product.overlay .card__overload--title {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.card.product.overlay .card__overload--readMore {
  margin: auto;
}
.card.product.archive .card__overload--title {
  width: 100%;
}
.card.product.archive .card__overload--title > a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis;
  min-height: 6rem;
  max-height: 6rem;
  height: 6rem;
}
@media (max-width: 47.999rem) {
  .card.product.archive:not(.notResponsiveChange) {
    display: flex;
    align-items: center;
    padding: 2.25rem 0.75rem;
  }
  .card.product.archive:not(.notResponsiveChange) .card__image {
    width: 9rem;
    height: 9rem;
    flex: 0 0 auto;
  }
  .card.product.archive:not(.notResponsiveChange) .card__image > a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .card.product.archive:not(.notResponsiveChange) .card__image > a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .card.product.archive:not(.notResponsiveChange) .card__overload {
    position: static;
    flex: 1;
  }
  .card.product.archive:not(.notResponsiveChange) .card__overload--title {
    color: var(--colors-dark-gray-100, #171718);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
  }
  .card.product.archive:not(.notResponsiveChange) .card__overload--title > a {
    -webkit-line-clamp: 3;
    min-height: 4.5rem;
    max-height: 4.5rem;
    height: 4.5rem;
    display: -webkit-box;
  }
  .card.product.archive:not(.notResponsiveChange) .card__overload--colors > .row span {
    width: 1.125rem;
    height: 1.125rem;
  }
  .card.product.archive:not(.notResponsiveChange) .card__overload--prices {
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.75rem;
  }
  .card.product.archive:not(.notResponsiveChange) .card__overload--prices .btn--gift {
    display: none;
  }
  .card.product.archive:not(.notResponsiveChange) .card__overload--loader {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    min-width: auto;
  }
  .card.product.archive:not(.notResponsiveChange) .card__overload--loader > span {
    font-size: 1rem;
  }
}
.card.product.archive.notResponsiveChange .card__overload--title {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-size: 1rem;
  line-height: 2rem;
}
.card.product.compare {
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.card.product.compare .card__image {
  overflow: hidden;
  width: 10rem;
  aspect-ratio: 1;
  display: block;
  margin: auto;
  max-width: 100%;
}
.card.product.compare .card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 47.999rem) {
  .card.product.compare .card__image {
    width: 5rem;
    height: 5rem;
  }
  .card.product.compare .card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.card.product.compare .card__overload {
  padding: 1rem 0 0 0;
}
@media (max-width: 47.999rem) {
  .card.product.compare .card__overload {
    padding: 0.5rem 0 0 0;
  }
}
.card.product.compare .card__overload--title {
  margin-bottom: 1rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.card.product.compare .card__overload--prices ins {
  font-size: 1.25rem;
}
@media (max-width: 47.999rem) {
  .card.product.compare .card__overload--prices ins {
    font-size: 1rem;
  }
}
.card.blog {
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  background: #ffffff;
  box-shadow: var(--main--shadows-1);
  overflow: hidden;
  transition: var(--main--transition);
}
.card.blog:hover {
  box-shadow: var(--main--shadows-2);
}
.card.blog .favorite {
  color: var(--secondary-colors-orange-100, #f16127);
  padding: 0.25rem;
  height: 1.625rem;
  background: #ffffff;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.card.blog .card__image--overlay {
  right: auto;
}
.card.blog .card__overload {
  padding: 1rem;
}
.card.blog .card__overload--author a {
  font-size: 0.75rem;
  color: var(--colors-dark-gray-20, #727376);
}
@media (max-width: 47.999rem) {
  .card.blog .card__overload--title {
    margin-bottom: 1rem;
  }
}
.card.blog .card__overload--title a {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1.25rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  letter-spacing: -0.00625rem;
}
@media (max-width: 47.999rem) {
  .card.blog .card__overload--title a {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.card.blog .card__overload--information {
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding-top: 1rem;
}
.card.blog .card__overload--information span {
  color: var(--colors-dark-gray-20, #727376);
  text-align: center;
  font-size: 0.875rem;
  font-variation-settings: "wght" 400;
  font-weight: 400;
  line-height: 1.5rem;
}
@media (max-width: 47.999rem) {
  .card.blog .card__overload--information span {
    font-size: 0.75rem;
  }
}
.card.blog .card__overload--information span svg {
  vertical-align: middle;
}
.card.blog .card__overload--time {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  line-height: 1.5rem;
}
@media (max-width: 47.999rem) {
  .card.blog .card__overload--time {
    font-size: 0.75rem;
  }
}
.card.blog .card__overload--excerpt {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .card.blog .card__overload--excerpt {
    font-size: 0.75rem;
    margin-bottom: 1rem;
  }
}
.card.blog .card__overload--category span {
  padding: 0.25rem 0.5rem;
}
@media (min-width: 48rem) {
  .card.blog .card__overload > div:not(.overlay) .card__overload--title a {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-size: 1rem;
    opacity: 1;
  }
}
.card.blog .card__overload .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1rem;
  background: #ffffff;
  transform: translateY(100%);
  transition: var(--main--transition);
  padding: 1rem;
}
@media (max-width: 47.999rem) {
  .card.blog .card__overload .overlay {
    display: none;
  }
}
.card.blog .card__overload .overlay .card__overload--information {
  border-color: transparent;
}
.card.blog .card__overload .overlay .card__overload--information ul {
  margin-bottom: 2rem;
}
.card.blog .card__overload .overlay .card__overload--information ul li {
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  color: var(--colors-dark-gray-20, #727376);
}
.card.blog .card__overload .overlay .card__overload--information ul li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.25rem;
  height: 0.25rem;
  background: currentcolor;
  border-radius: 50px;
  margin-left: 0.5rem;
}
.card.blog .card__overload .overlay .card__overload--information ul li + li {
  margin-top: 0.5rem;
}
.card.blog .card__overload .overlay .card__overload--title a {
  overflow: visible;
  text-overflow: inherit;
  display: block;
  white-space: inherit;
}
.card.blog:hover .card__overload .overlay {
  transform: translateY(0%);
}
.card.blog.hero {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0.5rem;
}
.card.blog.hero .card__image {
  border-radius: 0.5rem;
  overflow: hidden;
}
.card.blog.hero .card__overload {
  padding: 1.5rem 0 0 0;
}
@media (max-width: 47.999rem) {
  .card.blog.hero .card__overload {
    padding: 0.5rem 0 0 0;
  }
}
.card.blog.hero .card__overload--title {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 47.999rem) {
  .card.blog.hero .card__overload--title {
    margin-top: 0.25rem;
  }
}
.card.blog.hero .card__overload--title a {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
@media (max-width: 47.999rem) {
  .card.blog.hero .card__overload--title a {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.card.blog.listJustTitle {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.card.blog.listJustTitle .card__overload {
  padding: 0;
}
.card.blog.listJustTitle .card__overload--title {
  margin: 0.25rem 0;
  display: block;
}
.card.blog.listJustTitle .card__overload--title a {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
}
.card.blog.listJustTitle .card__overload--excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}
.card.blog.listJustTitle .card__overload--category span {
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.card.blog.listJustTitle + .listJustTitle {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
.card.blog.withoutShadow {
  box-shadow: none;
}
.card.blog.sidebarWidget {
  background: none;
  border: 0;
  padding: 0;
  border-radius: 0.5rem;
}
.card.blog.sidebarWidget .card__overload {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: calc(var(--gutter-x) / 2);
  padding-right: calc(var(--gutter-x) / 2);
}
.card.blog.sidebarWidget .card__overload--title a {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--colors-dark-gray-60, #444547);
  white-space: inherit !important;
  overflow: inherit !important;
  text-overflow: inherit !important;
  display: block !important;
}
.card.blog.sidebarWidget .card__overload--information {
  padding: 0;
  border-top: 0;
}
.card.blog.sidebarWidget .card__overload--information span {
  color: var(--colors-light-gray-100, #b8b9bb);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: block;
  text-align: right;
}
.card.blog.sidebarWidget + .sidebarWidget {
  margin-top: 1.5rem;
}
@media (max-width: 47.999rem) {
  .card.blog.sidebarWidget + .sidebarWidget {
    margin-top: 1rem;
  }
}
.card.blog.single {
  border: 0;
  background: none;
  border-radius: 0;
  overflow: visible;
}
.card.blog.single .card__overload {
  padding: 0;
}
.card.blog.single .card__overload--categories {
  position: static;
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--categories {
    margin-bottom: 0.5rem;
  }
}
.card.blog.single .card__overload--title {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 3rem;
  font-weight: 700;
  line-height: 4.5rem;
  letter-spacing: -0.045rem;
  margin-bottom: 2rem;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--title {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
  }
}
.card.blog.single .card__overload--information {
  border: 0;
  margin-bottom: 1.5rem;
}
.card.blog.single .card__overload--information > .row {
  align-items: flex-end;
}
.card.blog.single .card__overload--information .userProfileButton > .btn, .card.blog.single .card__overload--information .gform_wrapper .userProfileButton > [type=submit], .gform_wrapper .card.blog.single .card__overload--information .userProfileButton > [type=submit],
.card.blog.single .card__overload--information .formWrapper .userProfileButton > [type=submit],
.formWrapper .card.blog.single .card__overload--information .userProfileButton > [type=submit],
.card.blog.single .card__overload--information .dotline-Q-form .userProfileButton > [type=submit],
.dotline-Q-form .card.blog.single .card__overload--information .userProfileButton > [type=submit] {
  overflow: visible;
}
.card.blog.single .card__overload--information .userProfileButton img {
  width: 3rem;
  height: 3rem;
  border-radius: 6.25rem;
  border: 2px solid var(--colors-accent-100, #11bf3d);
}
.card.blog.single .card__overload--information .userProfileButton h5 {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--information .userProfileButton h5 {
    font-size: 0.875rem;
  }
}
.card.blog.single .card__overload--information .userProfileButton ul li + li {
  padding-right: 1.25rem;
  position: relative;
}
.card.blog.single .card__overload--information .userProfileButton ul li + li::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: var(--colors-accent-100, #11bf3d);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.5rem;
  margin: auto;
}
.card.blog.single .card__overload--content .relatedPostLinksList {
  background: var(--colors-light-gray-20, #f1f1f1);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--content .relatedPostLinksList {
    margin-top: 1rem;
  }
}
.card.blog.single .card__overload--content .relatedPostLinksList h3 {
  color: var(--colors-accent-100, #11bf3d);
  margin-bottom: 1rem;
  margin-top: 0;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--content .relatedPostLinksList h3 {
    margin-bottom: 0.5rem;
  }
}
.card.blog.single .card__overload--content .relatedPostLinksList ul {
  padding-right: 0.5rem;
  list-style-position: inside;
}
.card.blog.single .card__overload--content .relatedPostLinksList ul li {
  line-height: 1.5rem;
}
.card.blog.single .card__overload--content .relatedPostLinksList ul li a {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--content .relatedPostLinksList ul li a {
    font-size: 0.875rem;
  }
}
.card.blog.single .card__overload--content h1,
.card.blog.single .card__overload--content h2,
.card.blog.single .card__overload--content h3 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--content h1,
  .card.blog.single .card__overload--content h2,
  .card.blog.single .card__overload--content h3 {
    margin-bottom: 0.5rem;
    margin-top: 1rem;
  }
}
.card.blog.single .card__overload--content > img {
  margin: 1rem 0;
}
.card.blog.single .card__overload--content img {
  border-radius: 0.5rem;
  margin: auto;
  display: block;
}
.card.blog.single .card__overload--content p {
  margin-top: 1rem;
  color: var(--colors-dark-gray-20, #727376);
  line-height: 2rem;
  text-align: justify;
}
.card.blog.single .card__overload--content p.has-text-align-center {
  text-align: center !important;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--content p {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.card.blog.single .card__overload--content p a {
  color: var(--colors-accent-100, #11bf3d);
  font-variation-settings: "wght" 700;
  font-weight: 700;
}
.card.blog.single .card__overload--content p strong {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.card.blog.single .card__overload--content figure {
  margin: 2.5rem 0;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--content figure {
    margin: 1rem 0;
  }
}
.card.blog.single .card__overload--content figure figcaption {
  margin-top: 0.5rem;
  color: var(--colors-dark-gray-40, #5b5c5e);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
  position: relative;
  padding-right: 0.5rem;
}
.card.blog.single .card__overload--content figure figcaption::before {
  content: "";
  display: block;
  border-radius: 0.25rem;
  background: var(--colors-accent-100, #11bf3d);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
}
.card.blog.single .card__overload--content blockquote {
  color: var(--colors-dark-gray-80, #2e2e2f);
  border-right: 2px solid var(--colors-dark-gray-80, #2e2e2f);
  margin: 1rem 0;
  padding: 0 1.5rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--content blockquote {
    padding: 0 1rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.card.blog.single .card__overload--content .tablesWrapper {
  margin: 2rem 0;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--content .tablesWrapper {
    margin: 1rem 0;
  }
}
.card.blog.single .card__overload--content .tablesWrapper .tableWrapper {
  padding: 0.5rem 0 0 0 !important;
}
.card.blog.single .card__overload--content .tablesWrapper--title {
  color: var(--colors-accent-100, #11bf3d);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  border-bottom: 2px solid var(--colors-accent-100, #11bf3d);
  display: inline-block;
  padding-bottom: 0.5rem;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--content .tablesWrapper--title {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.card.blog.single .card__overload--footer {
  padding: 1.5rem 0;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--footer {
    padding: 1rem 0 1.25rem 0;
  }
  .card.blog.single .card__overload--footer > .align-center {
    align-items: flex-start;
  }
  .card.blog.single .card__overload--footer h5 {
    line-height: 2rem;
    font-size: 0.875rem;
  }
}
.card.blog.single .card__overload--footer span {
  font-size: 0.875rem;
}
.card.blog.single .card__overload--footer span a {
  color: var(--colors-dark-gray-20, #727376);
}
.card.blog.single .card__overload--footer svg {
  vertical-align: middle;
}
.card.blog.single .card__overload--footer .favorite {
  color: var(--colors-dark-gray-20, #727376);
  height: auto;
}
.card.blog.single .card__overload--footer .tagsWrapper {
  padding-top: 2rem;
  margin-top: 1.5rem;
  border-top: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--footer .tagsWrapper {
    padding-top: 1rem;
    margin-top: 1rem;
  }
}
.card.blog.single .card__overload--footer .tagsWrapper a {
  display: block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: var(--colors-light-gray-20, #f1f1f1);
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media (max-width: 47.999rem) {
  .card.blog.single .card__overload--footer .tagsWrapper a {
    font-size: 0.75rem;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
}
.card.blog.single .card__image {
  border-radius: 0.5rem;
  overflow: hidden;
}
.card.fullHeight {
  height: 100%;
}
.card.fullHeight .card__image {
  width: 100%;
  height: 100%;
}
.card.fullHeight .card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card.withShadow:hover {
  box-shadow: var(--main--shadows-2);
}
.card.withoutShadow {
  box-shadow: none;
}
.card--lightGray20 {
  border-radius: 0.5rem;
  border: 1px solid var(--primary-col78ors-light-gray-light-gray-20, #f1f1f1);
  background: #f9f9f9;
  padding: 1rem;
}
.card.video .card__video video {
  display: block;
  cursor: pointer;
  width: 100%;
}
.card.video .card__overload {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
}
@media (max-width: 47.999rem) {
  .card.video .card__overload svg {
    width: 5rem;
    height: 5rem;
  }
}
.card.gradientAccent {
  border-radius: 1rem;
  background: linear-gradient(258deg, #36b54a 19.3%, rgba(0, 141, 127, 0.45) 97.92%);
  padding: 1.5rem;
}
@media (max-width: 47.999rem) {
  .card.gradientAccent {
    border-radius: 0.5rem;
    padding: 1rem;
  }
}
.card--white {
  border-radius: 1rem;
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
  background: #ffffff;
  padding: 1rem;
}
.card--alert {
  padding: 3rem;
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
  text-align: center;
}
.card--alert svg {
  display: block;
  margin: 0 auto 1rem auto;
}
@media (max-width: 47.999rem) {
  .card--alert {
    padding: 1.5rem;
  }
}
.card--alert h5 {
  margin-bottom: 2rem;
  margin-top: 0.5rem;
  color: var(--colors-dark-gray-20, #727376);
}
@media (max-width: 47.999rem) {
  .card--alert h5 {
    font-size: 0.75rem;
  }
}
.card--alert h6 {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}
.card--alert p {
  color: var(--colors-dark-gray-20, #727376);
}
.card--alert a.btn, .card--alert .gform_wrapper a[type=submit], .gform_wrapper .card--alert a[type=submit],
.card--alert .formWrapper a[type=submit],
.formWrapper .card--alert a[type=submit],
.card--alert .dotline-Q-form a[type=submit],
.dotline-Q-form .card--alert a[type=submit] {
  margin: auto;
}
.card--alert a.btn svg, .card--alert .gform_wrapper a[type=submit] svg, .gform_wrapper .card--alert a[type=submit] svg,
.card--alert .formWrapper a[type=submit] svg,
.formWrapper .card--alert a[type=submit] svg,
.card--alert .dotline-Q-form a[type=submit] svg,
.dotline-Q-form .card--alert a[type=submit] svg {
  margin: 0;
}
@media (max-width: 47.999rem) {
  .card--alert a.btn, .card--alert .gform_wrapper a[type=submit], .gform_wrapper .card--alert a[type=submit],
  .card--alert .formWrapper a[type=submit],
  .formWrapper .card--alert a[type=submit],
  .card--alert .dotline-Q-form a[type=submit],
  .dotline-Q-form .card--alert a[type=submit] {
    height: 2.5rem;
    border-radius: 0.5rem;
  }
}

@media (min-width: 48rem) {
  .removeDesktop {
    display: none !important;
  }
}

@media (max-width: 47.999rem) {
  .removeMobile {
    display: none !important;
  }
}

@media (max-width: 47.999rem) {
  .autoCarouselInMobile {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .autoCarouselInMobile::-webkit-scrollbar {
    display: none;
  }
}

.quantityCounter {
  position: relative;
}
.quantityCounter input {
  height: 2rem !important;
  width: 5.875rem !important;
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  color: #000000;
  font-size: 1rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  padding: 0.25rem 3rem 0.25rem 0.75rem !important;
  text-align: left;
  min-height: inherit !important;
}
@media (max-width: 47.999rem) {
  .quantityCounter input {
    width: 7.6875rem !important;
    text-align: center;
    padding: 0 2.5rem !important;
  }
}
.quantityCounter .buttons {
  position: absolute;
  right: 0.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
@media (max-width: 47.999rem) {
  .quantityCounter .buttons {
    position: static;
  }
}
.quantityCounter .buttons button {
  min-width: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
}
.quantityCounter .buttons button svg path {
  stroke: #000000;
  transition: var(--main--transition);
}
.quantityCounter .buttons button[disabled] svg path {
  stroke: #c7c7c8;
}
@media (max-width: 47.999rem) {
  .quantityCounter .buttons button.countUp, .quantityCounter .buttons button.countDown, .quantityCounter .buttons button[data-type=plus], .quantityCounter .buttons button[data-type=minus] {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0.75rem;
  }
  .quantityCounter .buttons button.countUp, .quantityCounter .buttons button[data-type=plus] {
    right: 0;
  }
  .quantityCounter .buttons button.countDown, .quantityCounter .buttons button[data-type=minus] {
    left: 0;
  }
}

.card__overload--loader {
  min-width: 8.625rem;
}
.card__overload--loader .timerOffProduct {
  border-radius: 0.25rem;
  background: var(--colors-light-gray-40, #e3e3e4);
  height: 0.5rem;
  position: relative;
}
@media (max-width: 47.999rem) {
  .card__overload--loader .timerOffProduct {
    display: none;
  }
}
.card__overload--loader .timerOffProduct span {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  background: var(--secondary-colors-orange-100, #f16127);
  width: var(--percent, 20%);
  border-radius: 0.25rem;
}
.card__overload--loader > span {
  margin-top: 0.5rem;
  text-align: left;
  display: block;
  color: var(--secondary-colors-orange-100, #f16127);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 1.5rem;
  direction: ltr;
}
@media (max-width: 47.999rem) {
  .card__overload--loader > span {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 0.25rem;
  }
}

.table {
  text-align: right;
  width: 100%;
}
.table td,
.table th {
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
.table th {
  color: var(--colors-dark-gray-20, #727376);
}
.table td {
  color: var(--colors-dark-gray-60, #444547);
}
.table th,
.table td {
  padding: 1rem 0;
}
.table tr + tr {
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
.table tr:first-child th,
.table tr:first-child td {
  padding-top: 0;
}
.table tr:last-child th,
.table tr:last-child td {
  padding-bottom: 0;
}
.table.tableHeaderBG tr th {
  color: var(--colors-dark-gray-60, #444547);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  background: var(--colors-light-gray-20, #f1f1f1);
  padding: 1rem 2rem;
}
.table.tableHeaderBG tr th:first-child {
  border-radius: 0 0.5rem 0 0;
}
.table.tableHeaderBG tr th:last-child {
  border-radius: 0.5rem 0 0 0;
}

.rateStar li {
  cursor: pointer;
}
.rateStar li svg {
  display: block;
}
.rateStar li:hover ~ li path, .rateStar li.active ~ li path {
  stroke: #ffdf00;
}
.rateStar li:hover path, .rateStar li.active path {
  stroke: #ffdf00;
}

.irs--round .irs-handle {
  border: 0;
  background: var(--colors-accent-100, #11bf3d) !important;
  box-shadow: none;
  width: 1rem;
  height: 1rem;
  top: 0;
}
.irs--round .irs-handle:hover {
  background: var(--colors-accent-100, #11bf3d) !important;
}

.irs--round .irs-bar {
  background: var(--colors-accent-100, #11bf3d);
  top: 0.375rem;
  height: 0.25rem;
}

.irs--round .irs-line {
  height: 0.125rem;
  border-radius: 0.3125rem;
  background: var(--colors-light-gray-40, #e3e3e4);
  top: 0.4375rem;
}

.irs--round {
  height: 1rem;
}

.alert {
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: var(--colors-dark-gray-80, #2e2e2f) !important;
  font-size: 0.75rem !important;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 0 !important;
  position: relative;
}
.alert h6 {
  font-variation-settings: "wght" 600;
}
.alert--caution {
  background: var(--system-colors-caution, #faf3d0);
}
.alert--success, .alert.alert-success {
  background: var(--system-colors-success-background, #dff6dd) !important;
  color: var(--system-colors-success, #0f7b0f) !important;
}
.alert--success h6, .alert.alert-success h6 {
  color: var(--system-colors-success, #0f7b0f);
}
.alert--error, .alert.alert-danger {
  background: var(--system-colors-error-background, #fce2e0) !important;
  color: var(--system-colors-error, #ec3c2c) !important;
}
.alert--error h6, .alert.alert-danger h6 {
  color: var(--system-colors-error, #ec3c2c);
}
.alert .close {
  position: absolute;
  background: 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 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 6L6 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat;
  background-size: cover !important;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: 9999px;
  left: 12px;
  top: 12px;
  opacity: 0.5;
  cursor: pointer;
  transition: var(--main--transition-link);
}
.alert .close:hover {
  opacity: 1;
}
.alert a {
  color: var(--colors-accent-100, #11bf3d);
}

.fileUploadCommentRow .fileUploadComment.col-md-12 .customFileUpload label {
  aspect-ratio: unset;
}
.fileUploadCommentRow .upload-item,
.fileUploadCommentRow .fileUploadComment.col-md-auto .customFileUpload label {
  width: 6.5rem;
  min-width: 100%;
  max-width: 100%;
}
.fileUploadCommentRow .upload-item {
  position: relative;
}
.fileUploadCommentRow .upload-item .removeUpload {
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  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="M19.4727 5.60556L20.5199 7.89009H23.8984C24.9371 7.89009 25.7792 8.73219 25.7792 9.77096V11.1639C25.7792 11.8741 25.2035 12.4498 24.4933 12.4498H6.868C6.15777 12.4498 5.58203 11.8741 5.58203 11.1639V9.77096C5.58203 8.73219 6.42412 7.89009 7.4629 7.89009H10.8414L11.8887 5.60556C12.2029 4.92 12.888 4.48047 13.6421 4.48047H17.7192C18.4734 4.48047 19.1583 4.92 19.4727 5.60556Z" stroke="%23E74040" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.8068 12.5449V23.6626C23.8068 25.7933 22.1009 27.5206 19.9967 27.5206H11.3608C9.25659 27.5206 7.55078 25.7933 7.55078 23.6626V12.5449" stroke="%23E74040" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5156 17.0449V22.8157M17.8425 17.0449V22.8157" stroke="%23E74040" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat, linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%) 50%/cover no-repeat;
  cursor: pointer;
  opacity: 0;
  transition: var(--main--transition-link);
}
.fileUploadCommentRow .upload-item:hover .removeUpload {
  opacity: 1;
}

.error404Section__rightside,
.maintenanceSection__rightside {
  padding: 0 120px;
}
@media (max-width: 47.999rem) {
  .error404Section__rightside,
  .maintenanceSection__rightside {
    padding: 0;
  }
}
.error404Section__rightside h4,
.maintenanceSection__rightside h4 {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 2rem;
  color: #2e2e2f;
}
@media (max-width: 47.999rem) {
  .error404Section__rightside h4,
  .maintenanceSection__rightside h4 {
    font-size: 0.75em;
    line-height: 1.5rem;
  }
}
.error404Section__rightside h2,
.maintenanceSection__rightside h2 {
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .error404Section__rightside h2,
  .maintenanceSection__rightside h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
  }
}
.error404Section__rightside p,
.maintenanceSection__rightside p {
  color: var(--colors-dark-gray-20, #727376);
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .error404Section__rightside p,
  .maintenanceSection__rightside p {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 47.999rem) {
  .error404Section__rightside a.btn, .error404Section__rightside .gform_wrapper a[type=submit], .gform_wrapper .error404Section__rightside a[type=submit],
  .error404Section__rightside .formWrapper a[type=submit],
  .formWrapper .error404Section__rightside a[type=submit],
  .error404Section__rightside .dotline-Q-form a[type=submit],
  .dotline-Q-form .error404Section__rightside a[type=submit],
  .maintenanceSection__rightside a.btn,
  .maintenanceSection__rightside .gform_wrapper a[type=submit],
  .gform_wrapper .maintenanceSection__rightside a[type=submit],
  .maintenanceSection__rightside .formWrapper a[type=submit],
  .formWrapper .maintenanceSection__rightside a[type=submit],
  .maintenanceSection__rightside .dotline-Q-form a[type=submit],
  .dotline-Q-form .maintenanceSection__rightside a[type=submit] {
    height: 2.5rem;
  }
}
@media (max-width: 47.999rem) {
  .error404Section__leftside,
  .maintenanceSection__leftside {
    margin: 0 -1rem;
  }
}
.error404Section__leftside svg,
.maintenanceSection__leftside svg {
  max-width: 100%;
  height: auto;
}

.maintenanceSection {
  padding: 0 460px;
}
.maintenanceSection > .container {
  width: 1000px;
  max-width: 100%;
}
.maintenanceSection > .container > .row {
  min-height: calc(100vh - 6rem);
}
@media (max-width: 47.999rem) {
  .maintenanceSection > .container > .row {
    align-content: center;
    min-height: calc(100vh - 1.5rem);
  }
}
.maintenanceSection .maintenanceSection__leftside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 47.999rem) {
  .maintenanceSection .maintenanceSection__leftside {
    margin: 0 !important;
  }
}
.maintenanceSection .maintenanceSection__leftside svg:nth-child(1) {
  order: 1;
}
@media (max-width: 47.999rem) {
  .maintenanceSection .maintenanceSection__leftside svg:nth-child(1) {
    order: 2;
  }
}
.maintenanceSection .maintenanceSection__leftside svg:nth-child(2) {
  order: 2;
  margin-top: 48px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 47.999rem) {
  .maintenanceSection .maintenanceSection__leftside svg:nth-child(2) {
    order: 1;
    margin-top: 0;
    margin-bottom: 48px;
  }
}
.maintenanceSection .maintenanceSection__rightside {
  padding: 0 !important;
}
@media (max-width: 47.999rem) {
  .maintenanceSection .maintenanceSection__rightside {
    text-align: center;
  }
}
.maintenanceSection .maintenanceSection__rightside p {
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .maintenanceSection .maintenanceSection__rightside h2 {
    font-size: 20px;
  }
}
.maintenanceSection .maintenanceSection__rightside > span {
  display: flex;
  align-items: center;
  color: #171718;
}
@media (max-width: 47.999rem) {
  .maintenanceSection .maintenanceSection__rightside > span {
    justify-content: center;
  }
}
.maintenanceSection .maintenanceSection__rightside > span a {
  padding: 8px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  color: #171718;
}

.loaderWrapper {
  position: absolute;
  inset: 0;
  background: var(--colors-accent-100, #11bf3d);
  z-index: 1;
  display: none;
}
.loaderWrapper .loader {
  height: 50%;
  aspect-ratio: 1;
  border: 0.25rem solid #ffffff;
  border-bottom-color: var(--colors-accent-100, #11bf3d);
  border-radius: 50%;
  animation: rotation 1s linear infinite;
  position: absolute;
  inset: 0;
  margin: auto;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.heroSectionPage {
  padding: 7rem 0;
  text-align: center;
  position: relative;
  background-image: url("assets/images/jpg/aboutus.jpg");
  background-position: 50% 50% !important;
  background-size: cover !important;
  min-height: 26rem;
}
@media (max-width: 47.999rem) {
  .heroSectionPage {
    padding: 6rem 0;
    min-height: 21.25rem;
  }
}
.heroSectionPage::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.heroSectionPage h1 {
  margin-bottom: 1.5rem;
  color: #ffffff;
}
@media (max-width: 47.999rem) {
  .heroSectionPage h1 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    line-height: 2.5rem;
  }
}
.heroSectionPage p {
  color: #ffffff;
  line-height: 2rem;
}
@media (max-width: 47.999rem) {
  .heroSectionPage p {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}

.aboutUsContent p {
  color: var(--colors-dark-gray-20, #727376);
  line-height: 2rem;
}
@media (max-width: 47.999rem) {
  .aboutUsContent p {
    line-height: 1.5rem;
    font-size: 0.75rem;
  }
}
.aboutUsContent img {
  border-radius: 0.5rem;
}

.ourTeamSection {
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  .ourTeamSection {
    padding-top: 0 !important;
  }
}
.ourTeamSection .titleSection p {
  font-size: 1rem;
}
.ourTeamSection__Slider {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media (max-width: 47.999rem) {
  .ourTeamSection__Slider {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.ourTeamSection__Slider .slick-list {
  margin: 0 -0.75rem;
  padding-bottom: 2.5rem;
}
@media (max-width: 47.999rem) {
  .ourTeamSection__Slider .slick-list {
    margin: 0 -1rem;
    padding-bottom: 2rem;
  }
}
.ourTeamSection__Slider .slick-list .slick-track {
  margin-right: 0;
}
.ourTeamSection__Slider .slick-list .slick-track .slick-slide > div + div {
  margin-top: 2rem;
}
.ourTeamSection__Slider--item {
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  display: block !important;
  padding: 0 0.75rem;
}
@media (max-width: 47.999rem) {
  .ourTeamSection__Slider--item {
    padding: 0 1rem 0 0;
  }
}
.ourTeamSection__Slider--item img {
  margin-bottom: 1rem;
  width: 100%;
}
.ourTeamSection__Slider--item h5 {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.ourTeamSection__Slider--item p {
  font-size: 0.875rem;
  color: var(--colors-dark-gray-20, #727376);
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .ourTeamSection__Slider--item p {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
.ourTeamSection__Slider--item ul li a svg {
  display: block;
}
.ourTeamSection__Slider--item ul li a svg path {
  transition: var(--main--transition-link);
}
.ourTeamSection__Slider--item:hover ul li a svg path {
  stroke: var(--colors-accent-100, #11bf3d);
}
.ourTeamSection__Slider .slick-arrow {
  top: auto;
  bottom: -2.5rem;
  transform: none;
  box-shadow: none;
  border: 1px solid var(--colors-dark-gray-20, #727376);
}
.ourTeamSection__Slider .slick-arrow path {
  transition: var(--main--transition-link);
}
.ourTeamSection__Slider .slick-arrow:hover {
  background: var(--colors-dark-gray-20, #727376);
}
.ourTeamSection__Slider .slick-arrow:hover path {
  stroke: #ffffff;
}
.ourTeamSection__Slider .slick-next {
  right: 0;
}
.ourTeamSection__Slider .slick-prev {
  left: auto;
  right: 3.5rem;
}
.ourTeamSection__Slider .slick-dots {
  transform: none;
  left: 0;
  gap: 0;
  align-items: center;
  bottom: -2.5rem;
  padding: 0;
  height: 3rem;
}
@media (max-width: 47.999rem) {
  .ourTeamSection__Slider .slick-dots {
    left: 0;
    right: 0;
    height: auto;
    bottom: -0.5rem;
  }
}
.ourTeamSection__Slider .slick-dots li {
  transition: var(--main--transition-link);
  margin: 0 0.25rem;
}
.ourTeamSection__Slider .slick-dots li button {
  width: 0.5rem;
  height: 0.5rem;
  background: var(--colors-light-gray-20, #f1f1f1);
  margin: auto;
}
.ourTeamSection__Slider .slick-dots li.slick-active {
  margin: 0 0.5rem;
}
@media (max-width: 47.999rem) {
  .ourTeamSection__Slider .slick-dots li.slick-active {
    margin: 0 0.25rem;
  }
}
.ourTeamSection__Slider .slick-dots li.slick-active button {
  background: var(--colors-accent-100, #11bf3d);
  transform: scale(2);
}
@media (max-width: 47.999rem) {
  .ourTeamSection__Slider .slick-dots li.slick-active button {
    transform: scale(1);
  }
}

.mapLocation {
  height: 34.9375rem;
}
@media (max-width: 47.999rem) {
  .mapLocation {
    height: 24.1875rem;
  }
}

.ContactUsContent .titleSection {
  margin-bottom: 1.5rem;
}
.ContactUsContent .titleSection h3 {
  margin-bottom: 1rem;
}
.ContactUsContent .titleSection p {
  font-size: 1rem;
}
@media (max-width: 47.999rem) {
  .ContactUsContent .titleSection p {
    font-size: 0.875rem;
  }
}
.ContactUsContent .titleSection p a {
  color: var(--colors-accent-100, #11bf3d);
}
.ContactUsContent__rightSide--moreInfoContact {
  margin-bottom: 1.5rem !important;
}
.ContactUsContent__rightSide--moreInfoContact svg {
  display: block;
}
.ContactUsContent__rightSide--moreInfoContact h6 {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-variation-settings: "wght" 400;
}
.ContactUsContent__rightSide--moreInfoContact h6 span,
.ContactUsContent__rightSide--moreInfoContact h6 a {
  color: var(--colors-dark-gray-20, #727376);
}
.ContactUsContent__rightSide--moreInfoContact li + li {
  margin-top: 1rem;
}
.ContactUsContent__rightSide .social ul li a {
  width: 2rem;
  height: 2rem;
}
.ContactUsContent__rightSide .social ul li a:hover path {
  stroke: #000000;
}
.ContactUsContent__leftSide .formWrapper .formWrapperForms .gform_footer {
  width: 100%;
}
.ContactUsContent__leftSide .formWrapper button[type=submit] {
  margin-top: 1.5rem;
  min-width: 8.1875rem;
  float: left;
}
@media (max-width: 47.999rem) {
  .ContactUsContent__leftSide .formWrapper button[type=submit] {
    float: none;
    width: 100%;
    border-radius: 0.75rem;
    margin-top: 1rem;
  }
}

.persianDatepicker + svg {
  pointer-events: none;
}

.FAQSectionWrapper__item--header {
  display: flex;
  width: 100%;
  text-align: right;
  background: none;
  border: 0;
  align-items: center;
  gap: 0.5rem;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 1rem 0;
  transition: var(--main--transition);
}
.FAQSectionWrapper__item--header .vertical {
  transition: var(--main--transition);
}
.FAQSectionWrapper__item--body {
  position: relative;
  padding-right: 42px;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2;
  display: none;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
@media (max-width: 47.999rem) {
  .FAQSectionWrapper__item--body {
    font-size: 12px;
  }
}
.FAQSectionWrapper__item--body::before {
  content: "";
  display: block;
  width: 0.125rem;
  border-radius: 4.125rem;
  background: #b8b9bb;
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
}
.FAQSectionWrapper__item--body .readMoreFAQ {
  margin-top: 24px;
  font-weight: 600;
  font-variation-settings: "wght" 600 !important;
}
.FAQSectionWrapper__item.active .FAQSectionWrapper__item--header {
  color: var(--colors-dark-gray-100, #171718);
  font-weight: 500;
  font-variation-settings: "wght" 500 !important;
  font-size: 16px;
}
@media (max-width: 47.999rem) {
  .FAQSectionWrapper__item.active .FAQSectionWrapper__item--header {
    font-size: 14px;
    font-weight: 400;
    font-variation-settings: "wght" 400 !important;
  }
}
.FAQSectionWrapper__item.active .FAQSectionWrapper__item--header .vertical {
  opacity: 0;
}
.FAQSectionWrapper__item + .FAQSectionWrapper__item {
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
}

.shareListButtons li a {
  display: block;
  padding: 0.25rem;
  position: relative;
}
.shareListButtons li a svg {
  display: block;
}

.copyLinkShare {
  overflow: visible !important;
}

.copyLinkShare .badge,
.shareListButtons .badge {
  border-radius: 0.5rem !important;
  background: var(--colors-accent-140, #16481e) !important;
  color: #ffffff !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  letter-spacing: -0.00875rem;
  font-variation-settings: "wght" 500 !important;
  padding: 0.5rem !important;
  position: absolute;
  bottom: 100%;
  transform: translate(50%, 1rem);
  right: 50%;
  white-space: nowrap;
  margin-bottom: 0.5rem !important;
  visibility: hidden;
  opacity: 0;
  transition: var(--main--transition);
}
.copyLinkShare .badge::before,
.shareListButtons .badge::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  top: 100%;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid var(--colors-accent-140, #16481e);
}
.copyLinkShare .badge.active,
.shareListButtons .badge.active {
  opacity: 1;
  visibility: visible;
  transform: translate(50%, 0);
}

.toastWrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10000;
  left: 0;
}
.toastWrapper .toast {
  transform: translateX(100%);
  transition: var(--main--transition-link);
  position: absolute;
  right: 0;
  width: 26.25rem;
  max-width: calc(100% - 2rem);
}
.toastWrapper .toast .alert {
  padding: 1rem;
}
.toastWrapper .toast .alert h6 {
  text-align: right;
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.toastWrapper .toast .alert p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.toastWrapper .toast.active {
  transform: translateX(0%);
  right: 1rem;
}
.toastWrapper .toast:nth-child(1) {
  bottom: 1rem;
}
.toastWrapper .toast:nth-child(2) {
  bottom: 7.5rem;
}
.toastWrapper .toast:nth-child(3) {
  bottom: 14rem;
}

.factorSection__tableInside {
  padding: 1rem;
  width: 37.1875rem;
  max-width: 100%;
  margin: auto;
}
.factorSection__tableInside .divider {
  margin: 1rem -1.5rem;
}
.factorSection__tableInside .divider svg {
  width: 100%;
  display: block;
}
.factorSection__tableInside table {
  width: 100%;
  border-collapse: separate;
}
.factorSection__tableInside table tr {
  border: 0;
}
.factorSection__tableInside table tr td {
  padding: 0;
}
.factorSection__tableInside table tr.factorSection__tableInside--topHeader svg {
  display: block;
}
.factorSection__tableInside table tr.factorSection__tableInside--topHeader > td:first-child {
  width: 100%;
}
.factorSection__tableInside table tr.factorSection__tableInside--topHeader > td:last-child {
  white-space: nowrap;
  min-width: 7.8125rem;
}
.factorSection__tableInside table tr.factorSection__tableInside--topHeader > td .info {
  display: block;
}
.factorSection__tableInside table tr.factorSection__tableInside--topInformation > td {
  padding-top: 1rem !important;
}
.factorSection__tableInside table tr.factorSection__tableInside--topInformation > td table {
  border-radius: 0.25rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  padding: 0.25rem;
  table-layout: fixed;
}
.factorSection__tableInside table tr.factorSection__tableInside--topInformation > td table tr td {
  padding: 0.25rem !important;
}
.factorSection__tableInside table tr.factorSection__tableInside--cartInformation > td {
  padding-top: 0.5rem !important;
}
.factorSection__tableInside table tr.factorSection__tableInside--cartInformation > td table {
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  border-radius: 0.25rem;
  overflow: hidden;
}
.factorSection__tableInside table tr.factorSection__tableInside--cartInformation > td table tr .th {
  background: #eeeeee;
}
.factorSection__tableInside table tr.factorSection__tableInside--cartInformation > td table tr th {
  padding: 0.25rem 0.25rem !important;
  height: 3rem;
  background: #eeeeee;
  font-weight: 600 !important;
  font-variation-settings: "wght" 600 !important;
}
.factorSection__tableInside table tr.factorSection__tableInside--cartInformation > td table tr th + th {
  border-right: 1px solid var(--colors-light-gray-60, #d5d5d6);
}
.factorSection__tableInside table tr.factorSection__tableInside--cartInformation > td table tr td {
  padding: 0.25rem !important;
  font-weight: 400 !important;
  font-variation-settings: "wght" 400 !important;
}
.factorSection__tableInside table tr.factorSection__tableInside--cartInformation > td table tr td + td {
  border-right: 1px solid var(--colors-light-gray-60, #d5d5d6);
}
.factorSection__tableInside table tr.factorSection__tableInside--cartInformation > td table tr:nth-last-child(-n+2) td[colspan="2"] {
  border-right: 1px solid var(--colors-light-gray-60, #d5d5d6);
}
.factorSection__tableInside table tr.factorSection__tableInside--cartInformation > td table tr:not(:first-child) + tr td {
  border-top: 1px solid var(--colors-light-gray-60, #d5d5d6);
}
.factorSection__tableInside .title,
.factorSection__tableInside .extraTitle {
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.125rem;
  font-variation-settings: "wght" 600;
  display: block;
}
.factorSection__tableInside .title {
  color: var(--colors-dark-gray-100, #171718);
}
.factorSection__tableInside .extraTitle {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.factorSection__tableInside .info {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.625rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.125rem;
}
.factorSection__tableInside .text-left {
  text-align: left;
}
.factorSection__tableInside .text-center {
  text-align: center;
}
.factorSection__tableInside .biggerSize {
  vertical-align: top;
}
.factorSection__downSection {
  margin: 0 1.5rem;
}
.factorSection__downSection table {
  border-radius: 0.25rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  padding: 1rem;
}
.factorSection__downSection table tr td {
  padding: 0.125rem 0 !important;
}
.factorSection__downSection table tr td.gutter-top {
  padding-top: 1rem !important;
}
.factorSection__downSection table tr:first-child td {
  vertical-align: bottom;
}
.factorSection__downSection table tr:first-child td:first-child {
  width: 100%;
}
.factorSection__downSection table .title::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.25rem;
  height: 0.25rem;
  background: #11bf3d;
  border-radius: 50%;
  margin-left: 0.25rem;
}
.factorSection__downSection table .bigger {
  font-size: 0.875rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  color: var(--colors-dark-gray-80, #2e2e2f);
  border-bottom: 1px dashed #727376;
  display: block;
  width: fit-content;
  line-height: 1.375rem;
  margin-bottom: 0.125rem;
}
.factorSection__downSection table .bigger .title {
  display: inline-block;
  vertical-align: middle;
}
.factorSection__downSection table .bigger .title::before {
  display: none;
}

.archiveContentSection__sidebar .berocket_single_filter_widget .coming-soon > .bapf_head {
  display: none;
}

.archiveContentSection__sidebar .berocket_single_filter_widget .coming-soon .bapf_body {
  max-height: 50px !important;
}

.archiveContentSection__sidebar .berocket_single_filter_widget:has(.coming-soon) {
  margin-top: 0 !important;
  border: 0 !important;
}

.btn, .gform_wrapper [type=submit],
.formWrapper [type=submit],
.dotline-Q-form [type=submit] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 1.5rem;
  transition: var(--main--transition-link, 0.3s ease-out);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  min-width: 2rem;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  gap: 0.25rem;
  border-radius: 0.5rem;
  border: 0;
  width: fit-content;
  position: relative;
  overflow: hidden;
}
.btn svg path, .gform_wrapper [type=submit] svg path,
.formWrapper [type=submit] svg path,
.dotline-Q-form [type=submit] svg path {
  transition: var(--main--transition-link, 0.3s ease-out);
}
.btn--large, .gform_wrapper [type=submit].btn--large,
.formWrapper [type=submit].btn--large,
.dotline-Q-form [type=submit].btn--large {
  font-size: 1rem;
  padding: 1rem 2rem;
  height: 3.5rem;
  gap: 0.5rem;
  border-radius: 0.75rem;
}
@media (max-width: 47.999rem) {
  .btn--large, .gform_wrapper [type=submit].btn--large,
  .formWrapper [type=submit].btn--large,
  .dotline-Q-form [type=submit].btn--large {
    font-size: 0.875rem;
    border-radius: 0.5rem;
  }
}
@media (max-width: 47.999rem) {
  .btn--large.SameSizeMobile, .gform_wrapper .SameSizeMobile[type=submit].btn--large,
  .formWrapper .SameSizeMobile[type=submit].btn--large,
  .dotline-Q-form .SameSizeMobile[type=submit].btn--large {
    font-size: 1rem;
  }
}
.btn--bg {
  background: var(--colors-accent-100, #11bf3d);
  color: #ffffff;
}
.btn--bg path {
  stroke: #ffffff;
}
.btn--bg:hover {
  background: var(--colors-accent-120, #029c28);
}
.btn--bg:active {
  background: var(--colors-accent-140, #16481e);
}
.btn--bg[disabled], .btn--bg.btn--lightGray40 {
  background: var(--colors-light-gray-40, #e3e3e4);
}
.btn--bg.btn--secondary {
  background: var(--secondary-colors-orange-100, #f16127) !important;
}
.btn--bg.btn--secondary:hover {
  background: var(--secondary-colors-orange-100, #f16127) !important;
}
.btn--bg.btn--secondary:active {
  background: var(--secondary-colors-orange-100, #f16127) !important;
}
.btn--bg.btn--secondary.btn--gift {
  height: 1.5rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.btn--bg.bg--white {
  background: #ffffff;
}
.btn--bg.bg--warning {
  background: var(--system-colors-warning, #e5c314);
}
.btn--bg.bg--warning:hover {
  background: var(--system-colors-warning, #e5c314);
}
.btn--bg.bg--warning:active {
  background: var(--system-colors-warning, #e5c314);
}
.btn--bg.btn--white {
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
  background: #ffffff;
  color: var(--colors-light-gray-100, #b8b9bb);
}
.btn--bg.btn--white:hover {
  border: 1px solid var(--colors-dark-gray-40, #727376);
  background: var(--colors-dark-gray-40, #727376);
  color: #ffffff;
}
.btn--bg.btn--white.active {
  border: 1px solid var(--colors-dark-gray-40, #727376);
  background: var(--colors-dark-gray-40, #727376);
  color: #ffffff;
}
.btn--bg.btn--error {
  background: var(--system-colors-error, #e74040);
}
.btn--bg.btn--error:hover {
  background: var(--system-colors-error, #e74040);
}
.btn--border {
  color: var(--colors-accent-100, #11bf3d);
  border: 2px solid var(--colors-accent-100, #11bf3d);
  background: none;
  height: 2.5rem;
}
.btn--border path {
  stroke: var(--colors-accent-100, #11bf3d);
}
.btn--border:hover {
  color: var(--colors-accent-120, #029c28);
  border-color: var(--colors-accent-120, #029c28);
}
.btn--border:hover path {
  stroke: var(--colors-accent-120, #11bf3d);
}
.btn--border:active {
  color: var(--colors-accent-140, #16481e);
  border-color: var(--colors-accent-140, #16481e);
}
.btn--border:active path {
  stroke: var(--colors-accent-140, #11bf3d);
}
.btn--border[disabled] {
  color: var(--colors-light-gray-40, #e3e3e4);
  border-color: var(--colors-light-gray-40, #e3e3e4);
}
.btn--border[disabled] path {
  stroke: var(--colors-light-gray-40, #11bf3d);
}
.btn--border.btn--white {
  color: var(--colors-dark-gray-20, #727376);
  border: 2px solid var(--colors-light-gray-20, #f1f1f1);
}
.btn--border.btn--white:hover {
  background: var(--colors-light-gray-20, #f1f1f1);
}
.btn--border.btn--gray {
  color: var(--colors-dark-gray-100, #b8b9bb);
  border: 2px solid var(--colors-light-gray-100, #b8b9bb);
}
.btn--border.btn--gray path {
  stroke: var(--colors-dark-gray-20, #727376);
}
.btn--border.btn--large, .gform_wrapper .btn--border[type=submit].btn--large,
.formWrapper .btn--border[type=submit].btn--large,
.dotline-Q-form .btn--border[type=submit].btn--large {
  height: 3.5rem;
}
.btn--link {
  padding: 0;
  color: var(--colors-accent-100, #11bf3d);
}
.btn--link:hover {
  color: var(--colors-accent-120, #029c28);
}
.btn--link:active {
  color: var(--colors-accent-140, #16481e);
}
.btn--link[disabled] {
  color: var(--colors-light-gray-40, #e3e3e4) !important;
}
.btn--link[disabled] path {
  stroke: var(--colors-light-gray-40, #e3e3e4) !important;
}
.btn--link.btn--white {
  color: #ffffff;
}
.btn--link.withHover:hover svg path {
  stroke: var(--colors-accent-120, #029c28);
}
.btn--link.withHover:active svg path {
  stroke: var(--colors-accent-140, #16481e);
}
.btn--link.btn--large, .gform_wrapper .btn--link[type=submit].btn--large,
.formWrapper .btn--link[type=submit].btn--large,
.dotline-Q-form .btn--link[type=submit].btn--large {
  height: auto;
}
.btn--link.btn--error {
  color: var(--system-colors-error, #ec3c2c);
}
.btn--transparent {
  background: none;
}
.btn--icon {
  min-width: 1.5rem;
  height: 1.5rem;
}
.btn--square {
  aspect-ratio: 1;
  padding: 0;
}
.btn--reverse {
  flex-direction: row-reverse;
}
.btn--fullheight {
  height: 100% !important;
}
.btn--wide {
  width: 100% !important;
}
.btn--circle {
  border-radius: 50%;
}
.btn.gx-2, .gform_wrapper .gx-2[type=submit],
.formWrapper .gx-2[type=submit],
.dotline-Q-form .gx-2[type=submit] {
  gap: 0.5rem;
}
.btn--inline {
  display: inline !important;
}

.gform_wrapper form,
.formWrapper form,
.dotline-Q-form form {
  width: 100%;
}
.gform_wrapper .ginput_container,
.gform_wrapper .formWrapper__container,
.gform_wrapper .form-group,
.formWrapper .ginput_container,
.formWrapper .formWrapper__container,
.formWrapper .form-group,
.dotline-Q-form .ginput_container,
.dotline-Q-form .formWrapper__container,
.dotline-Q-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gform_wrapper .ginput_container label,
.gform_wrapper .formWrapper__container label,
.gform_wrapper .form-group label,
.formWrapper .ginput_container label,
.formWrapper .formWrapper__container label,
.formWrapper .form-group label,
.dotline-Q-form .ginput_container label,
.dotline-Q-form .formWrapper__container label,
.dotline-Q-form .form-group label {
  color: var(--colors-dark-gray-60, #444547);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-variation-settings: "wght" 400;
  transition: var(--main--transition, 0.3s ease-out);
}
.gform_wrapper .ginput_container input[type=text],
.gform_wrapper .ginput_container input[type=email],
.gform_wrapper .ginput_container input[type=password],
.gform_wrapper .ginput_container input[type=number],
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container textarea,
.gform_wrapper .ginput_container .contentEditable,
.gform_wrapper .ginput_container .form-control,
.gform_wrapper .formWrapper__container input[type=text],
.gform_wrapper .formWrapper__container input[type=email],
.gform_wrapper .formWrapper__container input[type=password],
.gform_wrapper .formWrapper__container input[type=number],
.gform_wrapper .formWrapper__container select,
.gform_wrapper .formWrapper__container textarea,
.gform_wrapper .formWrapper__container .contentEditable,
.gform_wrapper .formWrapper__container .form-control,
.gform_wrapper .form-group input[type=text],
.gform_wrapper .form-group input[type=email],
.gform_wrapper .form-group input[type=password],
.gform_wrapper .form-group input[type=number],
.gform_wrapper .form-group select,
.gform_wrapper .form-group textarea,
.gform_wrapper .form-group .contentEditable,
.gform_wrapper .form-group .form-control,
.formWrapper .ginput_container input[type=text],
.formWrapper .ginput_container input[type=email],
.formWrapper .ginput_container input[type=password],
.formWrapper .ginput_container input[type=number],
.formWrapper .ginput_container select,
.formWrapper .ginput_container textarea,
.formWrapper .ginput_container .contentEditable,
.formWrapper .ginput_container .form-control,
.formWrapper .formWrapper__container input[type=text],
.formWrapper .formWrapper__container input[type=email],
.formWrapper .formWrapper__container input[type=password],
.formWrapper .formWrapper__container input[type=number],
.formWrapper .formWrapper__container select,
.formWrapper .formWrapper__container textarea,
.formWrapper .formWrapper__container .contentEditable,
.formWrapper .formWrapper__container .form-control,
.formWrapper .form-group input[type=text],
.formWrapper .form-group input[type=email],
.formWrapper .form-group input[type=password],
.formWrapper .form-group input[type=number],
.formWrapper .form-group select,
.formWrapper .form-group textarea,
.formWrapper .form-group .contentEditable,
.formWrapper .form-group .form-control,
.dotline-Q-form .ginput_container input[type=text],
.dotline-Q-form .ginput_container input[type=email],
.dotline-Q-form .ginput_container input[type=password],
.dotline-Q-form .ginput_container input[type=number],
.dotline-Q-form .ginput_container select,
.dotline-Q-form .ginput_container textarea,
.dotline-Q-form .ginput_container .contentEditable,
.dotline-Q-form .ginput_container .form-control,
.dotline-Q-form .formWrapper__container input[type=text],
.dotline-Q-form .formWrapper__container input[type=email],
.dotline-Q-form .formWrapper__container input[type=password],
.dotline-Q-form .formWrapper__container input[type=number],
.dotline-Q-form .formWrapper__container select,
.dotline-Q-form .formWrapper__container textarea,
.dotline-Q-form .formWrapper__container .contentEditable,
.dotline-Q-form .formWrapper__container .form-control,
.dotline-Q-form .form-group input[type=text],
.dotline-Q-form .form-group input[type=email],
.dotline-Q-form .form-group input[type=password],
.dotline-Q-form .form-group input[type=number],
.dotline-Q-form .form-group select,
.dotline-Q-form .form-group textarea,
.dotline-Q-form .form-group .contentEditable,
.dotline-Q-form .form-group .form-control {
  display: flex;
  width: 100%;
  padding: 1rem;
  gap: 0.5rem;
  border-radius: 0.75rem;
  min-height: 3.5rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  background: #ffffff;
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  transition: var(--main--transition, 0.3s ease-out);
  resize: none;
}
.gform_wrapper .ginput_container input[type=text]::placeholder,
.gform_wrapper .ginput_container input[type=email]::placeholder,
.gform_wrapper .ginput_container input[type=password]::placeholder,
.gform_wrapper .ginput_container input[type=number]::placeholder,
.gform_wrapper .ginput_container select::placeholder,
.gform_wrapper .ginput_container textarea::placeholder,
.gform_wrapper .ginput_container .contentEditable::placeholder,
.gform_wrapper .ginput_container .form-control::placeholder,
.gform_wrapper .formWrapper__container input[type=text]::placeholder,
.gform_wrapper .formWrapper__container input[type=email]::placeholder,
.gform_wrapper .formWrapper__container input[type=password]::placeholder,
.gform_wrapper .formWrapper__container input[type=number]::placeholder,
.gform_wrapper .formWrapper__container select::placeholder,
.gform_wrapper .formWrapper__container textarea::placeholder,
.gform_wrapper .formWrapper__container .contentEditable::placeholder,
.gform_wrapper .formWrapper__container .form-control::placeholder,
.gform_wrapper .form-group input[type=text]::placeholder,
.gform_wrapper .form-group input[type=email]::placeholder,
.gform_wrapper .form-group input[type=password]::placeholder,
.gform_wrapper .form-group input[type=number]::placeholder,
.gform_wrapper .form-group select::placeholder,
.gform_wrapper .form-group textarea::placeholder,
.gform_wrapper .form-group .contentEditable::placeholder,
.gform_wrapper .form-group .form-control::placeholder,
.formWrapper .ginput_container input[type=text]::placeholder,
.formWrapper .ginput_container input[type=email]::placeholder,
.formWrapper .ginput_container input[type=password]::placeholder,
.formWrapper .ginput_container input[type=number]::placeholder,
.formWrapper .ginput_container select::placeholder,
.formWrapper .ginput_container textarea::placeholder,
.formWrapper .ginput_container .contentEditable::placeholder,
.formWrapper .ginput_container .form-control::placeholder,
.formWrapper .formWrapper__container input[type=text]::placeholder,
.formWrapper .formWrapper__container input[type=email]::placeholder,
.formWrapper .formWrapper__container input[type=password]::placeholder,
.formWrapper .formWrapper__container input[type=number]::placeholder,
.formWrapper .formWrapper__container select::placeholder,
.formWrapper .formWrapper__container textarea::placeholder,
.formWrapper .formWrapper__container .contentEditable::placeholder,
.formWrapper .formWrapper__container .form-control::placeholder,
.formWrapper .form-group input[type=text]::placeholder,
.formWrapper .form-group input[type=email]::placeholder,
.formWrapper .form-group input[type=password]::placeholder,
.formWrapper .form-group input[type=number]::placeholder,
.formWrapper .form-group select::placeholder,
.formWrapper .form-group textarea::placeholder,
.formWrapper .form-group .contentEditable::placeholder,
.formWrapper .form-group .form-control::placeholder,
.dotline-Q-form .ginput_container input[type=text]::placeholder,
.dotline-Q-form .ginput_container input[type=email]::placeholder,
.dotline-Q-form .ginput_container input[type=password]::placeholder,
.dotline-Q-form .ginput_container input[type=number]::placeholder,
.dotline-Q-form .ginput_container select::placeholder,
.dotline-Q-form .ginput_container textarea::placeholder,
.dotline-Q-form .ginput_container .contentEditable::placeholder,
.dotline-Q-form .ginput_container .form-control::placeholder,
.dotline-Q-form .formWrapper__container input[type=text]::placeholder,
.dotline-Q-form .formWrapper__container input[type=email]::placeholder,
.dotline-Q-form .formWrapper__container input[type=password]::placeholder,
.dotline-Q-form .formWrapper__container input[type=number]::placeholder,
.dotline-Q-form .formWrapper__container select::placeholder,
.dotline-Q-form .formWrapper__container textarea::placeholder,
.dotline-Q-form .formWrapper__container .contentEditable::placeholder,
.dotline-Q-form .formWrapper__container .form-control::placeholder,
.dotline-Q-form .form-group input[type=text]::placeholder,
.dotline-Q-form .form-group input[type=email]::placeholder,
.dotline-Q-form .form-group input[type=password]::placeholder,
.dotline-Q-form .form-group input[type=number]::placeholder,
.dotline-Q-form .form-group select::placeholder,
.dotline-Q-form .form-group textarea::placeholder,
.dotline-Q-form .form-group .contentEditable::placeholder,
.dotline-Q-form .form-group .form-control::placeholder {
  color: var(--colors-light-gray-60, #d5d5d6);
}
.gform_wrapper .ginput_container input[type=text]:active, .gform_wrapper .ginput_container input[type=text]:focus,
.gform_wrapper .ginput_container input[type=email]:active,
.gform_wrapper .ginput_container input[type=email]:focus,
.gform_wrapper .ginput_container input[type=password]:active,
.gform_wrapper .ginput_container input[type=password]:focus,
.gform_wrapper .ginput_container input[type=number]:active,
.gform_wrapper .ginput_container input[type=number]:focus,
.gform_wrapper .ginput_container select:active,
.gform_wrapper .ginput_container select:focus,
.gform_wrapper .ginput_container textarea:active,
.gform_wrapper .ginput_container textarea:focus,
.gform_wrapper .ginput_container .contentEditable:active,
.gform_wrapper .ginput_container .contentEditable:focus,
.gform_wrapper .ginput_container .form-control:active,
.gform_wrapper .ginput_container .form-control:focus,
.gform_wrapper .formWrapper__container input[type=text]:active,
.gform_wrapper .formWrapper__container input[type=text]:focus,
.gform_wrapper .formWrapper__container input[type=email]:active,
.gform_wrapper .formWrapper__container input[type=email]:focus,
.gform_wrapper .formWrapper__container input[type=password]:active,
.gform_wrapper .formWrapper__container input[type=password]:focus,
.gform_wrapper .formWrapper__container input[type=number]:active,
.gform_wrapper .formWrapper__container input[type=number]:focus,
.gform_wrapper .formWrapper__container select:active,
.gform_wrapper .formWrapper__container select:focus,
.gform_wrapper .formWrapper__container textarea:active,
.gform_wrapper .formWrapper__container textarea:focus,
.gform_wrapper .formWrapper__container .contentEditable:active,
.gform_wrapper .formWrapper__container .contentEditable:focus,
.gform_wrapper .formWrapper__container .form-control:active,
.gform_wrapper .formWrapper__container .form-control:focus,
.gform_wrapper .form-group input[type=text]:active,
.gform_wrapper .form-group input[type=text]:focus,
.gform_wrapper .form-group input[type=email]:active,
.gform_wrapper .form-group input[type=email]:focus,
.gform_wrapper .form-group input[type=password]:active,
.gform_wrapper .form-group input[type=password]:focus,
.gform_wrapper .form-group input[type=number]:active,
.gform_wrapper .form-group input[type=number]:focus,
.gform_wrapper .form-group select:active,
.gform_wrapper .form-group select:focus,
.gform_wrapper .form-group textarea:active,
.gform_wrapper .form-group textarea:focus,
.gform_wrapper .form-group .contentEditable:active,
.gform_wrapper .form-group .contentEditable:focus,
.gform_wrapper .form-group .form-control:active,
.gform_wrapper .form-group .form-control:focus,
.formWrapper .ginput_container input[type=text]:active,
.formWrapper .ginput_container input[type=text]:focus,
.formWrapper .ginput_container input[type=email]:active,
.formWrapper .ginput_container input[type=email]:focus,
.formWrapper .ginput_container input[type=password]:active,
.formWrapper .ginput_container input[type=password]:focus,
.formWrapper .ginput_container input[type=number]:active,
.formWrapper .ginput_container input[type=number]:focus,
.formWrapper .ginput_container select:active,
.formWrapper .ginput_container select:focus,
.formWrapper .ginput_container textarea:active,
.formWrapper .ginput_container textarea:focus,
.formWrapper .ginput_container .contentEditable:active,
.formWrapper .ginput_container .contentEditable:focus,
.formWrapper .ginput_container .form-control:active,
.formWrapper .ginput_container .form-control:focus,
.formWrapper .formWrapper__container input[type=text]:active,
.formWrapper .formWrapper__container input[type=text]:focus,
.formWrapper .formWrapper__container input[type=email]:active,
.formWrapper .formWrapper__container input[type=email]:focus,
.formWrapper .formWrapper__container input[type=password]:active,
.formWrapper .formWrapper__container input[type=password]:focus,
.formWrapper .formWrapper__container input[type=number]:active,
.formWrapper .formWrapper__container input[type=number]:focus,
.formWrapper .formWrapper__container select:active,
.formWrapper .formWrapper__container select:focus,
.formWrapper .formWrapper__container textarea:active,
.formWrapper .formWrapper__container textarea:focus,
.formWrapper .formWrapper__container .contentEditable:active,
.formWrapper .formWrapper__container .contentEditable:focus,
.formWrapper .formWrapper__container .form-control:active,
.formWrapper .formWrapper__container .form-control:focus,
.formWrapper .form-group input[type=text]:active,
.formWrapper .form-group input[type=text]:focus,
.formWrapper .form-group input[type=email]:active,
.formWrapper .form-group input[type=email]:focus,
.formWrapper .form-group input[type=password]:active,
.formWrapper .form-group input[type=password]:focus,
.formWrapper .form-group input[type=number]:active,
.formWrapper .form-group input[type=number]:focus,
.formWrapper .form-group select:active,
.formWrapper .form-group select:focus,
.formWrapper .form-group textarea:active,
.formWrapper .form-group textarea:focus,
.formWrapper .form-group .contentEditable:active,
.formWrapper .form-group .contentEditable:focus,
.formWrapper .form-group .form-control:active,
.formWrapper .form-group .form-control:focus,
.dotline-Q-form .ginput_container input[type=text]:active,
.dotline-Q-form .ginput_container input[type=text]:focus,
.dotline-Q-form .ginput_container input[type=email]:active,
.dotline-Q-form .ginput_container input[type=email]:focus,
.dotline-Q-form .ginput_container input[type=password]:active,
.dotline-Q-form .ginput_container input[type=password]:focus,
.dotline-Q-form .ginput_container input[type=number]:active,
.dotline-Q-form .ginput_container input[type=number]:focus,
.dotline-Q-form .ginput_container select:active,
.dotline-Q-form .ginput_container select:focus,
.dotline-Q-form .ginput_container textarea:active,
.dotline-Q-form .ginput_container textarea:focus,
.dotline-Q-form .ginput_container .contentEditable:active,
.dotline-Q-form .ginput_container .contentEditable:focus,
.dotline-Q-form .ginput_container .form-control:active,
.dotline-Q-form .ginput_container .form-control:focus,
.dotline-Q-form .formWrapper__container input[type=text]:active,
.dotline-Q-form .formWrapper__container input[type=text]:focus,
.dotline-Q-form .formWrapper__container input[type=email]:active,
.dotline-Q-form .formWrapper__container input[type=email]:focus,
.dotline-Q-form .formWrapper__container input[type=password]:active,
.dotline-Q-form .formWrapper__container input[type=password]:focus,
.dotline-Q-form .formWrapper__container input[type=number]:active,
.dotline-Q-form .formWrapper__container input[type=number]:focus,
.dotline-Q-form .formWrapper__container select:active,
.dotline-Q-form .formWrapper__container select:focus,
.dotline-Q-form .formWrapper__container textarea:active,
.dotline-Q-form .formWrapper__container textarea:focus,
.dotline-Q-form .formWrapper__container .contentEditable:active,
.dotline-Q-form .formWrapper__container .contentEditable:focus,
.dotline-Q-form .formWrapper__container .form-control:active,
.dotline-Q-form .formWrapper__container .form-control:focus,
.dotline-Q-form .form-group input[type=text]:active,
.dotline-Q-form .form-group input[type=text]:focus,
.dotline-Q-form .form-group input[type=email]:active,
.dotline-Q-form .form-group input[type=email]:focus,
.dotline-Q-form .form-group input[type=password]:active,
.dotline-Q-form .form-group input[type=password]:focus,
.dotline-Q-form .form-group input[type=number]:active,
.dotline-Q-form .form-group input[type=number]:focus,
.dotline-Q-form .form-group select:active,
.dotline-Q-form .form-group select:focus,
.dotline-Q-form .form-group textarea:active,
.dotline-Q-form .form-group textarea:focus,
.dotline-Q-form .form-group .contentEditable:active,
.dotline-Q-form .form-group .contentEditable:focus,
.dotline-Q-form .form-group .form-control:active,
.dotline-Q-form .form-group .form-control:focus {
  border-color: var(--colors-dark-gray-60, #444547);
}
.gform_wrapper .ginput_container input[type=text][disabled],
.gform_wrapper .ginput_container input[type=email][disabled],
.gform_wrapper .ginput_container input[type=password][disabled],
.gform_wrapper .ginput_container input[type=number][disabled],
.gform_wrapper .ginput_container select[disabled],
.gform_wrapper .ginput_container textarea[disabled],
.gform_wrapper .ginput_container .contentEditable[disabled],
.gform_wrapper .ginput_container .form-control[disabled],
.gform_wrapper .formWrapper__container input[type=text][disabled],
.gform_wrapper .formWrapper__container input[type=email][disabled],
.gform_wrapper .formWrapper__container input[type=password][disabled],
.gform_wrapper .formWrapper__container input[type=number][disabled],
.gform_wrapper .formWrapper__container select[disabled],
.gform_wrapper .formWrapper__container textarea[disabled],
.gform_wrapper .formWrapper__container .contentEditable[disabled],
.gform_wrapper .formWrapper__container .form-control[disabled],
.gform_wrapper .form-group input[type=text][disabled],
.gform_wrapper .form-group input[type=email][disabled],
.gform_wrapper .form-group input[type=password][disabled],
.gform_wrapper .form-group input[type=number][disabled],
.gform_wrapper .form-group select[disabled],
.gform_wrapper .form-group textarea[disabled],
.gform_wrapper .form-group .contentEditable[disabled],
.gform_wrapper .form-group .form-control[disabled],
.formWrapper .ginput_container input[type=text][disabled],
.formWrapper .ginput_container input[type=email][disabled],
.formWrapper .ginput_container input[type=password][disabled],
.formWrapper .ginput_container input[type=number][disabled],
.formWrapper .ginput_container select[disabled],
.formWrapper .ginput_container textarea[disabled],
.formWrapper .ginput_container .contentEditable[disabled],
.formWrapper .ginput_container .form-control[disabled],
.formWrapper .formWrapper__container input[type=text][disabled],
.formWrapper .formWrapper__container input[type=email][disabled],
.formWrapper .formWrapper__container input[type=password][disabled],
.formWrapper .formWrapper__container input[type=number][disabled],
.formWrapper .formWrapper__container select[disabled],
.formWrapper .formWrapper__container textarea[disabled],
.formWrapper .formWrapper__container .contentEditable[disabled],
.formWrapper .formWrapper__container .form-control[disabled],
.formWrapper .form-group input[type=text][disabled],
.formWrapper .form-group input[type=email][disabled],
.formWrapper .form-group input[type=password][disabled],
.formWrapper .form-group input[type=number][disabled],
.formWrapper .form-group select[disabled],
.formWrapper .form-group textarea[disabled],
.formWrapper .form-group .contentEditable[disabled],
.formWrapper .form-group .form-control[disabled],
.dotline-Q-form .ginput_container input[type=text][disabled],
.dotline-Q-form .ginput_container input[type=email][disabled],
.dotline-Q-form .ginput_container input[type=password][disabled],
.dotline-Q-form .ginput_container input[type=number][disabled],
.dotline-Q-form .ginput_container select[disabled],
.dotline-Q-form .ginput_container textarea[disabled],
.dotline-Q-form .ginput_container .contentEditable[disabled],
.dotline-Q-form .ginput_container .form-control[disabled],
.dotline-Q-form .formWrapper__container input[type=text][disabled],
.dotline-Q-form .formWrapper__container input[type=email][disabled],
.dotline-Q-form .formWrapper__container input[type=password][disabled],
.dotline-Q-form .formWrapper__container input[type=number][disabled],
.dotline-Q-form .formWrapper__container select[disabled],
.dotline-Q-form .formWrapper__container textarea[disabled],
.dotline-Q-form .formWrapper__container .contentEditable[disabled],
.dotline-Q-form .formWrapper__container .form-control[disabled],
.dotline-Q-form .form-group input[type=text][disabled],
.dotline-Q-form .form-group input[type=email][disabled],
.dotline-Q-form .form-group input[type=password][disabled],
.dotline-Q-form .form-group input[type=number][disabled],
.dotline-Q-form .form-group select[disabled],
.dotline-Q-form .form-group textarea[disabled],
.dotline-Q-form .form-group .contentEditable[disabled],
.dotline-Q-form .form-group .form-control[disabled] {
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  background: #f6f6f6;
}
.gform_wrapper .ginput_container textarea.small,
.gform_wrapper .formWrapper__container textarea.small,
.gform_wrapper .form-group textarea.small,
.formWrapper .ginput_container textarea.small,
.formWrapper .formWrapper__container textarea.small,
.formWrapper .form-group textarea.small,
.dotline-Q-form .ginput_container textarea.small,
.dotline-Q-form .formWrapper__container textarea.small,
.dotline-Q-form .form-group textarea.small {
  height: 6.25rem;
}
.gform_wrapper .ginput_container textarea::-webkit-scrollbar,
.gform_wrapper .formWrapper__container textarea::-webkit-scrollbar,
.gform_wrapper .form-group textarea::-webkit-scrollbar,
.formWrapper .ginput_container textarea::-webkit-scrollbar,
.formWrapper .formWrapper__container textarea::-webkit-scrollbar,
.formWrapper .form-group textarea::-webkit-scrollbar,
.dotline-Q-form .ginput_container textarea::-webkit-scrollbar,
.dotline-Q-form .formWrapper__container textarea::-webkit-scrollbar,
.dotline-Q-form .form-group textarea::-webkit-scrollbar {
  width: 0.25rem;
}
.gform_wrapper .ginput_container textarea::-webkit-scrollbar-track,
.gform_wrapper .formWrapper__container textarea::-webkit-scrollbar-track,
.gform_wrapper .form-group textarea::-webkit-scrollbar-track,
.formWrapper .ginput_container textarea::-webkit-scrollbar-track,
.formWrapper .formWrapper__container textarea::-webkit-scrollbar-track,
.formWrapper .form-group textarea::-webkit-scrollbar-track,
.dotline-Q-form .ginput_container textarea::-webkit-scrollbar-track,
.dotline-Q-form .formWrapper__container textarea::-webkit-scrollbar-track,
.dotline-Q-form .form-group textarea::-webkit-scrollbar-track {
  border-radius: 1rem;
}
.gform_wrapper .ginput_container textarea::-webkit-scrollbar-thumb,
.gform_wrapper .formWrapper__container textarea::-webkit-scrollbar-thumb,
.gform_wrapper .form-group textarea::-webkit-scrollbar-thumb,
.formWrapper .ginput_container textarea::-webkit-scrollbar-thumb,
.formWrapper .formWrapper__container textarea::-webkit-scrollbar-thumb,
.formWrapper .form-group textarea::-webkit-scrollbar-thumb,
.dotline-Q-form .ginput_container textarea::-webkit-scrollbar-thumb,
.dotline-Q-form .formWrapper__container textarea::-webkit-scrollbar-thumb,
.dotline-Q-form .form-group textarea::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 1rem;
}
.gform_wrapper .ginput_container.large input[type=text],
.gform_wrapper .ginput_container.large input[type=email],
.gform_wrapper .ginput_container.large input[type=number],
.gform_wrapper .ginput_container.large select,
.gform_wrapper .ginput_container.large textarea,
.gform_wrapper .formWrapper__container.large input[type=text],
.gform_wrapper .formWrapper__container.large input[type=email],
.gform_wrapper .formWrapper__container.large input[type=number],
.gform_wrapper .formWrapper__container.large select,
.gform_wrapper .formWrapper__container.large textarea,
.gform_wrapper .form-group.large input[type=text],
.gform_wrapper .form-group.large input[type=email],
.gform_wrapper .form-group.large input[type=number],
.gform_wrapper .form-group.large select,
.gform_wrapper .form-group.large textarea,
.formWrapper .ginput_container.large input[type=text],
.formWrapper .ginput_container.large input[type=email],
.formWrapper .ginput_container.large input[type=number],
.formWrapper .ginput_container.large select,
.formWrapper .ginput_container.large textarea,
.formWrapper .formWrapper__container.large input[type=text],
.formWrapper .formWrapper__container.large input[type=email],
.formWrapper .formWrapper__container.large input[type=number],
.formWrapper .formWrapper__container.large select,
.formWrapper .formWrapper__container.large textarea,
.formWrapper .form-group.large input[type=text],
.formWrapper .form-group.large input[type=email],
.formWrapper .form-group.large input[type=number],
.formWrapper .form-group.large select,
.formWrapper .form-group.large textarea,
.dotline-Q-form .ginput_container.large input[type=text],
.dotline-Q-form .ginput_container.large input[type=email],
.dotline-Q-form .ginput_container.large input[type=number],
.dotline-Q-form .ginput_container.large select,
.dotline-Q-form .ginput_container.large textarea,
.dotline-Q-form .formWrapper__container.large input[type=text],
.dotline-Q-form .formWrapper__container.large input[type=email],
.dotline-Q-form .formWrapper__container.large input[type=number],
.dotline-Q-form .formWrapper__container.large select,
.dotline-Q-form .formWrapper__container.large textarea,
.dotline-Q-form .form-group.large input[type=text],
.dotline-Q-form .form-group.large input[type=email],
.dotline-Q-form .form-group.large input[type=number],
.dotline-Q-form .form-group.large select,
.dotline-Q-form .form-group.large textarea {
  padding: 1.25rem 1rem;
  min-height: 4rem;
}
@media (max-width: 47.999rem) {
  .gform_wrapper .ginput_container.large input[type=text],
  .gform_wrapper .ginput_container.large input[type=email],
  .gform_wrapper .ginput_container.large input[type=number],
  .gform_wrapper .ginput_container.large select,
  .gform_wrapper .ginput_container.large textarea,
  .gform_wrapper .formWrapper__container.large input[type=text],
  .gform_wrapper .formWrapper__container.large input[type=email],
  .gform_wrapper .formWrapper__container.large input[type=number],
  .gform_wrapper .formWrapper__container.large select,
  .gform_wrapper .formWrapper__container.large textarea,
  .gform_wrapper .form-group.large input[type=text],
  .gform_wrapper .form-group.large input[type=email],
  .gform_wrapper .form-group.large input[type=number],
  .gform_wrapper .form-group.large select,
  .gform_wrapper .form-group.large textarea,
  .formWrapper .ginput_container.large input[type=text],
  .formWrapper .ginput_container.large input[type=email],
  .formWrapper .ginput_container.large input[type=number],
  .formWrapper .ginput_container.large select,
  .formWrapper .ginput_container.large textarea,
  .formWrapper .formWrapper__container.large input[type=text],
  .formWrapper .formWrapper__container.large input[type=email],
  .formWrapper .formWrapper__container.large input[type=number],
  .formWrapper .formWrapper__container.large select,
  .formWrapper .formWrapper__container.large textarea,
  .formWrapper .form-group.large input[type=text],
  .formWrapper .form-group.large input[type=email],
  .formWrapper .form-group.large input[type=number],
  .formWrapper .form-group.large select,
  .formWrapper .form-group.large textarea,
  .dotline-Q-form .ginput_container.large input[type=text],
  .dotline-Q-form .ginput_container.large input[type=email],
  .dotline-Q-form .ginput_container.large input[type=number],
  .dotline-Q-form .ginput_container.large select,
  .dotline-Q-form .ginput_container.large textarea,
  .dotline-Q-form .formWrapper__container.large input[type=text],
  .dotline-Q-form .formWrapper__container.large input[type=email],
  .dotline-Q-form .formWrapper__container.large input[type=number],
  .dotline-Q-form .formWrapper__container.large select,
  .dotline-Q-form .formWrapper__container.large textarea,
  .dotline-Q-form .form-group.large input[type=text],
  .dotline-Q-form .form-group.large input[type=email],
  .dotline-Q-form .form-group.large input[type=number],
  .dotline-Q-form .form-group.large select,
  .dotline-Q-form .form-group.large textarea {
    min-height: 3rem;
    padding: 0.5rem 1rem !important;
  }
}
.gform_wrapper .ginput_container .formWrapper__container--withButton,
.gform_wrapper .formWrapper__container .formWrapper__container--withButton,
.gform_wrapper .form-group .formWrapper__container--withButton,
.formWrapper .ginput_container .formWrapper__container--withButton,
.formWrapper .formWrapper__container .formWrapper__container--withButton,
.formWrapper .form-group .formWrapper__container--withButton,
.dotline-Q-form .ginput_container .formWrapper__container--withButton,
.dotline-Q-form .formWrapper__container .formWrapper__container--withButton,
.dotline-Q-form .form-group .formWrapper__container--withButton {
  position: relative;
}
.gform_wrapper .ginput_container .formWrapper__container--withButton button,
.gform_wrapper .formWrapper__container .formWrapper__container--withButton button,
.gform_wrapper .form-group .formWrapper__container--withButton button,
.formWrapper .ginput_container .formWrapper__container--withButton button,
.formWrapper .formWrapper__container .formWrapper__container--withButton button,
.formWrapper .form-group .formWrapper__container--withButton button,
.dotline-Q-form .ginput_container .formWrapper__container--withButton button,
.dotline-Q-form .formWrapper__container .formWrapper__container--withButton button,
.dotline-Q-form .form-group .formWrapper__container--withButton button {
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  min-width: 1rem;
}
.gform_wrapper .ginput_container .formWrapper__container--withButton button svg,
.gform_wrapper .formWrapper__container .formWrapper__container--withButton button svg,
.gform_wrapper .form-group .formWrapper__container--withButton button svg,
.formWrapper .ginput_container .formWrapper__container--withButton button svg,
.formWrapper .formWrapper__container .formWrapper__container--withButton button svg,
.formWrapper .form-group .formWrapper__container--withButton button svg,
.dotline-Q-form .ginput_container .formWrapper__container--withButton button svg,
.dotline-Q-form .formWrapper__container .formWrapper__container--withButton button svg,
.dotline-Q-form .form-group .formWrapper__container--withButton button svg {
  display: block;
}
.gform_wrapper .ginput_container .customCheckboxRadio label,
.gform_wrapper .formWrapper__container .customCheckboxRadio label,
.gform_wrapper .form-group .customCheckboxRadio label,
.formWrapper .ginput_container .customCheckboxRadio label,
.formWrapper .formWrapper__container .customCheckboxRadio label,
.formWrapper .form-group .customCheckboxRadio label,
.dotline-Q-form .ginput_container .customCheckboxRadio label,
.dotline-Q-form .formWrapper__container .customCheckboxRadio label,
.dotline-Q-form .form-group .customCheckboxRadio label {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  cursor: pointer;
}
.gform_wrapper .ginput_container .customCheckboxRadio input,
.gform_wrapper .formWrapper__container .customCheckboxRadio input,
.gform_wrapper .form-group .customCheckboxRadio input,
.formWrapper .ginput_container .customCheckboxRadio input,
.formWrapper .formWrapper__container .customCheckboxRadio input,
.formWrapper .form-group .customCheckboxRadio input,
.dotline-Q-form .ginput_container .customCheckboxRadio input,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input,
.dotline-Q-form .form-group .customCheckboxRadio input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.gform_wrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label::before, .gform_wrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::before,
.gform_wrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::after,
.gform_wrapper .form-group .customCheckboxRadio input[type=checkbox] + label::before,
.gform_wrapper .form-group .customCheckboxRadio input[type=checkbox] + label::after,
.formWrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label::before,
.formWrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label::after,
.formWrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::before,
.formWrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::after,
.formWrapper .form-group .customCheckboxRadio input[type=checkbox] + label::before,
.formWrapper .form-group .customCheckboxRadio input[type=checkbox] + label::after,
.dotline-Q-form .ginput_container .customCheckboxRadio input[type=checkbox] + label::before,
.dotline-Q-form .ginput_container .customCheckboxRadio input[type=checkbox] + label::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::before,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::after,
.dotline-Q-form .form-group .customCheckboxRadio input[type=checkbox] + label::before,
.dotline-Q-form .form-group .customCheckboxRadio input[type=checkbox] + label::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  transition: var(--main--transition-link);
}
.gform_wrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label::before,
.gform_wrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::before,
.gform_wrapper .form-group .customCheckboxRadio input[type=checkbox] + label::before,
.formWrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label::before,
.formWrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::before,
.formWrapper .form-group .customCheckboxRadio input[type=checkbox] + label::before,
.dotline-Q-form .ginput_container .customCheckboxRadio input[type=checkbox] + label::before,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::before,
.dotline-Q-form .form-group .customCheckboxRadio input[type=checkbox] + label::before {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="white"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" stroke="%23D5D5D6"/></svg>') center no-repeat;
  background-size: contain;
}
.gform_wrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::after,
.gform_wrapper .form-group .customCheckboxRadio input[type=checkbox] + label::after,
.formWrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label::after,
.formWrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::after,
.formWrapper .form-group .customCheckboxRadio input[type=checkbox] + label::after,
.dotline-Q-form .ginput_container .customCheckboxRadio input[type=checkbox] + label::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::after,
.dotline-Q-form .form-group .customCheckboxRadio input[type=checkbox] + label::after {
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 6L5 8.5L10 3.5" stroke="%23444547" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
  background-size: 70%;
  visibility: hidden;
  opacity: 0;
}
.gform_wrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label.accentCheck::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label.accentCheck::after,
.gform_wrapper .form-group .customCheckboxRadio input[type=checkbox] + label.accentCheck::after,
.formWrapper .ginput_container .customCheckboxRadio input[type=checkbox] + label.accentCheck::after,
.formWrapper .formWrapper__container .customCheckboxRadio input[type=checkbox] + label.accentCheck::after,
.formWrapper .form-group .customCheckboxRadio input[type=checkbox] + label.accentCheck::after,
.dotline-Q-form .ginput_container .customCheckboxRadio input[type=checkbox] + label.accentCheck::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input[type=checkbox] + label.accentCheck::after,
.dotline-Q-form .form-group .customCheckboxRadio input[type=checkbox] + label.accentCheck::after {
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 6L5 8.5L10 3.5" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
}
.gform_wrapper .ginput_container .customCheckboxRadio input[type=radio] + label,
.gform_wrapper .formWrapper__container .customCheckboxRadio input[type=radio] + label,
.gform_wrapper .form-group .customCheckboxRadio input[type=radio] + label,
.formWrapper .ginput_container .customCheckboxRadio input[type=radio] + label,
.formWrapper .formWrapper__container .customCheckboxRadio input[type=radio] + label,
.formWrapper .form-group .customCheckboxRadio input[type=radio] + label,
.dotline-Q-form .ginput_container .customCheckboxRadio input[type=radio] + label,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input[type=radio] + label,
.dotline-Q-form .form-group .customCheckboxRadio input[type=radio] + label {
  position: relative;
  display: block;
  transition: var(--main--transition-link);
}
.gform_wrapper .ginput_container .customCheckboxRadio input[type=radio] + label::before, .gform_wrapper .ginput_container .customCheckboxRadio input[type=radio] + label::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio input[type=radio] + label::before,
.gform_wrapper .formWrapper__container .customCheckboxRadio input[type=radio] + label::after,
.gform_wrapper .form-group .customCheckboxRadio input[type=radio] + label::before,
.gform_wrapper .form-group .customCheckboxRadio input[type=radio] + label::after,
.formWrapper .ginput_container .customCheckboxRadio input[type=radio] + label::before,
.formWrapper .ginput_container .customCheckboxRadio input[type=radio] + label::after,
.formWrapper .formWrapper__container .customCheckboxRadio input[type=radio] + label::before,
.formWrapper .formWrapper__container .customCheckboxRadio input[type=radio] + label::after,
.formWrapper .form-group .customCheckboxRadio input[type=radio] + label::before,
.formWrapper .form-group .customCheckboxRadio input[type=radio] + label::after,
.dotline-Q-form .ginput_container .customCheckboxRadio input[type=radio] + label::before,
.dotline-Q-form .ginput_container .customCheckboxRadio input[type=radio] + label::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input[type=radio] + label::before,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input[type=radio] + label::after,
.dotline-Q-form .form-group .customCheckboxRadio input[type=radio] + label::before,
.dotline-Q-form .form-group .customCheckboxRadio input[type=radio] + label::after {
  content: "";
  border-radius: 3.75rem;
  display: block;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  background: #ffffff;
  width: 1rem;
  height: 1rem;
  position: absolute;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  transition: var(--main--transition-link);
}
.gform_wrapper .ginput_container .customCheckboxRadio input[type=radio] + label::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio input[type=radio] + label::after,
.gform_wrapper .form-group .customCheckboxRadio input[type=radio] + label::after,
.formWrapper .ginput_container .customCheckboxRadio input[type=radio] + label::after,
.formWrapper .formWrapper__container .customCheckboxRadio input[type=radio] + label::after,
.formWrapper .form-group .customCheckboxRadio input[type=radio] + label::after,
.dotline-Q-form .ginput_container .customCheckboxRadio input[type=radio] + label::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input[type=radio] + label::after,
.dotline-Q-form .form-group .customCheckboxRadio input[type=radio] + label::after {
  background: var(--colors-accent-100, #11bf3d);
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}
.gform_wrapper .ginput_container .customCheckboxRadio input:checked[type=checkbox] + label::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio input:checked[type=checkbox] + label::after,
.gform_wrapper .form-group .customCheckboxRadio input:checked[type=checkbox] + label::after,
.formWrapper .ginput_container .customCheckboxRadio input:checked[type=checkbox] + label::after,
.formWrapper .formWrapper__container .customCheckboxRadio input:checked[type=checkbox] + label::after,
.formWrapper .form-group .customCheckboxRadio input:checked[type=checkbox] + label::after,
.dotline-Q-form .ginput_container .customCheckboxRadio input:checked[type=checkbox] + label::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input:checked[type=checkbox] + label::after,
.dotline-Q-form .form-group .customCheckboxRadio input:checked[type=checkbox] + label::after {
  opacity: 1;
  visibility: visible;
}
.gform_wrapper .ginput_container .customCheckboxRadio input:checked[type=checkbox] + label .color,
.gform_wrapper .formWrapper__container .customCheckboxRadio input:checked[type=checkbox] + label .color,
.gform_wrapper .form-group .customCheckboxRadio input:checked[type=checkbox] + label .color,
.formWrapper .ginput_container .customCheckboxRadio input:checked[type=checkbox] + label .color,
.formWrapper .formWrapper__container .customCheckboxRadio input:checked[type=checkbox] + label .color,
.formWrapper .form-group .customCheckboxRadio input:checked[type=checkbox] + label .color,
.dotline-Q-form .ginput_container .customCheckboxRadio input:checked[type=checkbox] + label .color,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input:checked[type=checkbox] + label .color,
.dotline-Q-form .form-group .customCheckboxRadio input:checked[type=checkbox] + label .color {
  box-shadow: 0 0 0 2px var(--colors-dark-gray-60, #444547);
}
.gform_wrapper .ginput_container .customCheckboxRadio input:checked[type=radio] + label,
.gform_wrapper .formWrapper__container .customCheckboxRadio input:checked[type=radio] + label,
.gform_wrapper .form-group .customCheckboxRadio input:checked[type=radio] + label,
.formWrapper .ginput_container .customCheckboxRadio input:checked[type=radio] + label,
.formWrapper .formWrapper__container .customCheckboxRadio input:checked[type=radio] + label,
.formWrapper .form-group .customCheckboxRadio input:checked[type=radio] + label,
.dotline-Q-form .ginput_container .customCheckboxRadio input:checked[type=radio] + label,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input:checked[type=radio] + label,
.dotline-Q-form .form-group .customCheckboxRadio input:checked[type=radio] + label {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.gform_wrapper .ginput_container .customCheckboxRadio input:checked[type=radio] + label::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio input:checked[type=radio] + label::after,
.gform_wrapper .form-group .customCheckboxRadio input:checked[type=radio] + label::after,
.formWrapper .ginput_container .customCheckboxRadio input:checked[type=radio] + label::after,
.formWrapper .formWrapper__container .customCheckboxRadio input:checked[type=radio] + label::after,
.formWrapper .form-group .customCheckboxRadio input:checked[type=radio] + label::after,
.dotline-Q-form .ginput_container .customCheckboxRadio input:checked[type=radio] + label::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio input:checked[type=radio] + label::after,
.dotline-Q-form .form-group .customCheckboxRadio input:checked[type=radio] + label::after {
  transform: scale(0.55);
  visibility: visible;
  opacity: 1;
}
.gform_wrapper .ginput_container .customCheckboxRadio.large label,
.gform_wrapper .formWrapper__container .customCheckboxRadio.large label,
.gform_wrapper .form-group .customCheckboxRadio.large label,
.formWrapper .ginput_container .customCheckboxRadio.large label,
.formWrapper .formWrapper__container .customCheckboxRadio.large label,
.formWrapper .form-group .customCheckboxRadio.large label,
.dotline-Q-form .ginput_container .customCheckboxRadio.large label,
.dotline-Q-form .formWrapper__container .customCheckboxRadio.large label,
.dotline-Q-form .form-group .customCheckboxRadio.large label {
  padding-right: 2rem;
}
.gform_wrapper .ginput_container .customCheckboxRadio.large label::before, .gform_wrapper .ginput_container .customCheckboxRadio.large label::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio.large label::before,
.gform_wrapper .formWrapper__container .customCheckboxRadio.large label::after,
.gform_wrapper .form-group .customCheckboxRadio.large label::before,
.gform_wrapper .form-group .customCheckboxRadio.large label::after,
.formWrapper .ginput_container .customCheckboxRadio.large label::before,
.formWrapper .ginput_container .customCheckboxRadio.large label::after,
.formWrapper .formWrapper__container .customCheckboxRadio.large label::before,
.formWrapper .formWrapper__container .customCheckboxRadio.large label::after,
.formWrapper .form-group .customCheckboxRadio.large label::before,
.formWrapper .form-group .customCheckboxRadio.large label::after,
.dotline-Q-form .ginput_container .customCheckboxRadio.large label::before,
.dotline-Q-form .ginput_container .customCheckboxRadio.large label::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio.large label::before,
.dotline-Q-form .formWrapper__container .customCheckboxRadio.large label::after,
.dotline-Q-form .form-group .customCheckboxRadio.large label::before,
.dotline-Q-form .form-group .customCheckboxRadio.large label::after {
  width: 1.5rem;
  height: 1.5rem;
}
.gform_wrapper .ginput_container .customCheckboxRadio.large label::before,
.gform_wrapper .formWrapper__container .customCheckboxRadio.large label::before,
.gform_wrapper .form-group .customCheckboxRadio.large label::before,
.formWrapper .ginput_container .customCheckboxRadio.large label::before,
.formWrapper .formWrapper__container .customCheckboxRadio.large label::before,
.formWrapper .form-group .customCheckboxRadio.large label::before,
.dotline-Q-form .ginput_container .customCheckboxRadio.large label::before,
.dotline-Q-form .formWrapper__container .customCheckboxRadio.large label::before,
.dotline-Q-form .form-group .customCheckboxRadio.large label::before {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.75" y="0.75" width="22.5" height="22.5" rx="5.25" fill="white"/><rect x="0.75" y="0.75" width="22.5" height="22.5" rx="5.25" stroke="%23D5D5D6" stroke-width="1.5"/></svg>') 50% 50%;
}
.gform_wrapper .ginput_container .customCheckboxRadio.large label::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio.large label::after,
.gform_wrapper .form-group .customCheckboxRadio.large label::after,
.formWrapper .ginput_container .customCheckboxRadio.large label::after,
.formWrapper .formWrapper__container .customCheckboxRadio.large label::after,
.formWrapper .form-group .customCheckboxRadio.large label::after,
.dotline-Q-form .ginput_container .customCheckboxRadio.large label::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio.large label::after,
.dotline-Q-form .form-group .customCheckboxRadio.large label::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M3.75 9L7.5 12.75L15 5.25" stroke="%2311BF3D" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat;
}
.gform_wrapper .ginput_container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label,
.gform_wrapper .formWrapper__container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label,
.gform_wrapper .form-group .customCheckboxRadio.bigCheckbox input[type=checkbox] + label,
.formWrapper .ginput_container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label,
.formWrapper .formWrapper__container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label,
.formWrapper .form-group .customCheckboxRadio.bigCheckbox input[type=checkbox] + label,
.dotline-Q-form .ginput_container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label,
.dotline-Q-form .formWrapper__container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label,
.dotline-Q-form .form-group .customCheckboxRadio.bigCheckbox input[type=checkbox] + label {
  font-size: 1rem;
  line-height: 2rem;
  padding-right: 1.75rem;
}
.gform_wrapper .ginput_container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::before, .gform_wrapper .ginput_container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::after,
.gform_wrapper .formWrapper__container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::before,
.gform_wrapper .formWrapper__container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::after,
.gform_wrapper .form-group .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::before,
.gform_wrapper .form-group .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::after,
.formWrapper .ginput_container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::before,
.formWrapper .ginput_container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::after,
.formWrapper .formWrapper__container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::before,
.formWrapper .formWrapper__container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::after,
.formWrapper .form-group .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::before,
.formWrapper .form-group .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::after,
.dotline-Q-form .ginput_container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::before,
.dotline-Q-form .ginput_container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::after,
.dotline-Q-form .formWrapper__container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::before,
.dotline-Q-form .formWrapper__container .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::after,
.dotline-Q-form .form-group .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::before,
.dotline-Q-form .form-group .customCheckboxRadio.bigCheckbox input[type=checkbox] + label::after {
  width: 1.25rem;
  height: 1.25rem;
}
.gform_wrapper .ginput_container .customFileUpload,
.gform_wrapper .formWrapper__container .customFileUpload,
.gform_wrapper .form-group .customFileUpload,
.formWrapper .ginput_container .customFileUpload,
.formWrapper .formWrapper__container .customFileUpload,
.formWrapper .form-group .customFileUpload,
.dotline-Q-form .ginput_container .customFileUpload,
.dotline-Q-form .formWrapper__container .customFileUpload,
.dotline-Q-form .form-group .customFileUpload {
  position: relative;
}
.gform_wrapper .ginput_container .customFileUpload input[type=file],
.gform_wrapper .formWrapper__container .customFileUpload input[type=file],
.gform_wrapper .form-group .customFileUpload input[type=file],
.formWrapper .ginput_container .customFileUpload input[type=file],
.formWrapper .formWrapper__container .customFileUpload input[type=file],
.formWrapper .form-group .customFileUpload input[type=file],
.dotline-Q-form .ginput_container .customFileUpload input[type=file],
.dotline-Q-form .formWrapper__container .customFileUpload input[type=file],
.dotline-Q-form .form-group .customFileUpload input[type=file] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.gform_wrapper .ginput_container .customFileUpload input[type=file] + label,
.gform_wrapper .formWrapper__container .customFileUpload input[type=file] + label,
.gform_wrapper .form-group .customFileUpload input[type=file] + label,
.formWrapper .ginput_container .customFileUpload input[type=file] + label,
.formWrapper .formWrapper__container .customFileUpload input[type=file] + label,
.formWrapper .form-group .customFileUpload input[type=file] + label,
.dotline-Q-form .ginput_container .customFileUpload input[type=file] + label,
.dotline-Q-form .formWrapper__container .customFileUpload input[type=file] + label,
.dotline-Q-form .form-group .customFileUpload input[type=file] + label {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding: 1rem 1.75rem;
  display: block;
  transition: var(--main--transition-link);
  cursor: pointer;
}
.gform_wrapper .ginput_container .customFileUpload input[type=file] + label:hover,
.gform_wrapper .formWrapper__container .customFileUpload input[type=file] + label:hover,
.gform_wrapper .form-group .customFileUpload input[type=file] + label:hover,
.formWrapper .ginput_container .customFileUpload input[type=file] + label:hover,
.formWrapper .formWrapper__container .customFileUpload input[type=file] + label:hover,
.formWrapper .form-group .customFileUpload input[type=file] + label:hover,
.dotline-Q-form .ginput_container .customFileUpload input[type=file] + label:hover,
.dotline-Q-form .formWrapper__container .customFileUpload input[type=file] + label:hover,
.dotline-Q-form .form-group .customFileUpload input[type=file] + label:hover {
  border: 1px solid var(--colors-light-gray-40, #f1f1f1);
}
.gform_wrapper .ginput_container .customFileUpload input[type=file] + label svg,
.gform_wrapper .formWrapper__container .customFileUpload input[type=file] + label svg,
.gform_wrapper .form-group .customFileUpload input[type=file] + label svg,
.formWrapper .ginput_container .customFileUpload input[type=file] + label svg,
.formWrapper .formWrapper__container .customFileUpload input[type=file] + label svg,
.formWrapper .form-group .customFileUpload input[type=file] + label svg,
.dotline-Q-form .ginput_container .customFileUpload input[type=file] + label svg,
.dotline-Q-form .formWrapper__container .customFileUpload input[type=file] + label svg,
.dotline-Q-form .form-group .customFileUpload input[type=file] + label svg {
  display: block;
  margin: auto;
}
.gform_wrapper .ginput_container .customFileUpload input[type=file] + label p,
.gform_wrapper .formWrapper__container .customFileUpload input[type=file] + label p,
.gform_wrapper .form-group .customFileUpload input[type=file] + label p,
.formWrapper .ginput_container .customFileUpload input[type=file] + label p,
.formWrapper .formWrapper__container .customFileUpload input[type=file] + label p,
.formWrapper .form-group .customFileUpload input[type=file] + label p,
.dotline-Q-form .ginput_container .customFileUpload input[type=file] + label p,
.dotline-Q-form .formWrapper__container .customFileUpload input[type=file] + label p,
.dotline-Q-form .form-group .customFileUpload input[type=file] + label p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 1rem;
  text-align: center;
  margin-bottom: 0;
}
.gform_wrapper .ginput_container .customFileUpload input[type=file] + label h6,
.gform_wrapper .formWrapper__container .customFileUpload input[type=file] + label h6,
.gform_wrapper .form-group .customFileUpload input[type=file] + label h6,
.formWrapper .ginput_container .customFileUpload input[type=file] + label h6,
.formWrapper .formWrapper__container .customFileUpload input[type=file] + label h6,
.formWrapper .form-group .customFileUpload input[type=file] + label h6,
.dotline-Q-form .ginput_container .customFileUpload input[type=file] + label h6,
.dotline-Q-form .formWrapper__container .customFileUpload input[type=file] + label h6,
.dotline-Q-form .form-group .customFileUpload input[type=file] + label h6 {
  color: var(--colors-dark-gray-20, #727376);
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.gform_wrapper .formWrapper__container .gfield_description,
.gform_wrapper .formWrapper__container .formWrapper__description,
.gform_wrapper .gfield .gfield_description,
.gform_wrapper .gfield .formWrapper__description,
.formWrapper .formWrapper__container .gfield_description,
.formWrapper .formWrapper__container .formWrapper__description,
.formWrapper .gfield .gfield_description,
.formWrapper .gfield .formWrapper__description,
.dotline-Q-form .formWrapper__container .gfield_description,
.dotline-Q-form .formWrapper__container .formWrapper__description,
.dotline-Q-form .gfield .gfield_description,
.dotline-Q-form .gfield .formWrapper__description {
  color: var(--colors-dark-gray-40, #5b5c5e);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-variation-settings: "wght" 400;
  transition: var(--main--transition, 0.3s ease-out);
}
.gform_wrapper .formWrapper__container.error label, .gform_wrapper .formWrapper__container.gfield_error label,
.gform_wrapper .gfield.error label,
.gform_wrapper .gfield.gfield_error label,
.formWrapper .formWrapper__container.error label,
.formWrapper .formWrapper__container.gfield_error label,
.formWrapper .gfield.error label,
.formWrapper .gfield.gfield_error label,
.dotline-Q-form .formWrapper__container.error label,
.dotline-Q-form .formWrapper__container.gfield_error label,
.dotline-Q-form .gfield.error label,
.dotline-Q-form .gfield.gfield_error label {
  color: var(--system-colors-error, #e74040) !important;
}
.gform_wrapper .formWrapper__container.error input[type=text],
.gform_wrapper .formWrapper__container.error input[type=email],
.gform_wrapper .formWrapper__container.error input[type=password],
.gform_wrapper .formWrapper__container.error input[type=number],
.gform_wrapper .formWrapper__container.error select,
.gform_wrapper .formWrapper__container.error textarea, .gform_wrapper .formWrapper__container.gfield_error input[type=text],
.gform_wrapper .formWrapper__container.gfield_error input[type=email],
.gform_wrapper .formWrapper__container.gfield_error input[type=password],
.gform_wrapper .formWrapper__container.gfield_error input[type=number],
.gform_wrapper .formWrapper__container.gfield_error select,
.gform_wrapper .formWrapper__container.gfield_error textarea,
.gform_wrapper .gfield.error input[type=text],
.gform_wrapper .gfield.error input[type=email],
.gform_wrapper .gfield.error input[type=password],
.gform_wrapper .gfield.error input[type=number],
.gform_wrapper .gfield.error select,
.gform_wrapper .gfield.error textarea,
.gform_wrapper .gfield.gfield_error input[type=text],
.gform_wrapper .gfield.gfield_error input[type=email],
.gform_wrapper .gfield.gfield_error input[type=password],
.gform_wrapper .gfield.gfield_error input[type=number],
.gform_wrapper .gfield.gfield_error select,
.gform_wrapper .gfield.gfield_error textarea,
.formWrapper .formWrapper__container.error input[type=text],
.formWrapper .formWrapper__container.error input[type=email],
.formWrapper .formWrapper__container.error input[type=password],
.formWrapper .formWrapper__container.error input[type=number],
.formWrapper .formWrapper__container.error select,
.formWrapper .formWrapper__container.error textarea,
.formWrapper .formWrapper__container.gfield_error input[type=text],
.formWrapper .formWrapper__container.gfield_error input[type=email],
.formWrapper .formWrapper__container.gfield_error input[type=password],
.formWrapper .formWrapper__container.gfield_error input[type=number],
.formWrapper .formWrapper__container.gfield_error select,
.formWrapper .formWrapper__container.gfield_error textarea,
.formWrapper .gfield.error input[type=text],
.formWrapper .gfield.error input[type=email],
.formWrapper .gfield.error input[type=password],
.formWrapper .gfield.error input[type=number],
.formWrapper .gfield.error select,
.formWrapper .gfield.error textarea,
.formWrapper .gfield.gfield_error input[type=text],
.formWrapper .gfield.gfield_error input[type=email],
.formWrapper .gfield.gfield_error input[type=password],
.formWrapper .gfield.gfield_error input[type=number],
.formWrapper .gfield.gfield_error select,
.formWrapper .gfield.gfield_error textarea,
.dotline-Q-form .formWrapper__container.error input[type=text],
.dotline-Q-form .formWrapper__container.error input[type=email],
.dotline-Q-form .formWrapper__container.error input[type=password],
.dotline-Q-form .formWrapper__container.error input[type=number],
.dotline-Q-form .formWrapper__container.error select,
.dotline-Q-form .formWrapper__container.error textarea,
.dotline-Q-form .formWrapper__container.gfield_error input[type=text],
.dotline-Q-form .formWrapper__container.gfield_error input[type=email],
.dotline-Q-form .formWrapper__container.gfield_error input[type=password],
.dotline-Q-form .formWrapper__container.gfield_error input[type=number],
.dotline-Q-form .formWrapper__container.gfield_error select,
.dotline-Q-form .formWrapper__container.gfield_error textarea,
.dotline-Q-form .gfield.error input[type=text],
.dotline-Q-form .gfield.error input[type=email],
.dotline-Q-form .gfield.error input[type=password],
.dotline-Q-form .gfield.error input[type=number],
.dotline-Q-form .gfield.error select,
.dotline-Q-form .gfield.error textarea,
.dotline-Q-form .gfield.gfield_error input[type=text],
.dotline-Q-form .gfield.gfield_error input[type=email],
.dotline-Q-form .gfield.gfield_error input[type=password],
.dotline-Q-form .gfield.gfield_error input[type=number],
.dotline-Q-form .gfield.gfield_error select,
.dotline-Q-form .gfield.gfield_error textarea {
  color: var(--system-colors-error, #ec3c2c);
  border: 1px solid var(--system-colors-error, #e74040);
}
.gform_wrapper .formWrapper__container.error .formWrapper__description,
.gform_wrapper .formWrapper__container.error .gfield_description, .gform_wrapper .formWrapper__container.gfield_error .formWrapper__description,
.gform_wrapper .formWrapper__container.gfield_error .gfield_description,
.gform_wrapper .gfield.error .formWrapper__description,
.gform_wrapper .gfield.error .gfield_description,
.gform_wrapper .gfield.gfield_error .formWrapper__description,
.gform_wrapper .gfield.gfield_error .gfield_description,
.formWrapper .formWrapper__container.error .formWrapper__description,
.formWrapper .formWrapper__container.error .gfield_description,
.formWrapper .formWrapper__container.gfield_error .formWrapper__description,
.formWrapper .formWrapper__container.gfield_error .gfield_description,
.formWrapper .gfield.error .formWrapper__description,
.formWrapper .gfield.error .gfield_description,
.formWrapper .gfield.gfield_error .formWrapper__description,
.formWrapper .gfield.gfield_error .gfield_description,
.dotline-Q-form .formWrapper__container.error .formWrapper__description,
.dotline-Q-form .formWrapper__container.error .gfield_description,
.dotline-Q-form .formWrapper__container.gfield_error .formWrapper__description,
.dotline-Q-form .formWrapper__container.gfield_error .gfield_description,
.dotline-Q-form .gfield.error .formWrapper__description,
.dotline-Q-form .gfield.error .gfield_description,
.dotline-Q-form .gfield.gfield_error .formWrapper__description,
.dotline-Q-form .gfield.gfield_error .gfield_description {
  color: var(--system-colors-error, #ec3c2c);
  font-size: 0.875rem;
}
.gform_wrapper .formWrapper__container.error .formWrapper__description + .formWrapper__description,
.gform_wrapper .formWrapper__container.error .gfield_description + .formWrapper__description, .gform_wrapper .formWrapper__container.gfield_error .formWrapper__description + .formWrapper__description,
.gform_wrapper .formWrapper__container.gfield_error .gfield_description + .formWrapper__description,
.gform_wrapper .gfield.error .formWrapper__description + .formWrapper__description,
.gform_wrapper .gfield.error .gfield_description + .formWrapper__description,
.gform_wrapper .gfield.gfield_error .formWrapper__description + .formWrapper__description,
.gform_wrapper .gfield.gfield_error .gfield_description + .formWrapper__description,
.formWrapper .formWrapper__container.error .formWrapper__description + .formWrapper__description,
.formWrapper .formWrapper__container.error .gfield_description + .formWrapper__description,
.formWrapper .formWrapper__container.gfield_error .formWrapper__description + .formWrapper__description,
.formWrapper .formWrapper__container.gfield_error .gfield_description + .formWrapper__description,
.formWrapper .gfield.error .formWrapper__description + .formWrapper__description,
.formWrapper .gfield.error .gfield_description + .formWrapper__description,
.formWrapper .gfield.gfield_error .formWrapper__description + .formWrapper__description,
.formWrapper .gfield.gfield_error .gfield_description + .formWrapper__description,
.dotline-Q-form .formWrapper__container.error .formWrapper__description + .formWrapper__description,
.dotline-Q-form .formWrapper__container.error .gfield_description + .formWrapper__description,
.dotline-Q-form .formWrapper__container.gfield_error .formWrapper__description + .formWrapper__description,
.dotline-Q-form .formWrapper__container.gfield_error .gfield_description + .formWrapper__description,
.dotline-Q-form .gfield.error .formWrapper__description + .formWrapper__description,
.dotline-Q-form .gfield.error .gfield_description + .formWrapper__description,
.dotline-Q-form .gfield.gfield_error .formWrapper__description + .formWrapper__description,
.dotline-Q-form .gfield.gfield_error .gfield_description + .formWrapper__description {
  margin-top: -0.25rem;
}
.gform_wrapper [type=submit],
.formWrapper [type=submit],
.dotline-Q-form [type=submit] {
  min-width: 4rem;
}
.gform_wrapper.groupRadius,
.formWrapper.groupRadius,
.dotline-Q-form.groupRadius {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
.gform_wrapper.groupRadius > form input[type=text],
.gform_wrapper.groupRadius > form input[type=email],
.gform_wrapper.groupRadius > form select,
.gform_wrapper.groupRadius > form textarea,
.formWrapper.groupRadius > form input[type=text],
.formWrapper.groupRadius > form input[type=email],
.formWrapper.groupRadius > form select,
.formWrapper.groupRadius > form textarea,
.dotline-Q-form.groupRadius > form input[type=text],
.dotline-Q-form.groupRadius > form input[type=email],
.dotline-Q-form.groupRadius > form select,
.dotline-Q-form.groupRadius > form textarea {
  border: 0;
}
.gform_wrapper.groupRadius > form [type=submit],
.formWrapper.groupRadius > form [type=submit],
.dotline-Q-form.groupRadius > form [type=submit] {
  border-radius: 0.5rem 0 0 0.5rem;
}
.gform_wrapper .formWrapper__container,
.formWrapper .formWrapper__container,
.dotline-Q-form .formWrapper__container {
  position: relative;
}
.gform_wrapper .formWrapper__container .countLetter,
.formWrapper .formWrapper__container .countLetter,
.dotline-Q-form .formWrapper__container .countLetter {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media (max-width: 47.999rem) {
  .gform_wrapper .formWrapper__container .countLetter,
  .formWrapper .formWrapper__container .countLetter,
  .dotline-Q-form .formWrapper__container .countLetter {
    left: 1rem;
  }
}
.gform_wrapper .formWrapper__container.iconLeft,
.formWrapper .formWrapper__container.iconLeft,
.dotline-Q-form .formWrapper__container.iconLeft {
  opacity: 1;
}
.gform_wrapper .formWrapper__container.iconLeft svg,
.formWrapper .formWrapper__container.iconLeft svg,
.dotline-Q-form .formWrapper__container.iconLeft svg {
  position: absolute;
  left: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.gform_wrapper .formWrapper__container.iconRight svg,
.formWrapper .formWrapper__container.iconRight svg,
.dotline-Q-form .formWrapper__container.iconRight svg {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.upload-item {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  aspect-ratio: 1;
  overflow: hidden;
}
.upload-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gform_wrapper .gform_validation_container,
body .gform_wrapper .gform_body .gform_fields .gfield.gform_validation_container,
body .gform_wrapper .gform_fields .gfield.gform_validation_container,
body .gform_wrapper .gform_validation_container {
  display: none !important;
  left: -9000px;
  position: absolute !important;
}

.gform-theme--foundation .gform_validation_container {
  display: none !important;
}

.gform_footer {
  position: relative;
}
.gform_footer .gform_ajax_spinner {
  position: absolute;
  inset: 0;
  margin: auto;
  background: var(--colors-accent-100, #11bf3d);
  color: #ffffff;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  padding: 1rem;
}

.gform_wrapper form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gform_wrapper form .gform_body .gform_fields {
  --gutter-x: 1.5rem;
  --gutter-y: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc(var(--gutter-x) / -2);
  margin-right: calc(var(--gutter-x) / -2);
  margin-top: calc(var(--gutter-y) / -1);
}
@media (max-width: 47.999rem) {
  .gform_wrapper form .gform_body .gform_fields {
    --gutter-x: 1rem;
  }
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden) {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-left: calc(var(--gutter-x) / 2);
  padding-right: calc(var(--gutter-x) / 2);
  box-sizing: border-box;
  margin-top: calc(var(--gutter-y) / 1);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden) .gfield_label {
  color: var(--colors-dark-gray-60, #444547);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  font-variation-settings: "wght" 400;
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--width-half {
  flex: 0 0 50%;
}
@media (max-width: 47.999rem) {
  .gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--width-half {
    flex: 0 0 100%;
  }
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload {
  position: relative;
  display: block !important;
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload label.gfield_label.gform-field-label {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  position: absolute;
  top: 7rem;
  z-index: 1;
  text-align: center;
  left: 1rem;
  right: 1rem;
  pointer-events: none;
}
@media (max-width: 47.999rem) {
  .gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload label.gfield_label.gform-field-label {
    height: 2rem;
    overflow: hidden;
    text-align: right;
    top: 4.5rem;
  }
  .gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload label.gfield_label.gform-field-label::before {
    content: "برای بارگذاری کلیک کنید";
    display: block;
  }
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .ginput_container_fileupload {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  min-height: 13rem;
  padding: 2rem;
  background: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M37.1274 34.72C39.9996 33.422 42 30.5302 42 27.1716C42 21.9798 38.3396 18.8935 33.794 18.8916C33.794 15.6263 31.233 9.09375 24 9.09375C16.7669 9.09375 14.2061 15.6263 14.2061 18.8916C9.66616 18.9305 6 21.9798 6 27.1716C6 30.5302 7.99848 33.422 10.8726 34.72" stroke="%2311BF3D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.4609 30.4563L24.0029 24.9141L29.5451 30.4563" stroke="%2311BF3D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 24.9141L24.0012 38.9025" stroke="%2311BF3D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat, #ffffff;
  background-position: top 2rem center !important;
  position: relative;
  display: block;
}
@media (max-width: 47.999rem) {
  .gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .ginput_container_fileupload {
    min-height: 10.5rem;
    background-position: top 1rem center !important;
    padding: 0.5rem;
  }
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .gform_fileupload_multifile {
  position: absolute !important;
  inset: 0;
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .gfield_description {
  position: absolute;
  top: 9.5rem;
  left: 1rem;
  right: 1rem;
  text-align: center;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  pointer-events: none;
}
@media (max-width: 47.999rem) {
  .gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .gfield_description {
    top: 6.5rem;
    text-align: right;
  }
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .gfield_description.validation_message {
  display: none;
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .gform_drop_area {
  position: absolute !important;
  inset: 0;
  opacity: 0;
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .gform_drop_area button {
  position: absolute !important;
  inset: 0;
}
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .moxie-shim,
.gform_wrapper form .gform_body .gform_fields .gfield:not(.gform_hidden).gfield--type-fileupload .gform_fileupload_rules {
  display: none;
}

.gform_body {
  width: 100%;
}

.gform_submission_error {
  display: flex;
  padding: 0.5rem;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
  border-radius: 0.5rem;
  background: var(--system-colors-error-background, #fce2e0);
  color: var(--system-colors-error, #ec3c2c);
  font-variation-settings: "wght" 400;
  margin-bottom: 1rem;
}

.ginput_preview_list:not(:empty) {
  margin-top: 1rem;
}
.ginput_preview_list > div {
  border-radius: 0.75rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  background: #ffffff;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  gap: 0.5rem;
  position: relative;
  align-items: center;
  overflow: hidden;
  height: 4rem;
}
.ginput_preview_list > div::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: 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="M13.7877 3.00004C14.3454 3.00004 14.8797 3.22681 15.2661 3.62975L19.057 7.57935C19.424 7.96088 19.6284 8.4699 19.6284 8.99936V17.1633C19.643 19.2199 18.0254 20.9163 15.9717 21L8.04619 20.999C5.97309 20.9533 4.33018 19.2364 4.37593 17.1633V6.65667C4.42459 4.61764 6.09573 2.99128 8.13574 3.00004H13.7877Z" stroke="%23727376" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.2695 3.0625V5.95511C14.2686 7.36637 15.4112 8.51291 16.8234 8.51583H19.5623" stroke="%23727376" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50%/cover;
  border-radius: 0.125rem;
  overflow: hidden;
}
.ginput_preview_list > div .gfield_fileupload_filename {
  flex: 1;
}
.ginput_preview_list > div .gfield_fileupload_filesize,
.ginput_preview_list > div .gfield_fileupload_percent {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  line-height: 0.75rem;
  background: var(--colors-light-gray-20);
  border-radius: 25rem;
  display: block;
}
@media (max-width: 47.999rem) {
  .ginput_preview_list > div .gfield_fileupload_filesize,
  .ginput_preview_list > div .gfield_fileupload_percent {
    display: none;
  }
}
.ginput_preview_list > div .gform_delete_file {
  border: 0;
  display: block;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: 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="M14.6055 4.2032L15.3909 5.91659H17.9248C18.7038 5.91659 19.3354 6.54817 19.3354 7.32725V8.37192C19.3354 8.90458 18.9036 9.33638 18.371 9.33638H5.15197C4.61931 9.33638 4.1875 8.90458 4.1875 8.37192V7.32725C4.1875 6.54817 4.81906 5.91659 5.59815 5.91659H8.132L8.91747 4.2032C9.15319 3.68902 9.66694 3.35938 10.2326 3.35938H13.2904C13.856 3.35938 14.3697 3.68902 14.6055 4.2032Z" stroke="%23E74040" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.8561 9.4082V17.7465C17.8561 19.3445 16.5767 20.6399 14.9985 20.6399H8.52157C6.94342 20.6399 5.66406 19.3445 5.66406 17.7465V9.4082" stroke="%23E74040" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1367 12.7832V17.1113M13.3819 12.7832V17.1113" stroke="%23E74040" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50%;
}
.ginput_preview_list > div .gform_delete_file span {
  display: none;
}
.ginput_preview_list > div .gfield_fileupload_progressbar_progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.25rem;
  background: var(--colors-light-gray-60);
  transition: var(--main--transition-link);
}
.ginput_preview_list > div .gfield_fileupload_progress_complete .gfield_fileupload_progressbar_progress {
  background: var(--colors-accent-100, #11bf3d);
}
.ginput_preview_list > div + div {
  margin-top: 0.5rem;
}

.required {
  color: var(--system-colors-error, #ec3c2c);
}

@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);
  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: var(--ss-animation-timing);
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  gap: 0.5rem;
}

.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-open-above {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

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

.ss-main.ss-open-below .ss-arrow {
  transform: rotateX(180deg);
}

.ss-main.ss-open-above .ss-arrow {
  transform: rotateX(-180deg);
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0 auto 0;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-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: flex;
  margin: auto 0 auto var(--ss-spacing-s);
}

.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  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 {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.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-right: 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 {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 8px;
  height: 8px;
  margin: 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 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 1.5rem;
  height: 1.5rem;
  background: 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="M19 8.5L12 15.5L5 8.5" stroke="%23727376" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50%;
  transition: var(--ss-animation-timing);
}

.ss-main .ss-arrow path {
  display: none;
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), border-radius 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px) translateZ(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 10000;
  border-radius: 0 0 0.5rem 0.5rem;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  background: #ffffff;
  box-shadow: 0 32px 32px 0 rgba(46, 45, 44, 0.08);
  margin-top: 0.25rem;
  top: 0;
  left: 0;
}

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

.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  visibility: visible;
  transform: translateY(-0.25rem);
  transform-origin: center bottom;
  border-radius: 1rem 1rem 0 0 !important;
}

.ss-content.ss-open-below {
  opacity: 1;
  visibility: visible;
  transform-origin: center top;
  transform: translateY(0.25rem);
  border-radius: 0 0 1rem 1rem !important;
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-search input {
  display: inline-flex;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--colors-light-gray-60);
  border-radius: 0.75rem;
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: right;
  box-sizing: border-box;
  height: 2rem;
  font-size: 0.75rem;
}

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

.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-close .ss-option {
  display: none !important;
}

.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: 700;
  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: 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;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  color: var(--ss-font-color);
  cursor: pointer;
  user-select: none;
  line-height: 1.5rem;
  transition: var(--ss-animation-timing);
}

.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 {
  background-color: var(--ss-highlight-color);
}

.ss-search input {
  background: 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.84442 13.8368C11.1539 13.8368 13.8368 11.1539 13.8368 7.84442C13.8368 4.53493 11.1539 1.85205 7.84442 1.85205C4.53493 1.85205 1.85205 4.53493 1.85205 7.84442C1.85205 11.1539 4.53493 13.8368 7.84442 13.8368Z" stroke="%23B8B9BB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.0122 12.3235L14.3616 14.6667" stroke="%23B8B9BB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') right 1rem center no-repeat;
  padding: 0 2.5rem 0 0 !important;
  height: 2rem !important;
}
.ss-search input::placeholder {
  color: var(--colors-light-gray-60, #d5d5d6) !important;
}

.ss-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.ss-list::-webkit-scrollbar {
  width: 0.25rem;
}
.ss-list::-webkit-scrollbar-track {
  border-radius: 1rem;
}
.ss-list::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 1rem;
}
.ss-list .ss-option {
  padding: 0 1.5rem 0 0 !important;
  line-height: 2rem !important;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  position: relative;
  transition: var(--main--transition-link);
}
.ss-list .ss-option::before, .ss-list .ss-option::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  transition: var(--main--transition-link);
}
.ss-list .ss-option::before {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="white"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" stroke="%23D5D5D6"/></svg>');
}
.ss-list .ss-option::after {
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 6L5 8.5L10 3.5" stroke="%23444547" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
  visibility: hidden;
  opacity: 0;
}
.ss-list .ss-option:not(.ss-disabled).ss-selected {
  background: none;
  color: var(--colors-dark-gray-20);
}
.ss-list .ss-option:not(.ss-disabled).ss-selected::after {
  opacity: 1;
  visibility: visible;
}
.ss-list .ss-search {
  font-size: 0.75rem;
  color: var(--colors-dark-gray-100, #171718);
  justify-content: center;
}

.ss-main.customSelect,
.ss-main.countrySelection,
.ss-main.citySelection {
  border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
  transition: var(--main--transition-link);
  align-items: center;
  padding: 1rem !important;
  --ss-main-height: 3.5rem;
}
.ss-main.customSelect.ss-open-below,
.ss-main.countrySelection.ss-open-below,
.ss-main.citySelection.ss-open-below {
  border-radius: 0.75rem 0.75rem 0 0;
}
.ss-main.customSelect.ss-open-above,
.ss-main.countrySelection.ss-open-above,
.ss-main.citySelection.ss-open-above {
  border-radius: 0 0 0.75rem 0.75rem;
}
.ss-main.customSelect .ss-single,
.ss-main.countrySelection .ss-single,
.ss-main.citySelection .ss-single {
  font-size: 1rem;
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.ss-main.customSelect .ss-deselect,
.ss-main.countrySelection .ss-deselect,
.ss-main.citySelection .ss-deselect {
  display: none;
}
.ss-main.customSelect .ss-arrow,
.ss-main.countrySelection .ss-arrow,
.ss-main.citySelection .ss-arrow {
  width: 1rem;
  height: 1rem;
  background: 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="%23444547" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50%;
}
@media (max-width: 47.999rem) {
  .ss-main.customSelect,
  .ss-main.countrySelection,
  .ss-main.citySelection {
    border-radius: 0.75rem;
  }
}

.ss-content.customSelect {
  border-radius: 0 0 1rem 1rem;
}

.singleSelectBOX .ss-option,
.countrySelection .ss-option,
.citySelection .ss-option {
  border-radius: 0.5rem !important;
}
.singleSelectBOX .ss-option::before, .singleSelectBOX .ss-option::after,
.countrySelection .ss-option::before,
.countrySelection .ss-option::after,
.citySelection .ss-option::before,
.citySelection .ss-option::after {
  display: none !important;
}
.singleSelectBOX .ss-option.ss-selected,
.countrySelection .ss-option.ss-selected,
.citySelection .ss-option.ss-selected {
  color: #ffffff !important;
  background: #58c700 !important;
}
.singleSelectBOX .ss-option:hover:not(.ss-selected),
.countrySelection .ss-option:hover:not(.ss-selected),
.citySelection .ss-option:hover:not(.ss-selected) {
  background: var(--colors-light-gray-20) !important;
}
.singleSelectBOX .ss-list,
.countrySelection .ss-list,
.citySelection .ss-list {
  padding: 0.5rem !important;
}

.dayBirthday .ss-search {
  display: none !important;
}

.reset_variations {
  position: absolute;
  bottom: 24px;
  left: 45px;
}
.reset_variations svg {
  display: block;
}

.variations.formWrapper__container {
  position: relative;
}

.site-main > section:not(.space-y-0) {
  padding: 3rem 0;
}
@media (max-width: 47.999rem) {
  .site-main > section:not(.space-y-0) {
    padding: 0.75rem 0;
  }
}
.site-main .heroSection {
  overflow: hidden;
  min-height: 46.5rem;
}
@media (max-width: 47.999rem) {
  .site-main .heroSection {
    padding: 1.5rem 0 !important;
    min-height: auto;
  }
}
.site-main .heroSection__Slider {
  max-height: 28.75rem;
  overflow: hidden;
  border-radius: 1rem;
}
@media (max-width: 47.999rem) {
  .site-main .heroSection__Slider {
    max-height: none;
    border-radius: 0.5rem;
    aspect-ratio: 2.269565/1;
  }
}
.site-main .heroSection__Slider--item .card {
  border-radius: 0;
}
.site-main .heroSection__Slider .slick-list {
  border-radius: 1rem !important;
}
@media (max-width: 47.999rem) {
  .site-main .heroSection__Slider .slick-list {
    border-radius: 0.5rem !important;
  }
}
.site-main .heroSection__Slider .slick-prev {
  left: 1rem;
}
.site-main .heroSection__Slider .slick-next {
  right: 1rem;
}
.site-main .heroSection .col-md-3 .card {
  aspect-ratio: 1.5229357798/1;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts {
    padding-top: 0 !important;
  }
}
.site-main .carouselProducts .insideContainer {
  border-radius: 16px;
  background: #d10024;
}
.site-main .carouselProducts .insideContainer .card {
  border-radius: 8px;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts .insideContainer .card {
    border-radius: 4px;
  }
}
.site-main .carouselProducts .insideContainer .card .card__image.withGutters {
  padding: 1.5rem;
}
.site-main .carouselProducts .insideContainer .card__overload {
  padding: 0;
}
.site-main .carouselProducts .insideContainer .card__overload--title {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts .insideContainer .card__overload--title {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 0;
  }
}
.site-main .carouselProducts .insideContainer .card__overload--prices {
  background: #f2f2f2;
  padding: 1rem;
  text-align: center;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts .insideContainer .card__overload--prices {
    padding: 0.5rem;
  }
}
.site-main .carouselProducts .insideContainer .card__overload--prices > .row {
  justify-content: unset;
  height: unset;
  gap: 8px;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts .insideContainer .card__overload--prices > .row {
    gap: 4px;
  }
}
.site-main .carouselProducts .insideContainer .card__overload--prices ins {
  color: #d10024;
  font-size: 1.5rem;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts .insideContainer .card__overload--prices ins {
    font-size: 1rem;
    white-space: nowrap;
  }
}
.site-main .carouselProducts .insideContainer .card__overload--prices del {
  color: #616161;
  font-size: 1.25rem;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts .insideContainer .card__overload--prices del {
    font-size: 0.875rem;
    white-space: nowrap;
  }
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts .insideContainer {
    margin: 0 -1rem;
    border-radius: 0;
    overflow: hidden;
  }
}
.site-main .carouselProducts__leftside--item {
  width: 19.577rem;
  margin: 0 0.75rem;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside--item {
    width: 10.4375rem;
    margin: 0 0.25rem;
  }
  .site-main .carouselProducts__leftside--item .card__image {
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
  }
}
.site-main .carouselProducts__leftside--item .card__overload--title > a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 4rem;
  max-height: 4rem;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside--item .card__overload--title > a {
    min-height: 3rem;
    max-height: 3rem;
  }
}
.site-main .carouselProducts__leftside .slick-list {
  padding: 1.5rem 2.25rem 1.5rem 0;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside .slick-list {
    padding: 1rem;
  }
}
.site-main .carouselProducts__leftside--sticky {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside--sticky {
    padding-right: 0;
  }
  .site-main .carouselProducts__leftside--sticky svg {
    width: 48px;
    height: 48px;
  }
}
.site-main .carouselProducts__leftside--sticky h2 {
  position: relative;
  color: #ffffff;
  font-size: 3rem;
  font-weight: 600;
  margin-top: 1rem;
  font-variation-settings: "wght" 600;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside--sticky h2 {
    font-size: 1rem;
    line-height: 2rem;
    margin-top: 0;
  }
}
.site-main .carouselProducts__leftside--sticky h2 svg {
  position: absolute;
  top: -0.2rem;
  left: 0;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside--sticky h2 svg {
    left: 0.63rem;
  }
}
.site-main .carouselProducts__leftside--sticky img {
  margin: auto;
  display: block;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside--sticky img {
    width: 6.625rem;
  }
}
.site-main .carouselProducts__leftside--sticky .carouselProducts__rightside--readMore {
  margin-top: 1.5rem;
  justify-content: flex-start;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside--sticky .carouselProducts__rightside--readMore {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.site-main .carouselProducts__leftside .stickyRightBox {
  margin-left: 0.75rem;
  min-width: 11.5rem;
}
.site-main .carouselProducts__leftside .stickyRightBox__more {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
  color: #3f4064;
  flex-direction: column;
}
.site-main .carouselProducts__leftside .stickyRightBox__more--icon {
  height: 64px;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #19bfd3;
  border-radius: 50%;
  border: 2px solid #19bfd3;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside .stickyRightBox__more--icon {
    width: 48px;
    height: 48px;
  }
}
.site-main .carouselProducts__leftside .stickyRightBox:has(.stickyRightBox__more) {
  width: 19.577rem;
  background-color: #fff;
  border-radius: 8px;
  margin-right: 0.75rem;
  margin-left: 0;
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside .stickyRightBox:has(.stickyRightBox__more) {
    width: 10.4375rem;
    border-radius: 4px;
    margin-left: 0;
    margin-right: 0.25rem;
  }
}
@media (max-width: 47.999rem) {
  .site-main .carouselProducts__leftside .stickyRightBox {
    min-width: auto;
  }
}
.site-main .carouselProducts__leftside:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 1.5rem 0;
  margin-right: 1.5rem;
}
.site-main .carouselProducts__leftside:not(.slick-initialized) .stickyRightBox {
  flex: 0 0 auto;
  margin-right: 0;
}
.site-main .carouselProducts__leftside:not(.slick-initialized) .carouselProducts__leftside--item {
  flex: 0 0 20.6875rem;
}
.site-main .carouselProducts .slick-track {
  display: flex !important;
}
.site-main .carouselProducts .slick-slide {
  height: inherit !important;
}
.site-main .carouselProducts .slick-next {
  right: 1rem;
  opacity: 1;
  visibility: visible;
  transition: var(--main--transition) !important;
}
.site-main .carouselProducts:has(.stickyRightBox.slick-active) .slick-next {
  opacity: 0;
  visibility: hidden;
}
.site-main .productsListCarousel {
  min-height: 43.75rem;
}
@media (max-width: 47.999rem) {
  .site-main .productsListCarousel {
    min-height: auto;
  }
}
@media (max-width: 47.999rem) {
  .site-main .productsListCarousel__Slider .slick-list {
    margin: 0 -1rem;
    padding: 0 1.5rem 0 1rem;
  }
}
.site-main .productsListCarousel__Slider--item {
  display: block !important;
}
.site-main .productsListCarousel__Slider--item .card .card__image {
  width: 8.75rem;
  height: 8.75rem;
}
@media (max-width: 47.999rem) {
  .site-main .productsListCarousel__Slider--item .card .card__image {
    width: 5rem;
    height: 5rem;
  }
}
.site-main .productsListCarousel__Slider--item .card .card__overload--colors > .row > .col-md-auto:nth-child(n+7) {
  display: none;
}
@media (max-width: 47.999rem) {
  .site-main .productsListCarousel__Slider--item .card .card__overload--colors span {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.site-main .productsListCarousel__Slider .slick-slide {
  padding: 0 0.75rem;
}
@media (max-width: 47.999rem) {
  .site-main .productsListCarousel__Slider .slick-slide {
    width: 17.1875rem;
  }
}
.site-main .productsListCarousel__Slider .slick-slide > div + div {
  margin-top: 1rem;
}
@media (max-width: 47.999rem) {
  .site-main .productsListCarousel__Slider .slick-slide > div + div {
    margin-top: 2rem;
  }
}
.site-main .productsListCarousel__Slider:not(.slick-initialized) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-wrap: wrap;
  height: 30.25rem;
  row-gap: 1rem;
  margin: 0 -1rem;
  padding: 0 1rem;
}
@media (max-width: 47.999rem) {
  .site-main .productsListCarousel__Slider:not(.slick-initialized) {
    padding: 0;
    row-gap: 2rem;
    height: 28.375rem;
  }
}
.site-main .productsListCarousel__Slider:not(.slick-initialized) .productsListCarousel__Slider--item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 0.75rem;
  min-width: 17.1875rem;
}
.site-main .bannerSection img {
  border-radius: 1rem;
}
.site-main .collectionsCarousel {
  position: relative;
}
.site-main .collectionsCarousel::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 5.44rem;
  bottom: 5.44rem;
  opacity: 0.5;
  background: linear-gradient(180deg, #d7f0db 0%, rgba(215, 240, 219, 0) 100%);
}
@media (max-width: 47.999rem) {
  .site-main .collectionsCarousel::before {
    top: 0;
    bottom: 0;
    display: none;
  }
}
.site-main .collectionsCarousel .collectionsCarouselSlider__item {
  padding: 0 1rem;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsCarousel .collectionsCarouselSlider__item {
    width: 21.4375rem;
  }
  .site-main .collectionsCarousel .collectionsCarouselSlider__item .card.product.list .card__image {
    width: 2.5rem;
    height: 2.5rem;
  }
  .site-main .collectionsCarousel .collectionsCarouselSlider__item .card.product.list .card__overload--title {
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .site-main .collectionsCarousel .collectionsCarouselSlider__item .card.product.list .card__overload--title > a {
    height: 2rem;
    min-height: 2rem;
    max-height: 2rem;
  }
  .site-main .collectionsCarousel .collectionsCarouselSlider__item .card.product.list .card__overload--colors span {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.site-main .collectionsCarousel .collectionsCarouselSlider__item--rightside {
  height: 100%;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsCarousel .collectionsCarouselSlider__item--rightside {
    height: 9.375rem;
  }
}
.site-main .collectionsCarousel .collectionsCarouselSlider__item--rightside img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.site-main .collectionsCarousel .collectionsCarouselSlider__item--leftside {
  padding: 2.75rem 1.5rem;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsCarousel .collectionsCarouselSlider__item--leftside {
    padding: 1rem;
  }
}
.site-main .collectionsCarousel .collectionsCarouselSlider__item--leftside .titleSection {
  margin-bottom: 1.5rem;
  width: 27.5rem;
  max-width: 100%;
}
.site-main .collectionsCarousel .collectionsCarouselSlider__item--leftside .titleSection h3 {
  margin-bottom: 0.25rem;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsCarousel .collectionsCarouselSlider__item--leftside .titleSection h3 {
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: -0.00875rem;
    margin-bottom: 1rem;
  }
}
.site-main .collectionsCarousel .collectionsCarouselSlider__item--leftside .titleSection p {
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsCarousel .collectionsCarouselSlider__item--leftside .titleSection p {
    display: none;
  }
}
@media (max-width: 47.999rem) {
  .site-main .collectionsCarousel .collectionsCarouselSlider__item--leftside .titleSection a {
    height: auto;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.site-main .collectionsCarousel .collectionsCarouselSlider .slick-list {
  margin: 0 5rem;
  padding: 3rem 0;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsCarousel .collectionsCarouselSlider .slick-list {
    padding: 2rem 2rem;
    margin: 0 -1rem;
  }
}
.site-main .collectionsCarousel .collectionsCarouselSlider:not(.slick-initialized) {
  margin: 0 5rem;
  padding: 3rem 0;
  height: 39.375rem;
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsCarousel .collectionsCarouselSlider:not(.slick-initialized) {
    padding: 0;
    margin: 2rem -1rem;
    flex-direction: row;
  }
}
@media (max-width: 47.999rem) {
  .site-main .bannerSectionProduct {
    padding-top: 4rem !important;
  }
}
@media (max-width: 47.999rem) {
  .site-main .bannerSectionProduct .card {
    border-radius: 0.5rem !important;
  }
}
.site-main .bannerSectionProduct .card.grad {
  border-radius: 1rem;
  background: linear-gradient(226deg, #7a277b 17.16%, rgba(0, 141, 127, 0.45) 100%);
  padding: 2rem;
  min-height: 23.75rem;
  overflow: visible;
}
@media (max-width: 47.999rem) {
  .site-main .bannerSectionProduct .card.grad {
    min-height: 14.1875rem;
  }
}
.site-main .bannerSectionProduct .card.grad .card__overload h2 {
  width: 22.5rem;
}
@media (max-width: 47.999rem) {
  .site-main .bannerSectionProduct .card.grad .card__overload h2 {
    width: 10rem;
  }
}
.site-main .bannerSectionProduct .card__mask .gamepad {
  position: absolute;
  top: -11rem;
  right: -4.21rem;
}
@media (max-width: 47.999rem) {
  .site-main .bannerSectionProduct .card__mask .gamepad {
    top: -5.81rem;
    right: -3.31rem;
  }
  .site-main .bannerSectionProduct .card__mask .gamepad img {
    width: 18.5rem;
  }
}
.site-main .bannerSectionProduct .card__mask .new {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 47.999rem) {
  .site-main .bannerSectionProduct .card__mask .new svg {
    width: 4.5rem;
    height: auto;
  }
}
.site-main .bannerSectionProduct .card__mask .shadow {
  position: absolute;
  bottom: 2.63rem;
  right: 4.81rem;
}
.site-main .bannerSectionProduct .card__overload {
  position: absolute !important;
  bottom: 0;
  left: 0;
  padding: 2rem;
}
@media (max-width: 47.999rem) {
  .site-main .bannerSectionProduct .card__overload {
    padding: 1rem 0.5rem;
  }
}
.site-main .bannerSectionProduct .card__overload h2 {
  color: #ffffff;
}
@media (max-width: 47.999rem) {
  .site-main .bannerSectionProduct .card__overload h2 {
    font-size: 1rem;
    line-height: 2rem;
    position: absolute;
    bottom: 4.5rem;
    left: 0;
  }
}
.site-main .bannerSectionProduct .card__overload--startPrice {
  padding-top: 0.25rem;
}
.site-main .bannerSectionProduct .card__overload--startPrice p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #ffffff;
}
.site-main .ourSuggestionSection {
  background: #f9f9f9;
}
@media (max-width: 47.999rem) {
  .site-main .ourSuggestionSection {
    margin-top: 0.75rem;
    padding: 1.5rem 0 !important;
  }
}
.site-main .ourSuggestionSection .tabsList {
  margin-bottom: 2rem;
}
.site-main .ourSuggestionSection__Slider {
  margin: -1.5rem 0;
}
.site-main .ourSuggestionSection__Slider--item {
  padding: 0 0.75rem;
}
@media (max-width: 47.999rem) {
  .site-main .ourSuggestionSection__Slider--item .card__image {
    height: auto;
  }
}
.site-main .ourSuggestionSection__Slider--item .card__image > a {
  display: block;
  width: 100%;
  height: 100%;
}
.site-main .ourSuggestionSection__Slider--item .card__image > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.site-main .ourSuggestionSection__Slider--item .card__overload--title > a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 6rem;
  max-height: 6rem;
}
@media (max-width: 47.999rem) {
  .site-main .ourSuggestionSection__Slider--item {
    width: 20.125rem;
  }
  .site-main .ourSuggestionSection__Slider--item .card.product {
    border-radius: 1rem;
  }
  .site-main .ourSuggestionSection__Slider--item .card.product .card__overload--title {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 1rem;
    line-height: 2rem;
  }
}
.site-main .ourSuggestionSection__Slider .slick-track {
  margin-right: 0;
}
.site-main .ourSuggestionSection__Slider:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  height: 27.633125rem;
  margin: 0 -0.75rem;
  row-gap: 1rem;
}
.site-main .ourSuggestionSection__Slider:not(.slick-initialized) > .ourSuggestionSection__Slider--item {
  flex: 0 0 25%;
}
.site-main .ourSuggestionSection__Slider .slick-arrow {
  box-shadow: var(--main--shadows-2), var(--main--shadows-3);
}
.site-main .ourSuggestionSection .slick-list {
  padding: 1.5rem 0;
  margin: 0 -0.75rem;
}
@media (max-width: 47.999rem) {
  .site-main .ourSuggestionSection .slick-list {
    margin: 0 -1rem;
    padding: 1.5rem 2rem;
  }
}
@media (max-width: 47.999rem) {
  .site-main .collectionsGrid {
    padding-top: 1.5rem !important;
  }
}
.site-main .collectionsGrid .gridtitleSection {
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsGrid .gridtitleSection {
    margin-bottom: 0.5rem;
  }
}
.site-main .collectionsGrid .gridtitleSection h3 {
  margin-bottom: 1.25rem;
}
.site-main .collectionsGrid .gridtitleSection p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1rem;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsGrid .gridtitleSection p {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.site-main .collectionsGrid__item {
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsGrid__item {
    border-radius: 0.5rem;
  }
}
.site-main .collectionsGrid__item.unique {
  background: var(--unique-bg, #029c28);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08);
  padding: 1.25rem 1rem 3.75rem 1rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsGrid__item.unique {
    padding: 0.5rem 1rem 1.5rem 0.5rem;
  }
}
.site-main .collectionsGrid__item.unique h2 {
  color: #ffffff;
  letter-spacing: -0.03375rem;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsGrid__item.unique h2 {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.site-main .collectionsGrid__item .card__image {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsGrid__item .card__image {
    border-radius: 0.5rem;
  }
}
.site-main .collectionsGrid__item .card__readMore {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.625rem;
  height: 5.625rem;
  background: #6ac490;
  transition: opacity 0.3s ease-out;
  margin-top: -2.8125rem;
  margin-left: -2.8125rem;
  cursor: none;
  opacity: 0;
}
.site-main .collectionsGrid__item .card__readMore.active {
  opacity: 1;
}
.site-main .collectionsGrid .uniqueBox {
  flex: 1;
}
.site-main .collectionsGrid .h-100 {
  height: 100%;
}
.site-main .collectionsGrid .flex-column {
  gap: 1.5rem;
}
@media (max-width: 47.999rem) {
  .site-main .collectionsGrid .flex-column {
    gap: 0;
    flex-direction: row;
  }
}
.site-main .brandsSection {
  padding-bottom: 3rem !important;
}
@media (max-width: 47.999rem) {
  .site-main .brandsSection {
    padding: 2.5rem 0;
  }
}
@media (max-width: 47.999rem) {
  .site-main .brandsSection .autoCarouselInMobile {
    margin: 0 -1rem;
    padding: 0 1rem;
  }
  .site-main .brandsSection .autoCarouselInMobile .col-auto {
    width: 6.25rem;
  }
}
.site-main .brandsSection__item {
  aspect-ratio: 1;
  cursor: pointer;
  filter: grayscale(100%);
  transition: var(--main--transition);
  text-align: center;
  max-height: 10rem;
  margin: auto;
}
.site-main .brandsSection__item:hover {
  filter: grayscale(0%);
}
.site-main .brandsSection__item img,
.site-main .brandsSection__item svg {
  width: 10rem;
  max-width: 100%;
}
@media (max-width: 47.999rem) {
  .site-main .brandsSection__item img,
  .site-main .brandsSection__item svg {
    width: 5rem;
  }
}
@media (max-width: 47.999rem) {
  .site-main .ourBlogSection {
    padding-bottom: 1.5rem !important;
  }
}
@media (max-width: 47.999rem) {
  .site-main .ourBlogSection__Carousel .autoCarouselInMobile {
    margin: 0 -1rem;
    padding: 0 1rem;
  }
}
@media (max-width: 47.999rem) {
  .site-main .ourBlogSection__Carousel--item .card .card__overload .card__overload--title a {
    display: block;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media (max-width: 47.999rem) {
  .site-main .ourBlogSection__Carousel--item {
    width: 18rem;
  }
  .site-main .ourBlogSection__Carousel--item.horizontalResponsive {
    width: 100%;
    margin-right: 0;
  }
  .site-main .ourBlogSection__Carousel--item.horizontalResponsive .card {
    padding: 0.5rem 0.5rem 3.5rem 0.5rem;
    border: 1px solid var(--colors-light-gray-40, #e3e3e4);
    display: flex;
  }
  .site-main .ourBlogSection__Carousel--item.horizontalResponsive .card__image {
    border-radius: 0.5rem;
    overflow: hidden;
    flex: 0 0 8.75rem;
    max-width: 8.75rem;
    height: 6.5625rem;
  }
  .site-main .ourBlogSection__Carousel--item.horizontalResponsive .card__overload {
    padding: 0 1rem;
  }
  .site-main .ourBlogSection__Carousel--item.horizontalResponsive .card__overload--title {
    line-height: 1.5rem;
    margin-bottom: 0;
  }
  .site-main .ourBlogSection__Carousel--item.horizontalResponsive .card__overload--title > a {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0;
  }
  .site-main .ourBlogSection__Carousel--item.horizontalResponsive .card__overload--information {
    position: absolute;
    bottom: 0;
    left: 0.5rem;
    right: 0.5rem;
    padding: 0.5rem 0;
    width: auto;
  }
  .site-main .ourBlogSection__Carousel--item.horizontalResponsive .card__overload--information span {
    font-size: 0.875rem;
  }
}
@media (max-width: 47.999rem) {
  .site-main .ourBlogSection__Carousel--item + div {
    margin-right: 1rem;
  }
}
.site-main .ourBlogSection__Carousel--item .card__image {
  height: 15.5625rem;
}
.site-main .ourBlogSection__Carousel--item .card__image a {
  display: block;
  width: 100%;
  height: 100%;
}
.site-main .ourBlogSection__Carousel--item .card__image a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.site-main .categoriesList {
  margin-top: 3rem;
}
.site-main .categoriesList__item {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-main .categoriesList__item--icon {
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 10rem;
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  box-shadow: inset 0 0 0 0.28rem var(--colors-light-gray-40, #e3e3e4), inset 0 0 0 0.68rem var(--colors-light-gray-20, #f1f1f1);
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .site-main .categoriesList__item--icon {
    width: 4rem;
    height: 4rem;
    box-shadow: inset 0 0 0 0.18rem var(--colors-light-gray-40, #e3e3e4), inset 0 0 0 0.54rem var(--colors-light-gray-20, #f1f1f1);
  }
}
.site-main .categoriesList__item--icon svg,
.site-main .categoriesList__item--icon img {
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .site-main .categoriesList__item--icon svg,
  .site-main .categoriesList__item--icon img {
    width: 2.56rem;
    height: 2.56rem;
  }
}
.site-main .categoriesList__item h5 {
  color: var(--colors-dark-gray-60, #444547);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
}
@media (max-width: 47.999rem) {
  .site-main .categoriesList__item h5 {
    font-size: 0.75rem;
    line-height: 1.5rem;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
}
.site-main .categoriesList__item:not(.notHover):hover .categoriesList__item--icon {
  box-shadow: inset 0 0 0 0.42rem var(--colors-accent-40, #e3e3e4), inset 0 0 0 1.02rem var(--colors-accent-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .site-main .categoriesList__item:not(.notHover):hover .categoriesList__item--icon {
    box-shadow: inset 0 0 0 0.27rem var(--colors-accent-40, #e3e3e4), inset 0 0 0 0.81rem var(--colors-accent-20, #f1f1f1);
  }
}
.site-main .categoriesList__item:not(.notHover):hover .categoriesList__item--icon svg,
.site-main .categoriesList__item:not(.notHover):hover .categoriesList__item--icon img {
  transform: scale(0.72);
}
.site-main .categoriesList__item:not(.notHover):active .categoriesList__item--icon {
  box-shadow: inset 0 0 0 0.49rem var(--colors-accent-40, #e3e3e4), inset 0 0 0 1.19rem var(--colors-accent-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .site-main .categoriesList__item:not(.notHover):active .categoriesList__item--icon {
    box-shadow: inset 0 0 0 0.315rem var(--colors-accent-40, #e3e3e4), inset 0 0 0 0.945rem var(--colors-accent-20, #f1f1f1);
  }
}
.site-main .categoriesList__item:not(.notHover):active .categoriesList__item--icon svg,
.site-main .categoriesList__item:not(.notHover):active .categoriesList__item--icon img {
  transform: scale(0.65);
}
@media (max-width: 47.999rem) {
  .site-main .categoriesList .autoCarouselInMobile {
    margin: 0 -1rem;
    padding: 0 1rem;
  }
  .site-main .categoriesList .autoCarouselInMobile > div + div {
    margin-right: 1.5rem;
  }
}

.LoginSection .siteRow {
  min-height: 100dvh;
  padding: 3rem 0 6rem 0;
  position: relative;
}
.LoginSection .card {
  width: 28.125rem;
  margin-bottom: 1rem;
  max-width: 100%;
  border-radius: 1rem;
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
  background: #ffffff;
}
@media (max-width: 47.999rem) {
  .LoginSection .card {
    background: none;
    border: 0;
    position: static;
    border-radius: 0;
  }
}
.LoginSection .card__header {
  border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding: 1.5rem;
}
@media (max-width: 47.999rem) {
  .LoginSection .card__header {
    position: absolute;
    top: 0.5rem;
    left: 0;
    right: 0;
    border-bottom: 0;
  }
}
.LoginSection .card__header > a {
  padding: 1rem;
  display: block;
  text-align: center;
}
.LoginSection .card__body {
  padding: 2rem 1.5rem;
}
@media (max-width: 47.999rem) {
  .LoginSection .card__body {
    padding: 0;
  }
}
.LoginSection .card__body--title {
  text-align: center;
  padding-bottom: 2rem;
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 47.999rem) {
  .LoginSection .card__body--title {
    border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 1rem;
  }
}
.LoginSection .card__body--title h4 {
  flex: 0 0 100%;
  transition: var(--main--transition);
  transform: translateX(100%);
}
.LoginSection .card__body .formWrapperForms .stepSection {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  margin: 0 -1rem;
}
.LoginSection .card__body .formWrapperForms .stepSection__item {
  flex: 0 0 100%;
  transition: var(--main--transition);
  padding: 0 1rem;
  width: auto;
  transform: translateX(100%);
}
.LoginSection .card__body .formWrapperForms .stepSection__item .formWrapper__description {
  font-size: 0.75rem !important;
}
.LoginSection .card__body .formWrapperForms .stepSection__item #countdown {
  color: var(--colors-dark-gray-60, #444547);
  font-size: 0.75rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 1.125rem;
}
.LoginSection .card__body .formWrapperForms .stepSection__item #countdown.timesUp {
  color: var(--colors-accent-100, #11bf3d);
  cursor: pointer;
}
.LoginSection .card__body .formWrapperForms .stepSection__item .loginWithPasswordButton,
.LoginSection .card__body .formWrapperForms .stepSection__item .loginWithOTPButton {
  margin-top: 0.5rem;
}
.LoginSection .card__body .formWrapperForms .buttonSections {
  margin-top: 2rem;
}
@media (max-width: 47.999rem) {
  .LoginSection .card__body .formWrapperForms .buttonSections {
    margin-top: 1.5rem;
  }
}
.LoginSection .card__body .formWrapperForms .buttonSections button[type=submit] {
  border-radius: 0.75rem;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  gap: 0;
}
@media (max-width: 47.999rem) {
  .LoginSection .card__body .formWrapperForms .buttonSections button[type=submit] {
    font-size: 1rem;
  }
}
.LoginSection .card__body .formWrapperForms .buttonSections button[type=submit] span {
  width: 100%;
  flex: 0 0 100%;
  transition: var(--main--transition);
  transform: translateX(100%);
}
.LoginSection .card__body .formWrapperForms .buttonSections .editNumber {
  max-width: 0;
  overflow: hidden;
  transition: var(--main--transition);
}
.LoginSection .card__body .formWrapperForms .buttonSections .editNumber button {
  padding: 0;
  width: 3.5rem;
  height: 3.5rem;
}
.LoginSection .card__body .formWrapperForms .buttonSections .loaderWrapper {
  opacity: 1;
}
.LoginSection .card__body .formWrapperForms .buttonSections .loaderWrapper .loader {
  width: 2rem;
  height: 2rem;
  aspect-ratio: auto;
}
.LoginSection .card[data-step="0"] .card__body .formWrapperForms .stepSection__item {
  max-height: 5.13rem;
}
.LoginSection .card[data-step="1"].isUserBefore .card__body .card__body--title h4 {
  transform: translateX(0%);
}
.LoginSection .card[data-step="1"].isUserBefore .card__body .formWrapperForms .stepSection__item {
  max-height: 9.75rem;
  transform: translateX(0%);
}
.LoginSection .card[data-step="1"].isUserBefore .card__body .formWrapperForms .buttonSections button[type=submit] span {
  transform: translateX(0%);
}
.LoginSection .card[data-step="1"].isUserBefore .card__body .formWrapperForms .buttonSections .editNumber {
  max-width: 4.5rem;
  padding-right: 1rem;
}
@media (max-width: 47.999rem) {
  .LoginSection .card[data-step="1"].isUserBefore .card__body .formWrapperForms .buttonSections .editNumber {
    padding-right: 0.5rem;
  }
}
.LoginSection .card[data-step="1"].isNotUserBefore .card__body .card__body--title h4 {
  transform: translateX(200%);
}
.LoginSection .card[data-step="1"].isNotUserBefore .card__body .formWrapperForms .stepSection__item {
  max-height: 8rem;
  transform: translateX(0%);
}
.LoginSection .card[data-step="1"].isNotUserBefore .card__body .formWrapperForms .buttonSections button[type=submit] span {
  transform: translateX(200%);
}
.LoginSection .card[data-step="1"].isNotUserBefore .card__body .formWrapperForms .buttonSections .editNumber {
  max-width: 4.5rem;
  padding-right: 1rem;
}
@media (max-width: 47.999rem) {
  .LoginSection .card[data-step="1"].isNotUserBefore .card__body .formWrapperForms .buttonSections .editNumber {
    padding-right: 0.5rem;
  }
}
.LoginSection .card[data-step="2"] .card__body .card__body--title h4 {
  transform: translateX(0%);
}
.LoginSection .card[data-step="2"] .card__body .formWrapperForms .stepSection__item {
  max-height: 10rem;
  transform: translateX(200%);
}
.LoginSection .card[data-step="2"] .card__body .formWrapperForms .buttonSections button[type=submit] span {
  transform: translateX(0%);
}
.LoginSection .card[data-step="2"] .card__body .formWrapperForms .buttonSections .editNumber {
  max-width: 4.5rem;
  padding-right: 1rem;
}
@media (max-width: 47.999rem) {
  .LoginSection .card[data-step="2"] .card__body .formWrapperForms .buttonSections .editNumber {
    padding-right: 0.5rem;
  }
}
.LoginSection .copyRight {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  padding: 1rem 0;
  text-align: center;
}
@media (max-width: 47.999rem) {
  .LoginSection .copyRight {
    padding: 1.5rem 0;
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
.LoginSection .copyRight p a {
  color: var(--colors-accent-100, #11bf3d);
}

@media (max-width: 47.999rem) {
  .archiveHeroSection {
    padding-top: 1.5rem !important;
    position: relative;
  }
  .archiveHeroSection .container {
    position: static;
  }
}
.archiveHeroSection__rightside .breadcrumb {
  padding-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .archiveHeroSection__rightside .breadcrumb {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    left: 1rem;
    padding-bottom: 0;
  }
}
.archiveHeroSection__rightside h2 {
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .archiveHeroSection__rightside h2 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
}
.archiveHeroSection__rightside p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: justify;
}
.archiveHeroSection__rightside p span {
  color: #11bf3d;
}
@media (max-width: 47.999rem) {
  .archiveHeroSection img {
    margin-top: 1.5rem;
  }
}
.archiveHeroSection .inside.withBG {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 2rem;
  border-radius: 1rem;
  min-height: 15rem;
  position: relative;
}
@media (max-width: 47.999rem) {
  .archiveHeroSection .inside.withBG {
    padding: 1rem;
    margin-top: 3rem;
    min-height: 7.62856rem;
  }
}
@media (max-width: 47.999rem) {
  .archiveHeroSection .inside.withBG .archiveHeroSection__rightside .breadcrumb {
    top: -3rem;
    right: 0;
  }
}
@media (max-width: 47.999rem) {
  .archiveHeroSection .inside.withBG .archiveHeroSection__rightside p {
    display: none;
  }
}
@media (max-width: 47.999rem) {
  .archiveHeroSection .inside.withBG .archiveHeroSection__rightside h2 {
    margin: 0 !important;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    left: 1rem;
  }
}

.archiveContentSection__sidebar {
  border-left: 1px solid var(--colors-light-gray-40, #e3e3e4);
  padding-left: 1.5rem;
  background: #ffffff;
}
@media (max-width: 47.999rem) {
  .archiveContentSection__sidebar {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: #ffffff;
    padding: 0 1rem;
    overflow: auto;
    transform: translateY(100%);
    transition: var(--main--transition);
  }
}
.archiveContentSection__sidebar .btnClearFilter {
  font-weight: 400;
  font-size: 1rem;
  line-height: 2rem;
  font-variation-settings: "wght" 400;
}
.archiveContentSection__sidebar .widget:first-child {
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .archiveContentSection__sidebar .widget {
    padding-bottom: 0;
  }
}
@media (max-width: 47.999rem) {
  .archiveContentSection__sidebar .widget:first-child .widget__header {
    border-bottom: 1px solid var(--colors-light-gray-40, #e3e3e4);
    padding-bottom: 1rem;
  }
  .archiveContentSection__sidebar .widget:first-child .widget__header svg {
    display: block;
  }
}
.archiveContentSection__sidebar .widget__header--title {
  color: var(--colors-dark-gray-100, #171718);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-size: 1rem;
}
.archiveContentSection__sidebar .widget__body {
  margin: 1rem 0;
}
.archiveContentSection__sidebar .widget__body .formWrapper .formWrapper__container input[type=text] {
  height: 2.5rem;
  min-height: 2.5rem;
  padding-right: 2.5rem;
  font-size: 0.75rem;
  font-variation-settings: "wght" 400;
}
.archiveContentSection__sidebar .widget__body .formWrapper .formWrapper__container button {
  right: 0;
  left: auto;
  margin-right: 1rem;
}
.archiveContentSection__sidebar .widget__body .formWrapper.bigCheckboxWrapper .formWrapper__container + .formWrapper__container {
  margin-top: 1rem;
}
.archiveContentSection__sidebar .widget__body .formWrapper label {
  font-size: 1rem;
  line-height: 2rem;
  padding-right: 1.75rem;
  color: var(--colors-dark-gray-100, #171718);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.archiveContentSection__sidebar .widget__body .formWrapper label span {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.archiveContentSection__sidebar .widget__body .formWrapper label span.color {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background: var(--bgColor);
  border: 1px solid transparent;
  transition: var(--main--transition);
  box-shadow: 0 0 0 0 var(--colors-dark-gray-60, #444547);
  margin-left: 3px;
}
@media (max-width: 47.999rem) {
  .archiveContentSection__sidebar .widget__body .formWrapper label span.color {
    width: 0.875rem;
    height: 0.875rem;
  }
}
.archiveContentSection__sidebar .widget__body .formWrapper + .formWrapper {
  margin-top: 0.5rem;
}
.archiveContentSection__sidebar .widget__body .widget {
  padding-top: 1rem;
}
.archiveContentSection__sidebar .widget__body .widget .widget__header--title {
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.archiveContentSection__sidebar .widget + .widget {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid var(--colors-light-gray-60, #d5d5d6);
}
.archiveContentSection__sidebar .widget.togglable .widget__header--title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.archiveContentSection__sidebar .widget.togglable .widget__header--title::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: 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 15.5L12 8.5L19 15.5" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: rotateX(180deg);
  transition: var(--main--transition);
}
.archiveContentSection__sidebar .widget.togglable .widget__body {
  overflow: hidden;
  transition: var(--main--transition);
  max-height: 0;
  margin: 0;
}
.archiveContentSection__sidebar .widget.togglable .widget__body .listFilterWrapper {
  max-height: 0;
  overflow: scroll;
  transition: var(--main--transition);
  padding-left: 0.5rem;
}
.archiveContentSection__sidebar .widget.togglable .widget__body .listFilterWrapper::-webkit-scrollbar {
  width: 0.25rem;
}
.archiveContentSection__sidebar .widget.togglable .widget__body .listFilterWrapper::-webkit-scrollbar-track {
  border-radius: 2.25rem;
}
.archiveContentSection__sidebar .widget.togglable .widget__body .listFilterWrapper::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 2.25rem;
}
.archiveContentSection__sidebar .widget.togglable .widget__body .listFilterWrapper ul {
  padding-top: 0;
}
.archiveContentSection__sidebar .widget.active .widget__header--title::after {
  transform: rotateX(0deg);
}
.archiveContentSection__sidebar .widget.active .widget__body {
  max-height: 17.5rem;
  margin: 1rem 0;
}
.archiveContentSection__sidebar .widget.active .widget__body .listFilterWrapper {
  max-height: 13.5rem;
}
.archiveContentSection__sidebar .widget .priceFilter__wrapper {
  direction: ltr;
  margin-bottom: 1rem;
}
.archiveContentSection__sidebar .widget .priceFilter__wrapper .inputPriceWrapper {
  margin-top: 1rem;
}
.archiveContentSection__sidebar .widget .priceFilter__wrapper .inputPriceWrapper .inputPriceText {
  width: 5.125rem;
  border-radius: 0.25rem;
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
  text-align: center;
  color: var(--colors-dark-gray-100, #171718);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.25rem;
  text-transform: lowercase;
}
.archiveContentSection__sidebar .widget .priceFilter__wrapper .inputPriceWrapper .borderLine {
  display: block;
  height: 1px;
  background: var(--colors-light-gray-40, #e3e3e4);
}
.archiveContentSection__sidebar .widget.woocommerceResultWrapperMobile span {
  color: var(--colors-dark-gray-100, #171718);
}
.archiveContentSection__sidebar .widget.woocommerceResultWrapperMobile a {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-variation-settings: "wght" 700;
}
.archiveContentSection__sidebar .berocket_single_filter_widget {
  float: none !important;
}
@media (max-width: 47.999rem) {
  .archiveContentSection__sidebar .berocket_single_filter_widget {
    padding-right: 0 !important;
    width: 100% !important;
  }
}
.archiveContentSection__sidebar .berocket_single_filter_widget:nth-child(4), .archiveContentSection__sidebar .berocket_single_filter_widget:nth-child(5) {
  padding-top: 0 !important;
  border: 0 !important;
}
.archiveContentSection__sidebar .berocket_single_filter_widget + .berocket_single_filter_widget {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid var(--colors-light-gray-60, #d5d5d6);
}
.archiveContentSection__sidebar .berocket_single_filter_widget .installments > .bapf_head {
  display: none;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .installments .bapf_body {
  max-height: 50px !important;
}
.archiveContentSection__sidebar .berocket_single_filter_widget:has(.installments) {
  margin-top: 0 !important;
  border: 0 !important;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter {
  margin-bottom: 0;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_head h3 {
  color: var(--colors-dark-gray-100, #171718);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-size: 1rem;
  padding-right: 0;
  line-height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_head h3 i {
  position: static;
  width: 1.5rem;
  height: 1.5rem;
  background: 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 15.5L12 8.5L19 15.5" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: rotateX(180deg);
  transition: var(--main--transition);
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_head h3 i::before {
  display: none;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_ckbox .bapf_body, .archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_asradio .bapf_body {
  overflow-y: auto;
  transition: var(--main--transition);
  max-height: 0;
  margin: 0;
  display: block !important;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body {
  overflow-y: auto;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body::-webkit-scrollbar {
  width: 0.25rem;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body::-webkit-scrollbar-track {
  border-radius: 2.25rem;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 2.25rem;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > .formWrapper {
  margin-bottom: 0.5rem;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul {
  padding: 0;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul > li {
  position: relative;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul > li label {
  font-size: 1rem;
  line-height: 2rem;
  color: var(--colors-dark-gray-100, #171718);
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-right: 1.75rem !important;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul > li label::before, .archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul > li label::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  transition: var(--main--transition-link);
  border: 0;
  transform: none;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="white"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" stroke="%23D5D5D6"/></svg>') center no-repeat;
  background-size: contain;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul > li label::after {
  content: "";
  opacity: 0;
  visibility: hidden;
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 6L5 8.5L10 3.5" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul > li input {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul > li input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul > li input:checked + label .color {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px var(--colors-accent-100, #11bf3d);
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_body > ul > li + li {
  margin-top: 0.5rem !important;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_srch .bapf_form .bapf_input {
  height: 2.5rem;
  min-height: 2.5rem;
  font-size: 0.75rem;
  display: flex;
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  background: #ffffff;
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  transition: var(--main--transition, 0.3s ease-out);
  resize: none;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_srch .bapf_form .bapf_search {
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  background: 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.84393 13.8368C11.1534 13.8368 13.8363 11.1539 13.8363 7.84442C13.8363 4.53493 11.1534 1.85205 7.84393 1.85205C4.53444 1.85205 1.85156 4.53493 1.85156 7.84442C1.85156 11.1539 4.53444 13.8368 7.84393 13.8368Z" stroke="%23B8B9BB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.0117 12.3232L14.3611 14.6665" stroke="%23B8B9BB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>') 50% 50% no-repeat;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_srch .bapf_form .bapf_search i {
  display: none;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all {
  position: relative;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all .bapf_slidr_main {
  border-radius: 0.3125rem;
  background: var(--colors-light-gray-40, #e3e3e4);
  height: 0.125rem;
  margin: 0.5rem !important;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all .bapf_slidr_main .ui-slider-range {
  background: var(--colors-accent-100, #11bf3d);
  height: 0.25rem;
  top: -1px;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all .bapf_slidr_main .ui-slider-handle {
  width: 1rem;
  height: 1rem;
  background: var(--colors-accent-100, #11bf3d);
  top: -7px;
  margin-left: -0.5rem;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all .bapf_from,
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all .bapf_to {
  width: auto;
  border-radius: 0.25rem;
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
  color: var(--colors-dark-gray-100, #171718);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-transform: lowercase;
  padding: 0.125rem 0.4375rem;
  margin: 1rem 0 0 0;
  min-width: 5.125rem;
  text-align: center;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all .bapf_from .bapf_tbprice,
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all .bapf_to .bapf_tbprice {
  display: none;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all .bapf_from {
  float: left;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all .bapf_to {
  float: right;
}
.archiveContentSection__sidebar .berocket_single_filter_widget .bapf_sfilter.bapf_slidr .bapf_body .bapf_slidr_all::before {
  content: "";
  display: block;
  height: 1px;
  width: 7rem;
  background: var(--colors-light-gray-40, #e3e3e4);
  position: absolute;
  bottom: 0.75rem;
  left: 0;
  right: 0;
  margin: auto;
}
.archiveContentSection__sidebar .berocket_single_filter_widget.active .bapf_head h3 i {
  transform: rotateX(0deg);
}
.archiveContentSection__sidebar .berocket_single_filter_widget.active .bapf_body {
  max-height: 17.5rem !important;
  margin: 1rem 0 !important;
}
.archiveContentSection__sidebar .berocket_single_filter_widget.active .bapf_body .listFilterWrapper {
  max-height: 13.5rem;
}
.archiveContentSection__sidebar .bapf_sfilter.bapf_ckbox.opened .bapf_body,
.archiveContentSection__sidebar .bapf_sfilter.bapf_asradio.opened .bapf_body {
  max-height: unset !important;
}
@media (max-width: 47.999rem) {
  .archiveContentSection__content--headerRow {
    justify-content: space-between;
  }
}
.archiveContentSection__content--header {
  padding-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .archiveContentSection__content--header {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    background: #ffffff;
    position: sticky;
    top: 3.5rem;
    z-index: 100;
  }
}
.archiveContentSection__content--header span {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
.archiveContentSection__content--header svg {
  vertical-align: middle;
}
.archiveContentSection__content--header ul {
  --gutter-x: 1.25rem;
}
.archiveContentSection__content--header ul li a {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.archiveContentSection__content--header ul li.active a {
  color: var(--colors-accent-100, #11bf3d);
}

.productHeroSection__fullContent.card.product {
  box-shadow: none;
  border: 0;
  overflow: visible;
}
.productHeroSection__fullContent .rightSide .productMainCarousel {
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide {
  width: 5.9375rem;
  flex: 0 0 auto;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__rightSide {
    width: 100%;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item {
  height: 5.9375rem;
  border-radius: 0.5rem;
  border: 2px solid transparent;
  overflow: hidden;
  margin-bottom: 0.5rem;
  cursor: pointer;
  transition: var(--main--transition-link);
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item {
    width: 4rem;
    height: 4rem;
    margin-bottom: 0;
    margin-left: 1rem;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.seeMoreProductCarousel {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.seeMoreProductCarousel .inside {
  position: relative;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.seeMoreProductCarousel .inside svg {
  display: block;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.seeMoreProductCarousel .inside svg {
    width: 1.25rem;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.seeMoreProductCarousel .inside span {
  display: block;
  padding: 0 0.25rem;
  position: absolute;
  border-radius: 0.5rem;
  background: var(--colors-dark-gray-80, #2e2e2f);
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  height: 1.375rem;
  bottom: 100%;
  margin-bottom: 0.44rem;
  right: -0.55rem;
  direction: ltr;
  text-align: center;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.seeMoreProductCarousel .inside span {
    font-size: 0.5rem;
    width: 1rem;
    height: 0.91663rem;
    line-height: 1rem;
    border-radius: 0.25rem;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.seeMoreProductCarousel .inside span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 0.26519rem;
  height: 0.26519rem;
  bottom: 0;
  background: inherit;
  margin: auto;
  transform: translateY(50%) rotate(45deg);
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.slick-current:not(.seeMoreProductCarousel) {
  border: 2px solid var(--colors-accent-80, #5ec46e);
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.slick-current:not(.seeMoreProductCarousel) {
    border-width: 1px;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.video {
  position: relative;
  border-radius: 1rem;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.video::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
  pointer-events: none;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.video svg {
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 3;
  pointer-events: none;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slider-item.video svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__rightSide--AsNavFor .slick-track {
  transform: none !important;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide {
  flex: 1;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item {
  height: 28.125rem;
  position: relative;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item {
    height: auto;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item .f-panzoom {
  height: 100%;
  padding: 3rem;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item img {
    transform: none !important;
    width: auto;
    height: auto;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item .btnFullscreen {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item .btnFullscreen {
    display: none;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item .card__overload--loader {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  left: 0.5rem;
  background: #ffffff;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item .card__overload--loader span {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slider-item .sliderButtonList {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 1rem;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel:not(.slick-initialized) {
  height: 28.125rem;
  overflow: hidden;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel .slick-arrow {
  opacity: 0;
  visibility: hidden;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}
.productHeroSection__fullContent .rightSide .productMainCarousel__leftSide--mainCarousel:hover .slick-arrow.slick-disabled {
  opacity: 0.25 !important;
}
.productHeroSection__fullContent .centerSide {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 28.1875rem;
  max-width: 100%;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .centerSide {
    width: 100%;
  }
}
.productHeroSection__fullContent .leftSide .card {
  width: 20.75rem;
  background: #f9f9f9;
  padding: 0;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .leftSide .card {
    width: 100%;
    background: none;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
  .productHeroSection__fullContent .leftSide .card .card__overload {
    padding: 0;
    display: flex;
    flex-direction: column;
  }
}
.productHeroSection__fullContent .leftSide .card ul li {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}
.productHeroSection__fullContent .leftSide .card ul li + li {
  margin-top: 0.5rem;
}
.productHeroSection__fullContent .leftSide .card .card__overload--prices {
  text-align: left;
}
.productHeroSection__fullContent .leftSide .card .card__overload--prices del {
  font-size: 0.875rem;
}
.productHeroSection__fullContent .leftSide .card .card__overload--prices ins {
  font-size: 1.25rem;
  line-height: 2rem;
}
.productHeroSection__fullContent .leftSide .card .quantityPrice {
  margin-bottom: 1.25rem;
  margin-top: 1rem;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .leftSide .card .quantityPrice {
    margin-top: 0;
  }
}
.productHeroSection__fullContent .leftSide .card .productHeroSection__fullContent--colorOption,
.productHeroSection__fullContent .leftSide .card .productHeroSection__fullContent--insurance {
  margin-bottom: 1rem;
}
.productHeroSection__fullContent .leftSide .card .insuranceGarantee {
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .leftSide .card .insuranceGarantee.order-before {
    margin-bottom: 1rem;
  }
}
.productHeroSection__fullContent .leftSide .card .quantityCounter input {
  background: none !important;
}
.productHeroSection__fullContent .leftSide .card .capacity {
  color: var(--system-colors-error, #ec3c2c);
  font-size: 0.75rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  margin-top: 0.5rem;
}
.productHeroSection__fullContent .leftSide .betterPriceSuggestion {
  margin-top: 0.25rem;
}
.productHeroSection__fullContent .leftSide .betterPriceSuggestion a {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .leftSide .quantityPriceAddToCart {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 1.25rem 1rem 0.5rem 1rem;
    border-top: 1px solid var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
    background: #f9f9f9;
  }
  .productHeroSection__fullContent .leftSide .quantityPriceAddToCart .addToCart {
    font-size: 1rem;
  }
  .productHeroSection__fullContent .leftSide .quantityPriceAddToCart .buttonsList {
    position: relative;
    height: 3.5rem;
  }
  .productHeroSection__fullContent .leftSide .quantityPriceAddToCart .buttonsList .showCartAfterAddToCart {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: var(--main--transition-link);
    font-size: 1rem;
  }
  .productHeroSection__fullContent .leftSide .quantityPriceAddToCart .buttonsList .showCartAfterAddToCart.active {
    opacity: 1;
    visibility: visible;
  }
  .productHeroSection__fullContent .leftSide .quantityPriceAddToCart .card__overload--prices > * {
    display: block !important;
    width: 100%;
  }
}
.productHeroSection__fullContent--tagsAndButton .badge {
  border-radius: 0.25rem;
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--tagsAndButton .badge {
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
}
.productHeroSection__fullContent--title h1 {
  font-size: 1.5rem;
  font-weight: 700;
  font-variation-settings: "wght" 700 !important;
  line-height: 2.5rem;
  letter-spacing: -0.015rem;
}
.productHeroSection__fullContent--title.removeDesktop h1 {
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.00625rem;
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--commentPointQuestion {
    margin-top: 0.5rem;
  }
}
.productHeroSection__fullContent--commentPointQuestion svg {
  vertical-align: middle;
  margin-left: 0.5rem;
}
.productHeroSection__fullContent--commentPointQuestion .points {
  color: var(--colors-dark-gray-20, #727376);
}
.productHeroSection__fullContent--commentPointQuestion .points span {
  color: var(--colors-dark-gray-100, #171718);
}
.productHeroSection__fullContent--commentPointQuestion .dataItem {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
}
.productHeroSection__fullContent--commentPointQuestion .dataItem + .dataItem::before {
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  background: var(--colors-dark-gray-40, #5b5c5e);
  border-radius: 50%;
  margin-left: 0.5rem;
}
.productHeroSection__fullContent--commentPointQuestion .dataItem a {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.productHeroSection__fullContent--colorOption .card__overload--colors {
  flex-direction: column;
  align-items: flex-start !important;
  gap: 0.5rem;
}
.productHeroSection__fullContent--colorOption .card__overload--colors > span {
  font-weight: 700 !important;
  font-variation-settings: "wght" 700 !important;
  display: block;
}
.productHeroSection__fullContent--colorOption .card__overload--colors > .row span {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.productHeroSection__fullContent--colorOption .card__overload--colors input:checked + label span {
  box-shadow: 0 0 0 2px var(--colors-accent-100, #11bf3d);
}
.productHeroSection__fullContent--briefInfo ul li {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.productHeroSection__fullContent--briefInfo ul li span {
  color: var(--colors-dark-gray-20, #727376);
}
.productHeroSection__fullContent--briefInfo ul li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: currentcolor;
  margin: 0 0.5rem;
}
.productHeroSection__fullContent--insurance {
  margin-top: 0.5rem;
}
.productHeroSection__fullContent--insurance label {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  background: #ffffff;
  display: block;
  padding: 1rem 2.5rem 1rem 1rem;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  cursor: pointer;
  position: relative;
}
.productHeroSection__fullContent--insurance label::before, .productHeroSection__fullContent--insurance label::after {
  content: "";
  display: block;
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  transition: var(--main--transition-link);
}
.productHeroSection__fullContent--insurance label::before {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="white"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" stroke="%23D5D5D6"/></svg>');
}
.productHeroSection__fullContent--insurance label::after {
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 6L5 8.5L10 3.5" stroke="%23444547" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
  visibility: hidden;
  opacity: 0;
}
.productHeroSection__fullContent--insurance input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.productHeroSection__fullContent--insurance input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--bundles {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
  }
}
.productHeroSection__fullContent--bundles h5 {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700 !important;
  line-height: 2rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--bundles h5 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 0;
  }
}
.productHeroSection__fullContent--bundles h5 span {
  color: var(--colors-accent-100, #11bf3d);
}
.productHeroSection__fullContent--bundles .customCheckboxRadio {
  position: relative;
}
.productHeroSection__fullContent--bundles .customCheckboxRadio label {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute !important;
  top: 2rem;
  right: 0;
  z-index: 5;
  padding-right: 1.5rem !important;
}
.productHeroSection__fullContent--bundles .card {
  border: 0;
  box-shadow: none;
  padding-right: 2rem !important;
}
.productHeroSection__fullContent--bundles .card .card__image {
  width: 5.9375rem;
}
.productHeroSection__fullContent--bundles .card .card__overload {
  padding: 0 !important;
}
.productHeroSection__fullContent--bundles .card .card__overload .card__overload--title {
  font-size: 0.75rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.productHeroSection__fullContent--bundles .card .card__overload .card__overload--colors {
  margin-bottom: 0.5rem;
}
.productHeroSection__fullContent--bundles .card .card__overload .card__overload--colors .ss-main.customSelect {
  height: 2.875rem;
  margin-top: 1rem;
}
.productHeroSection__fullContent--bundles .card .card__overload .card__overload--prices {
  text-align: left;
}
.productHeroSection__fullContent--bundles .formWrapper__container + .formWrapper__container {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent .w-0 {
    width: auto;
  }
}
.productHeroSection__fullContent--extra-cost {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
.productHeroSection__fullContent--extra-cost > strong {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.productHeroSection__fullContent--extra-cost select {
  opacity: 0;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--extra-cost .ss-main {
    height: 56px;
  }
}
.productHeroSection__fullContent--extra-cost .ss-main.ss-open-below {
  border-radius: 12px 12px 0px 0px;
  border: 1px solid var(--primary-colors-dark-gray-dark-gray-60, #444547);
}
.productHeroSection__fullContent--extra-cost .ss-main .ss-arrow {
  background-size: 16px;
}
.productHeroSection__fullContent--extra-cost .ss-main .ss-values {
  gap: 0;
  width: 7rem;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.productHeroSection__fullContent--extra-cost .ss-main .ss-values .ss-value {
  width: auto;
  padding: 0;
  background: none;
}
.productHeroSection__fullContent--extra-cost .ss-main .ss-values .ss-value .ss-value-text {
  padding: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--colors-dark-gray-20, #727376);
}
.productHeroSection__fullContent--extra-cost .ss-main .ss-values .ss-value .ss-value-delete {
  padding: 0;
  display: none;
}
.productHeroSection__fullContent--extra-cost .ss-main .ss-values .ss-value + .ss-value::before {
  content: "،";
  margin-left: 0.25rem;
}
.productHeroSection__fullContent--extra-cost .ss-main .ss-values .ss-placeholder {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
}
.productHeroSection__fullContent--extra-cost .ss-main .ss-deselect {
  display: none;
}

.productGiftSection {
  position: relative;
}
.productGiftSection::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50vw;
  left: -50vw;
  background: #f9f9f9;
  z-index: 2;
}
@media (max-width: 47.999rem) {
  .productGiftSection::before {
    right: -1rem;
    left: -1rem;
  }
}
.productGiftSection > div {
  position: relative;
  z-index: 3;
}
.productGiftSection__title {
  margin-bottom: 1.5rem;
}
.productGiftSection__title h4 {
  margin-bottom: 0.5rem;
  position: relative;
}
@media (max-width: 47.999rem) {
  .productGiftSection__title h4 {
    font-size: 1rem;
  }
}
.productGiftSection__title h4::before {
  content: "";
  width: 2rem;
  height: 2rem;
  display: block;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1712_57538)"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.056 14.4907L16.9258 12.8073C15.3505 12.2904 14.4933 10.596 15.0102 9.02074C15.5263 7.4479 17.2211 6.58951 18.7964 7.1064C22.7864 8.41564 22.056 14.4907 22.056 14.4907Z" stroke="%23F16127" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.0669 14.491L27.1966 16.1741C28.7718 16.691 30.4662 15.8338 30.9831 14.2585C31.4992 12.6857 30.6424 10.9901 29.0672 10.4732C25.0772 9.164 22.0669 14.491 22.0669 14.491Z" stroke="%23F16127" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.1899 11.6169L30.7795 17.3885C32.0935 17.8196 32.8091 19.2341 32.378 20.5481L32.0386 21.5823C31.6318 22.8223 30.2962 23.4968 29.0575 23.0904L11.4678 17.3188C10.1538 16.8876 9.43832 15.4731 9.86906 14.1604L10.2092 13.1238C10.6157 11.885 11.9499 11.21 13.1899 11.6169Z" stroke="%23F16127" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.3321 23.2183L26.6267 31.4634C26.0597 33.1916 24.1995 34.1337 22.4714 33.5666L10.4286 29.6151C8.70042 29.048 7.75879 27.1866 8.32584 25.4585L11.0312 17.2134" stroke="%23F16127" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.4399 31.5925L20.1406 20.314" stroke="%23F16127" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1712_57538"><rect width="32" height="32" fill="white" transform="translate(9.97656) rotate(18.1659)"/></clipPath></defs></svg>') 50% 50%;
  background-size: cover;
  position: absolute;
  right: -1rem;
  top: -1.8rem;
}
@media (max-width: 47.999rem) {
  .productGiftSection__title h4::before {
    width: 1.5rem;
    height: 1.5rem;
    right: -0.58rem;
    top: -1rem;
  }
}
.productGiftSection__title p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  line-height: 1.5rem;
}
@media (max-width: 47.999rem) {
  .productGiftSection__title p {
    font-size: 0.75rem;
  }
}
.productGiftSection .productGift__item .card {
  width: 20.75rem;
  max-width: 100%;
}
@media (max-width: 47.999rem) {
  .productGiftSection .productGift__item .card {
    width: 100%;
  }
}
.productGiftSection .productGift__item p {
  color: var(--colors-dark-gray-100, #171718);
  text-align: right;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.productGiftSection .productGift__item + div {
  position: relative;
  padding-right: 9rem;
}
@media (max-width: 47.999rem) {
  .productGiftSection .productGift__item + div {
    padding-right: calc(var(--gutter-x) / 2);
  }
}
.productGiftSection .productGift__item + div::before {
  content: "";
  width: 3rem;
  height: 3rem;
  display: block;
  margin: auto 3rem;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M12 24H36" stroke="%2311BF3D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 12V36" stroke="%2311BF3D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
@media (max-width: 47.999rem) {
  .productGiftSection .productGift__item + div::before {
    display: none;
  }
}
.productGiftSection .productGift.MoreThanTwo .productGift__item .card {
  width: 16.5rem;
}
@media (max-width: 47.999rem) {
  .productGiftSection .productGift.MoreThanTwo .productGift__item .card {
    width: 100%;
  }
}
.productGiftSection .productGift.MoreThanTwo .productGift__item .card .card__image {
  width: 5rem;
  height: 5rem;
  border-radius: 8px;
  overflow: hidden;
}
.productGiftSection .productGift.MoreThanTwo .productGift__item .card .card__overload .card__overload--title {
  font-size: 0.75rem;
}
.productGiftSection .productGift.MoreThanTwo .productGift__item + div {
  padding-right: 6rem;
}
@media (max-width: 47.999rem) {
  .productGiftSection .productGift.MoreThanTwo .productGift__item + div {
    padding-right: 0 !important;
  }
}
.productGiftSection .productGift.MoreThanTwo .productGift__item + div::before {
  margin: auto 2rem;
  width: 2rem;
  height: 2rem;
  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="M8 16H24" stroke="%2311BF3D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 8V24" stroke="%2311BF3D" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% !important;
}
.productGiftSection .productGift.MoreThanTwo .productGift__item:nth-child(3n+1) {
  padding-right: 0 !important;
}
.productGiftSection .productGift.MoreThanTwo .productGift__item:nth-child(3n+1)::before {
  display: none !important;
}

.productTabsSectionData {
  background: #ffffff;
  min-height: 16rem;
}
.productTabsSectionData__tablist {
  position: sticky;
  top: 4rem;
  right: 0;
  z-index: 100;
  background: #ffffff;
  padding: 3rem 0 1rem 0;
  border-bottom: 1px solid transparent;
  transition: var(--main--transition-link);
}
@media (max-width: 47.999rem) {
  .productTabsSectionData__tablist {
    display: none;
  }
}
.productTabsSectionData__tablist.sticky {
  border-bottom: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
.productTabsSectionData .sectionTabsList {
  position: relative;
}
.productTabsSectionData .sectionTabsList__item {
  padding: 3rem 0;
  scroll-margin-block: 4.875rem;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item {
    padding: 1.5rem 0;
  }
}
.productTabsSectionData .sectionTabsList__item:first-child {
  padding-top: 0.5rem !important;
  scroll-margin-block: 10.5rem;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item:first-child {
    padding-top: 1.5rem !important;
  }
}
.productTabsSectionData .sectionTabsList__item--content p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
.productTabsSectionData .sectionTabsList__item--content p:not(:only-child) {
  margin-bottom: 1rem;
}
.productTabsSectionData .sectionTabsList__item--content h3,
.productTabsSectionData .sectionTabsList__item--content h2 {
  margin-bottom: 0.5rem;
  margin-top: 2rem;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item--content h3,
  .productTabsSectionData .sectionTabsList__item--content h2 {
    margin-top: 1rem;
  }
}
.productTabsSectionData .sectionTabsList__item--content img {
  border-radius: 0.5rem;
  display: block;
  margin: 1rem 0;
}
.productTabsSectionData .sectionTabsList__item--content .video {
  margin: 1rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item--content a.btn.btn--large, .productTabsSectionData .sectionTabsList__item--content .gform_wrapper a.btn--large[type=submit], .gform_wrapper .productTabsSectionData .sectionTabsList__item--content a.btn--large[type=submit],
  .productTabsSectionData .sectionTabsList__item--content .formWrapper a.btn--large[type=submit],
  .formWrapper .productTabsSectionData .sectionTabsList__item--content a.btn--large[type=submit],
  .productTabsSectionData .sectionTabsList__item--content .dotline-Q-form a.btn--large[type=submit],
  .dotline-Q-form .productTabsSectionData .sectionTabsList__item--content a.btn--large[type=submit] {
    font-size: 1rem;
  }
}
.productTabsSectionData .sectionTabsList__item--content .c-download-link {
  padding-left: 1.5rem;
  background: 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.3281 12.6668L5.66146 8.00016L10.3281 3.3335" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') left center no-repeat;
}
.productTabsSectionData .sectionTabsList__item--content .wp-caption {
  max-width: 100%;
  margin: 0;
}
.productTabsSectionData .sectionTabsList__item--content .wp-caption-text {
  position: relative;
  padding-right: 10px;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  color: #5B5C5E;
}
.productTabsSectionData .sectionTabsList__item--content .wp-caption-text:before {
  width: 2px;
  height: 100%;
  border-radius: 4px;
  content: "";
  display: block;
  background-color: #11BF3D;
  right: 0;
  top: 0;
  position: absolute;
}
.productTabsSectionData .sectionTabsList__item--title {
  transition: var(--main--transition);
}
.productTabsSectionData .sectionTabsList__item--title span {
  font-size: 1rem;
  line-height: 2rem;
  color: var(--colors-accent-100, #11bf3d);
  border-bottom: 2px solid var(--colors-accent-100, #11bf3d);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  padding-bottom: 0.5rem;
  display: inline-block;
}
.productTabsSectionData .sectionTabsList__item--title .customSelect {
  width: 13.5rem;
  height: 2.85863rem;
}
.productTabsSectionData .sectionTabsList__item--title h4 {
  margin-top: 1.5rem;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item--title h4 {
    font-size: 1rem;
  }
}
.productTabsSectionData .sectionTabsList__item--title a.btn, .productTabsSectionData .sectionTabsList__item--title .gform_wrapper a[type=submit], .gform_wrapper .productTabsSectionData .sectionTabsList__item--title a[type=submit],
.productTabsSectionData .sectionTabsList__item--title .formWrapper a[type=submit],
.formWrapper .productTabsSectionData .sectionTabsList__item--title a[type=submit],
.productTabsSectionData .sectionTabsList__item--title .dotline-Q-form a[type=submit],
.dotline-Q-form .productTabsSectionData .sectionTabsList__item--title a[type=submit] {
  margin-top: 1rem;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item--title a.btn, .productTabsSectionData .sectionTabsList__item--title .gform_wrapper a[type=submit], .gform_wrapper .productTabsSectionData .sectionTabsList__item--title a[type=submit],
  .productTabsSectionData .sectionTabsList__item--title .formWrapper a[type=submit],
  .formWrapper .productTabsSectionData .sectionTabsList__item--title a[type=submit],
  .productTabsSectionData .sectionTabsList__item--title .dotline-Q-form a[type=submit],
  .dotline-Q-form .productTabsSectionData .sectionTabsList__item--title a[type=submit] {
    margin-top: 0.5rem;
    width: 100%;
  }
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item--title {
    position: relative;
  }
  .productTabsSectionData .sectionTabsList__item--title::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0.5rem;
    left: 0;
    margin: auto;
    transform: rotateX(180deg);
    transition: var(--main--transition);
    background: 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="M19 8.5L12 15.5L5 8.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
}
.productTabsSectionData .sectionTabsList__item--pagination {
  margin-top: 1.5rem;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item--pagination {
    border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
    padding-top: 1rem;
    margin-top: 1rem;
  }
  .productTabsSectionData .sectionTabsList__item--pagination > .row {
    justify-content: space-between;
  }
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title {
  position: relative;
  margin: 0;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title {
    padding-right: 1.75rem;
  }
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title::before, .productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: -1.75rem;
  top: 0.25rem;
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title::before, .productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title::after {
    right: 0;
  }
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title::after {
  background: 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 12H18" stroke="%23171718" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6V18" stroke="%23171718" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title::before {
  background: 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 12H18" stroke="%23171718" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
  opacity: 0;
  visibility: hidden;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title:hover, .productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--title:active {
  color: currentcolor;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .questionAnswerBox {
  display: none;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .questionAnswerBox .commentsSection__item--answer {
  margin: 1rem 0 0 0;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .submitReplyQuestion .formWrapper {
  display: none;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .submitReplyQuestion .formWrapper .formWrapper__container + .formWrapper__container {
  margin-top: 0.5rem;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item#questionAnswer .submitReplyQuestion .formWrapper .formWrapper__container button[type=submit] {
    width: 100%;
  }
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .submitReplyQuestion__button {
  display: block;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .submitReplyQuestion__button svg {
  vertical-align: middle;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item {
  padding-right: 1.75rem;
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item {
    padding-right: 0;
  }
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item--answer {
  margin-top: 1rem;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item .submitReplyQuestion {
  padding-top: 1rem;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item.active .commentsSection__item--title::before, .productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item.active .commentsSection__item--title::after {
  transform: rotate(180deg);
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item.active .commentsSection__item--title::after {
  opacity: 0;
  visibility: hidden;
}
.productTabsSectionData .sectionTabsList__item#questionAnswer .commentsSection__item.active .commentsSection__item--title::before {
  opacity: 1;
  visibility: visible;
}
.productTabsSectionData .sectionTabsList__item--inside {
  transition: var(--main--transition);
  margin-top: 1.5rem;
}
@media (min-width: 48rem) {
  .productTabsSectionData .sectionTabsList__item--inside {
    display: block !important;
  }
}
@media (max-width: 47.999rem) {
  .productTabsSectionData .sectionTabsList__item--inside {
    overflow: hidden;
  }
}
.productTabsSectionData .sectionTabsList__item.unActive .sectionTabsList__item--title::after {
  transform: rotateX(0deg);
}

.bannerCollectionGradient {
  background: #ffffff;
}
@media (max-width: 47.999rem) {
  .bannerCollectionGradient {
    padding: 1.5rem 0 !important;
  }
}
.bannerCollectionGradient .card__image {
  padding: 2.5rem 0;
}
@media (max-width: 47.999rem) {
  .bannerCollectionGradient .card__image {
    padding: 1.25rem 0;
  }
}
.bannerCollectionGradient .card__overload--categories {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
}
@media (max-width: 47.999rem) {
  .bannerCollectionGradient .card__overload--categories {
    left: 0.5rem;
    top: 0.5rem;
  }
}
.bannerCollectionGradient .card__overload--title {
  color: #ffffff;
  margin-bottom: 0.75rem;
}
@media (max-width: 47.999rem) {
  .bannerCollectionGradient .card__overload--title {
    font-size: 1rem;
    margin-bottom: 0.25rem;
    line-height: 2rem;
  }
}
.bannerCollectionGradient .card__overload--content {
  color: #ffffff;
  line-height: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .bannerCollectionGradient .card__overload--content {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 47.999rem) {
  .bannerCollectionGradient .card__overload a.btn, .bannerCollectionGradient .card__overload .gform_wrapper a[type=submit], .gform_wrapper .bannerCollectionGradient .card__overload a[type=submit],
  .bannerCollectionGradient .card__overload .formWrapper a[type=submit],
  .formWrapper .bannerCollectionGradient .card__overload a[type=submit],
  .bannerCollectionGradient .card__overload .dotline-Q-form a[type=submit],
  .dotline-Q-form .bannerCollectionGradient .card__overload a[type=submit] {
    height: 2.5rem;
    padding: 0.5rem 1rem;
  }
}

.contentArchiveMore h5 {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700 !important;
  line-height: 2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .contentArchiveMore h5 {
    margin-bottom: 1rem;
  }
}
.contentArchiveMore p {
  color: var(--colors-dark-gray-40, #5b5c5e);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
.contentArchiveMore p + p {
  margin-top: 1rem;
}
.contentArchiveMore__readMore {
  max-height: 1.5rem;
}
.contentArchiveMore .inside {
  overflow: hidden;
  position: relative;
  margin-bottom: 1rem;
  transition: var(--main--transition);
}
.contentArchiveMore .inside::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.125rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, #ffffff 100%);
  z-index: 2;
  transition: var(--main--transition);
}
.contentArchiveMore .inside.active::after {
  opacity: 0;
}
.contentArchiveMore .inside.active + .contentArchiveMore__readMore {
  opacity: 0;
  max-height: 0;
}
.contentArchiveMore > a {
  position: relative;
  z-index: 3;
}

.ourCommitment {
  background: #f9f9f9;
}
@media (max-width: 47.999rem) {
  .ourCommitment {
    padding: 1.5rem 0 !important;
  }
}
.ourCommitment .siteRow {
  --gutter-x: 1.75rem;
}
@media (max-width: 47.999rem) {
  .ourCommitment .siteRow {
    --gutter-x: 0;
  }
}
.ourCommitment .categoriesList {
  margin-top: 0;
}
.ourCommitment .categoriesList__item {
  text-align: right;
}
@media (max-width: 47.999rem) {
  .ourCommitment .categoriesList__item {
    width: 17.6rem;
  }
}
@media (max-width: 47.999rem) {
  .ourCommitment .categoriesList__item h4 {
    font-size: 1rem;
  }
}
.ourCommitment .categoriesList__item--icon {
  margin-left: 0.75rem;
  box-shadow: inset 0 0 0 0.28rem var(--colors-accent-100, #11bf3d), inset 0 0 0 0.68rem var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .ourCommitment .categoriesList__item--icon {
    margin-left: 0.5rem;
    margin-bottom: 0;
    width: 3.5rem;
    height: 3.5rem;
    box-shadow: inset 0 0 0 0.16rem var(--colors-accent-100, #11bf3d), inset 0 0 0 0.48rem var(--colors-light-gray-20, #f1f1f1);
  }
  .ourCommitment .categoriesList__item--icon img,
  .ourCommitment .categoriesList__item--icon svg {
    width: 1.55556rem;
    height: auto;
  }
}
.ourCommitment .categoriesList__item p {
  color: var(--colors-dark-gray-20, #727376);
  font-family: IRANYekanX;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 0.25rem;
}
@media (max-width: 47.999rem) {
  .ourCommitment .categoriesList__item p {
    font-size: 0.75rem;
    margin-top: 0;
  }
}
@media (max-width: 47.999rem) {
  .ourCommitment .categoriesList__item + .categoriesList__item {
    margin-right: 0;
  }
}

.commentsSection__item--rating {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.commentsSection__item--rating svg {
  vertical-align: sub;
  margin-left: 0.5rem;
}
.commentsSection__item--title {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700 !important;
  line-height: 2rem;
  margin: 0.25rem 0;
  align-items: center;
  gap: 0.5rem;
  text-align: right;
  display: block;
  overflow: visible;
}
@media (max-width: 47.999rem) {
  .commentsSection__item--title {
    margin-bottom: 0.5rem;
    font-weight: 400;
    font-variation-settings: "wght" 400 !important;
  }
}
.commentsSection__item--title .badge {
  font-weight: 500;
  letter-spacing: -0.0075rem;
  font-variation-settings: "wght" 500;
  display: inline-block;
  padding: 0.25rem 0.5rem;
  vertical-align: middle;
}
.commentsSection__item--content {
  color: var(--colors-dark-gray-40, #5b5c5e);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.commentsSection__item--UploadBox {
  margin-bottom: 1rem;
}
.commentsSection__item--UploadBox .upload-item {
  width: 5rem;
}
.commentsSection__item--UploadBox .hidden {
  display: none;
}
.commentsSection__item--moreInfo span,
.commentsSection__item--moreInfo a {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}
.commentsSection__item--moreInfo span svg,
.commentsSection__item--moreInfo a svg {
  vertical-align: middle;
}
.commentsSection__item--author {
  position: relative;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}
.commentsSection__item--author::before {
  content: "";
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  background: var(--secondary-colors-orange-60, #f7a07d);
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.commentsSection__item--author:only-child {
  padding-right: 0.5rem;
  padding-left: 0;
}
.commentsSection__item--author:only-child::before {
  left: auto;
  right: 0;
}
.commentsSection__item--answer {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}
.commentsSection__item--answer.owner {
  padding: 1rem;
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
  background: var(--colors-accent-20, #d7f0db);
}
.commentsSection__item--answer svg {
  display: block;
}
.commentsSection__item--answer p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}
.commentsSection__item--answer.user {
  padding: 1rem 1.5rem;
  border: 1px solid var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
}
.commentsSection__item--answer.user .commentsSection__item--author {
  margin-bottom: 1rem;
  line-height: 1.5rem;
}
.commentsSection__item--answer.user .commentsSection__item--author a {
  color: var(--colors-dark-gray-80, #2e2e2f);
  position: relative;
}
.commentsSection__item--answer.user .commentsSection__item--author::before {
  left: auto;
  right: 0;
}
.commentsSection__item--like.active path {
  fill: var(--secondary-colors-orange-100);
}
.commentsSection__item + .commentsSection__item {
  border-top: 1px solid var(--colors-light-gray-40, #e3e3e4);
  margin-top: 1rem;
  padding-top: 1rem;
}
.commentsSection #respond {
  margin-bottom: 1rem;
}
.commentsSection #respond button[type=submit] {
  margin-right: auto;
}

.insidepage.product .productHeroRightSide > section:not(.space-y-0) {
  padding: 3rem 0;
}
@media (max-width: 47.999rem) {
  .insidepage.product .productHeroRightSide > section:not(.space-y-0) {
    padding: 1.5rem 0;
  }
}
.insidepage.product .productHeroLeftSide {
  position: sticky;
  z-index: 10;
  top: 5rem;
  margin-top: 6.5rem;
  padding-bottom: 3rem;
}
@media (max-width: 47.999rem) {
  .insidepage.product .productHeroLeftSide {
    margin-top: 0;
    position: static;
  }
}
.insidepage.product .productHeroLeftSide .variations.formWrapper__container > label {
  display: block;
}
.insidepage.product .productHeroLeftSide .variations.formWrapper__container [name=attribute_pa_color] {
  opacity: 0;
  visibility: hidden;
  height: 2.625rem;
}
.insidepage.product .productHeroLeftSide .variations.formWrapper__container [name=attribute_pa_guaranty] {
  border: 1px solid var(--ss-border-color);
  background-color: var(--ss-bg-color);
  width: 100%;
  border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
  transition: var(--main--transition-link);
  align-items: center;
  padding: 1rem !important;
  appearance: none;
  height: 3.5rem;
  line-height: 1rem;
}
.insidepage.product .productHeroLeftSide .card.product.card--lightGray20 {
  box-shadow: none !important;
}
.insidepage.compare-list #yith-woocompare > section:not(.space-y-0) {
  padding: 3rem 0;
}
@media (max-width: 47.999rem) {
  .insidepage.compare-list #yith-woocompare > section:not(.space-y-0) {
    padding: 1.5rem 0;
  }
}

.select_box_colorpicker {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.select_box_colorpicker .select_option {
  border-radius: 50%;
  overflow: hidden;
  border: 0;
  margin: 0;
  transition: var(--main--transition);
}
.select_box_colorpicker .select_option .yith_wccl_value {
  border: 0;
  width: 1.125rem;
  height: 1.125rem;
  min-width: 1.125rem;
}
.select_box_colorpicker .select_box:not(.on_ptab) .select_option:hover,
.select_box_colorpicker .select_option.selected {
  box-shadow: 0 0 0 2px var(--colors-accent-80) !important;
}

#specifications h5 {
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 2rem;
}
#specifications .tableWrapper {
  padding-right: 1.5rem;
}
@media (max-width: 47.999rem) {
  #specifications .tableWrapper {
    padding-right: 0.5rem;
  }
  #specifications .tableWrapper .table tr + tr {
    border-top: 0;
  }
  #specifications .tableWrapper .table tr + tr td {
    border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
  }
}
#specifications .table tr td,
#specifications .table tr th {
  padding: 1rem 0 1rem 1rem;
}
#specifications .table tr th {
  width: 15rem;
}
@media (max-width: 47.999rem) {
  #specifications .table tr th {
    width: 10rem;
  }
}

#commentsSection .commentsSection__rightSide {
  width: 28.1875rem;
  max-width: 100%;
  position: sticky;
  top: 11.625rem;
}
@media (max-width: 47.999rem) {
  #commentsSection .commentsSection__rightSide {
    width: 100%;
    position: static;
  }
}
#commentsSection .commentsSection__rightSide .card {
  padding: 1.5rem 1rem;
}
@media (max-width: 47.999rem) {
  #commentsSection .commentsSection__rightSide .card {
    margin-bottom: 1.5rem;
  }
}
#commentsSection .commentsSection__rightSide--topSide {
  margin-bottom: 1rem;
}
#commentsSection .commentsSection__rightSide--topSide p {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}
#commentsSection .commentsSection__rightSide--topSide .points {
  color: var(--colors-accent-100, #11bf3d);
  font-size: 2.25rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  letter-spacing: -0.03375rem;
  direction: ltr;
  display: inline-block;
  vertical-align: bottom;
}
#commentsSection .commentsSection__rightSide--topSide .points span {
  color: var(--colors-dark-gray-40, #5b5c5e);
  letter-spacing: -0.015rem;
  text-align: right;
  font-size: 1rem;
  margin-left: 0.5rem;
  height: 1.3125rem;
  display: inline-block;
  vertical-align: baseline;
}
#commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms .points {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  direction: ltr;
  color: var(--colors-dark-gray-40, #5b5c5e);
  font-size: 0.75rem;
  line-height: 1rem;
}
#commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms .points span {
  color: var(--colors-accent-100, #11bf3d);
  font-size: 0.875rem;
  letter-spacing: -0.015rem;
  text-align: right;
  margin-left: 0.12rem;
  line-height: 1.5rem;
}
#commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media (max-width: 47.999rem) {
  #commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms p {
    text-align: center;
  }
}
#commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms p a {
  color: var(--colors-accent-100, #11bf3d);
}
#commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms input[type=file] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
#commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms input[type=file] + label {
  cursor: pointer;
}
#commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms .fileUploadComment {
  display: none;
}
#commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms .upload-item {
  width: 5rem;
}
@media (max-width: 47.999rem) {
  #commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms .upload-item {
    width: 4.5rem;
  }
}
@media (max-width: 47.999rem) {
  #commentsSection .commentsSection__rightSide .formWrapper .formWrapperForms .col-md-auto.col-4 {
    flex: 0 0 auto;
    width: auto;
  }
}
@media (max-width: 47.999rem) {
  #commentsSection .commentsSection__item--title {
    font-weight: 700;
    font-variation-settings: "wght" 700 !important;
  }
}

.CompareProducts .CompareProductsSectionHero__headerHero {
  display: flex;
  flex-wrap: wrap;
}
.CompareProducts .CompareProductsSectionHero__headerHero--item {
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
  flex: 1;
  max-width: 29.375rem;
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsSectionHero__headerHero--item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.CompareProducts .CompareProductsSectionHero__headerHero--item > .card {
  overflow: visible;
}
.CompareProducts .CompareProductsSectionHero__headerHero--item + .CompareProductsSectionHero__headerHero--item {
  border-right: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
.CompareProducts .CompareProductsSectionHero__headerHero--item .removeProduct {
  position: absolute;
  left: -1.125rem;
  top: 0;
  border-radius: 50%;
  background: var(--colors-light-gray-20, #f1f1f1);
  z-index: 10;
  min-width: 1.125rem !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsSectionHero__headerHero--item .removeProduct {
    min-width: 1.125rem !important;
    width: 1.125rem !important;
    height: 1.125rem !important;
    left: 0;
  }
  .CompareProducts .CompareProductsSectionHero__headerHero--item .removeProduct svg {
    width: 0.875rem;
    height: 0.875rem;
  }
}
.CompareProducts .CompareProductsSectionHero__headerHero--ChooseProduct {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-right: 1px solid var(--colors-light-gray-40, #e3e3e4);
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsSectionHero__headerHero--ChooseProduct button {
    height: 2.5rem;
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsSectionHero__headerHero--ChooseProduct:nth-child(3) {
    border-right: 0;
  }
}
.CompareProducts .CompareProductsSectionHero__headerHero--fakeGutter {
  flex: 0 0 15rem;
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsSectionHero__headerHero--fakeGutter {
    flex: 0;
  }
}
.CompareProducts .CompareProductsSectionHero__headerHero--fakeGutter + .CompareProductsSectionHero__headerHero--ChooseProduct {
  border: 0;
}
.CompareProducts .CompareProductsTable #specifications {
  padding-top: 0 !important;
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--title {
    font-size: 1rem;
  }
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--title::after {
    display: none;
  }
}
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside {
  display: block !important;
  height: auto !important;
  margin-top: 1rem !important;
}
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper {
  padding: 0;
}
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr {
  border: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr {
    padding: 0.5rem;
  }
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr + tr {
    margin-top: 0.5rem;
  }
}
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr th,
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr td {
  padding: 1rem;
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr th,
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr td {
    padding: 0.25rem;
  }
}
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr th {
  color: var(--colors-dark-gray-60, #444547);
  flex: 0 0 14.25rem;
  width: 14.25rem;
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr th {
    font-size: 0.875rem;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    line-height: 1.375rem;
    width: 100%;
    border-radius: 0.125rem;
    background: var(--colors-light-gray-20, #f1f1f1);
  }
}
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr td {
  padding: 1rem 3rem;
  border-radius: 0 !important;
  flex: 1;
}
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr td:nth-child(2) {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
  padding: 1rem 0.75rem 1rem 3rem;
}
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr td:last-child {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
  padding: 1rem 3rem 1rem 0.75rem;
  max-width: 20.125rem;
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr td {
    padding: 0.25rem !important;
    font-size: 0.875rem;
    flex: 0 0 50% !important;
  }
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr td:empty {
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
  }
}
.CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr:nth-child(even) td {
  border-radius: 0.5rem;
  background: var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr:nth-child(even) td {
    background: none;
  }
}
@media (max-width: 47.999rem) {
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr th {
    flex: 0 0 100% !important;
  }
  .CompareProducts .CompareProductsTable #specifications .sectionTabsList__item--inside .tableWrapper table tr td {
    flex: 1 1 50% !important;
  }
}
.CompareProducts.oneProductActive .CompareProductsSectionHero__headerHero--item {
  max-width: none;
}
.CompareProducts.oneProductActive .CompareProductsSectionHero__headerHero--item > .card {
  max-width: none;
}

@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--bundles2 {
    padding: 16px 0;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
  }
}
.productHeroSection__fullContent--bundles2 .bundled_product {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  gap: 0 !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio {
  display: flex;
  gap: 8px;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio input {
  position: absolute !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio input:checked + label::after {
  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="%2311BF3D" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio input[disabled] + label::before {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.75" y="0.75" width="22.5" height="22.5" rx="5.25" fill="%23F6F6F6"/><rect x="0.75" y="0.75" width="22.5" height="22.5" rx="5.25" stroke="%23D5D5D6" stroke-width="1.5"/></svg>') 50% 50% no-repeat !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio input[disabled] + label::after {
  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="%23D5D5D6" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card {
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0;
  flex: 1;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__image {
  width: 95px;
  height: 95px;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload {
  padding: 0;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--prices {
  white-space: nowrap;
  text-align: left;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--prices > .row {
    height: auto;
  }
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--title {
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  margin-bottom: 8px;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--colors {
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--colors {
    display: none;
  }
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--colors > .row input:checked + label span {
  box-shadow: 0 0 0 2px var(--colors-accent-100, #11bf3d);
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--colors > .row label {
  width: 28px !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--colors > .row span {
  width: 28px;
  height: 28px;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--colors > span {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  color: #171718;
  margin-bottom: 8px;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--colors label {
  padding: 0 !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--colors label::before, .productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .card__overload .card__overload--colors label::after {
  display: none !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .ss-main.customSelect {
  margin-top: 16px;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .ss-main.customSelect {
    height: 40px;
    margin-right: -103px;
    width: auto;
  }
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .bundled-item-capacity {
  font-size: 12px;
  color: #171718;
}
@media (max-width: 47.999rem) {
  .productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio .card .bundled-item-capacity {
    margin-right: -103px;
    width: auto;
  }
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio label {
  padding-right: 0 !important;
  width: 24px !important;
  flex: 0 0 24px !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio label::before, .productHeroSection__fullContent--bundles2 .bundled_product > .customCheckboxRadio label::after {
  width: 24px !important;
  height: 24px !important;
  bottom: auto !important;
  top: 35px !important;
}
.productHeroSection__fullContent--bundles2 .bundled_product + .bundled_product {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #f1f1f1;
  opacity: 1;
}

.giftToWallet {
  padding: 20px 87px 20px 150px;
  border-radius: 8px;
  background: #ffffff;
  position: relative;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  margin-top: 24px;
}
@media only screen and (max-width: 991px) {
  .giftToWallet {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .giftToWallet {
    width: 100%;
    margin-top: 8px;
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 72px;
    font-size: 14px;
    line-height: 24px;
    min-height: 80px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
}
.giftToWallet span {
  color: var(--primary-colors-green-green-100, #11bf3d);
}
.giftToWallet svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -4px;
  width: 83px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .giftToWallet svg {
    width: 48px;
    right: 16px;
  }
}

.giftProductsInProfile {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .giftProductsInProfile {
    margin-top: 24px;
  }
}
.giftProductsInProfile__title {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  gap: 4px;
}
@media only screen and (max-width: 767px) {
  .giftProductsInProfile__title {
    margin-bottom: 16px;
  }
}
.giftProductsInProfile__title--icon {
  border-radius: 4px;
  background: var(--secondary-colors-orange-100, #f16127);
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .giftProductsInProfile__title--icon {
    width: 18px;
    height: 18px;
  }
  .giftProductsInProfile__title--icon svg {
    width: 14px;
    height: 14px;
  }
}
.giftProductsInProfile__title h6 {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 20px;
  letter-spacing: -0.1px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .giftProductsInProfile__title h6 {
    font-size: 16px;
    letter-spacing: normal;
  }
}
.giftProductsInProfile__items ul {
  max-height: unset !important;
  padding-top: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .giftProductsInProfile__items ul {
    gap: 16px;
  }
}
.giftProductsInProfile__items ul li {
  margin-top: 0 !important;
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
}
@media only screen and (max-width: 1400px) {
  .giftProductsInProfile__items ul li {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 991px) {
  .giftProductsInProfile__items ul li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.giftProductsInProfile__items--item {
  border-radius: 16px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  gap: 8px;
  padding: 16px 8px 16px 12px;
  display: flex;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .giftProductsInProfile__items--item {
    padding: 8px;
    border-radius: 8px;
  }
}
.giftProductsInProfile__items--item img {
  border-radius: 8px;
  width: 140px;
  min-width: 140px;
  height: 140px;
}
@media only screen and (max-width: 767px) {
  .giftProductsInProfile__items--item img {
    width: 80px;
    min-width: 80px;
    height: 80px;
  }
}
.giftProductsInProfile__items--item-title {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  transition: all 0.3s;
}
.giftProductsInProfile__items--item-title:hover {
  color: #000000;
}

.giftToWalletInProfile {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .giftToWalletInProfile {
    margin-top: 24px;
  }
}
.giftToWalletInProfile__head {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .giftToWalletInProfile__head {
    margin-bottom: 16px;
  }
}
.giftToWalletInProfile__head--icon {
  border-radius: 4px;
  background: var(--secondary-colors-orange-100, #f16127);
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .giftToWalletInProfile__head--icon {
    width: 18px;
    height: 18px;
  }
  .giftToWalletInProfile__head--icon svg {
    width: 14px;
    height: 14px;
  }
}
.giftToWalletInProfile__head--title {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 20px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
  letter-spacing: -0.1px;
}
@media only screen and (max-width: 767px) {
  .giftToWalletInProfile__head--title {
    font-size: 16px;
    letter-spacing: normal;
  }
}
.giftToWalletInProfile__amount {
  padding: 20px 87px 20px 150px;
  border-radius: 8px;
  background: #fafafa;
  position: relative;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 991px) {
  .giftToWalletInProfile__amount {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .giftToWalletInProfile__amount {
    width: 100%;
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 72px;
    font-size: 14px;
    line-height: 24px;
    min-height: 80px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
}
.giftToWalletInProfile__amount span {
  color: var(--primary-colors-green-green-100, #11bf3d);
}
.giftToWalletInProfile__amount svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -4px;
  width: 83px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .giftToWalletInProfile__amount svg {
    width: 48px;
    right: 16px;
  }
}

.theiaStickySidebar {
  padding-bottom: 160px !important;
}

.productMultiSellers__title {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.1px;
  line-height: 32px;
  font-variation-settings: "wght" 700;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .productMultiSellers__title {
    margin-bottom: 16px;
    letter-spacing: 0;
    font-size: 16px;
  }
}
.productMultiSellers__title svg {
  width: 32px;
  height: 32px;
}
@media only screen and (max-width: 767px) {
  .productMultiSellers__title svg {
    width: 24px;
    height: 24px;
  }
}
.productMultiSellers__content ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .productMultiSellers__content ul {
    gap: 16px;
  }
}
.productMultiSellers__content--item {
  display: flex;
  align-items: center;
  padding: 32px;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #ffffff;
  transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
  .productMultiSellers__content--item {
    padding: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .productMultiSellers__content--item {
    gap: 12px;
    padding: 12px;
    flex-wrap: wrap;
  }
}
.productMultiSellers__content--item:hover {
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.12);
  border-color: transparent;
}
.productMultiSellers__content--item-title {
  display: flex;
  flex-direction: column;
}
.productMultiSellers__content--item-title strong {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .productMultiSellers__content--item-title strong {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}
.productMultiSellers__content--item-title p {
  font-size: 14px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .productMultiSellers__content--item-title p {
    font-size: 12px;
  }
}
.productMultiSellers__content--item-price {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
  margin-right: auto;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .productMultiSellers__content--item-price {
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 14px;
  }
}
.productMultiSellers__content--item-add {
  transition: all 0.3s;
  height: 40px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  min-width: 170px;
}
@media only screen and (max-width: 767px) {
  .productMultiSellers__content--item-add {
    width: 100%;
    margin-top: 4px;
  }
}

.multiSellerGoto {
  border-radius: 8px;
  border: 1px dashed var(--primary-colors-green-green-60, #86d392);
  gap: 2px;
  display: flex;
  align-items: center;
  padding: 16px;
  color: var(--primary-colors-green-green-80, #16481e);
  line-height: 24px;
  font-size: 14px;
  background: transparent;
  position: relative;
  width: 100%;
}
.multiSellerGoto--tooltip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 8px;
  background: var(--primary-colors-green-green-80, #16481e);
  padding: 8px;
  top: -24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  font-variation-settings: "wght" 500;
  letter-spacing: -0.14px;
  color: #ffffff;
  white-space: nowrap;
  transition: all 0.3s;
  pointer-events: none;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .multiSellerGoto--tooltip {
    display: none;
  }
}
.multiSellerGoto--tooltip:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--primary-colors-green-green-80, #16481e);
}
.multiSellerGoto svg:last-child {
  margin-right: auto;
}
.multiSellerGoto:hover .multiSellerGoto--tooltip {
  opacity: 1;
}

body:has(.productHeroSection__fullContent--extra-cost .ss-main.ss-open-below) .ss-option {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
body:has(.productHeroSection__fullContent--extra-cost .ss-main.ss-open-below) .ss-option:after {
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 6L5 8.5L10 3.5" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
  background-size: contain;
}
body:has(.productHeroSection__fullContent--extra-cost .ss-main.ss-open-below) .custom-estra-cost-price {
  margin-right: auto;
}
body:has(.productHeroSection__fullContent--extra-cost .ss-main.ss-open-below) .ss-content {
  border-radius: 0px 0px 12px 12px;
  border: 1px solid var(--primary-colors-dark-gray-dark-gray-60, #444547);
  box-shadow: none;
  padding: 16px;
}

.specialOfferModal {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .specialOfferModal {
    overflow: hidden;
  }
}
.specialOfferModal__icon {
  margin-bottom: 16px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .specialOfferModal__icon {
    margin-bottom: 8px;
  }
}
.specialOfferModal__icon--count {
  position: absolute;
  top: 16px;
  right: -8px;
  border-radius: 50%;
  background: var(--System-Colors-Error---Badge, #EC3C2C);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 27px;
  font-size: 18px;
  color: var(--Primary-Color-On-Primary, #FFF);
}
.specialOfferModal__title {
  margin-bottom: 24px;
  text-align: center;
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  font-size: 20px;
  letter-spacing: -0.1px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.specialOfferModal__title span {
  position: relative;
  display: inline-block;
  color: var(--primary-colors-green-green-100, #11BF3D);
}
.specialOfferModal__title span:before {
  background: url("assets/images/svg/bp.svg") center center no-repeat;
  width: 98px;
  height: 15px;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: -10px;
}
.specialOfferModal__description {
  margin-bottom: 24px;
  width: 100%;
  text-align: center;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 480px) {
  .specialOfferModal__description {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
.specialOfferModal__products {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .specialOfferModal__products {
    flex: 1;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 480px) {
  .specialOfferModal__products {
    margin-bottom: 24px;
    gap: 24px;
  }
}
.specialOfferModal__products--item {
  min-height: 132px;
  flex: 0 0 calc(50% - 16px);
  max-width: calc(50% - 16px);
  padding: 6px 136px 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-40, #E3E3E4);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .specialOfferModal__products--item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .specialOfferModal__products--item {
    padding: 6px 56px 6px 8px;
    min-height: 90px;
  }
}
.specialOfferModal__products--item_picture {
  position: absolute;
  top: 6px;
  right: 8px;
}
@media only screen and (max-width: 480px) {
  .specialOfferModal__products--item_picture {
    top: 50%;
    transform: translateY(-50%);
  }
}
.specialOfferModal__products--item_picture img {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  object-fit: cover;
  object-position: center center;
}
@media only screen and (max-width: 480px) {
  .specialOfferModal__products--item_picture img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
  }
}
.specialOfferModal__products--item_title {
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
}
.specialOfferModal__products--item_price {
  position: relative;
  line-height: 32px;
  color: var(--primary-colors-green-green-100, #11BF3D);
  font-size: 16px;
  margin-top: auto;
}
.specialOfferModal__products--item_price-add {
  position: absolute;
  right: 0;
  top: -6px;
  opacity: 0;
  height: 40px;
}
@media only screen and (max-width: 480px) {
  .specialOfferModal__products--item_price-add {
    left: -4px;
    right: auto;
    opacity: 1;
  }
}
.specialOfferModal__products--item:hover .specialOfferModal__products--item_price-add {
  opacity: 1;
}
.specialOfferModal__continue {
  max-width: 300px;
}

.addToCartSection {
  padding-top: 1.5rem !important;
}
@media (max-width: 47.999rem) {
  .addToCartSection {
    padding: 1rem 0 1.5rem 0 !important;
  }
}
.addToCartSection .cartHeaderSteps {
  border-radius: 0.5rem;
  padding: 1.5rem 3rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  background: #ffffff;
  width: 65.25rem;
  max-width: 100%;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartHeaderSteps {
    padding: 1.5rem 0.5rem;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
  }
}
.addToCartSection .cartHeaderSteps__line {
  flex: 1;
  border-radius: 0.25rem;
  background: var(--colors-light-gray-20, #f1f1f1);
  height: 0.125rem;
}
.addToCartSection .cartHeaderSteps__line::after {
  content: "";
  display: block;
  height: 2px;
  width: 0%;
  float: right;
  transition: var(--main--transition-link, 0.3s ease-out);
  background: linear-gradient(90deg, #11bf3d 0%, rgba(17, 191, 61, 0.21) 101.13%);
}
.addToCartSection .cartHeaderSteps__line.active::after {
  width: 100% !important;
}
.addToCartSection .cartHeaderSteps__item {
  text-align: center;
  transition: var(--main--transition-link, 0.3s ease-out);
}
.addToCartSection .cartHeaderSteps__item--icon {
  margin-bottom: 0;
}
.addToCartSection .cartHeaderSteps__item--icon svg {
  display: block;
  margin: auto;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartHeaderSteps__item--icon svg {
    width: 1.5rem;
    height: auto;
  }
}
.addToCartSection .cartHeaderSteps__item--icon svg path {
  transition: var(--main--transition-link, 0.3s ease-out);
}
.addToCartSection .cartHeaderSteps__item--title {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 2rem;
  transition: var(--main--transition-link, 0.3s ease-out);
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartHeaderSteps__item--title {
    font-size: 0.75rem;
  }
}
.addToCartSection .cartHeaderSteps__item.active .cartHeaderSteps__item--icon svg path {
  stroke: var(--colors-accent-100, #11bf3d);
}
.addToCartSection .cartHeaderSteps__item.active .cartHeaderSteps__item--title {
  font-size: 1rem;
  color: var(--colors-accent-100, #11bf3d);
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartHeaderSteps__item.active .cartHeaderSteps__item--title {
    font-size: 0.75rem;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
}
.addToCartSection .cartHeaderSteps__item.beforeStep .cartHeaderSteps__item--icon svg path {
  stroke: var(--colors-accent-40, #afe1b7);
}
.addToCartSection .cartHeaderSteps__item.beforeStep .cartHeaderSteps__item--title {
  color: var(--colors-accent-40, #afe1b7);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.addToCartSection #MustLoginBefore,
.addToCartSection #EmptyCart {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding: 4rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection #MustLoginBefore,
  .addToCartSection #EmptyCart {
    padding: 1.5rem 1.75rem;
  }
  .addToCartSection #MustLoginBefore a.btn, .addToCartSection #MustLoginBefore .gform_wrapper a[type=submit], .gform_wrapper .addToCartSection #MustLoginBefore a[type=submit],
  .addToCartSection #MustLoginBefore .formWrapper a[type=submit],
  .formWrapper .addToCartSection #MustLoginBefore a[type=submit],
  .addToCartSection #MustLoginBefore .dotline-Q-form a[type=submit],
  .dotline-Q-form .addToCartSection #MustLoginBefore a[type=submit],
  .addToCartSection #EmptyCart a.btn,
  .addToCartSection #EmptyCart .gform_wrapper a[type=submit],
  .gform_wrapper .addToCartSection #EmptyCart a[type=submit],
  .addToCartSection #EmptyCart .formWrapper a[type=submit],
  .formWrapper .addToCartSection #EmptyCart a[type=submit],
  .addToCartSection #EmptyCart .dotline-Q-form a[type=submit],
  .dotline-Q-form .addToCartSection #EmptyCart a[type=submit] {
    min-width: auto;
    padding: 0.5rem 1rem;
    height: 2.5rem;
  }
  .addToCartSection #MustLoginBefore p,
  .addToCartSection #EmptyCart p {
    margin-bottom: 1rem;
  }
}
.addToCartSection .cartPriceCheckout {
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartPriceCheckout {
    margin-top: 0;
  }
}
.addToCartSection .cartPriceCheckout h5 {
  color: var(--colors-accent-100, #11bf3d);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 1rem;
  transition: var(--main--transition-link, 0.3s ease-out);
}
.addToCartSection .cartPriceCheckout .table tr:not(:last-child) {
  border: 0;
}
.addToCartSection .cartPriceCheckout .table tr td {
  padding: 0.5rem 0;
}
.addToCartSection .cartPriceCheckout .table tr td:first-child {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.addToCartSection .cartPriceCheckout .table tr td:last-child {
  color: var(--colors-dark-gray-60, #444547);
  font-size: 1rem;
  font-weight: 700;
  line-height: 2rem;
  font-variation-settings: "wght" 700;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartPriceCheckout .table tr:last-child td {
    padding-top: 1rem;
  }
}
.addToCartSection .cartPriceCheckout .table tr:last-child td:last-child {
  color: var(--colors-accent-100, #11bf3d);
  transition: var(--main--transition-link, 0.3s ease-out);
}
.addToCartSection .cartPriceCheckout .checkoutButton {
  margin-top: 0.5rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartPriceCheckout .checkoutButton {
    display: none;
  }
}
.addToCartSection .cartPriceCheckout .orderAsHoghooghi {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.addToCartSection .cartPriceCheckout .orderAsHoghooghi label {
  padding-right: 2rem;
  color: var(--colors-dark-gray-20, #727376);
}
.addToCartSection .cartPriceCheckout .orderAsHoghooghi label::before, .addToCartSection .cartPriceCheckout .orderAsHoghooghi label::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
}
.addToCartSection .cartPriceCheckout.disabled h5 {
  color: var(--colors-light-gray-100, #b8b9bb);
}
.addToCartSection .cartPriceCheckout.disabled .table tr:last-child td:last-child {
  color: var(--colors-light-gray-100, #b8b9bb);
}
.addToCartSection .moreInformationData p {
  color: var(--Gray---600, #718096);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.addToCartSection .stepsSection {
  display: none;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable {
  overflow: hidden;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop {
  border: 0;
}
@media only screen and (max-width: 767px) {
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item {
    border: none;
    padding-top: 16px;
    border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
  }
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item .card__col--price {
    order: 6;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item .card__col--price ins {
    font-size: 16px;
    color: #2e2e2f;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item .card__col--price::before {
    content: "مجموع";
    font-size: 16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #5b5c5e;
  }
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item .giftToWalletInBasket__container {
    order: 7;
    align-items: flex-start;
  }
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item .giftToWalletInBasket__container .productGift {
    align-items: flex-start;
    gap: 8px;
  }
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item .card__col--remove {
    order: 5;
    margin-right: auto;
    margin-top: 0;
  }
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item .card__col--quantity {
    order: 4;
  }
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item .card__col--quantity .quantityCounter input {
    background-color: #ffffff;
  }
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .cart_item .buttonRemove {
    border-top: none;
  }
}
@media only screen and (max-width: 767px) {
  .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable.removeDesktop .card.product.list {
    background-color: transparent;
  }
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable .productGift {
  padding-top: 1.5rem;
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable .productGift h6 {
  color: #2e2e2f;
  text-align: right;
  font-size: 0.75rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 1.5rem;
  margin-top: -1.5rem;
  display: flex;
  align-items: center;
  gap: 4px;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable .productGift .productGift__item .card {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding: 0.2rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable .productGift .productGift__item .card .card__image {
  width: 3.5rem;
  height: auto;
  padding: 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr {
  border: 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr th {
  color: var(--colors-dark-gray-60, #444547);
  font-size: 1rem;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  line-height: 2rem;
  background: none;
  border-bottom: 2px solid #e3e3e4;
  padding: 0 0 8px 0 !important;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr th span {
  color: #b8b9bb;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr th:nth-child(2) {
  width: 200px;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr td:last-child {
  text-align: left;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  position: relative;
  vertical-align: top;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .bundled_table_item_price::after,
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .bundled_table_item_subtotal::after {
  content: none;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr.bundled_table_item td:nth-child(1) {
  padding-right: 128px;
  opacity: 1;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr.bundled_table_item .card__image {
  width: 64px !important;
  height: 64px !important;
  padding: 0.5rem !important;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr.bundled_table_item .card__overload--title {
  font-size: 14px !important;
  line-height: 24px !important;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr.bundled_table_item .card__overload--quantity {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card {
  padding: 0;
  box-shadow: none;
  border: 0;
  background: none !important;
  border-radius: 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__image {
  width: 7.5rem;
  height: 7.5rem;
  padding: 1rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload {
  padding: 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--title {
  margin-bottom: 8px;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--prices {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 8px;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--prices ins {
  color: #5b5c5e;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--colors {
  color: var(--colors-dark-gray-100, #171718);
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--colors > span {
  font-size: 1rem;
  color: var(--colors-dark-gray-20, #727376);
  margin-right: 0.25rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--guarantee {
  color: var(--colors-dark-gray-100, #171718);
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--guarantee span {
  color: var(--colors-dark-gray-20, #727376);
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--extra-cost {
  color: var(--colors-dark-gray-100, #171718);
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--extra-cost span {
  color: var(--colors-dark-gray-20, #727376);
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--quantity {
  margin-top: 24px;
  margin-bottom: 24px;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .card__overload--quantity input {
  width: 134px !important;
  height: 2.5rem !important;
  padding: 8px 16px !important;
  background-color: #ffffff;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr td {
  padding: 0 0.5rem;
  vertical-align: top;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr td:nth-child(2) {
  width: 0;
  white-space: nowrap;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation .insuranceGarantee {
  margin-top: 0.25rem;
  min-width: 16.4375rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation .insuranceGarantee .productHeroSection__fullContent--insurance {
  margin: 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation svg {
  display: block;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td {
  padding: 0 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table {
  margin-top: 1rem;
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table tbody > tr:first-child td {
  padding-top: 1rem !important;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td {
  padding: 0.5rem 0.25rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td:nth-child(1) {
  width: 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td:nth-child(1) .card__image {
  width: 5.9375rem;
  height: 5.9375rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td:nth-child(2) {
  padding-right: 0.25rem !important;
  width: 100%;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td:nth-child(3) {
  width: 0;
  white-space: nowrap;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td:nth-child(2), .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td:nth-child(3), .addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td:nth-child(4) {
  padding: 0.5rem 3rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td:nth-child(4) {
  width: 5.875rem !important;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td:nth-child(5) {
  width: 5rem !important;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr.additionalInformation > td .table td .card__overload--title {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr .card .table tr + tr {
  border-top: 2px solid #f1f1f1 !important;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable > .table tr.bundled_table_item td {
  border-top: 2px solid #e3e3e4;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item {
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  border-radius: 0.5rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .buttonRemove {
  padding-top: 1rem;
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .buttonRemove button {
  margin-right: auto;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__image {
  width: 6.25rem;
  height: 6.25rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload {
  padding: 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload--title {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload--colors {
  font-size: 0.875rem;
  margin-top: 0;
  line-height: 1.5rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload--colors > span {
  margin-right: 0.25rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload--guarantee {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload--guarantee > span {
  color: var(--colors-dark-gray-20, #727376);
  margin-right: 0.25rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload--extra-cost {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload--extra-cost > span {
  color: var(--colors-dark-gray-20, #727376);
  margin-right: 0.25rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload--quantity input {
  height: 2.5rem !important;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .card__overload--prices {
  text-align: left;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .cartSectoinTablePackage {
  padding-right: 1.5rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .cartSectoinTablePackage .cartSectoinTable__item {
  border-right: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding-right: 1rem;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .cartSectoinTablePackage .cartSectoinTable__item > .card {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item .productGift h6 {
  margin-top: 0;
}
.addToCartSection .stepsSection.addToCartSection__steps1 .cartSectionTable__item + .cartSectionTable__item {
  margin-top: 1rem;
}
.addToCartSection .cardPriceCheckoutMobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid var(--colors-light-gray-40, #e3e3e4);
  background: #f9f9f9;
  z-index: 1000;
  padding: 1rem;
}
.addToCartSection .cardPriceCheckoutMobile h5 {
  color: var(--priry-colors-dark-gray-20, #727376);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
}
.addToCartSection .cardPriceCheckoutMobile .card {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
.addToCartSection .cardPriceCheckoutMobile .card .card__overload {
  padding: 0;
}
.addToCartSection .cardPriceCheckoutMobile .card .card__overload .card__overload--prices {
  text-align: left;
}
.addToCartSection .cardPriceCheckoutMobile .card .card__overload .card__overload--prices > * {
  display: block;
}
.addToCartSection .cardPriceCheckoutMobile .card .card__overload .card__overload--prices ins {
  font-size: 1.25rem;
}
.addToCartSection .cardPriceCheckoutMobile .discountCodeLink {
  border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding-bottom: 0.5rem;
  font-size: 1rem !important;
}
.addToCartSection .cartAddressWrapper {
  margin-bottom: 2rem;
}
.addToCartSection .cartAddressWrapper__item .card {
  padding: 0;
}
.addToCartSection .cartAddressWrapper__item .card__header {
  padding: 1rem 1rem 1rem 1rem;
}
.addToCartSection .cartAddressWrapper__item .card__header h5 {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
}
.addToCartSection .cartAddressWrapper__item .card__body {
  padding: 0 3rem 1rem 3rem;
  transition: var(--main--transition-link, 0.3s ease-out);
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item .card__body {
    padding: 0 1.5rem 1rem 1.5rem;
  }
}
.addToCartSection .cartAddressWrapper__item .card__body h6 {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}
.addToCartSection .cartAddressWrapper__item .card__body .cartAddressWrapper__item--content p {
  color: var(--colors-dark-gray-20, #727376);
  text-align: right;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.addToCartSection .cartAddressWrapper__item .card__body .cartAddressWrapper__item--content svg {
  display: block;
  position: relative;
  top: 2px;
}
.addToCartSection .cartAddressWrapper__item .card__additional {
  padding: 1rem 2rem 0 2rem;
  overflow: hidden;
  max-height: 5rem;
  transition: var(--main--transition-link, 0.3s ease-out);
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item .card__additional {
    margin-top: -0.5rem;
  }
}
.addToCartSection .cartAddressWrapper__item .card__additional p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.addToCartSection .cartAddressWrapper__item + .cartAddressWrapper__item {
  margin-top: 1.5rem;
}
.addToCartSection .cartAddressWrapper__item.chooseAddress .card__body {
  margin-top: -0.5rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.chooseAddress a.btn, .addToCartSection .cartAddressWrapper__item.chooseAddress .gform_wrapper a[type=submit], .gform_wrapper .addToCartSection .cartAddressWrapper__item.chooseAddress a[type=submit],
  .addToCartSection .cartAddressWrapper__item.chooseAddress .formWrapper a[type=submit],
  .formWrapper .addToCartSection .cartAddressWrapper__item.chooseAddress a[type=submit],
  .addToCartSection .cartAddressWrapper__item.chooseAddress .dotline-Q-form a[type=submit],
  .dotline-Q-form .addToCartSection .cartAddressWrapper__item.chooseAddress a[type=submit] {
    margin-right: auto;
    margin-top: 1.5rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable .card__header {
  cursor: pointer;
}
.addToCartSection .cartAddressWrapper__item.togglable .card__header h5 {
  position: relative;
}
.addToCartSection .cartAddressWrapper__item.togglable .card__header h5::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  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="M14.25 6.375L9 11.625L3.75 6.375" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat;
  margin-left: 0.25rem;
  transition: var(--main--transition-link, 0.3s ease-out);
}
.addToCartSection .cartAddressWrapper__item.togglable .card__body {
  max-height: 0;
  overflow: hidden;
  margin-top: 0;
  padding: 0 3rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable .card__body {
    padding: 0 !important;
    overflow: visible;
    max-height: none;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.sendingMethod .formWrapper__container label {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
.addToCartSection .cartAddressWrapper__item.togglable.sendingMethod .formWrapper__container + .formWrapper__container {
  margin-top: 1rem;
}
.addToCartSection .cartAddressWrapper__item.togglable.sendingMethod .formWrapper__container .formWrapper__description {
  margin-top: 1rem;
  padding-right: 1.5rem;
}
.addToCartSection .cartAddressWrapper__item.togglable.sendingMethod .formWrapper__container .formWrapper__description p {
  color: var(--colors-light-gray-100, #b8b9bb);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.addToCartSection .cartAddressWrapper__item.togglable.sendingMethod .formWrapper__container .formWrapper__description p + p {
  margin-top: 0.5rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.sendingMethod .formWrapper__container .formWrapper__description {
    margin-top: 0.5rem;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.sendingMethod .formWrapper__container .formWrapper__description p {
    font-size: 0.75rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .card__body {
  padding: 0 1rem !important;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .card__body {
    padding: 0 !important;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input + label {
  padding: 0.75rem 3rem 0.75rem 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid transparent;
  background: #ffffff;
  display: flex;
  align-items: center;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input + label {
    justify-content: flex-start;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input + label img {
  height: 3.5rem;
  width: 3.5rem;
  padding: 0.5rem;
  object-fit: cover;
  margin-left: 1rem;
  filter: grayscale(100%) opacity(0.5);
  transition: var(--main--transition-link, 0.3s ease-out);
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input + label::before, .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input + label::after {
  margin-right: 1rem;
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input + label:hover {
  background: #fafafa;
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input + label .description {
  width: 100%;
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input + label .description h6 {
  color: var(--colors-dark-gray-20, #727376);
  text-align: right;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 2rem;
  margin-bottom: 0.1rem;
  transition: var(--main--transition-link, 0.3s ease-out);
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input + label .description .caption {
  color: var(--colors-light-gray-100, #b8b9bb);
  font-size: 0.75rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  transition: var(--main--transition-link, 0.3s ease-out);
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input:checked + label {
  border: 2px solid var(--colors-accent-100, #11bf3d);
  background: rgba(215, 240, 219, 0.1);
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input:checked + label img {
  filter: grayscale(0%) opacity(1);
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input:checked + label .description h6 {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input:checked + label .description .caption {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .formWrapperForms input[disabled] + label {
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
  color: var(--colors-light-gray-40, #e3e3e4);
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .payment__item.wallet--payment--item {
  border-top: 1px solid var(--colors-light-gray-60, #d5d5d6);
  padding-top: 1rem;
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .payment__item.wallet--payment--item h6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .payment__item.wallet--payment--item h6 span {
  font-size: 0.875rem;
  color: var(--colors-accent-100, #11bf3d);
  border-radius: 0.5rem;
  background: rgba(241, 241, 241, 0.5);
  padding: 0.5rem 1rem;
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .onlinePayment {
  transition: var(--main--transition-link, 0.3s ease-out);
  margin-top: 0.5rem;
}
.addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .onlinePayment h5 {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .modalWrapper__body {
    padding-top: 0 !important;
  }
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments {
    display: flex;
    flex-direction: column;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .cartAddressWrapper__item--content {
    order: 5;
    margin-top: 0.5rem;
    display: none;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment {
    margin-top: 0 !important;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment .js-payment-heading-title {
    display: none;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment .ss-hide {
    display: block !important;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment .formWrapperForms .formWrapper__container input + label {
    padding: 0.75rem 2.375rem 0.75rem 0.75rem;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment .formWrapperForms .formWrapper__container input + label::before, .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment .formWrapperForms .formWrapper__container input + label::after {
    margin-right: 0.75rem;
    width: 1.125rem;
    height: 1.125rem;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment .formWrapperForms .formWrapper__container input + label img {
    display: none;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment .payment__item.wallet--payment--item {
    padding-top: 0.5rem;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment .payment__item.wallet--payment--item h6 {
    flex-direction: column;
    align-items: flex-start;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.paymentMethod .js-woocommerce-dotline-checkout-payments .onlinePayment .payment__item.wallet--payment--item h6 span {
    font-size: 0.875rem;
    color: var(--colors-accent-100, #11bf3d);
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsList.type2 {
  border-bottom: 1px solid var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsList.type2 > ul {
    flex-wrap: nowrap;
    overflow: auto;
    margin: 0 -1rem;
    padding: 0 1rem;
  }
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsList.type2 li {
    flex: 1;
    min-width: 5rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsList.type2 li a {
  color: var(--colors-dark-gray-20, #727376);
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsList.type2 li.active a {
  color: var(--colors-accent-100, #11bf3d);
  font-weight: 400 !important;
  font-variation-settings: "wght" 400 !important;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsList.type2 li span {
    display: block;
  }
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsList.type2 li + li {
    margin-right: 1rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsList.type2 .border {
  bottom: -1px;
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container .customCheckboxRadio {
  position: relative;
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6);
  background: #ffffff;
  padding: 0.75rem 1rem;
  color: var(--colors-dark-gray-20, #727376);
  box-shadow: inset 0 0 0 1px var(--colors-light-gray-60, #d5d5d6);
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label {
    width: 4rem;
    height: 4rem;
    padding: 1.25rem 0.5rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label::before, .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label::after {
  display: none;
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label span,
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label strong {
  display: block;
  text-align: center;
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label span {
  font-size: 0.875rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label span {
    display: none;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label strong {
  font-size: 1rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container label strong {
    font-size: 0.875rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container .badge {
  background: none;
  color: var(--system-colors-error, #dc362e);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  margin-top: 0.5rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container .badge {
    font-size: 0.625rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container input {
  width: 100%;
  height: 100%;
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container input[disabled] + label {
  color: var(--colors-light-gray-60, #d5d5d6);
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .formWrapper__container input:checked + label {
  color: var(--colors-accent-100, #11bf3d);
  box-shadow: inset 0 0 0 2px var(--colors-accent-100, #11bf3d);
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsSections {
  margin-top: 1rem;
  position: relative;
  min-height: 6.125rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsSections {
    min-height: 5.5rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsSections__item {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: var(--main--transition-link, 0.3s ease-out);
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsSections__item:last-child {
  position: static;
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsSections__item.active {
  opacity: 1;
  visibility: visible;
}
.addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .tabsSections__item .removeFake {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .modalWrapper__body {
    padding: 0 !important;
  }
  .addToCartSection .cartAddressWrapper__item.togglable.deliveryMethod .modalWrapper__body .formWrapper {
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 1rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.active .card__additional {
  max-height: 0;
  padding: 0 2rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.active .card__additional {
    padding: 1rem 2rem 0 2rem !important;
    max-height: 5rem;
    margin-top: -0.5rem;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.active .card__header h5::before {
  transform: rotateX(180deg);
}
.addToCartSection .cartAddressWrapper__item.togglable.active .card__body {
  padding: 0 3rem 1rem 3rem;
  max-height: 150rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.active .card__body {
    padding: 0;
    max-height: none;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.active.paymentMethod .card__body {
  padding: 0.5rem 1rem 1.5rem 1rem !important;
}
@media (max-width: 47.999rem) {
  .addToCartSection .cartAddressWrapper__item.togglable.active.paymentMethod .card__body {
    padding: 0 !important;
  }
}
.addToCartSection .cartAddressWrapper__item.togglable.disabled .card__additional {
  display: none;
}
.addToCartSection .cartAddressWrapper__item.togglable.disabled .card__body {
  padding: 0 !important;
}
.addToCartSection .discountCodeForm {
  margin-top: 1rem;
  border-radius: 0.5rem;
}
.addToCartSection .discountCodeForm h5 {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}
.addToCartSection .discountCodeForm .formWrapper__container + .formWrapper__container {
  margin-top: 1rem;
}
.addToCartSection .discountCodeForm .checkout_coupon {
  display: block !important;
  height: auto !important;
}
.addToCartSection .AddressTableCheckout,
.addToCartSection .discountCodeForm,
.addToCartSection .discountCodeLink {
  display: none;
}
.addToCartSection[data-steps="0"] .addToCartSection__steps0 {
  display: block;
}
.addToCartSection[data-steps="1"] .addToCartSection__steps1 {
  display: block;
}
.addToCartSection[data-steps="2"] .discountCodeLink {
  display: block;
}
.addToCartSection[data-steps="2"] .peymentInfoCalculation,
.addToCartSection[data-steps="2"] .CartCheckoutTable {
  display: none;
}
.addToCartSection[data-steps="2"] .addToCartSection__steps2,
.addToCartSection[data-steps="2"] .AddressTableCheckout,
.addToCartSection[data-steps="2"] .discountCodeForm {
  display: block;
}
.addToCartSection[data-steps="3"] .addToCartSection__steps3 {
  display: block;
}
.addToCartSection[data-steps="3"] .cartHeaderSteps__line:nth-child(4)::after {
  width: 50%;
}
.addToCartSection[data-steps="4"] .cartHeaderSteps,
.addToCartSection[data-steps="4"] .leftSideBar {
  display: none;
}
.addToCartSection[data-steps="4"] .addToCartSection__steps4 {
  display: block;
}
.addToCartSection[data-steps="4"] .successPayment {
  text-align: center;
  width: 20.1875rem;
  max-width: 100%;
  margin: auto;
  padding: 9.5rem 0;
}
@media (max-width: 47.999rem) {
  .addToCartSection[data-steps="4"] .successPayment {
    padding: 3rem 0;
  }
}
.addToCartSection[data-steps="4"] .successPayment h5 {
  color: var(--colors-accent-100, #11bf3d);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
}
.addToCartSection[data-steps="4"] .successPayment .peygiriPaymentNumber {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  border: 0;
  color: var(--colors-dark-gray-60, #444547);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
.addToCartSection[data-steps="4"] .successPayment a.btn + a.btn, .addToCartSection[data-steps="4"] .successPayment .gform_wrapper a[type=submit] + a.btn, .gform_wrapper .addToCartSection[data-steps="4"] .successPayment a[type=submit] + a.btn,
.addToCartSection[data-steps="4"] .successPayment .formWrapper a[type=submit] + a.btn,
.formWrapper .addToCartSection[data-steps="4"] .successPayment a[type=submit] + a.btn,
.addToCartSection[data-steps="4"] .successPayment .dotline-Q-form a[type=submit] + a.btn,
.dotline-Q-form .addToCartSection[data-steps="4"] .successPayment a[type=submit] + a.btn, .addToCartSection[data-steps="4"] .successPayment .gform_wrapper a.btn + a[type=submit], .gform_wrapper .addToCartSection[data-steps="4"] .successPayment a.btn + a[type=submit], .addToCartSection[data-steps="4"] .successPayment .gform_wrapper a[type=submit] + a[type=submit], .gform_wrapper .addToCartSection[data-steps="4"] .successPayment a[type=submit] + a[type=submit],
.addToCartSection[data-steps="4"] .successPayment .formWrapper a.btn + a[type=submit],
.formWrapper .addToCartSection[data-steps="4"] .successPayment a.btn + a[type=submit],
.addToCartSection[data-steps="4"] .successPayment .formWrapper a[type=submit] + a[type=submit],
.formWrapper .addToCartSection[data-steps="4"] .successPayment a[type=submit] + a[type=submit],
.addToCartSection[data-steps="4"] .successPayment .dotline-Q-form a.btn + a[type=submit],
.dotline-Q-form .addToCartSection[data-steps="4"] .successPayment a.btn + a[type=submit],
.addToCartSection[data-steps="4"] .successPayment .dotline-Q-form a[type=submit] + a[type=submit],
.dotline-Q-form .addToCartSection[data-steps="4"] .successPayment a[type=submit] + a[type=submit] {
  margin-top: 1rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection[data-steps="4"] .successPayment a.btn, .addToCartSection[data-steps="4"] .successPayment .gform_wrapper a[type=submit], .gform_wrapper .addToCartSection[data-steps="4"] .successPayment a[type=submit],
  .addToCartSection[data-steps="4"] .successPayment .formWrapper a[type=submit],
  .formWrapper .addToCartSection[data-steps="4"] .successPayment a[type=submit],
  .addToCartSection[data-steps="4"] .successPayment .dotline-Q-form a[type=submit],
  .dotline-Q-form .addToCartSection[data-steps="4"] .successPayment a[type=submit] {
    font-size: 1rem;
  }
}
.addToCartSection[data-steps="4"] .errorPayment {
  text-align: center;
  width: 20.1875rem;
  max-width: 100%;
  margin: auto;
  padding: 9.5rem 0;
}
@media (max-width: 47.999rem) {
  .addToCartSection[data-steps="4"] .errorPayment {
    padding: 3rem 0;
  }
}
.addToCartSection[data-steps="4"] .errorPayment h5 {
  color: var(--system-colors-error, #ec3c2c);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 4rem;
}
.addToCartSection[data-steps="4"] .errorPayment a.btn + a.btn, .addToCartSection[data-steps="4"] .errorPayment .gform_wrapper a[type=submit] + a.btn, .gform_wrapper .addToCartSection[data-steps="4"] .errorPayment a[type=submit] + a.btn,
.addToCartSection[data-steps="4"] .errorPayment .formWrapper a[type=submit] + a.btn,
.formWrapper .addToCartSection[data-steps="4"] .errorPayment a[type=submit] + a.btn,
.addToCartSection[data-steps="4"] .errorPayment .dotline-Q-form a[type=submit] + a.btn,
.dotline-Q-form .addToCartSection[data-steps="4"] .errorPayment a[type=submit] + a.btn, .addToCartSection[data-steps="4"] .errorPayment .gform_wrapper a.btn + a[type=submit], .gform_wrapper .addToCartSection[data-steps="4"] .errorPayment a.btn + a[type=submit], .addToCartSection[data-steps="4"] .errorPayment .gform_wrapper a[type=submit] + a[type=submit], .gform_wrapper .addToCartSection[data-steps="4"] .errorPayment a[type=submit] + a[type=submit],
.addToCartSection[data-steps="4"] .errorPayment .formWrapper a.btn + a[type=submit],
.formWrapper .addToCartSection[data-steps="4"] .errorPayment a.btn + a[type=submit],
.addToCartSection[data-steps="4"] .errorPayment .formWrapper a[type=submit] + a[type=submit],
.formWrapper .addToCartSection[data-steps="4"] .errorPayment a[type=submit] + a[type=submit],
.addToCartSection[data-steps="4"] .errorPayment .dotline-Q-form a.btn + a[type=submit],
.dotline-Q-form .addToCartSection[data-steps="4"] .errorPayment a.btn + a[type=submit],
.addToCartSection[data-steps="4"] .errorPayment .dotline-Q-form a[type=submit] + a[type=submit],
.dotline-Q-form .addToCartSection[data-steps="4"] .errorPayment a[type=submit] + a[type=submit] {
  margin-top: 1.5rem;
}
@media (max-width: 47.999rem) {
  .addToCartSection[data-steps="4"] .errorPayment a.btn, .addToCartSection[data-steps="4"] .errorPayment .gform_wrapper a[type=submit], .gform_wrapper .addToCartSection[data-steps="4"] .errorPayment a[type=submit],
  .addToCartSection[data-steps="4"] .errorPayment .formWrapper a[type=submit],
  .formWrapper .addToCartSection[data-steps="4"] .errorPayment a[type=submit],
  .addToCartSection[data-steps="4"] .errorPayment .dotline-Q-form a[type=submit],
  .dotline-Q-form .addToCartSection[data-steps="4"] .errorPayment a[type=submit] {
    font-size: 1rem;
  }
}

.page .woocommerce {
  min-height: 20rem;
  margin: 24px auto;
  max-width: 87.5rem;
}

.woocommerce-notices-wrapper {
  margin-right: auto;
  margin-left: auto;
}

.return-to-shop {
  margin-right: auto;
  margin-left: auto;
  max-width: 87.5rem;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments,
.gform_confirmation_message {
  background: var(--system-colors-success-background, #dff6dd) !important;
  color: var(--system-colors-success, #0f7b0f);
  padding: 0.5rem;
  font-size: 0.75rem;
  margin: 1rem auto;
  line-height: 1.5rem;
  border-radius: 0.5rem;
  list-style: none;
  max-width: 87.5rem;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a,
.gform_confirmation_message a {
  color: var(--system-colors-success, #0f7b0f);
}

.woocommerce-message {
  background: var(--system-colors-success-background, #dff6dd) !important;
  color: var(--system-colors-success, #0f7b0f);
}

.woocommerce-error {
  background: var(--system-colors-error-background, #fce2e0) !important;
  color: var(--system-colors-error, #e74040) !important;
}

.loadingMaskWrapper {
  position: relative;
}
.loadingMaskWrapper .loadingMask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: var(--main--transition-link);
  opacity: 0;
  visibility: hidden;
  background: rgba(46, 45, 44, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 0.5rem;
}
.loadingMaskWrapper .loadingMask .card {
  padding: 2rem 4rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #ffffff;
  max-height: 50%;
}
.loadingMaskWrapper .loadingMask .card .rotate {
  animation: loading 1s linear infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingMaskWrapper .loadingMask.type2 .card {
  background: none;
  padding: 0;
}
.loadingMaskWrapper.loading .loadingMask {
  opacity: 1;
  visibility: visible;
}

.is-loading-cart {
  pointer-events: none;
  opacity: 0.5;
}

.connectingToPaymentWebsite {
  padding: 3rem 0;
}
.connectingToPaymentWebsite .inside {
  width: 38.6875rem;
  max-width: 100%;
}
.connectingToPaymentWebsite .inside .loadingMask {
  visibility: visible;
  opacity: 1;
  background: none;
  position: static;
  margin-bottom: 3rem;
}
.connectingToPaymentWebsite .inside .loadingMask .card {
  padding: 0;
  gap: 1.5rem;
}
.connectingToPaymentWebsite .inside .loadingMask .card h4 {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
  font-weight: 700;
  line-height: 2rem;
}
.connectingToPaymentWebsite .inside .orderConnectingInformation {
  padding: 2.5rem;
}
@media (max-width: 47.999rem) {
  .connectingToPaymentWebsite .inside .orderConnectingInformation {
    padding: 1.5rem;
  }
}
.connectingToPaymentWebsite .inside .orderConnectingInformation__item svg {
  vertical-align: middle;
  margin-left: 0.5rem;
}
.connectingToPaymentWebsite .inside .orderConnectingInformation__item h5 {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
.connectingToPaymentWebsite .inside .orderConnectingInformation__item h5 + h5 {
  margin-top: 1.5rem;
}
@media (max-width: 47.999rem) {
  .connectingToPaymentWebsite .inside .orderConnectingInformation__item h5 + h5 {
    margin-top: 0.5rem;
  }
}
.connectingToPaymentWebsite .inside .orderConnectingInformation__item h5 span {
  color: var(--colors-dark-gray-80, #2e2e2f);
  margin-right: 0.25rem;
}

.giftToWalletInBasket__container {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.giftToWalletInBasket__container .card__overload--productGift-items {
  display: flex;
  gap: 8px;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .giftToWalletInBasket__container {
    margin-bottom: 16px;
    position: static;
  }
}

.giftToWalletInBasket {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 12px;
  line-height: 24px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}

.alert-in-multi-sell {
  border-radius: 8px;
  background: var(--System-Colors-Caution---Background, #faf3d0);
  margin-bottom: 1.5rem;
  display: flex;
  padding: 8px;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 24px;
  color: var(--System-Colors-Caution---Badge, #d3b412);
}
.alert-in-multi-sell__icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.multi-seller-modal.modal .modalWrapper {
  padding: 24px;
  width: 553px;
}
@media only screen and (max-width: 48rem) {
  .multi-seller-modal.modal .modalWrapper {
    padding: 16px;
    width: 100%;
  }
}
.multi-seller-modal.modal .modalWrapper__header {
  border-bottom: none;
}
.multi-seller-modal.modal .modalWrapper__body p {
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 8px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
}
.multi-seller-modal.modal .modalWrapper__body ul {
  padding: 0;
  list-style: none;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.multi-select-product {
  display: flex;
  gap: 8px;
  align-items: center;
}
.multi-select-product__picture {
  flex: 0 0 128px;
  min-width: 128px;
}
.multi-select-product__picture img {
  border-radius: 8px;
  width: 128px;
  height: 128px;
  object-fit: cover;
  object-position: center center;
}
.multi-select-product__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.multi-select-product__info--title {
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  font-size: 14px;
  line-height: 24px;
}
.multi-select-product__info--price {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  font-variation-settings: "wght" 700;
}

@media (max-width: 47.999rem) {
  .myAccountSection {
    padding-top: 0.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
.myAccountSection .tabsList.type2 {
  margin-bottom: 2rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection .tabsList.type2 {
    margin-bottom: 1.5rem;
  }
}
.myAccountSection .tabsList.type2 ul {
  padding-top: 0;
  max-height: none !important;
}
.myAccountSection .tabsList.type2 ul li + li {
  margin-top: 0 !important;
}
@media (max-width: 47.999rem) {
  .myAccountSection .tabsList.type2 ul li a {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
.myAccountSection__sidebar {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-40, #e3e3e4);
  background: #ffffff;
  margin-top: 2.5rem;
}
.myAccountSection__sidebar--header {
  background: url('data:image/svg+xml,<svg width="332" height="128" viewBox="0 0 332 128" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M159.287 127.963C103.277 126.633 33.061 93.4195 9.29612 81.3402L9.29605 81.3402C5.32752 79.323 3.34325 78.3145 2.16345 76.4054C0.983636 74.4962 0.968626 72.1997 0.938606 67.6067L0.605259 16.6046C0.555667 9.01707 0.530871 5.22332 2.87715 2.86166C5.22342 0.5 9.01725 0.5 16.6049 0.5H315.383C322.976 0.5 326.772 0.5 329.119 2.86383C331.465 5.22766 331.438 9.02404 331.382 16.6168L331.065 60.1444C331.033 64.4859 331.017 66.6566 329.939 68.5005C328.861 70.3445 327.045 71.3835 323.414 73.4615C298.979 87.446 220.365 129.414 159.287 127.963Z" fill="%23F9F9F9"/></svg>') top center no-repeat;
  text-align: center;
  min-height: 8rem;
}
.myAccountSection__sidebar--header img {
  border-radius: 5rem;
  border: 2px solid var(--colors-accent-100, #11bf3d);
  width: 5rem;
  height: 5rem;
  object-fit: cover;
  margin-top: -2.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__sidebar--header img {
    width: 4rem;
    height: 4rem;
    margin-top: -2.75rem;
  }
}
.myAccountSection__sidebar--header h5 {
  margin-top: 0.5rem;
  color: var(--colors-accent-100, #11bf3d);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
}
.myAccountSection__sidebar--header h6 {
  margin-top: 0.5rem;
  color: var(--colors-dark-gray-80, #2e2e2f);
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding-bottom: 1rem;
}
.myAccountSection__sidebar--listMenu {
  padding: 3rem 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__sidebar--listMenu {
    padding: 1.5rem 1.5rem;
  }
}
.myAccountSection__sidebar--listMenu li a {
  color: var(--colors-dark-gray-20, #727376);
  display: block;
}
@media (max-width: 47.999rem) {
  .myAccountSection__sidebar--listMenu li a {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.myAccountSection__sidebar--listMenu li a svg {
  vertical-align: middle;
  margin-left: 0.5rem;
}
.myAccountSection__sidebar--listMenu li + li {
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding-top: 1rem;
  margin-top: 1rem;
}
.myAccountSection__sidebar--listMenu li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--system-colors-error, #ec3c2c);
}
.myAccountSection__sidebar--listMenu li.active a {
  color: var(--colors-dark-gray-60, #444547);
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.myAccountSection__sidebar--listMenu li.active a svg path {
  stroke: var(--colors-accent-100, #11bf3d);
}
.myAccountSection__content {
  margin-top: 2.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content {
    margin-top: 0;
  }
}
.myAccountSection__content .widget {
  padding: 0;
}
.myAccountSection__content .widget__title {
  color: var(--colors-dark-gray-80, #2e2e2f);
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .widget__title {
    justify-content: flex-start;
    background: #ffffff;
    padding-bottom: 1rem;
    margin-bottom: 0.5rem !important;
    position: sticky;
    top: 3.5rem;
    z-index: 1000;
    padding-top: 1rem;
  }
  .myAccountSection__content .widget__title::after {
    display: none;
  }
  .myAccountSection__content .widget__title svg {
    margin-left: 0.25rem;
    vertical-align: middle;
    position: relative;
    top: -2px;
  }
}
.myAccountSection__content .widget__title .orderCode {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  margin-right: 0.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .widget__title .orderCode {
    font-size: 0.75rem;
    margin-right: 0.25rem;
  }
}
.myAccountSection__content .widget__title .orderCode span {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.myAccountSection__content .widget + .widget {
  margin-top: 3rem;
}
.myAccountSection__content .AllOrderListWidget__item--icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-size: 1.875rem !important;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AllOrderListWidget__item--icon {
    width: 2rem;
    height: 2rem;
    background-size: 1.25rem !important;
  }
}
.myAccountSection__content .AllOrderListWidget__item h5 {
  margin-bottom: 0.25rem;
}
.myAccountSection__content .AllOrderListWidget__item h5 a {
  color: var(--colors-dark-gray-20, #727376);
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AllOrderListWidget__item h5 a {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
.myAccountSection__content .AllOrderListWidget__item span.date {
  color: var(--colors-light-gray-100, #b8b9bb);
  font-size: 0.75rem;
  line-height: 1.5rem;
  display: block;
}
.myAccountSection__content .AllOrderListWidget__item span.orderCode {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AllOrderListWidget__item span.orderCode {
    font-size: 0.75rem;
  }
}
.myAccountSection__content .AllOrderListWidget__item + .AllOrderListWidget__item {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AllOrderListWidget__item + .AllOrderListWidget__item {
    padding-top: 0.5rem;
    margin-top: 0.5rem;
  }
}
.myAccountSection__content .AllOrderListWidget__item.Sended .AllOrderListWidget__item--icon {
  background: url('data:image/svg+xml, <svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.41601 21.479L7.34508 21.4789C5.90998 21.4789 4.74609 20.315 4.74609 18.88V15.7397" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2097 21.4789C12.2097 20.1556 11.1371 19.083 9.81386 19.083C8.49064 19.083 7.41797 20.1556 7.41797 21.4789C7.41797 22.8021 8.49064 23.8748 9.81386 23.8748C11.1371 23.8748 12.2097 22.8021 12.2097 21.4789Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.6355 21.4789C23.6355 20.1556 22.5629 19.083 21.2396 19.083C19.9164 19.083 18.8438 20.1556 18.8438 21.4789C18.8438 22.8021 19.9164 23.8748 21.2396 23.8748C22.5629 23.8748 23.6355 22.8021 23.6355 21.4789Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.207 21.479H18.8455" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.2421 19.0831L21.2425 8.72448C21.2425 7.28938 20.0786 6.12549 18.6435 6.12549H4.74609" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.74609 12.1497H10.3101M7.10602 9.1377H10.3107" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.6372 21.4789L24.6463 21.4791C26.0813 21.4791 27.2452 20.3153 27.2452 18.8801V14.576C27.2452 13.406 26.5544 12.3456 25.4842 11.8737L21.2422 10.002" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2422 15.5137H27.2437" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat, var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.myAccountSection__content .AllOrderListWidget__item.AwaitingPayment .AllOrderListWidget__item--icon {
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.2461 15.2466V10.8829C26.2461 7.83018 24.3451 5.67383 21.29 5.67383H8.70217C5.65556 5.67383 3.74609 7.83018 3.74609 10.8829V19.1166C3.74609 22.1694 5.64704 24.3258 8.70217 24.3258H13.3882" stroke="%23E5C314" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.74609 12.2927H26.2461" stroke="%23E5C314" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.6211 21.2087H25.8926" stroke="%23E5C314" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.5425 18.2959L17.6211 21.2051L20.5425 24.113" stroke="%23E5C314" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat, var(--system-colors-caution, #faf3d0);
}
.myAccountSection__content .AllOrderListWidget__item.Cancelled .AllOrderListWidget__item--icon {
  background: url('data:image/svg+xml,<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.49609 7.5L23.4961 22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.4961 7.5L8.49609 22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat, var(--system-colors-error, #e74040);
}
.myAccountSection__content .AllOrderListWidget__item.Delivered .AllOrderListWidget__item--icon {
  background: url('data:image/svg+xml,<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.6468 14.9997C26.6468 8.95169 21.7445 4.04932 15.6965 4.04932C9.64847 4.04932 4.74609 8.95169 4.74609 14.9997C4.74609 21.0477 9.64847 25.9501 15.6965 25.9501C21.7445 25.9501 26.6468 21.0477 26.6468 14.9997Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M27.2462 6.75195C21.2676 10.0988 17.5582 15.5071 15.7961 18.8175C14.5884 16.7902 13.0573 14.9879 11.1953 13.4154" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat, var(--colors-accent-100, #11bf3d);
}
.myAccountSection__content .userAccountWidget .widget__title {
  margin-bottom: 2rem;
}
.myAccountSection__content .userAccountWidget .formWrapper {
  overflow: hidden;
}
.myAccountSection__content .userAccountWidget .formWrapper h4 {
  margin-bottom: 0.5rem;
}
.myAccountSection__content .userAccountWidget .formWrapper p,
.myAccountSection__content .userAccountWidget .formWrapper ul {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .userAccountWidget .formWrapper p,
  .myAccountSection__content .userAccountWidget .formWrapper ul {
    font-size: 0.75rem;
  }
}
.myAccountSection__content .userAccountWidget .formWrapper ul {
  padding: 0;
  list-style: disc;
  list-style-position: inside;
  padding-right: 0.5rem;
}
.myAccountSection__content .userAccountWidget .formWrapper ul li {
  margin: 0;
}
.myAccountSection__content .userAccountWidget .formWrapper .formWrapperForms__section + .formWrapperForms__section {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .userAccountWidget .formWrapper .formWrapperForms__section + .formWrapperForms__section {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
}
.myAccountSection__content .userAccountWidget .formWrapper button[type=submit] {
  margin-top: 2rem;
  min-width: 13rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .userAccountWidget .formWrapper button[type=submit] {
    width: 100%;
    margin-top: 1.5rem;
    height: 2.5rem;
  }
}
.myAccountSection__content .userAccountWidget .formWrapper .customCheckboxRadio label {
  font-size: 0.875rem;
  display: block;
}
.myAccountSection__content .userAccountWidget .userPassChange button[type=submit] {
  min-width: 9.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .userAccountWidget .userPassChange button[type=submit] {
    margin-top: 0;
  }
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .userAccountWidget .userPassChange {
    padding-top: 1.5rem;
    border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
  }
}
.myAccountSection__content .userAccountWidget .changeProfilePicture__imageSide {
  border-radius: 5.9375rem;
  border: 2px solid var(--colors-light-gray-100, #b8b9bb);
  overflow: hidden;
  position: relative;
}
.myAccountSection__content .userAccountWidget .changeProfilePicture__imageSide img {
  width: 5.9375rem;
  height: 5.9375rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .userAccountWidget .changeProfilePicture__imageSide img {
    width: 3rem;
    height: 3rem;
  }
}
.myAccountSection__content .userAccountWidget .changeProfilePicture .customFileUpload {
  position: relative;
}
.myAccountSection__content .userAccountWidget .changeProfilePicture .customFileUpload input[type=file] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.myAccountSection__content .userAccountWidget .changeProfilePicture .customFileUpload input[type=file] + label {
  cursor: pointer;
  display: block;
  width: fit-content;
}
.myAccountSection__content .userAccountWidget .changeProfilePicture p {
  margin-top: 0.5rem;
  margin-bottom: 0 !important;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .userAccountWidget .changeProfilePicture p {
    font-size: 0.75rem;
  }
}
.myAccountSection__content .userAccountWidget .loadMoreHoghooghiSection {
  display: none;
}
.myAccountSection__content .userAccountWidget .loadMoreHoghooghiSection h5 {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  margin-bottom: 0.12rem;
}
.myAccountSection__content .userAccountWidget .loadMoreHoghooghiSection .fileUploadComment .customFileUpload {
  height: 100%;
}
.myAccountSection__content .userAccountWidget .loadMoreHoghooghiSection .fileUploadComment .customFileUpload p {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  margin-bottom: 0.5rem !important;
  font-size: 0.875rem !important;
}
.myAccountSection__content .userAccountWidget .loadMoreHoghooghiSection .fileUploadComment .customFileUpload label {
  padding: 2rem 0.5rem !important;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .userAccountWidget .loadMoreHoghooghiSection .fileUploadComment .customFileUpload label {
    padding: 1.5rem 0.5rem !important;
  }
}
.myAccountSection__content .userAccountWidget .loadMoreHoghooghiSection .fileUploadComment.col-md-auto h6 {
  display: none;
}
.myAccountSection__content .userAccountWidget .loadMoreHoghooghiSection .fileUploadComment.col-md-auto label {
  padding: 1rem 1.75rem !important;
}
.myAccountSection__content .userAccountWidget .loadMoreHoghooghiSection .fileUploadComment.col-md-auto p {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  margin-bottom: 0 !important;
}
.myAccountSection__content .AddressesListWidget {
  position: relative;
}
.myAccountSection__content .AddressesListWidget .widget__title {
  margin-bottom: 0.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget .widget__title {
    margin-bottom: 0 !important;
    padding-bottom: 0.25rem !important;
  }
}
.myAccountSection__content .AddressesListWidget > p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget > p {
    font-size: 0.75rem;
  }
}
.myAccountSection__content .AddressesListWidget .widget__body {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget .widget__body {
    margin-top: 1.5rem;
  }
}
.myAccountSection__content .AddressesListWidget__item label {
  border-radius: 0.5rem;
  padding: 0.5rem 2rem 0.5rem 1.5rem !important;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget__item label {
    padding: 1rem 2rem 1rem 1rem !important;
  }
}
.myAccountSection__content .AddressesListWidget__item label::before, .myAccountSection__content .AddressesListWidget__item label::after {
  right: 0.5rem !important;
  bottom: auto !important;
  top: 1rem !important;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget__item label::before, .myAccountSection__content .AddressesListWidget__item label::after {
    top: 1.5rem !important;
  }
}
.myAccountSection__content .AddressesListWidget__item label h5 {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 0.25rem;
}
.myAccountSection__content .AddressesListWidget__item label h5 span {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem;
  line-height: 1.5rem;
  opacity: 0;
  visibility: hidden;
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget__item label h5 {
    margin-bottom: 1rem;
  }
}
.myAccountSection__content .AddressesListWidget__item label h4 {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}
.myAccountSection__content .AddressesListWidget__item label h4 svg {
  vertical-align: middle;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget__item label h4 {
    position: relative;
    margin-bottom: 1rem;
  }
  .myAccountSection__content .AddressesListWidget__item label h4 svg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -1.5rem;
  }
}
.myAccountSection__content .AddressesListWidget__item label .removeButton svg {
  vertical-align: middle;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget__item label .removeButton {
    border-radius: 0.5rem;
    border: 2px solid var(--system-colors-error-badge, #e74040);
    padding: 0.5rem;
    height: 2.5rem;
    width: 2.5rem;
  }
  .myAccountSection__content .AddressesListWidget__item label .removeButton path {
    stroke: var(--system-colors-error-badge, #e74040);
  }
}
.myAccountSection__content .AddressesListWidget__item label .EditButton svg {
  vertical-align: middle;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget__item label .EditButton {
    border-radius: 0.5rem;
    height: 2.5rem;
    background: var(--colors-accent-100, #11bf3d);
    display: block;
    width: 100%;
    color: #ffffff;
  }
  .myAccountSection__content .AddressesListWidget__item label .EditButton path {
    stroke: var(--system-colors-error-badge, #e74040);
  }
}
.myAccountSection__content .AddressesListWidget__item input:checked + label h5 span {
  opacity: 1;
  visibility: visible;
}
.myAccountSection__content .AddressesListWidget__item + .AddressesListWidget__item {
  margin-top: 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidget__item + .AddressesListWidget__item {
    margin-top: 1rem;
  }
}
.myAccountSection__content .AddAddressesWrapper {
  margin-top: 2rem;
}
.myAccountSection__content .AddAddressesWrapper .mapWrapperEdit {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  height: 34.375rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddAddressesWrapper .mapWrapperEdit {
    height: 23.0625rem;
  }
}
.myAccountSection__content .AddAddressesWrapper .submitAddressButton {
  margin-top: 3rem;
  min-width: 13.3125rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddAddressesWrapper .submitAddressButton {
    width: 100%;
    margin-top: 1.5rem;
  }
}
.myAccountSection__content .AddAddressesWrapper .justForTehranOverlay {
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 1;
  visibility: visible;
  transition: var(--main--transition);
}
.myAccountSection__content .AddAddressesWrapper .justForTehranOverlay h3 {
  color: var(--secondary-colors-orange-100, #f16127);
}
.myAccountSection__content .AddAddressesWrapper.openMapTehran .justForTehranOverlay {
  opacity: 0;
  visibility: hidden;
}
.myAccountSection__content .AddressesListWidgetInside .AddAddressesWrapper {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: var(--main--transition);
}
.myAccountSection__content .AddressesListWidgetInside.active .AddAddressesWrapper {
  visibility: visible;
  opacity: 1;
  max-height: 60rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .AddressesListWidgetInside.active .AddAddressesWrapper {
    max-height: 105rem;
  }
}
.myAccountSection__content .ListsListWidget .tabsSections__item {
  display: none;
}
.myAccountSection__content .ListsListWidget .tabsSections__item.active {
  display: block;
}
.myAccountSection__content .OrdersListWidget .searchFormSection {
  width: 28.1875rem;
  max-width: 100%;
  margin-bottom: 2rem;
}
.myAccountSection__content .OrdersListWidget .searchFormSection .searchFormSection__inner--input input {
  min-height: 3rem;
  height: 3rem;
}
.myAccountSection__content .OrdersListWidget .searchFormSection .searchFormSection__inner--input input::placeholder {
  color: var(--colors-dark-gray-20, #727376);
}
.myAccountSection__content .OrdersListWidget .searchFormSection button[type=submit] {
  width: 2.875rem;
  min-width: 2.875rem;
  padding: 0;
}
.myAccountSection__content .OrdersListWidget .orders__item {
  padding: 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget .orders__item {
    padding: 1rem;
  }
}
.myAccountSection__content .OrdersListWidget .orders__item .card__header {
  border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget .orders__item .card__header {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .myAccountSection__content .OrdersListWidget .orders__item .card__header > .row + .row {
    margin-top: 1rem;
  }
}
.myAccountSection__content .OrdersListWidget .orders__item .orderCode {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-left: 0.25rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget .orders__item .orderCode {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.myAccountSection__content .OrdersListWidget .orders__item .orderCode span {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget .orders__item .listInformation {
    max-height: none;
  }
}
.myAccountSection__content .OrdersListWidget .orders__item .listInformation > li {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 0 !important;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget .orders__item .listInformation > li {
    margin-top: calc(var(--gutter-y) / 1) !important;
  }
}
.myAccountSection__content .OrdersListWidget .orders__item .listInformation > li.withDot {
  padding-right: 1.5rem;
  position: relative;
}
.myAccountSection__content .OrdersListWidget .orders__item .listInformation > li.withDot::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--secondary-colors-orange-60, #f7a07d);
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.myAccountSection__content .OrdersListWidget .orders__item .listInformation > li span {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.myAccountSection__content .OrdersListWidget .orders__item .listInformation > li svg {
  vertical-align: middle;
}
.myAccountSection__content .OrdersListWidget .orders__item + .orders__item {
  margin-top: 2rem;
}
.myAccountSection__content .OrdersListWidget .orders__item .card__body img {
  width: 8.75rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget .orders__item .card__body img {
    width: 5.9375rem;
  }
}
.myAccountSection__content .OrdersListWidget .tabsSections__item {
  display: none;
}
.myAccountSection__content .OrdersListWidget .tabsSections__item.active {
  display: block;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget .tabsList > ul > li + li {
    margin-right: 1rem !important;
  }
}
.myAccountSection__content .OrdersListWidget.single .widget__title svg {
  vertical-align: middle;
  margin-left: 0.5rem;
  position: static;
}
.myAccountSection__content .OrdersListWidget.single .orders__item {
  padding: 2rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget.single .orders__item {
    padding: 1rem;
  }
  .myAccountSection__content .OrdersListWidget.single .orders__item + .repaymentButton {
    margin-top: 1rem;
  }
}
.myAccountSection__content .OrdersListWidget.single .listInformation > li {
  margin-top: calc(var(--gutter-y) / 1) !important;
}
.myAccountSection__content .OrdersListWidget.single .statusOrder {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget.single .statusOrder {
    font-size: 0.75rem;
  }
}
.myAccountSection__content .OrdersListWidget.single .statusOrder::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
}
.myAccountSection__content .OrdersListWidget.single .statusOrder.active {
  color: var(--colors-accent-100, #11bf3d);
}
.myAccountSection__content .OrdersListWidget.single .statusOrder.active::before {
  background: var(--colors-accent-100, #11bf3d);
}
.myAccountSection__content .OrdersListWidget.single .statusOrder.sended {
  color: var(--system-colors-success, #0f7b0f);
}
.myAccountSection__content .OrdersListWidget.single .statusOrder.sended::before {
  background: var(--system-colors-success, #0f7b0f);
}
.myAccountSection__content .OrdersListWidget.single .statusOrder.cancelled {
  color: var(--system-colors-error, #ec3c2c);
}
.myAccountSection__content .OrdersListWidget.single .statusOrder.cancelled::before {
  background: var(--system-colors-error, #e74040);
}
.myAccountSection__content .OrdersListWidget.single .card__header {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget.single.widget + .widget {
    margin-top: 0;
  }
}
.myAccountSection__content .OrdersListWidget.single + .userProductListBuying .widget__title {
  margin-bottom: 1.5rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.myAccountSection__content .OrdersListWidget.single + .userProductListBuying .widget__title .CountProduct {
  margin-right: 0.25rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .OrdersListWidget.single + .userProductListBuying .widget__title {
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .userProductListBuying {
    margin-bottom: 1.5rem;
  }
}
.myAccountSection__content .userProductListBuying .widget__title {
  color: var(--colors-dark-gray-20, #727376);
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  position: static;
}
.myAccountSection__content .userProductListBuying .widget__title span {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.myAccountSection__content .CommentListWidget .commentsSection__item {
  position: relative;
}
.myAccountSection__content .CommentListWidget .commentsSection__item .removeCommentButton {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: 0.875rem;
}
.myAccountSection__content .CommentListWidget .commentsSection__item ul {
  padding-top: 0;
  max-height: none;
}
.myAccountSection__content .CommentListWidget .commentsSection__item .card__image {
  width: 5.9375rem;
  aspect-ratio: 1;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .CommentListWidget .commentsSection__item--title {
    font-variation-settings: "wght" 700 !important;
    font-weight: 700;
    margin: 0.12rem 0 0 0;
    font-size: 0.75rem;
  }
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .CommentListWidget .commentsSection__item--content {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .CommentListWidget .commentsSection__item--rating svg {
    vertical-align: middle;
  }
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .CommentListWidget .commentsSection__item--answer {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .CommentListWidget .commentsSection__item--answer p {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .CommentListWidget .commentsSection__item .leftSide {
    align-items: center;
  }
}
.myAccountSection__content .CommentListWidget .commentsSection__item + .commentsSection__item {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.myAccountSection__content .CommentListWidget .card.card--alert {
  padding: 2rem;
}
.myAccountSection__content .CommentListWidget .card.card--alert h5 {
  margin-bottom: 0;
}
.myAccountSection__content .WalletWidget .tabsSections__item {
  display: none;
}
.myAccountSection__content .WalletWidget .tabsSections__item.active {
  display: block;
}
.myAccountSection__content .WalletWidget .increaseCreditWalletButtonWrapper {
  transition: var(--main--transition);
  overflow: hidden;
}
.myAccountSection__content .WalletWidget .increaseCreditWalletButtonWrapper.secondItem {
  max-height: 0;
}
.myAccountSection__content .WalletWidget .increaseCreditWalletButtonWrapper.secondItem a {
  width: 100%;
  margin-top: 1rem;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  padding: 1.5rem;
  overflow: visible;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper h5 {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-size: 1rem;
  line-height: 2rem;
  border-bottom: 1px solid transparent;
  transition: var(--main--transition);
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__header {
  padding-top: 0.25rem;
  padding-bottom: 2.25rem;
  border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper__header {
    border: 1px solid var(--colors-light-gray-20, #f1f1f1);
    padding: 1rem 0.5rem;
    border-radius: 0.5rem;
  }
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .badge {
  display: inline-block;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButtonWrapper {
  transition: var(--main--transition);
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButton {
  min-width: 10.375rem;
  position: relative;
  white-space: nowrap;
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButton {
    width: 100%;
  }
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButton span {
  transition: var(--main--transition);
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButton span:nth-child(2) {
  position: absolute;
  inset: 0;
  margin: auto;
  padding: 0.4rem 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButton.active {
  min-width: 12.375rem;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButton.active span:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButton.active span:nth-child(1) {
    opacity: 1;
    visibility: visible;
  }
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButton.active span:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper__header .increaseCreditWalletButton.active span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
  }
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body {
  padding-top: 2rem;
  transition: var(--main--transition);
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body h5 {
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper {
    white-space: nowrap;
    overflow: auto;
    margin-left: -1rem;
    padding-left: 1rem;
  }
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr:first-child {
  border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr:not(:first-child) {
  border: 0;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr td,
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr th {
  padding: 1rem;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr td:first-child,
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr th:first-child {
  padding-right: 0;
  position: sticky;
  right: 0;
  background: #ffffff;
  margin-right: -1rem;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr td:last-child,
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr th:last-child {
  padding-left: 0;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr th {
  color: var(--colors-light-gray-100, #b8b9bb);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding-top: 0;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr td {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table tr td svg {
  vertical-align: middle;
  margin-left: 0.25rem;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table .text--success {
  color: var(--colors-accent-100, #11bf3d);
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table .text--error {
  color: var(--system-colors-error, #ec3c2c);
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .tablesWrapper table .description {
  color: var(--colors-light-gray-100, #b8b9bb);
  font-size: 0.75rem;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .card--alert {
  padding: 0;
  border: 0;
  transition: var(--main--transition);
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper__body .card--alert h5 {
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.myAccountSection__content .WalletWidget .WalletWidgetWrapper .PaymentWalletForm {
  display: none;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper .PaymentWalletForm .btn, .myAccountSection__content .WalletWidget .WalletWidgetWrapper .PaymentWalletForm .gform_wrapper [type=submit], .gform_wrapper .myAccountSection__content .WalletWidget .WalletWidgetWrapper .PaymentWalletForm [type=submit],
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper .PaymentWalletForm .formWrapper [type=submit],
  .formWrapper .myAccountSection__content .WalletWidget .WalletWidgetWrapper .PaymentWalletForm [type=submit],
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper .PaymentWalletForm .dotline-Q-form [type=submit],
  .dotline-Q-form .myAccountSection__content .WalletWidget .WalletWidgetWrapper .PaymentWalletForm [type=submit] {
    height: 2.5rem;
    margin-top: 0.5rem;
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper {
    border: 1px solid transparent;
    padding: 0;
  }
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper.active {
    border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  }
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper.active .WalletWidgetWrapper__header {
    border: 1px solid transparent;
  }
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper.active .WalletWidgetWrapper__header h5 {
    border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
    padding-bottom: 1rem;
  }
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper.active .WalletWidgetWrapper__header .increaseCreditWalletButtonWrapper {
    margin-top: 0;
  }
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper.active .WalletWidgetWrapper__header .increaseCreditWalletButtonWrapper .increaseCreditWalletButton {
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper.active .WalletWidgetWrapper__body {
    padding-top: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .myAccountSection__content .WalletWidget .WalletWidgetWrapper.active + .increaseCreditWalletButtonWrapper.secondItem {
    max-height: 3.5rem;
  }
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper {
  padding: 1.5rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper {
    padding: 1rem 0.5rem;
    border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  }
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header {
  padding: 0;
  border: 0;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header h5 {
    border: 0 !important;
    padding-bottom: 0;
  }
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header p {
  margin-top: 0.5rem;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  width: 26.6875rem;
  max-width: 100%;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header p {
    font-size: 0.75rem;
  }
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header h5 {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header h5 .badge {
    margin-right: 0.25rem;
  }
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header h6 {
  text-align: center;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header h6 {
    font-size: 0.75rem;
  }
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header .copyCodeTakhfif {
  min-width: 10.375rem;
  position: relative;
  white-space: nowrap;
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header .copyCodeTakhfif {
    width: 100%;
  }
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header .copyCodeTakhfif span {
  transition: var(--main--transition);
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header .copyCodeTakhfif span:nth-child(2) {
  position: absolute;
  inset: 0;
  margin: auto;
  padding: 0.5rem 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header .copyCodeTakhfif.active {
  min-width: 10.375rem;
  background: var(--system-colors-warning);
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header .copyCodeTakhfif.active span:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper__header .copyCodeTakhfif.active span:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
.myAccountSection__content .WalletWidget #offandpoints .WalletWidgetWrapper + .WalletWidgetWrapper {
  margin-top: 1.5rem;
}
.myAccountSection__content .WalletWidget #offandpoints .card.card--alert h5 {
  width: 35rem;
  max-width: 100%;
}
.myAccountSection__content .WalletWidget #offandpoints .card.card--alert .gform_wrapper {
  padding: 0 2.75rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .WalletWidget #offandpoints .card.card--alert .gform_wrapper {
    padding: 0;
  }
  .myAccountSection__content .WalletWidget #offandpoints .card.card--alert .gform_wrapper button {
    width: 100%;
    height: 2.5rem;
    font-size: 0.875rem;
  }
}
.myAccountSection__content .requestFormProduct .gform_wrapper form {
  align-items: flex-start;
  gap: 3rem;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .requestFormProduct .gform_wrapper form {
    gap: 1.5rem;
  }
}
.myAccountSection__content .requestFormProduct .gform_wrapper .gform_body {
  width: 100%;
}
.myAccountSection__content .requestFormProduct .gform_wrapper .gform_body .ginput_container textarea {
  height: 6.25rem;
}
.myAccountSection__content .requestFormProduct .gform_wrapper .gform_footer button[type=submit] {
  min-width: 14.1875rem;
  opacity: 1;
}
@media (max-width: 47.999rem) {
  .myAccountSection__content .requestFormProduct .gform_wrapper .gform_footer {
    width: 100%;
  }
  .myAccountSection__content .requestFormProduct .gform_wrapper .gform_footer button {
    width: 100%;
    height: 2.5rem;
  }
  .myAccountSection__content .requestFormProduct .gform_wrapper .gform_footer .gform_ajax_spinner {
    border-radius: 0.5rem;
    padding: 0.5rem;
  }
}

.gform_wrapper.gform_validation_error form .gform_body .gform_fields .gfield.gfield--type-fileupload .gform_fileupload_multifile {
  height: 9rem !important;
  position: static !important;
}

.editAddress__in-order-details {
  margin-top: 16px;
  margin-right: 16px;
}

#EditAddressModalInProfile {
  z-index: 100001;
}
#EditAddressModalInProfile .modalWrapper {
  padding: 32px;
  width: 1070px;
}
@media only screen and (max-width: 48rem) {
  #EditAddressModalInProfile .modalWrapper {
    padding: 16px;
    width: 100%;
  }
}
#EditAddressModalInProfile .modalWrapper__header {
  border-bottom: none;
}
#EditAddressModalInProfile .modalWrapper .mapWrapperEdit {
  width: 75%;
  padding-right: 32px;
  position: relative;
}
@media only screen and (max-width: 48rem) {
  #EditAddressModalInProfile .modalWrapper .mapWrapperEdit {
    width: 100%;
    padding-right: 0;
    position: relative;
    height: 370px;
  }
}
#EditAddressModalInProfile .modalWrapper .mapWrapperEdit .mapFooterSearch {
  right: 32px;
}
@media only screen and (max-width: 48rem) {
  #EditAddressModalInProfile .modalWrapper .mapWrapperEdit .mapFooterSearch {
    right: 0;
  }
}
#EditAddressModalInProfile .modalWrapper .btn--remove {
  position: absolute;
  top: -16px;
  left: 32px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
@media only screen and (max-width: 48rem) {
  #EditAddressModalInProfile .modalWrapper .btn--remove {
    background: transparent;
    position: static;
  }
  #EditAddressModalInProfile .modalWrapper .btn--remove path {
    stroke: #2e2e2f;
  }
}

.ArchiveBlogHeroSection__leftside--title {
  margin-bottom: 1.5rem;
}

@media (max-width: 47.999rem) {
  .archiveBlogCategoryList .autoCarouselInMobile {
    margin: 0 -1rem;
    padding: 0 1rem;
  }
}
@media (max-width: 47.999rem) {
  .archiveBlogCategoryList ul {
    justify-content: flex-start;
  }
}
.archiveBlogCategoryList ul li a {
  display: block;
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  transition: var(--main--transition-link);
}
@media (max-width: 47.999rem) {
  .archiveBlogCategoryList ul li a {
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 0.5rem;
  }
}
.archiveBlogCategoryList ul li.active a {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  background: var(--colors-light-gray-20, #f1f1f1);
  border: 1px solid var(--colors-light-gray-100, #b8b9bb);
}
.archiveBlogCategoryList ul li:hover a {
  background: var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .archiveBlogCategoryList ul li + li {
    margin-right: 1rem;
  }
}

@media (max-width: 47.999rem) {
  .ourProductSection .autoCarouselInMobile {
    margin: 0 -1rem;
    padding: 0 1rem;
  }
  .ourProductSection .autoCarouselInMobile .ourProductSection__Carousel--item {
    width: 18.125rem;
  }
  .ourProductSection .autoCarouselInMobile .ourProductSection__Carousel--item > .card {
    border-radius: 1rem;
  }
  .ourProductSection .ourProductSection__Carousel--item + .ourProductSection__Carousel--item {
    margin-right: 1rem;
  }
}

@media (max-width: 47.999rem) {
  .CategoriesBlogHeroSection {
    padding-top: 1.5rem !important;
  }
}
.CategoriesBlogHeroSection h3 {
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .CategoriesBlogHeroSection h3 {
    font-size: 1rem;
  }
}
.CategoriesBlogHeroSection__rightside .widget__title {
  color: var(--colors-dark-gray-80, #2e2e2f);
  margin-bottom: 1rem;
}
.CategoriesBlogHeroSection__rightside .widget__title::after {
  display: none;
}
.CategoriesBlogHeroSection__rightside .widget .card__image {
  width: 9.25rem;
  height: 6.5625rem;
}
@media (max-width: 47.999rem) {
  .CategoriesBlogHeroSection__rightside .widget .card__image {
    width: 9.75rem;
  }
}
.CategoriesBlogHeroSection__rightside .widget .card__image > a {
  width: 100%;
  height: 100%;
  display: block;
}
.CategoriesBlogHeroSection__rightside .widget .card__image > a > img {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 47.999rem) {
  .CategoriesBlogHeroSection__rightside .widget .card__image > a > img {
    border-radius: 0.5rem;
  }
}
.CategoriesBlogHeroSection__rightside .widget .card__overload--title > a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.BlogSingleSection {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
@media (max-width: 47.999rem) {
  .BlogSingleSection {
    padding-top: 1rem !important;
    padding-bottom: 0.25rem !important;
  }
}

.generalPageSection .card.blog.single .card__overload--content p {
  color: var(--colors-dark-gray-40, #5b5c5e);
}
.generalPageSection .card.blog.single .card__overload--content figure {
  margin: 3rem 0;
}
@media (max-width: 47.999rem) {
  .generalPageSection .card.blog.single .card__overload--content figure {
    margin: 1.5rem 0;
  }
}
.generalPageSection .card.blog.single .card__overload--content figure figcaption {
  margin-top: 1rem;
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.generalPageSection .card.blog.single .card__overload--content figure figcaption::before {
  background: var(--colors-dark-gray-80, #2e2e2f);
}

.insidepage.blog.single {
  padding-top: 1rem;
}
.insidepage.blog.single .relatedBlogSection {
  background: #f9f9f9;
}
.insidepage.blog.single #commentsSection .sectionTabsList__item {
  padding: 0 !important;
}
.insidepage.blog.single #commentsSection .commentsSection__rightSide {
  top: 5.5rem;
}
.insidepage.blog.single .ourSuggestionSection .card {
  box-shadow: none;
}
.insidepage.blog.single .productTabsSectionData .sectionTabsList__item--title::after {
  display: none;
}
.insidepage.blog.single .productTabsSectionData .sectionTabsList__item--inside {
  overflow: visible;
  display: block !important;
  height: auto !important;
  margin-top: 1.5rem !important;
}
.insidepage.blog.categories .ourSuggestionSection {
  background: #ffffff;
}
.insidepage.aboutUs > section:not(.space-y-0), .insidepage.ContactUs > section:not(.space-y-0), .insidepage.JobArchive > section:not(.space-y-0), .insidepage.blog.archive > section:not(.space-y-0), .insidepage.blog.single > section:not(.space-y-0), .insidepage.JobSingle > section:not(.space-y-0) {
  padding: 3rem 0;
}
@media (max-width: 47.999rem) {
  .insidepage.aboutUs > section:not(.space-y-0), .insidepage.ContactUs > section:not(.space-y-0), .insidepage.JobArchive > section:not(.space-y-0), .insidepage.blog.archive > section:not(.space-y-0), .insidepage.blog.single > section:not(.space-y-0), .insidepage.JobSingle > section:not(.space-y-0) {
    padding: 1.5rem 0;
  }
}
.insidepage.JobArchive .heroSectionPage {
  background-image: url("assets/images/jpg/JobPosition.jpg");
}
.insidepage.JobArchive .heroSectionPage::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.insidepage.faq.archive .heroSectionPage {
  background-image: url("assets/images/jpg/faqarchivecover.jpg");
  padding: 4rem 0;
  min-height: auto;
}
@media (max-width: 47.999rem) {
  .insidepage.faq.archive .heroSectionPage {
    padding: 0;
  }
  .insidepage.faq.archive .heroSectionPage .inside {
    min-height: 21.25rem;
    padding: 5rem 0;
    align-items: center;
  }
}
.insidepage.faq.archive .heroSectionPage h1 {
  margin-bottom: 0.5rem;
}
@media (max-width: 47.999rem) {
  .insidepage.faq.archive .heroSectionPage h1 {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 47.999rem) {
  .insidepage.faq.archive .heroSectionPage p {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.insidepage.faq.archive .heroSectionPage::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%), rgba(17, 191, 61, 0.3);
  opacity: 1;
  mix-blend-mode: darken;
}
.insidepage.faq.archive .heroSectionPage .searchFormSection {
  background: #ffffff;
  border: 0;
  margin-top: 3rem;
}
@media (max-width: 47.999rem) {
  .insidepage.faq.archive .heroSectionPage .searchFormSection {
    margin-top: 1.5rem;
  }
}
.insidepage.faq.archive .heroSectionPage .searchFormSection input::placeholder {
  color: var(--colors-dark-gray-20, #727376);
}
.insidepage.faq .newQuestionBtn {
  display: none;
}

.JobArchiveSection .inside,
.FAQArchiveSection .inside {
  width: 58.875rem;
  max-width: 100%;
}
.JobArchiveSection .titleSection,
.FAQArchiveSection .titleSection {
  text-align: center;
  width: 43rem;
  max-width: 100%;
  margin: 0 auto 3rem auto;
}
@media (max-width: 47.999rem) {
  .JobArchiveSection .titleSection,
  .FAQArchiveSection .titleSection {
    margin: 0 auto 1.5rem auto;
  }
}
.JobArchiveSection .titleSection h3,
.FAQArchiveSection .titleSection h3 {
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  .JobArchiveSection .titleSection h3,
  .FAQArchiveSection .titleSection h3 {
    margin-bottom: 0.5rem;
  }
}
.JobArchiveSection .titleSection p,
.FAQArchiveSection .titleSection p {
  color: var(--colors-dark-gray-20, #727376);
}
@media (max-width: 47.999rem) {
  .JobArchiveSection .titleSection p,
  .FAQArchiveSection .titleSection p {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
.JobArchiveSection .archiveBlogCategoryList,
.FAQArchiveSection .archiveBlogCategoryList {
  margin: 3rem 0;
}
@media (max-width: 47.999rem) {
  .JobArchiveSection .archiveBlogCategoryList,
  .FAQArchiveSection .archiveBlogCategoryList {
    margin: 1.5rem 0;
  }
}
@media (max-width: 47.999rem) {
  .JobArchiveSection.FAQSection,
  .FAQArchiveSection.FAQSection {
    padding-top: 0 !important;
  }
}
.JobArchiveSection .tabsSections__item,
.FAQArchiveSection .tabsSections__item {
  display: none;
}
.JobArchiveSection .tabsSections__item.active,
.FAQArchiveSection .tabsSections__item.active {
  display: block;
}
.JobArchiveSection .gform_wrapper form,
.FAQArchiveSection .gform_wrapper form {
  gap: 3rem;
}
@media (max-width: 47.999rem) {
  .JobArchiveSection .gform_wrapper form,
  .FAQArchiveSection .gform_wrapper form {
    gap: 1.5rem;
  }
}

.jobsListWrapper__item {
  border-radius: 0.5rem;
  padding: 2rem;
}
.jobsListWrapper__item .badge {
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 47.999rem) {
  .jobsListWrapper__item {
    padding: 1rem 0.5rem 4.5rem 0.5rem;
  }
  .jobsListWrapper__item .actionButton {
    position: absolute;
    bottom: 1rem;
    right: 0.5rem;
  }
  .jobsListWrapper__item .badge.bg-accent-20 {
    height: 1.25rem;
  }
}
@media (max-width: 47.999rem) {
  .jobsListWrapper__item--title {
    font-size: 1rem;
  }
}
.jobsListWrapper__item--title a {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
.jobsListWrapper__item--title a svg {
  vertical-align: middle;
  margin-left: 0.25rem;
}
.jobsListWrapper__item--description {
  font-size: 1rem;
  color: var(--colors-dark-gray-20, #727376);
  padding: 1.5rem 0;
}
@media (max-width: 47.999rem) {
  .jobsListWrapper__item--description {
    padding: 0.5rem 0 1rem 0;
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
.jobsListWrapper__item--information {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.jobsListWrapper__item + .jobsListWrapper__item {
  margin-top: 1.5rem;
}

.JobSingleSectionHero {
  background: #f9f9f9;
  position: sticky;
  top: 4rem;
  z-index: 100;
}
@media (max-width: 47.999rem) {
  .JobSingleSectionHero {
    position: static;
  }
}
.JobSingleSectionHero .jobsListWrapper__item {
  padding: 3rem 0;
  transition: var(--main--transition-link);
}
@media (max-width: 47.999rem) {
  .JobSingleSectionHero .jobsListWrapper__item {
    padding: 1.5rem 0;
  }
}
.JobSingleSectionHero .jobsListWrapper__item .actionButton {
  min-width: 13.375rem;
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  .JobSingleSectionHero .jobsListWrapper__item .actionButton {
    position: static;
    width: 100%;
    margin-top: 1.5rem;
    height: 2.5rem;
  }
}
.JobSingleSectionHero .jobsListWrapper__item .shareListButtons {
  transition: var(--main--transition-link);
  max-height: 2rem;
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  .JobSingleSectionHero .jobsListWrapper__item .shareListButtons {
    justify-content: flex-start;
  }
}
.JobSingleSectionHero .jobsListWrapper__item--information {
  margin-top: 3rem;
  transition: var(--main--transition-link);
}
@media (max-width: 47.999rem) {
  .JobSingleSectionHero .jobsListWrapper__item--information {
    margin-top: 1rem;
  }
}

.JobSingle .moreInformationContent h2 {
  margin-bottom: 2rem;
}
.JobSingle .moreInformationContent h4 {
  color: var(--colors-dark-gray-80, #2e2e2f);
  line-height: 2rem;
  margin-top: 2rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-size: 1rem;
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationContent h4 {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.JobSingle .moreInformationContent ul {
  color: var(--colors-dark-gray-20, #727376);
  line-height: 2rem;
  padding: 0 0.5rem 0 0;
  list-style-position: inside;
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationContent ul {
    font-size: 0.75rem;
    line-height: 1.5rem;
    padding: 0 0.25rem 0 0;
  }
}
.JobSingle .moreInformationContent p {
  margin-top: 2rem;
  color: var(--colors-dark-gray-40, #5b5c5e);
  line-height: 2rem;
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationContent p {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
}
.JobSingle .moreInformationContent hr {
  margin: 3rem 0;
  border-color: var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationContent hr {
    margin: 1.5rem 0;
  }
}
.JobSingle .moreInformationFormsWrapper {
  scroll-margin-block: 5.5rem;
}
.JobSingle .moreInformationFormsWrapper .titleSection {
  text-align: right;
  width: auto;
  margin-bottom: 2rem;
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationFormsWrapper .titleSection {
    margin-bottom: 1rem;
  }
}
.JobSingle .moreInformationFormsWrapper .customFileUpload {
  height: 100%;
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationFormsWrapper .customFileUpload {
    margin-bottom: 1rem;
  }
}
.JobSingle .moreInformationFormsWrapper .customFileUpload p {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 2rem !important;
  margin-bottom: 0.5rem !important;
  margin-top: 2rem !important;
  font-variation-settings: "wght" 700 !important;
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationFormsWrapper .customFileUpload p {
    text-align: right !important;
    font-size: 0.875rem !important;
    margin-top: 0.5rem !important;
    font-weight: 700 !important;
    font-variation-settings: "wght" 700 !important;
  }
}
.JobSingle .moreInformationFormsWrapper .customFileUpload h6 {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem !important;
  font-weight: 400;
  line-height: 1.5rem;
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationFormsWrapper .customFileUpload h6 {
    text-align: right !important;
  }
}
.JobSingle .moreInformationFormsWrapper .customFileUpload label {
  padding: 2rem 0.5rem !important;
  border-color: #d5d5d6 !important;
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationFormsWrapper .customFileUpload label {
    padding: 1rem 0.5rem !important;
  }
}
.JobSingle .moreInformationFormsWrapper .buttonContainer {
  margin-top: 3rem;
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationFormsWrapper .buttonContainer {
    margin-top: 1.5rem;
  }
  .JobSingle .moreInformationFormsWrapper .buttonContainer button {
    width: 100%;
  }
}
@media (max-width: 47.999rem) {
  .JobSingle .moreInformationFormsWrapper .gform_footer {
    width: 100%;
  }
  .JobSingle .moreInformationFormsWrapper .gform_footer button {
    width: 100%;
    height: 2.5rem;
  }
  .JobSingle .moreInformationFormsWrapper .gform_footer .gform_ajax_spinner {
    border-radius: 0.5rem;
    padding: 0.5rem;
  }
}

.loan-validate-page {
  position: relative;
}
.loan-validate-page__title {
  margin-bottom: 16px;
  padding-left: 240px;
  min-height: 56px;
  display: flex;
  align-items: center;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__title {
    min-height: unset;
    padding-left: 0;
  }
}
.loan-validate-page__title h6 {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 20px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  letter-spacing: -0.1px;
  line-height: 32px;
}
.loan-validate-page__register-new {
  position: absolute;
  left: 24px;
  top: 40px;
  min-width: 227px;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__register-new {
    position: static;
    width: 100%;
    height: unset;
    font-size: 0.875rem;
    margin-bottom: 24px;
    padding: 0.5rem 1rem;
  }
}
.loan-validate-page__register-cancel {
  position: absolute;
  left: 24px;
  top: 40px;
  min-width: 227px;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__register-cancel {
    position: static;
    width: 100%;
    height: unset;
    font-size: 0.875rem;
    margin-bottom: 24px;
    padding: 0.5rem 1rem;
  }
}
.loan-validate-page__content {
  padding-bottom: 8px;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__content {
    padding-bottom: 0;
  }
}
.loan-validate-page__content--list_title {
  margin-bottom: 16px;
  color: var(--primary-colors-da rk-gray-dark-gray-80, #2e2e2f);
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  letter-spacing: -0.1px;
}
.loan-validate-page__box {
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px rgba(217, 224, 255, 0.4);
  background: linear-gradient(to right, #ffffff 0%, #f1f8fe 100%);
  position: relative;
  padding: 24px 80px 24px 24px;
  margin-bottom: 32px;
  min-height: 88px;
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__box {
    min-height: unset;
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
}
.loan-validate-page__box--icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  right: 24px;
  top: 24px;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__box--icon {
    position: static;
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
}
.loan-validate-page__box--title {
  margin-bottom: 8px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 24px;
  letter-spacing: -0.24px;
  line-height: 40px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__box--title {
    line-height: 32px;
    font-size: 16px;
    margin-bottom: 0;
    letter-spacing: normal;
    flex: 1;
  }
}
.loan-validate-page__box p {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__box p {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 14px;
    line-height: 24px;
  }
}
.loan-validate-page__box--empty {
  box-shadow: inset 0 0 0 1px rgba(217, 224, 255, 0.4);
  background: linear-gradient(to right, #ffffff 0%, #f1f8fe 100%);
}
@media (max-width: 47.999rem) {
  .loan-validate-page__box--empty {
    background: linear-gradient(to top, #ffffff 0%, #f1f8fe 100%);
  }
}
.loan-validate-page__box--pending {
  box-shadow: inset 0 0 0 1px rgba(243, 244, 246, 0.6);
  background: linear-gradient(to right, #ffffff 0%, #d1d5db 100%);
}
@media (max-width: 47.999rem) {
  .loan-validate-page__box--pending {
    background: linear-gradient(to top, #ffffff 0%, #d1d5db 100%);
  }
}
.loan-validate-page__box--approved {
  box-shadow: inset 0 0 0 1px rgba(31, 193, 107, 0.08);
  background: linear-gradient(to right, #fdfffd 0%, #eefdf4 100%);
}
@media (max-width: 47.999rem) {
  .loan-validate-page__box--approved {
    background: linear-gradient(to top, #fdfffd 0%, #eefdf4 100%);
  }
}
.loan-validate-page__box--rejected {
  box-shadow: inset 0 0 0 1px rgba(251, 55, 72, 0.08);
  background: linear-gradient(to right, #ffffff 0%, #fbebe9 100%);
}
@media (max-width: 47.999rem) {
  .loan-validate-page__box--rejected {
    background: linear-gradient(to top, #ffffff 0%, #fbebe9 100%);
  }
}
.loan-validate-page__cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.loan-validate-page__card {
  border: 1px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  border-radius: 8px;
  background: #ffffff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__card {
    padding: 16px;
  }
}
.loan-validate-page__card--head {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-left: 160px;
  min-height: 40px;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__card--head {
    min-height: unset;
    padding-left: 0;
    align-items: flex-start;
  }
}
.loan-validate-page__card--head_price {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
  font-size: 16px;
}
.loan-validate-page__card--head_price span {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
}
.loan-validate-page__card--head_date {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  line-height: 24px;
  font-size: 12px;
}
.loan-validate-page__card--head_status {
  position: absolute;
  left: 0;
  top: 0;
  padding: 8px 16px;
  border-radius: 8px;
  background-color: #f1f8fe;
  color: #335cff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__card--head_status {
    position: static;
    margin-top: 8px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    line-height: 16px;
    letter-spacing: -0.12px;
    font-size: 12px;
    padding: 4px 8px;
  }
}
.loan-validate-page__card--head_status-rejected {
  background: var(--System-Colors-Error---Background, #fce2e0);
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.loan-validate-page__card--head_status-approved {
  background: var(--System-Colors-Success---Background, #dff6dd);
  color: var(--System-Colors-Success---Badge, #0f7b0f);
}
.loan-validate-page__card--head_status-pending {
  background: var(--System-Colors-Caution---Background, #faf3d0);
  color: var(--System-Colors-Caution---Badge, #d3b412);
}
.loan-validate-page__card--details ul {
  padding-top: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
@media (max-width: 47.999rem) {
  .loan-validate-page__card--details ul {
    gap: 16px;
    flex-direction: column;
    max-height: unset !important;
    overflow: unset !important;
    transition: unset !important;
    align-items: flex-start;
  }
}
.loan-validate-page__card--details ul li {
  margin-top: 0 !important;
  padding-right: 16px;
  position: relative;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
}
.loan-validate-page__card--details ul li::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  display: block;
  background-color: var(--secondary-colors-orange-60, #f7a07d);
}
.loan-validate-page__card--details ul li span {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
}
@media (max-width: 47.999rem) {
  .loan-validate-page__card--edit {
    width: 100%;
  }
}

.loans-tabs-container {
  overflow: hidden;
  padding-right: 40px;
  margin-right: -40px;
}
@media only screen and (max-width: 1024px) {
  .loans-tabs-container {
    margin-left: -24px;
    padding-left: 24px;
    padding-right: 24px;
    margin-right: -24px;
  }
}
@media only screen and (max-width: 992px) {
  .loans-tabs-container {
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
    margin-right: -16px;
  }
}
.loans-tabs-container .tabs {
  display: flex;
  padding: 0;
  margin: 0 0 68px;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .loans-tabs-container .tabs {
    margin: 0 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .loans-tabs-container .tabs {
    display: none;
  }
}
.loans-tabs-container .tabs .tab {
  pointer-events: none;
  user-select: none;
  cursor: pointer;
  margin-top: 0;
  flex: 0 0 30%;
  max-width: 30%;
  padding-right: 23px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .loans-tabs-container .tabs .tab {
    flex: 0 0 29%;
    max-width: 29%;
  }
}
@media only screen and (max-width: 992px) {
  .loans-tabs-container .tabs .tab {
    flex: 0 0 28%;
    max-width: 28%;
  }
}
.loans-tabs-container .tabs .tab:last-child::after {
  display: none;
}
.loans-tabs-container .tabs .tab:first-child {
  padding-right: 8px;
}
.loans-tabs-container .tabs .tab:first-child strong {
  right: 4px;
}
.loans-tabs-container .tabs .tab:first-child .loan-validate-wizard__number--show {
  right: 4px;
  bottom: -13px;
}
.loans-tabs-container .tabs .tab strong {
  transition: all 0.3s;
  position: absolute;
  display: block;
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  bottom: -4px;
  transform: translateY(100%);
  right: 12px;
}
@media only screen and (max-width: 1024px) {
  .loans-tabs-container .tabs .tab strong {
    font-size: 15px;
  }
}
@media only screen and (max-width: 992px) {
  .loans-tabs-container .tabs .tab strong {
    font-size: 12px;
    letter-spacing: -0.5px;
  }
}
.loans-tabs-container .tabs .tab .loan-validate-wizard__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 16.538px;
  background: rgba(175, 225, 183, 0.14);
}
.loans-tabs-container .tabs .tab .loan-validate-wizard__number--icon {
  transition: all 0.3s;
  color: #b8b9bb;
}
.loans-tabs-container .tabs .tab .loan-validate-wizard__number--icon svg {
  display: block;
  transition: all 0.3s;
}
.loans-tabs-container .tabs .tab .loan-validate-wizard__number--show {
  transition: all 0.3s;
  direction: ltr;
  position: absolute;
  right: 13px;
  bottom: -15px;
  font-size: 36px;
  color: var(--primary-colors-light-gray-light-gray-100, #b8b9bb);
  line-height: 56px;
  letter-spacing: -0.54px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.loans-tabs-container .tabs .tab::after {
  content: "";
  flex: 1;
  max-width: calc(100% - 56px - 12px);
  height: 2px;
  border-radius: 4px;
  background: var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  display: block;
}
.loans-tabs-container .tabs .tab.active strong {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
}
.loans-tabs-container .tabs .tab.active .loan-validate-wizard__number--icon {
  color: #11bf3d;
}
.loans-tabs-container .tabs .tab.active .loan-validate-wizard__number--show {
  color: var(--secondary-colors-orange-100, #f16127);
}
.loans-tabs-container .tabs .tab.active::after {
  background: linear-gradient(to right, #16481e 0%, rgba(17, 191, 61, 0.21) 101.13%);
}
.loans-tabs-container .tabs .tab.complete {
  pointer-events: unset;
}
.loans-tabs-container .tabs .tab.complete strong {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
}
.loans-tabs-container .tabs .tab.complete .loan-validate-wizard__number--icon {
  color: var(--primary-colors-green-green-80, #16481e);
}
.loans-tabs-container .tabs .tab.complete .loan-validate-wizard__number--show {
  color: var(--primary-colors-green-green-80, #16481e);
}
.loans-tabs-container .tabs .tab.complete::after {
  background: var(--primary-colors-green-green-80, #16481e);
}
.loans-tabs-container .tabs_content {
  display: flex;
}
.loans-tabs-container .tab-content {
  visibility: hidden;
  position: relative;
  background-color: #ffffff;
  opacity: 0;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  height: 0;
}
.loans-tabs-container .tab-content.active {
  height: auto;
  transition: opacity 0.7s;
  opacity: 1;
  visibility: visible;
  order: -1;
}
.loans-tabs-container .tab-content.active.hide {
  transition: opacity 0.5s;
  opacity: 0;
  visibility: hidden;
}

.loan-validate-wizard {
  padding-bottom: 8px;
}
@media (max-width: 47.999rem) {
  .loan-validate-wizard {
    padding-bottom: 0;
  }
}
.loan-validate-wizard__tab .loan-landing-page-calculation__container {
  align-items: unset;
}
@media only screen and (max-width: 1024px) {
  .loan-validate-wizard__tab .loan-landing-page-calculation__container {
    flex-direction: column;
    position: relative;
    padding-bottom: 128px;
    gap: 0;
  }
}
.loan-validate-wizard__tab .loan-landing-page-calculation__form .loan-price-slider-container--months-options {
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (max-width: 991px) {
  .loan-validate-wizard__tab .loan-landing-page-calculation__form .loan-price-slider-container--months-options {
    margin-right: auto;
    margin-left: auto;
  }
}
.loan-validate-wizard__tab .loan-landing-page-calculation__view {
  flex: 0 0 356px;
  max-width: 356px;
  padding: 16px;
  border-radius: 12px;
}
@media only screen and (max-width: 1024px) {
  .loan-validate-wizard__tab .loan-landing-page-calculation__view {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.loan-validate-wizard__tab .loan-landing-page-calculation__view--title {
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  margin-bottom: 0;
}
.loan-validate-wizard__tab .loan-landing-page-calculation__view--title span {
  font-size: 14px;
  line-height: 24px;
}
.loan-validate-wizard__tab .loan-landing-page-calculation__view--show {
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -0.24px;
  margin-bottom: 16px;
  min-width: 190px;
}
.loan-validate-wizard__tab .loan-landing-page-calculation__view--show svg {
  left: 0;
  right: -8px;
}
.loan-validate-wizard__tab .loan-landing-page-calculation__view--details ul {
  padding-top: 0 !important;
  margin-bottom: 0;
  max-height: unset !important;
}
.loan-validate-wizard__tab .loan-landing-page-calculation__view--details ul li {
  margin-top: 0 !important;
  font-size: 14px;
  line-height: 24px;
}
.loan-validate-wizard__tab .loan-landing-page-calculation__view--details ul li:first-child {
  border-bottom: none;
}
@media only screen and (max-width: 991px) {
  .loan-validate-wizard__tab .loan-landing-page-calculation__view--details ul li:first-child {
    border-bottom: 1px solid #ffffff;
  }
}
.loan-validate-wizard__tab .loan-landing-page-calculation__view--details_info {
  font-size: 16px;
}
.loan-validate-wizard__tab--step1 {
  margin-bottom: 72px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 991px) {
  .loan-validate-wizard__tab--step1 {
    margin-bottom: 32px;
  }
}
.loan-validate-wizard__tab--step1 h4 {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 20px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
  letter-spacing: -0.1px;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--step1 h4 {
    font-size: 16px;
    letter-spacing: normal;
  }
}
.loan-validate-wizard__tab--step1 p {
  font-size: 16px;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--step1 p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.loan-validate-wizard__tab--step1 p a {
  font-weight: 700;
  font-variation-settings: "wght" 700;
  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(--primary-colors-green-green-100, #11bf3d);
}
.loan-validate-wizard__tab--step1_more {
  font-size: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 24px;
  color: var(--primary-colors-green-green-100, #11bf3d);
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--step1_more {
    font-size: 14px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}
.loan-validate-wizard__tab--alert {
  background: rgba(236, 60, 44, 0.15);
  border-radius: 8px;
  padding: 8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--System-Colors-Error---Badge, #ec3c2c);
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--alert {
    margin-bottom: 16px;
  }
}
.loan-validate-wizard__tab--alert svg {
  transform: translateY(2px);
  display: block;
  width: 18px;
  min-width: 18px;
  height: auto;
}
.loan-validate-wizard__tab--form {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--form {
    margin-bottom: 24px;
  }
}
.loan-validate-wizard__tab--form_full {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--form_space {
    display: none;
  }
}
.loan-validate-wizard__tab--form > ul {
  padding-top: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--form > ul {
    max-height: unset !important;
    overflow: unset !important;
    transition: unset !important;
    gap: 16px;
  }
}
.loan-validate-wizard__tab--form > ul > li {
  margin-top: 0 !important;
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--form > ul > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.loan-validate-wizard__tab--control label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  line-height: 18px;
  cursor: pointer;
  transition: all 0.3s;
}
.loan-validate-wizard__tab--control input[type=file] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}
.loan-validate-wizard__tab--control_text {
  transition: all 0.3s;
  border-radius: 12px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #ffffff;
  width: 100%;
  padding: 16px;
  font-size: 16px;
  height: 56px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
}
.loan-validate-wizard__tab--control_text:focus {
  border-color: var(--primary-colors-green-green-80, #16481e) !important;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f) !important;
}
.loan-validate-wizard__tab--control_text::placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  opacity: 1;
}
.loan-validate-wizard__tab--control_text:-ms-input-placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.loan-validate-wizard__tab--control_text::-ms-input-placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.loan-validate-wizard__tab--control_textarea {
  transition: all 0.3s;
  border-radius: 12px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #ffffff;
  width: 100%;
  resize: none;
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
  height: 100px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
}
.loan-validate-wizard__tab--control_textarea:focus {
  border-color: var(--primary-colors-green-green-80, #16481e) !important;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f) !important;
}
.loan-validate-wizard__tab--control_textarea::placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  opacity: 1;
}
.loan-validate-wizard__tab--control_textarea:-ms-input-placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.loan-validate-wizard__tab--control_textarea::-ms-input-placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.loan-validate-wizard__tab--control_file {
  position: relative;
}
.loan-validate-wizard__tab--control_file-placeholder {
  display: block;
  width: 100%;
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  font-size: 16px;
  line-height: 24px;
  padding: 16px 16px 16px 120px;
  border-radius: 12px;
  height: 56px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.loan-validate-wizard__tab--control_file-button {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  padding: 16px 32px;
  text-align: center;
  background: var(--primary-colors-green-green-80, #16481e);
  color: #ffffff;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 12px;
  font-variation-settings: "wght" 700;
}
.loan-validate-wizard__tab--control_select {
  --ss-main-height: 56px;
  --ss-spacing-s: 16px;
}
.loan-validate-wizard__tab--control_select .ss-main {
  font-size: 16px;
  align-items: center;
}
.loan-validate-wizard__tab--control_select .ss-main .ss-arrow {
  background-size: cover;
  width: 16px;
  height: 16px;
}
.loan-validate-wizard__tab--control-error label {
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_select::before {
  border-color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_select select {
  border-color: var(--System-Colors-Error---Badge, #ec3c2c);
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_file-placeholder {
  border-color: var(--System-Colors-Error---Badge, #ec3c2c);
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_text,
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_textarea {
  border-color: var(--System-Colors-Error---Badge, #ec3c2c);
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_text::placeholder,
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_textarea::placeholder {
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_text:-ms-input-placeholder,
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_textarea:-ms-input-placeholder {
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_text::-ms-input-placeholder,
.loan-validate-wizard__tab--control-error .loan-validate-wizard__tab--control_textarea::-ms-input-placeholder {
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.loan-validate-wizard__tab--control-disable {
  pointer-events: none;
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_select::before {
  border-color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_select select {
  border-color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #f6f6f6;
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_file-button {
  background: var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_file-placeholder {
  border-color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #f6f6f6;
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_text,
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_textarea {
  border-color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #f6f6f6;
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_text::placeholder,
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_textarea::placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_text:-ms-input-placeholder,
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_textarea:-ms-input-placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_text::-ms-input-placeholder,
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--control_textarea::-ms-input-placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--delivery_radio-label {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f) !important;
  border: 2px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1) !important;
  background: #f6f6f6 !important;
  box-shadow: inset 0 0 0 1px var(--primary-colors-light-gray-light-gray-20, #f1f1f1) !important;
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--delivery_radio-label svg {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6) !important;
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--delivery_radio-label span {
  border-color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6) !important;
}
.loan-validate-wizard__tab--control-disable .loan-validate-wizard__tab--delivery_radio-label span::before {
  background: var(--primary-colors-light-gray-light-gray-60, #d5d5d6) !important;
}
.loan-validate-wizard__tab--delivery {
  padding-bottom: 32px;
  margin-top: -8px;
  padding-top: 24px;
  border-top: 1px solid #f1f1f1;
}
.loan-validate-wizard__tab--delivery h6 {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  margin-bottom: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
  font-size: 16px;
}
.loan-validate-wizard__tab--delivery ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 0 !important;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--delivery ul {
    max-height: unset !important;
    overflow: unset !important;
    transition: unset !important;
    gap: 16px;
  }
}
.loan-validate-wizard__tab--delivery ul li {
  margin-top: 0 !important;
}
.loan-validate-wizard__tab--delivery_radio {
  position: relative;
}
.loan-validate-wizard__tab--delivery_radio input {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}
.loan-validate-wizard__tab--delivery_radio input:checked ~ .loan-validate-wizard__tab--delivery_radio-label {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  border-color: var(--primary-colors-green-green-100, #11bf3d);
  box-shadow: inset 0 0 0 1px var(--primary-colors-green-green-100, #11bf3d);
  background: rgba(215, 240, 219, 0.1);
}
.loan-validate-wizard__tab--delivery_radio input:checked ~ .loan-validate-wizard__tab--delivery_radio-label span::before {
  opacity: 1;
}
.loan-validate-wizard__tab--delivery_radio input:checked ~ .loan-validate-wizard__tab--delivery_radio-label svg {
  color: #2e2e2f;
}
.loan-validate-wizard__tab--delivery_radio-label {
  border-radius: 8px;
  line-height: 32px;
  font-size: 16px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-weight: 600;
  padding: 20px 16px;
  font-variation-settings: "wght" 600;
  border: 1px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  background: #ffffff;
  transition: all 0.3s;
  display: flex;
  align-items: center;
}
.loan-validate-wizard__tab--delivery_radio-label span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-left: 12px;
  border: 1px solid #d5d5d6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loan-validate-wizard__tab--delivery_radio-label span::before {
  width: 9.333px;
  height: 9.333px;
  display: block;
  opacity: 0;
  content: "";
  transition: all 0.3s;
  border-radius: 50%;
  background: var(--primary-colors-green-green-100, #11bf3d);
}
.loan-validate-wizard__tab--delivery_radio-label svg {
  display: block;
  transition: all 0.3s;
  color: #b8b9bb;
  margin-left: 24px;
}
.loan-validate-wizard__tab--accepted {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  margin-top: auto;
}
@media only screen and (max-width: 1024px) {
  .loan-validate-wizard__tab--accepted {
    bottom: 0;
    position: absolute;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--accepted {
    gap: 24px;
    width: 100%;
  }
}
.loan-validate-wizard__tab--accepted label {
  user-select: none;
  position: relative;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 14px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 24px;
  padding-right: 26px;
  cursor: pointer;
}
.loan-validate-wizard__tab--accepted label::before, .loan-validate-wizard__tab--accepted label::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
  margin: auto;
  width: 1rem;
  height: 1rem;
  transition: var(--main--transition-link);
}
.loan-validate-wizard__tab--accepted label::before {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="white"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" stroke="%23D5D5D6"/></svg>');
}
.loan-validate-wizard__tab--accepted label::after {
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 6L5 8.5L10 3.5" stroke="%23444547" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
  visibility: hidden;
  opacity: 0;
}
.loan-validate-wizard__tab--accepted input {
  display: none;
}
.loan-validate-wizard__tab--accepted input:checked ~ label::after {
  opacity: 1;
  visibility: visible;
}
.loan-validate-wizard__tab--accepted input:checked ~ .loan-validate-wizard__tab--next {
  pointer-events: unset;
  background: var(--colors-accent-100, #11bf3d);
}
.loan-validate-wizard__tab--accepted input:checked ~ .loan-validate-wizard__tab--next:hover {
  background: var(--colors-accent-120, #029c28);
}
.loan-validate-wizard__tab--accepted input:checked ~ .loan-validate-wizard__tab--next:active {
  background: var(--colors-accent-140, #16481e);
}
.loan-validate-wizard__tab--accepted .loan-validate-wizard__tab--next {
  background: var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--accepted .loan-validate-wizard__tab--next {
    width: 100%;
  }
}
.loan-validate-wizard__tab--next {
  padding: 16px;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--next {
    height: 40px;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    line-height: 24px;
  }
}
.loan-validate-wizard__tab--next-p32 {
  min-width: 308px;
  padding: 16px 32px;
}
.loan-validate-wizard__tab--back {
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 20px;
  letter-spacing: -0.1px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.loan-validate-wizard__tab--back svg {
  display: block;
  transition: all 0.3s;
}
.loan-validate-wizard__tab--back:hover svg {
  transform: translateX(3px);
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--back {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    letter-spacing: normal;
    line-height: 24px;
    padding-left: 0;
    padding-right: 0;
  }
  .loan-validate-wizard__tab--back svg {
    display: none;
  }
}
.loan-validate-wizard__tab--description {
  margin-bottom: 16px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--description {
    margin-bottom: 20px;
  }
}
.loan-validate-wizard__tab--details {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--details {
    margin-bottom: 16px;
  }
}
.loan-validate-wizard__tab--details ul {
  padding-top: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--details ul {
    gap: 8px;
    max-height: unset !important;
    overflow: unset !important;
    transition: unset !important;
    align-items: unset;
    flex-direction: column;
  }
}
.loan-validate-wizard__tab--details ul li {
  margin-top: 0 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--details ul li {
    gap: 12px;
    font-size: 14px;
    line-height: 24px;
  }
}
.loan-validate-wizard__tab--details ul li span {
  color: var(--primary-colors-green-green-100, #11bf3d);
  line-height: 32px;
  letter-spacing: -0.1px;
  font-weight: 700;
  font-size: 20px;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .loan-validate-wizard__tab--details ul li span {
    font-size: 16px;
    letter-spacing: normal;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#loan-price-slider-container {
  transition: all 0.3s;
  opacity: 0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  #loan-price-slider-container {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
  }
}

.loan-price-slider-container {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .loan-price-slider-container {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 32px);
  }
}
.loan-price-slider-container--tooltip {
  position: absolute;
  border-radius: 8px;
  background: var(--primary-colors-green-green-80, #16481e);
  color: #ffffff;
  padding: 8px;
  left: 99%;
  top: -48px;
  white-space: nowrap;
  display: block;
  transform: translateX(-50%);
  line-height: 20px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  letter-spacing: -0.14px;
  font-size: 14px;
}
.loan-price-slider-container--tooltip::after {
  width: 0;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #16481e;
}
.loan-price-slider-container--slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  background: #d7f0db;
  border-radius: 8px;
  outline: none;
  transition: background-color 0.3s;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .loan-price-slider-container--slider {
    height: 4px;
  }
}
.loan-price-slider-container--slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 5px solid #16481e;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .loan-price-slider-container--slider::-webkit-slider-thumb {
    width: 12px;
    height: 12px;
    background: #16481e;
  }
}
.loan-price-slider-container--slider::-webkit-slider-thumb:hover {
  background: #16481e;
}
.loan-price-slider-container--slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 5px solid #16481e;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
  z-index: 2;
}
.loan-price-slider-container--slider::-moz-range-thumb:hover {
  background: #16481e;
}
.loan-price-slider-container--progress-bar {
  position: absolute;
  height: 12px;
  width: 0;
  background: #029c28;
  border-radius: 8px;
  top: 10px;
  right: 0;
  pointer-events: none;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .loan-price-slider-container--progress-bar {
    top: 14px;
    height: 8px;
  }
}
.loan-price-slider-container--steps {
  display: flex;
  width: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 12px;
}
@media only screen and (max-width: 767px) {
  .loan-price-slider-container--steps {
    top: 15px;
  }
}
.loan-price-slider-container--step {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #d7f0db;
  border-radius: 50%;
  top: -2px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .loan-price-slider-container--step {
    width: 8px;
    height: 8px;
    top: -1px;
  }
}
.loan-price-slider-container--step:first-child {
  transform: translateX(-100%);
}
.loan-price-slider-container--labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 24px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media only screen and (max-width: 991px) {
  .loan-price-slider-container--labels {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    gap: 8px;
  }
}
.loan-price-slider-container--months-options {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .loan-price-slider-container--months-options {
    order: -1;
    margin-bottom: 72px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.loan-price-slider-container--months-options.slick-slider {
  width: 347px;
}
@media only screen and (max-width: 767px) {
  .loan-price-slider-container--months-options.slick-slider {
    max-width: 342px;
  }
}
.loan-price-slider-container--months-options.slick-slider::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  display: block;
  pointer-events: none;
  background: linear-gradient(to right, #ffffff 35%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.loan-price-slider-container--months-options.slick-slider::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 100%;
  display: block;
  pointer-events: none;
  background: linear-gradient(to left, #ffffff 35%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.loan-price-slider-container--months-options .slick-slide {
  width: 116px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .loan-price-slider-container--months-options .slick-slide {
    height: 40px;
  }
}
.loan-price-slider-container--months-options .month-slide {
  position: relative;
  max-width: 116px;
}
.loan-price-slider-container--months-options .month-slide input {
  display: none;
}
.loan-price-slider-container--months-options .month-slide input:checked ~ label {
  background: var(--primary-colors-green-green-80, #16481e);
  border-color: var(--primary-colors-green-green-80, #16481e);
  color: var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  height: 48px;
  padding-left: 32px;
  padding-right: 32px;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .loan-price-slider-container--months-options .month-slide input:checked ~ label {
    height: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.loan-price-slider-container--months-options .month-slide label {
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-colors-green-green-80, #16481e);
  padding-left: 24px;
  padding-right: 24px;
  white-space: nowrap;
  height: 40px;
}
.loan-price-slider-container--months-options_next {
  position: absolute;
  right: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.loan-price-slider-container--months-options_next:hover {
  box-shadow: none;
}
.loan-price-slider-container--months-options_prev {
  position: absolute;
  left: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.loan-price-slider-container--months-options_prev:hover {
  box-shadow: none;
}

#cancelLoanModal .modalWrapper {
  width: 450px;
  border-radius: 16px;
  padding: 24px;
}
@media (max-width: 47.999rem) {
  #cancelLoanModal .modalWrapper {
    width: 100%;
  }
}
#cancelLoanModal .modalWrapper__header {
  border-bottom: none;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
  margin-bottom: 8px;
  padding-bottom: 0;
}
@media (max-width: 47.999rem) {
  #cancelLoanModal .modalWrapper__header {
    margin-bottom: 16px;
    padding-bottom: 16px;
    color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
    border-bottom: 1px solid #e3e3e4;
  }
}
#cancelLoanModal .modalWrapper__body > p {
  margin-bottom: 32px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 12px;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  #cancelLoanModal .modalWrapper__body .btn, #cancelLoanModal .modalWrapper__body .gform_wrapper [type=submit], .gform_wrapper #cancelLoanModal .modalWrapper__body [type=submit],
  #cancelLoanModal .modalWrapper__body .formWrapper [type=submit],
  .formWrapper #cancelLoanModal .modalWrapper__body [type=submit],
  #cancelLoanModal .modalWrapper__body .dotline-Q-form [type=submit],
  .dotline-Q-form #cancelLoanModal .modalWrapper__body [type=submit] {
    height: 40px;
  }
}

.loan-landing-page-hero {
  padding: 80px 0;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-hero {
    padding: 24px 0;
  }
}
.loan-landing-page-hero__container {
  border-radius: 16px;
  background-color: #082832;
  background-image: url("assets/images/png/loan-landing-hero-desktop.png");
  background-repeat: no-repeat;
  background-position: left center;
  overflow: hidden;
  position: relative;
  padding-bottom: 100px;
  padding-top: 165px;
  padding-right: 80px;
  padding-left: 80px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-hero__container {
    padding-bottom: 60px;
    padding-top: 80px;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-hero__container {
    background-position: center bottom;
    background-repeat: repeat-x;
    background-image: url("assets/images/png/loan-landing-hero-mobile.png");
    padding: 64px 16px 254px;
  }
}
.loan-landing-page-hero__container--title {
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: -0.72px;
  line-height: 72px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-hero__container--title {
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 56px;
    letter-spacing: -0.54px;
  }
}
.loan-landing-page-hero__container--description {
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  max-width: 570px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-hero__container--description {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-hero__container--more {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    height: 40px;
  }
}

.loan-landing-page-steps {
  background: #fafafa;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.loan-landing-page-steps__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 38px;
  padding-right: 38px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-steps__container {
    padding-left: 0;
    padding-right: 0;
  }
}
.loan-landing-page-steps__container--head {
  margin-bottom: 8px;
  text-align: center;
  position: relative;
}
.loan-landing-page-steps__container--head_title {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 36px;
  letter-spacing: -0.54px;
  line-height: 56px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__container--head_title {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.1px;
  }
}
.loan-landing-page-steps__container--head svg {
  position: absolute;
  right: 174px;
  pointer-events: none;
  bottom: -2px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__container--head svg {
    right: 94px;
    width: 58px;
    height: auto;
  }
}
.loan-landing-page-steps__container--description {
  margin-bottom: 48px;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
  line-height: 24px;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__container--description {
    margin-bottom: 24px;
    text-align: center;
  }
}
.loan-landing-page-steps__items {
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
  gap: 12px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-steps__items {
    flex-wrap: wrap;
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items {
    gap: 4px;
    flex-direction: column;
  }
}
.loan-landing-page-steps__items--item {
  position: relative;
  padding-bottom: 64px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items--item {
    padding-bottom: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.loan-landing-page-steps__items--item:first-child .loan-landing-page-steps__items--item_number-show {
  right: -17px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-steps__items--item:first-child .loan-landing-page-steps__items--item_number-show {
    right: -6px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items--item:first-child .loan-landing-page-steps__items--item_number-show {
    right: -8px;
  }
}
.loan-landing-page-steps__items--item_number {
  width: 106px;
  height: 106px;
  position: relative;
  border-radius: 30px;
  background: rgba(175, 225, 183, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
}
.loan-landing-page-steps__items--item_number-icon svg {
  display: block;
}
.loan-landing-page-steps__items--item_number-show {
  direction: ltr;
  color: var(--secondary-colors-orange-100, #f16127);
  font-size: 80px;
  line-height: 120px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  position: absolute;
  right: -30px;
  bottom: -33px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-steps__items--item_number-show {
    font-size: 40px;
    line-height: 60px;
    bottom: -16px;
    right: -12px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items--item_number-show {
    font-size: 48px;
    line-height: 72px;
    bottom: -16px;
    right: -14px;
  }
}
.loan-landing-page-steps__items--item_title {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  min-height: 56px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items--item_title {
    min-height: unset;
    width: 100%;
  }
}
.loan-landing-page-steps__items--item_title strong {
  color: var(--Black, #1a202c);
  font-size: 20px;
  letter-spacing: -0.1px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  display: block;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-steps__items--item_title strong {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items--item_title strong {
    line-height: 32px;
    text-align: center;
  }
  .loan-landing-page-steps__items--item_title strong br {
    display: none;
  }
}
.loan-landing-page-steps__items--item_title a {
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--primary-colors-green-green-100, #11bf3d);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items--item_title a {
    display: none;
  }
}
.loan-landing-page-steps__items--item_title a svg {
  transition: all 0.3s;
}
.loan-landing-page-steps__items--item_title a:hover svg {
  transform: translateX(-3px);
}
.loan-landing-page-steps__items--sep {
  flex: 1;
  min-width: 0;
  padding-bottom: 12px;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-steps__items--sep {
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items--sep {
    padding-bottom: 0;
  }
}
.loan-landing-page-steps__items--sep svg {
  max-width: 88.5%;
  height: auto;
}
.loan-landing-page-steps__items--sep svg:last-child {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .loan-landing-page-steps__items--sep svg {
    max-width: 80%;
  }
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-steps__items--sep svg {
    max-width: 100%;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items--sep svg:last-child {
    display: block;
  }
  .loan-landing-page-steps__items--sep svg:first-child {
    display: none;
  }
}
.loan-landing-page-steps__items--sep:nth-child(4) {
  padding-bottom: 32px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-steps__items--sep:nth-child(4) {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-steps__items--sep:nth-child(4) {
    padding-bottom: 0;
  }
}

.loan-landing-page-video {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-video {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.loan-landing-page-video__container {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-video__container {
    display: block;
  }
}
.loan-landing-page-video__container--player {
  min-width: 0;
  flex: 1;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-video__container--player {
    margin-bottom: 24px;
  }
}
.loan-landing-page-video__container--player .card.video .card__overload {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.loan-landing-page-video__container--info {
  min-width: 0;
  flex: 1;
  display: flex;
  padding-top: 10px;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-video__container--info {
    padding-top: 0;
  }
}
.loan-landing-page-video__container--info-title {
  margin-bottom: 12px;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 36px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  letter-spacing: -0.54px;
  line-height: 56px;
}
@media only screen and (max-width: 1200px) {
  .loan-landing-page-video__container--info-title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.36px;
  }
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-video__container--info-title {
    font-size: 36px;
    letter-spacing: -0.54px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-video__container--info-title {
    letter-spacing: -0.1px;
    font-size: 20px;
    line-height: 32px;
  }
}
.loan-landing-page-video__container--info-description {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
}
@media only screen and (max-width: 1200px) {
  .loan-landing-page-video__container--info-description {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-video__container--info-description {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-video__container--info-description {
    margin-bottom: 24px;
  }
}
.loan-landing-page-video__container--info-details {
  padding: 0;
  list-style: none;
  margin-top: auto;
  gap: 24px;
  display: flex;
}
@media only screen and (max-width: 1200px) {
  .loan-landing-page-video__container--info-details {
    gap: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-video__container--info-details {
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-video__container--info-details {
    gap: 16px;
  }
}
.loan-landing-page-video__container--info-details > li {
  flex: 1;
  min-width: 0;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  font-size: 16px;
  line-height: 32px;
  height: 172px;
}
@media only screen and (max-width: 1200px) {
  .loan-landing-page-video__container--info-details > li {
    font-size: 14px;
    line-height: 24px;
    height: 128px;
    gap: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-video__container--info-details > li {
    font-size: 16px;
    line-height: 32px;
    height: 172px;
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-video__container--info-details > li {
    gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 12px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 20px;
    height: 104px;
  }
  .loan-landing-page-video__container--info-details > li svg {
    display: block;
    width: 24px;
    height: 24px;
  }
}

.loan-landing-page-calculation {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-calculation {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.loan-landing-page-calculation__container {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__container {
    display: block;
  }
}
.loan-landing-page-calculation__form {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__form {
    display: block;
  }
}
.loan-landing-page-calculation__form--title {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 36px;
  letter-spacing: -0.54px;
  line-height: 56px;
  margin-bottom: 0;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-calculation__form--title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.1px;
  }
}
.loan-landing-page-calculation__form--description {
  margin-bottom: 12px;
  max-width: 448px;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
  font-size: 14px;
  line-height: 24px;
}
.loan-landing-page-calculation__form--more {
  color: var(--primary-colors-green-green-100, #11bf3d);
  font-size: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 24px;
  margin-bottom: 96px;
  display: inline-flex;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__form--more {
    margin-bottom: 32px;
  }
}
.loan-landing-page-calculation__view {
  flex: 0 0 450px;
  max-width: 450px;
  border-radius: 24px;
  background: radial-gradient(50.11% 100% at 49.89% 100%, #91cd5e 0%, #03a05b 100%);
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__view {
    max-width: 100%;
    padding: 16px;
    border-radius: 12px;
  }
}
.loan-landing-page-calculation__view--title {
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 24px;
  letter-spacing: -0.36px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.loan-landing-page-calculation__view--title span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__view--title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    font-variation-settings: "wght" 700;
    letter-spacing: normal;
  }
  .loan-landing-page-calculation__view--title span {
    font-size: 14px;
    line-height: 24px;
  }
}
.loan-landing-page-calculation__view--show {
  margin-bottom: 36px;
  color: #ffffff;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 56px;
  letter-spacing: -1px;
  font-size: 40px;
  position: relative;
  min-width: 291px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__view--show {
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.24px;
    margin-bottom: 16px;
    min-width: 190px;
  }
}
.loan-landing-page-calculation__view--show svg {
  position: absolute;
  width: 100%;
  left: -8px;
  bottom: -2px;
  height: auto;
}
.loan-landing-page-calculation__view--show svg:last-child {
  display: none;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__view--show svg {
    left: 0;
  }
  .loan-landing-page-calculation__view--show svg:first-child {
    display: none;
  }
  .loan-landing-page-calculation__view--show svg:last-child {
    display: block;
  }
}
.loan-landing-page-calculation__view--details {
  width: 100%;
  flex: 1;
}
.loan-landing-page-calculation__view--details ul {
  padding: 0;
  list-style: none;
  gap: 12px;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__view--details ul {
    gap: 8px;
    margin-bottom: 16px;
  }
}
.loan-landing-page-calculation__view--details ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #ffffff;
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__view--details ul li {
    font-size: 14px;
    line-height: 24px;
  }
}
.loan-landing-page-calculation__view--details ul li:first-child {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 8px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.loan-landing-page-calculation__view--details_info {
  font-size: 20px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
  letter-spacing: -0.1px;
  color: #ffffff;
}
@media only screen and (max-width: 991px) {
  .loan-landing-page-calculation__view--details_info {
    font-size: 16px;
    letter-spacing: normal;
  }
}
.loan-landing-page-calculation__view--details .btn, .loan-landing-page-calculation__view--details .gform_wrapper [type=submit], .gform_wrapper .loan-landing-page-calculation__view--details [type=submit],
.loan-landing-page-calculation__view--details .formWrapper [type=submit],
.formWrapper .loan-landing-page-calculation__view--details [type=submit],
.loan-landing-page-calculation__view--details .dotline-Q-form [type=submit],
.dotline-Q-form .loan-landing-page-calculation__view--details [type=submit] {
  width: 100%;
  margin-top: auto;
}

.loan-landing-page-faq {
  background: #fafafa;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-faq {
    padding-top: 24px;
    padding-bottom: 8px;
  }
}
.loan-landing-page-faq__container {
  max-width: 926px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.loan-landing-page-faq__head {
  position: relative;
  margin-bottom: 4px;
}
.loan-landing-page-faq__head--title {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 36px;
  letter-spacing: -0.54px;
  line-height: 56px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-faq__head--title {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.1px;
    gap: 0;
  }
}
.loan-landing-page-faq__head svg {
  position: absolute;
  pointer-events: none;
  right: 0;
  right: -26px;
  top: -5px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-faq__head svg {
    display: none;
  }
}
.loan-landing-page-faq__description {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  max-width: 688px;
  margin-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-faq__description {
    font-size: 12px;
    margin-bottom: 24px;
  }
}
.loan-landing-page-faq__item {
  border-bottom: 1px solid #f1f1f1;
}
.loan-landing-page-faq__item--title {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  line-height: 24px;
  font-size: 14px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  transition: color 0.3s;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-faq__item--title {
    gap: 6px;
    align-items: flex-start;
  }
}
.loan-landing-page-faq__item--title-icon {
  flex: 0 0 24px;
  min-width: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-faq__item--title-icon {
    flex: 0 0 16px;
    min-width: 16px;
    width: 16px;
  }
}
.loan-landing-page-faq__item--title-icon svg {
  display: block;
  transition: all 0.3s;
  width: 100%;
}
.loan-landing-page-faq__item--title-icon:last-child {
  display: none;
}
.loan-landing-page-faq__item--title.active {
  line-height: 32px;
  font-size: 16px;
  font-weight: 700;
  padding-top: 12px;
  padding-bottom: 12px;
  font-variation-settings: "wght" 700;
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  flex-direction: row-reverse;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-faq__item--title.active {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 16px;
    padding-top: 16px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
}
.loan-landing-page-faq__item--title.active .loan-landing-page-faq__item--title-icon {
  color: var(--primary-colors-green-green-80, #16481e);
}
.loan-landing-page-faq__item--title.active .loan-landing-page-faq__item--title-icon:first-child {
  display: none;
}
.loan-landing-page-faq__item--title.active .loan-landing-page-faq__item--title-icon:last-child {
  display: block;
}
.loan-landing-page-faq__item--content {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
.loan-landing-page-faq__item--content-in {
  padding-bottom: 40px;
  padding-right: 10px;
  position: relative;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-faq__item--content-in {
    padding-bottom: 24px;
    font-size: 12px;
  }
}
.loan-landing-page-faq__item--content-in::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: calc(100% - 16px);
  display: block;
  border-radius: 66px;
  background: var(--primary-colors-green-green-40, #afe1b7);
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-faq__item--content-in::before {
    height: calc(100% - 24px);
  }
}
.loan-landing-page-faq__item--content.active {
  grid-template-rows: minmax(0, 1fr);
}
.loan-landing-page-faq__item:last-of-type {
  border-bottom: none;
}

.loan-landing-page-categories {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-categories {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.loan-landing-page-categories__head {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-categories__head {
    margin-bottom: 24px;
  }
}
.loan-landing-page-categories__head--title {
  margin-bottom: 4px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 36px;
  letter-spacing: -0.54px;
  line-height: 56px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-categories__head--title {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.1px;
  }
}
.loan-landing-page-categories__head--description {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-categories__head--description {
    font-size: 12px;
  }
}
.loan-landing-page-categories__items {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-categories__items {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
}
.loan-landing-page-categories__items--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.loan-landing-page-categories__items--item_icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.28rem var(--colors-light-gray-40, #e3e3e4), inset 0 0 0 0.68rem var(--colors-light-gray-20, #f1f1f1);
  transition: var(--main--transition);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-categories__items--item_icon {
    width: 64px;
    height: 64px;
    box-shadow: inset 0 0 0 0.18rem var(--colors-light-gray-40, #e3e3e4), inset 0 0 0 0.54rem var(--colors-light-gray-20, #f1f1f1);
  }
}
.loan-landing-page-categories__items--item_icon svg {
  transition: var(--main--transition);
  display: block;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-categories__items--item_icon svg {
    width: 40px;
    height: auto;
  }
}
.loan-landing-page-categories__items--item_title {
  text-align: center;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-categories__items--item_title {
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 24px;
  }
}
.loan-landing-page-categories__items--item:hover .loan-landing-page-categories__items--item_icon {
  box-shadow: inset 0 0 0 0.42rem var(--colors-accent-40, #e3e3e4), inset 0 0 0 1.02rem var(--colors-accent-20, #f1f1f1);
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-categories__items--item:hover .loan-landing-page-categories__items--item_icon {
    box-shadow: inset 0 0 0 0.27rem var(--colors-accent-40, #e3e3e4), inset 0 0 0 0.81rem var(--colors-accent-20, #f1f1f1);
  }
}
.loan-landing-page-categories__items--item:hover .loan-landing-page-categories__items--item_icon svg {
  transform: scale(0.72);
}

.loan-landing-page-description {
  padding-top: 80px;
  padding-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-description {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.loan-landing-page-description__title {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 24px;
  letter-spacing: -0.24px;
  line-height: 40px;
  margin-bottom: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-description__title {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: normal;
    color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  }
}
.loan-landing-page-description__more {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  color: var(--primary-colors-green-green-100, #11bf3d);
  font-size: 16px;
  cursor: pointer;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-description__more {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.21px;
    gap: 4px;
  }
}
.loan-landing-page-description__more span:last-child {
  display: none;
}
.loan-landing-page-description__more svg {
  transition: all 0.3s;
}
.loan-landing-page-description__more.active {
  flex-direction: row-reverse;
}
.loan-landing-page-description__more.active span:last-child {
  display: block;
}
.loan-landing-page-description__more.active span:first-child {
  display: none;
}
.loan-landing-page-description__more.active svg {
  transform: rotate(180deg);
}
.loan-landing-page-description__more.active:hover svg {
  transform: translateY(3px) rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-description__more.active:hover svg {
    transform: translateY(0) rotate(180deg);
  }
}
.loan-landing-page-description__more:hover svg {
  transform: translateY(3px);
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-description__more:hover svg {
    transform: translateY(0);
  }
}
.loan-landing-page-description__content {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(96px, 0fr);
  transition: grid-template-rows 0.6s;
  margin-bottom: 8px;
  font-size: 16px;
  color: var(--primary-colors-light-gray-light-gray-100, #b8b9bb);
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-description__content {
    margin-bottom: 12px;
    grid-template-rows: minmax(128px, 0fr);
  }
}
.loan-landing-page-description__content::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: all 0.3s;
  height: 35px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.44) 0%, #ffffff 90%);
  display: block;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-description__content::before {
    height: 83px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.44) 0%, #ffffff 100%);
  }
}
.loan-landing-page-description__content.active {
  grid-template-rows: minmax(96px, 1fr);
}
.loan-landing-page-description__content.active::before {
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .loan-landing-page-description__content.active {
    grid-template-rows: minmax(128px, 1fr);
  }
}

.loanLanding {
  overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
  .loanLanding #loan-price-slider-container {
    margin-bottom: 24px;
  }
}
.loanLanding .loan-price-slider-container--labels {
  margin-bottom: 38px;
}
@media only screen and (max-width: 991px) {
  .loanLanding .loan-price-slider-container--labels {
    margin-bottom: 0;
  }
}
.loanLanding .loan-price-slider-container--months-options {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}

.used-products-landing-slider {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-slider {
    display: none;
  }
}
.used-products-landing-slider__slides {
  display: flex;
  overflow: hidden;
  border-radius: 16px;
  background: #dde4f0;
  line-height: 0;
}
.used-products-landing-slider__slides--slide {
  min-width: 100%;
  flex: 0 0 100%;
}
.used-products-landing-slider__slides .slick-prev {
  width: 32px;
  height: 32px;
  left: 32px;
  bottom: 32px;
  top: unset;
  transform: unset;
}
.used-products-landing-slider__slides .slick-next {
  width: 32px;
  height: 32px;
  left: 72px;
  bottom: 32px;
  right: unset;
  top: unset;
  transform: unset;
}

.used-products-landing-slugs {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-slugs {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 0;
  }
}
.used-products-landing-slugs ul {
  padding: 0;
  list-style: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-slugs ul {
    flex-direction: column;
  }
}
.used-products-landing-slugs ul li:nth-child(2) .used-products-landing-slugs__item--icon::before {
  bottom: auto;
  right: auto;
  left: -5px;
  top: 5px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-slugs ul li:nth-child(2) .used-products-landing-slugs__item--icon::before {
    left: -2px;
    top: 2px;
  }
}
.used-products-landing-slugs ul li:nth-child(3) .used-products-landing-slugs__item--icon::before {
  bottom: 0;
  right: auto;
  left: -1px;
}
.used-products-landing-slugs__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-slugs__item {
    gap: 12px;
  }
}
.used-products-landing-slugs__item--icon {
  position: relative;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-slugs__item--icon {
    height: 56px;
    width: 56px;
  }
}
.used-products-landing-slugs__item--icon svg {
  position: relative;
  z-index: 1;
}
.used-products-landing-slugs__item--icon::before {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  background: linear-gradient(47deg, rgba(253, 168, 121, 0.34) 12.04%, rgba(241, 97, 39, 0.68) 100%);
  bottom: -4px;
  right: 0;
  height: 48px;
  width: 48px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-slugs__item--icon::before {
    width: 40px;
    height: 40px;
    bottom: 1px;
    right: -3px;
  }
}
.used-products-landing-slugs__item--title {
  text-align: center;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 24px;
  letter-spacing: -0.24px;
  line-height: 40px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  max-width: 250px;
}
@media only screen and (max-width: 1024px) {
  .used-products-landing-slugs__item--title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .used-products-landing-slugs__item--title {
    font-size: 14px;
    line-height: 24px;
    color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}

.used-products-landing-tabs {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f9f9f9;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-tabs {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.used-products-landing-tabs__container--title {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 40px;
  letter-spacing: -0.24px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-tabs__container--title {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: normal;
  }
}
.used-products-landing-tabs__container--more {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-colors-green-green-100, #11bf3d);
  font-size: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-tabs__container--more {
    line-height: 24px;
    letter-spacing: -0.21px;
    font-size: 14px;
  }
}
.used-products-landing-tabs__container--more-icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.used-products-landing-tabs__container--more:hover .used-products-landing-tabs__container--more-icon {
  transform: translateX(-3px);
}
@media only screen and (max-width: 767px) {
  .used-products-landing-tabs__container--more:hover .used-products-landing-tabs__container--more-icon {
    transform: translateX(0);
  }
}
.used-products-landing-tabs__container--items-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 32px;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-tabs__container--items-tabs {
    margin-bottom: 24px;
    gap: 8px;
  }
}
.used-products-landing-tabs__container--items-tabs button {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
  background: #ffffff;
  transition: all 0.3s;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  color: var(--primary-colors-light-gray-light-gray-100, #b8b9bb);
}
.used-products-landing-tabs__container--items-tabs button:hover, .used-products-landing-tabs__container--items-tabs button.active {
  color: #ffffff;
  background: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  border-color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
}

.used-product-grid {
  direction: rtl;
  display: flex;
  flex-wrap: wrap;
  margin-left: -24px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .used-product-grid {
    margin-left: -16px;
    margin-bottom: 0;
    padding-bottom: 24px;
    height: unset !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
}
.used-product-grid-item {
  margin-bottom: 24px;
  width: 25%;
  padding-left: 24px;
}
@media only screen and (max-width: 1024px) {
  .used-product-grid-item {
    width: 33.33%;
  }
}
@media only screen and (max-width: 767px) {
  .used-product-grid-item {
    margin-bottom: 0;
    padding-left: 16px;
    flex: 0 0 307px;
    width: 307px !important;
    position: static !important;
    height: unset !important;
    transition: all 0.03s !important;
    transform: unset !important;
  }
}
.used-product-grid-item .card.product {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.used-product-grid-item .card.product .card__overload {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .used-product-grid-item .card.product .card__overload .gy-1.row {
    margin-top: unset;
  }
}
.used-product-grid-item .card.product .card__overload > .flex-column {
  height: 100%;
}
.used-product-grid-item .card.product .card__overload > .flex-column .card__overload--colors {
  margin-top: auto;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .used-product-grid-item .card.product .card__overload > .flex-column .card__overload--colors {
    margin-bottom: 0;
    margin-top: 8px;
  }
}

.used-products-landing-info {
  padding-bottom: 80px;
}
@media only screen and (max-width: 1540px) {
  .used-products-landing-info {
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .used-products-landing-info {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.used-products-landing-info__details {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 1540px) {
  .used-products-landing-info__details {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .used-products-landing-info__details {
    gap: 32px;
    flex-wrap: wrap;
    padding-left: 8px;
  }
}
.used-products-landing-info__details--box {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
  padding-left: 296px;
  padding-right: 40px;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(270deg, #fcecb9 0%, #d0e9d7 100%);
}
@media only screen and (max-width: 1400px) {
  .used-products-landing-info__details--box {
    padding-left: 214px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .used-products-landing-info__details--box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .used-products-landing-info__details--box {
    padding-left: 128px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 8px;
  }
}
.used-products-landing-info__details--box:last-child {
  background: linear-gradient(270deg, rgba(199, 138, 152, 0.43) 20%, #6a689d 100%);
}
.used-products-landing-info__details--box:last-child .used-products-landing-info__details--box-picture {
  transform: rotate(16deg);
  top: 26px;
  width: 316px;
  height: 316px;
  left: -24px;
}
@media only screen and (max-width: 1400px) {
  .used-products-landing-info__details--box:last-child .used-products-landing-info__details--box-picture {
    top: 16px;
    width: 240px;
    height: 240px;
    left: -24px;
  }
}
@media only screen and (max-width: 767px) {
  .used-products-landing-info__details--box:last-child .used-products-landing-info__details--box-picture {
    top: auto;
    bottom: 8px;
    width: 128px;
    height: 128px;
    left: -8px;
  }
}
.used-products-landing-info__details--box-title {
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 36px;
  letter-spacing: -0.54px;
  line-height: 56px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 1400px) {
  .used-products-landing-info__details--box-title {
    font-size: 28px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .used-products-landing-info__details--box-title {
    margin-bottom: 2px;
    font-size: 16px;
    letter-spacing: normal;
    line-height: 32px;
  }
}
.used-products-landing-info__details--box-more {
  color: var(--primary-colors-green-green-100, #11bf3d);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .used-products-landing-info__details--box-more {
    gap: 4px;
    font-size: 14px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 24px;
  }
}
.used-products-landing-info__details--box-more_mobile {
  font-size: 0;
}
.used-products-landing-info__details--box-more_icon {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 16px;
  height: 16px;
  transition: all 0.3s;
}
.used-products-landing-info__details--box ul {
  position: relative;
  z-index: 1;
  padding-right: 24px;
  margin-bottom: 16px;
  font-size: 16px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  line-height: 32px;
}
@media only screen and (max-width: 1400px) {
  .used-products-landing-info__details--box ul {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .used-products-landing-info__details--box ul {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.used-products-landing-info__details--box-picture {
  transform: rotate(-16deg);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -4px;
  top: 24px;
  width: 318px;
  height: 318px;
  border-radius: 80.478px;
  border: 4.236px solid #ffffff;
  background: radial-gradient(141.42% 141.42% at 0% 0%, rgba(250, 250, 250, 0.2) 0%, rgba(246, 246, 246, 0) 100%);
  backdrop-filter: blur(25.4140739441px);
}
@media only screen and (max-width: 1400px) {
  .used-products-landing-info__details--box-picture {
    width: 240px;
    height: 240px;
    top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .used-products-landing-info__details--box-picture {
    top: auto;
    bottom: -8px;
    width: 130px;
    height: 130px;
    left: 8px;
    border-radius: 32.396px;
    border: 1.705px solid #ffffff;
    background: radial-gradient(141.42% 141.42% at 0% 0%, rgba(250, 250, 250, 0.2) 0%, rgba(246, 246, 246, 0) 100%);
    backdrop-filter: blur(10.2303943634px);
  }
}
.used-products-landing-info__details--box:hover .used-products-landing-info__details--box-more_icon {
  transform: translateX(-3px);
}
@media only screen and (max-width: 767px) {
  .used-products-landing-info__details--box:hover .used-products-landing-info__details--box-more_icon {
    transform: translateX(0);
  }
}

.usedProductsLanding .loan-landing-page-faq {
  background-color: #ffffff;
}
.usedProductsLanding .loan-landing-page-description {
  background: #fafafa;
}
.usedProductsLanding .loan-landing-page-description .loan-landing-page-description__content::before {
  height: 57px;
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0.2) 0%, #fafafa 90%);
}
@media only screen and (max-width: 767px) {
  .usedProductsLanding .loan-landing-page-description .loan-landing-page-description__content::before {
    height: 83px;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.4) 0%, #fafafa 100%);
  }
}
@media only screen and (max-width: 767px) {
  .usedProductsLanding {
    display: flex;
    flex-direction: column;
  }
  .usedProductsLanding .used-products-landing-info {
    order: -1;
  }
  .usedProductsLanding .used-products-landing-slugs {
    order: 0;
  }
}

.sell-used-products {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .sell-used-products {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.sell-used-products-wizard .tab-content {
  overflow: hidden;
}
.sell-used-products-wizard .tab-content.active {
  overflow: visible;
}
.sell-used-products-wizard__head {
  padding-bottom: 24px;
  border-bottom: 1px solid #e3e3e4;
  position: relative;
  margin-bottom: 24px;
  min-height: 32px;
  padding-left: 220px;
}
@media only screen and (max-width: 767px) {
  .sell-used-products-wizard__head {
    padding-left: 0;
    min-height: unset;
  }
}
.sell-used-products-wizard__head--title {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 20px;
  letter-spacing: -0.1px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.sell-used-products-wizard__head--title-icon {
  display: flex;
  width: 24px;
  justify-content: center;
  align-items: center;
  height: 24px;
  transition: all 0.3s;
}
.sell-used-products-wizard__head--title:has(.sell-used-products-wizard__head--title-icon) {
  cursor: pointer;
}
.sell-used-products-wizard__head--title:hover .sell-used-products-wizard__head--title-icon {
  transform: translateX(3px);
}
@media only screen and (max-width: 767px) {
  .sell-used-products-wizard__head--title {
    font-size: 16px;
    letter-spacing: normal;
  }
}
.sell-used-products-wizard__head--description {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
}
.sell-used-products-wizard__head--nav {
  width: 218px;
  position: absolute;
  left: 0;
  bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .sell-used-products-wizard__head--nav {
    width: 100%;
    position: static;
    margin-top: 16px;
  }
}
.sell-used-products-wizard__head--nav-title {
  display: flex;
  user-select: none;
  pointer-events: none;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 12px;
  line-height: 24px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 3px;
}
.sell-used-products-wizard__content--layouts {
  display: flex;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .sell-used-products-wizard__content--layouts {
    display: block;
  }
}
.sell-used-products-wizard__content--sidebar {
  flex: 0 0 332px;
  max-width: 332px;
  margin-right: auto;
  order: 2;
}
@media only screen and (max-width: 767px) {
  .sell-used-products-wizard__content--sidebar {
    display: none;
  }
}
.sell-used-products-wizard__content--next {
  min-width: 308px;
}
@media only screen and (max-width: 767px) {
  .sell-used-products-wizard__content--next {
    width: 100%;
  }
}
.sell-used-products-wizard .tabs {
  display: flex;
  gap: 3px;
  position: relative;
  padding: 0;
  list-style: none;
}
.sell-used-products-wizard .tabs .tab {
  pointer-events: none;
  user-select: none;
  cursor: pointer;
  margin-top: 0;
  flex: 0 0 34px;
  max-width: 34px;
  height: 4.31px;
  border-radius: 35.917px;
  background: var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
  transition: all 0.3s;
  display: block;
}
@media only screen and (max-width: 767px) {
  .sell-used-products-wizard .tabs .tab {
    flex: 1;
    min-width: 0;
    max-width: unset;
  }
}
.sell-used-products-wizard .tabs .tab.active {
  background: #06b217;
}
.sell-used-products-wizard .tabs .tab.complete {
  background: #06b217;
  pointer-events: unset;
}

.tabs_content {
  display: flex;
}

.tab-content {
  visibility: hidden;
  position: relative;
  background-color: #ffffff;
  opacity: 0;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  height: 0;
}
.tab-content.active {
  height: auto;
  transition: opacity 0.7s;
  opacity: 1;
  visibility: visible;
  order: -1;
}
.tab-content.active.hide {
  transition: opacity 0.5s;
  opacity: 0;
  visibility: hidden;
}

.supw-side-product {
  padding: 16px;
  background: #f9f9f9;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  position: sticky;
  top: 85px;
  left: 0;
}
.supw-side-product__head {
  display: flex;
  gap: 8px;
}
.supw-side-product__head--picture {
  border-radius: 4px;
  width: 93px;
  height: auto;
}
.supw-side-product__head--info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.supw-side-product__head--info-title {
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.supw-side-product__head--info-edit {
  display: flex;
  border: none;
  background: transparent;
  padding: 0;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: 14px;
  color: var(--primary-colors-green-green-100, #11bf3d);
  line-height: 24px;
}
.supw-side-product__specials {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e3e3e4;
}
.supw-side-product__specials ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.supw-side-product__specials ul li {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
  position: relative;
  padding-right: 10px;
}
.supw-side-product__specials ul li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 1px;
  background: rgba(247, 160, 125, 0.4);
}

.supw-step1 {
  padding-top: 48px;
}
@media only screen and (max-width: 767px) {
  .supw-step1 {
    padding-top: 24px;
  }
}
.supw-step1 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .supw-step1 ul {
    gap: 48px;
  }
}
.supw-step1 ul li {
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
}
@media only screen and (max-width: 1400px) {
  .supw-step1 ul li {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 1024px) {
  .supw-step1 ul li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.supw-step1__item {
  height: 200px;
  border-radius: 16px;
  background: linear-gradient(270deg, #fcecb9 0%, #d0e9d7 100%);
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  padding-left: 48px;
}
@media only screen and (max-width: 767px) {
  .supw-step1__item {
    height: 128px;
    border-radius: 8px;
    gap: 32px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 414px) {
  .supw-step1__item {
    gap: 16px;
  }
}
.supw-step1__item--title {
  color: var(--primary-colors-green-green-80, #16481e);
  line-height: 40px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-size: 24px;
  letter-spacing: -0.24px;
  margin-bottom: 0;
  max-width: 200px;
}
@media only screen and (max-width: 767px) {
  .supw-step1__item--title {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.1px;
    max-width: 168px;
  }
}
.supw-step1__item--title-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.supw-step1__item--title svg {
  transition: all 0.3s;
  transform: translateY(3px);
}
.supw-step1__item--picture {
  transform: translateY(-28px);
}
@media only screen and (max-width: 767px) {
  .supw-step1__item--picture {
    width: 112px;
    height: auto;
  }
}
.supw-step1__item--more {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.supw-step1__item:hover .supw-step1__item--title svg {
  transform: translateY(3px) translateX(-3px);
}
@media only screen and (max-width: 767px) {
  .supw-step1__item:hover .supw-step1__item--title svg {
    transform: translateY(3px) translateX(0);
  }
}

.supw-step2__filter {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .supw-step2__filter {
    margin-bottom: 0;
  }
}
.supw-step2__filter--icon {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .supw-step2__filter--icon {
    display: none;
  }
}
.supw-step2__filter--title {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
  margin-left: 12px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
@media only screen and (max-width: 767px) {
  .supw-step2__filter--title {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .supw-step2__filter--options {
    overflow-x: auto;
    margin-bottom: 12px;
    scrollbar-width: none;
  }
}
.supw-step2__filter--options ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .supw-step2__filter--options ul {
    gap: 32px;
    flex-wrap: nowrap;
    padding-bottom: 12px;
  }
}
.supw-step2__filter--options ul li {
  position: relative;
}
.supw-step2__filter--options ul li input {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
  opacity: 0;
}
.supw-step2__filter--options ul li span {
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  transition: color 0.3s;
}
@media only screen and (max-width: 767px) {
  .supw-step2__filter--options ul li span {
    white-space: nowrap;
  }
}
.supw-step2__filter--options ul li:has(input:checked) span {
  color: var(--primary-colors-green-green-100, #11bf3d);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.supw-step2__search {
  width: 100%;
  max-width: 332px;
  position: relative;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .supw-step2__search {
    max-width: 100%;
  }
}
.supw-step2__search--input {
  padding-right: 40px;
  padding-top: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  height: 40px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #ffffff;
  border-radius: 12px;
  font-size: 12px;
  width: 100%;
  transition: all 0.3s;
}
.supw-step2__search--input::placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  opacity: 1;
}
.supw-step2__search--input:-ms-input-placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.supw-step2__search--input::-ms-input-placeholder {
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
}
.supw-step2__search--input:focus {
  border-color: var(--primary-colors-green-green-80, #16481e);
}
.supw-step2__search--button {
  padding: 0;
  border: none;
  position: absolute;
  right: 16px;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.supw-step2__search--button svg path {
  transition: all 0.3s;
}
.supw-step2__search--button:hover svg path {
  stroke: var(--primary-colors-green-green-80, #16481e);
}
.supw-step2__products {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 48px;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .supw-step2__products {
    gap: 8px;
    margin-bottom: 24px;
  }
}
.supw-step2__products--item {
  flex: 0 0 calc(25% - 18px);
  max-width: calc(25% - 18px);
  border-radius: 8px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 16px;
  transition: all 0.3s;
  position: relative;
}
.supw-step2__products--item.hidden {
  display: none;
}
.supw-step2__products--item input {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
@media only screen and (max-width: 1024px) {
  .supw-step2__products--item {
    flex: 0 0 calc(33.33% - 16px);
    max-width: calc(33.33% - 16px);
  }
}
@media only screen and (max-width: 991px) {
  .supw-step2__products--item {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 767px) {
  .supw-step2__products--item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 12px;
    gap: 12px;
  }
}
.supw-step2__products--item-title {
  font-size: 14px;
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  line-height: 24px;
  transition: all 0.3s;
}
.supw-step2__products--item-picture {
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .supw-step2__products--item-picture {
    width: 64px;
    min-width: 64px;
    height: 64px;
  }
}
.supw-step2__products--item:has(input:checked), .supw-step2__products--item:hover {
  border: 1px dashed var(--primary-colors-green-green-100, #11bf3d);
}
.supw-step2__products--item:has(input:checked) .supw-step2__products--item-title, .supw-step2__products--item:hover .supw-step2__products--item-title {
  color: var(--primary-colors-green-green-100, #11bf3d);
}
.supw-step2:has(.show-empty-used-products:not(.hidden)) .supw-step2__products {
  display: none;
}
.supw-step2:has(.supw-step2__products .show-empty-used-products) .supw-step2__products {
  display: flex;
}
.supw-step2:has(.supw-step2__products .show-empty-used-products) .go-to-used-tab-3.sell-used-products-wizard__content--next {
  display: none;
}

.supw-selections {
  flex: 0 0 calc(100% - 356px);
  max-width: calc(100% - 356px);
}
@media only screen and (max-width: 767px) {
  .supw-selections {
    max-width: 100%;
  }
}
.supw-selections__area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area {
    margin-bottom: 24px;
  }
}
.supw-selections__area--head {
  display: flex;
  align-items: center;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--head {
    margin-bottom: 12px;
    gap: 6px;
  }
}
.supw-selections__area--head-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transform: translateY(3px);
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--head-icon {
    width: 18px;
    height: 18px;
    transform: translateY(2px);
  }
}
.supw-selections__area--head-title {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--head-title {
    font-size: 14px;
    line-height: 24px;
  }
}
.supw-selections__area--options {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--options {
    gap: 12px;
    width: 100%;
  }
}
.supw-selections__area--options-gap24 {
  gap: 24px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--options-gap24 {
    gap: 12px;
  }
}
.supw-selections__area--options-item {
  position: relative;
  overflow: hidden;
}
.supw-selections__area--options-item input {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
  opacity: 0;
}
.supw-selections__area--options-item > span {
  transition: all 0.3s;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
  font-size: 14px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 24px;
  background: #ffffff;
  border-radius: 8px;
  gap: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border: 1px solid var(--primary-colors-light-gray-light-gray-100, #b8b9bb);
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--options-item > span {
    padding: 8px 16px;
    font-size: 12px;
  }
}
.supw-selections__area--options-item > span span {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--options-item > span span {
    width: 14px;
    height: 14px;
  }
}
.supw-selections__area--options-item > span span::before {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  display: block;
  background-color: var(--selections-color, #ffffff);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.supw-selections__area--options-item:has(input:checked) > span {
  color: #11bf3d;
  border: 1px solid var(--primary-colors-green-green-100, #11bf3d);
  background: #fbfefc;
}
.supw-selections__area--options-item:has(input:checked) > span span {
  border-color: #029c28;
}
.supw-selections__area--options-item:has(input:checked) > span span::before {
  width: 12px;
  height: 12px;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--options-item:has(input:checked) > span span::before {
    width: 8px;
    height: 8px;
  }
}
.supw-selections__area--options-item_gap16 > span {
  gap: 16px;
}
.supw-selections__area--options-item_gap24 > span {
  gap: 24px;
}
.supw-selections__area--options-item_size3 {
  flex: 0 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px);
}
@media only screen and (max-width: 1024px) {
  .supw-selections__area--options-item_size3 {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 991px) {
  .supw-selections__area--options-item_size3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.supw-selections__area--options-item_size3 > span {
  justify-content: flex-start;
  padding: 12px 24px;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--options-item_size3 > span {
    font-size: 14px;
  }
  .supw-selections__area--options-item_size3 > span img {
    width: 32px;
    height: auto;
  }
}
.supw-selections__area--options-item_size4 {
  flex: 0 0 calc(25% - 18px);
  max-width: calc(25% - 18px);
}
@media only screen and (max-width: 1200px) {
  .supw-selections__area--options-item_size4 {
    flex: 0 0 calc(33.33% - 16px);
    max-width: calc(33.33% - 16px);
  }
}
@media only screen and (max-width: 991px) {
  .supw-selections__area--options-item_size4 {
    flex: 0 0 calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}
.supw-selections__area--options-item_size4 > span {
  justify-content: flex-start;
  padding: 16px;
}
.supw-selections__area--options-item_dashed > span {
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
}
.supw-selections__area--options-item_dashed:has(input:checked) > span {
  border-style: dashed;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--options-item_dashed:has(input:checked) > span {
    color: var(--primary-colors-green-green-100, #11bf3d);
  }
}
.supw-selections__area--more {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--more {
    width: 100%;
  }
}
.supw-selections__area--more .customCheckboxRadio {
  line-height: 0;
}
.supw-selections__area--more > div {
  margin-top: 16px;
  border: 1px dashed var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  border-radius: 16px;
  padding: 24px;
}
.supw-selections__area--more-head {
  margin-bottom: 24px;
}
.supw-selections__area--more-head ul.formWrapper__container {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .supw-selections__area--more-head ul.formWrapper__container {
    gap: 12px;
  }
}
.supw-selections__area--more textarea {
  border-radius: 12px;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  height: 70px;
}
.supw-selections__area--more-text {
  padding-top: 16px;
  width: calc(50% - 12px);
}
@media only screen and (max-width: 1200px) {
  .supw-selections__area--more-text {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--more-text textarea {
    font-size: 12px;
    border-radius: 12px;
    height: 70px;
    line-height: 24px;
    padding: 16px;
  }
}
.supw-selections__area--more-slider {
  display: grid;
  overflow: hidden;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 0.6s;
}
@media only screen and (max-width: 991px) {
  .supw-selections__area--more-slider {
    width: 100%;
  }
}
.supw-selections__area--more-slider > div {
  margin-top: 16px;
}
.supw-selections__area--more-slider p {
  margin-bottom: 64px;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area--more-slider p {
    font-size: 12px;
    margin-bottom: 70px;
  }
}
.supw-selections__area:last-of-type {
  margin-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .supw-selections__area:last-of-type {
    margin-bottom: 24px;
  }
}
.supw-selections__area:has(.with-more-options:checked) .supw-selections__area--more,
.supw-selections__area:has(.with-more-options:checked) .supw-selections__area--more-slider {
  grid-template-rows: minmax(0, 1fr);
}

#used-products-slider-container {
  transition: all 0.3s;
  opacity: 0;
  padding-right: 40px;
  margin-right: -24px;
  width: 688px;
  max-width: 100%;
}
@media only screen and (max-width: 991px) {
  #used-products-slider-container {
    width: 100%;
  }
}

.used-products-slider-container {
  position: relative;
  width: 100%;
}
.used-products-slider-container--tooltip {
  position: absolute;
  border-radius: 8px;
  background: var(--primary-colors-green-green-80, #16481e);
  color: #ffffff;
  padding: 8px;
  left: 99%;
  top: -40px;
  white-space: nowrap;
  display: block;
  transform: translateX(-50%);
  line-height: 20px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  letter-spacing: -0.14px;
  font-size: 14px;
}
.used-products-slider-container--tooltip::after {
  width: 0;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #16481e;
}
.used-products-slider-container--slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  background: #d7f0db;
  border-radius: 8px;
  outline: none;
  transition: background-color 0.3s;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .used-products-slider-container--slider {
    height: 4px;
  }
}
.used-products-slider-container--slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 5px solid #16481e;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .used-products-slider-container--slider::-webkit-slider-thumb {
    width: 12px;
    height: 12px;
    background: #16481e;
  }
}
.used-products-slider-container--slider::-webkit-slider-thumb:hover {
  background: #16481e;
}
.used-products-slider-container--slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 5px solid #16481e;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
  z-index: 2;
}
.used-products-slider-container--slider::-moz-range-thumb:hover {
  background: #16481e;
}
.used-products-slider-container--progress-bar {
  position: absolute;
  height: 12px;
  width: 0;
  background: #029c28;
  border-radius: 8px;
  top: 10px;
  right: 0;
  pointer-events: none;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .used-products-slider-container--progress-bar {
    top: 14px;
    height: 8px;
  }
}
.used-products-slider-container--steps {
  display: flex;
  width: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 12px;
}
@media only screen and (max-width: 767px) {
  .used-products-slider-container--steps {
    top: 15px;
  }
}
.used-products-slider-container--step {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #d7f0db;
  border-radius: 50%;
  top: -2px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .used-products-slider-container--step {
    width: 8px;
    height: 8px;
    top: -1px;
  }
}
.used-products-slider-container--step:first-child {
  transform: translateX(-100%);
}
.used-products-slider-container--labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 24px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
@media only screen and (max-width: 991px) {
  .used-products-slider-container--labels {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    gap: 8px;
  }
}

.supw-price-slider {
  padding-top: 40px;
  padding-bottom: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 670px;
}
@media only screen and (max-width: 1200px) {
  .supw-price-slider {
    flex: 0 0 calc(100% - 356px);
    max-width: calc(100% - 356px);
  }
}
@media only screen and (max-width: 767px) {
  .supw-price-slider {
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 0;
  }
}
.supw-price-slider__details {
  position: relative;
  min-height: 226px;
  padding-right: 12px;
  align-items: center;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 991px) {
  .supw-price-slider__details {
    min-height: 150px;
    flex-direction: column;
    gap: 4px;
  }
}
.supw-price-slider__details svg {
  pointer-events: none;
  position: absolute;
  opacity: 0.5;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 991px) {
  .supw-price-slider__details svg {
    right: unset;
    left: 50%;
    top: -24px;
    transform: translateX(-50%);
    width: 269px;
    opacity: 1;
  }
}
.supw-price-slider__details--picture {
  transform: rotate(5.897deg);
  border-radius: 7.2px;
  width: 183.011px;
  min-width: 183.011px;
  height: auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .supw-price-slider__details--picture {
    width: 114px;
    min-width: 114px;
    border-radius: 4.524px;
  }
}
.supw-price-slider__details--info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 1;
  align-items: flex-start;
}
.supw-price-slider__details--info-title {
  color: #000000;
  font-size: 24px;
  letter-spacing: -0.24px;
  margin: 0;
  line-height: 40px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 991px) {
  .supw-price-slider__details--info-title {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: normal;
    color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
    text-align: center;
  }
}
.supw-price-slider__details--info-help {
  color: var(--primary-colors-green-green-100, #11bf3d);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  border: none;
  padding: 0;
  background: transparent;
}
@media only screen and (max-width: 991px) {
  .supw-price-slider__details--info-help {
    text-align: center;
    font-size: 14px;
    width: 100%;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}

#supw-price-slider {
  margin-bottom: 100px;
  margin-top: 72px;
  position: relative;
  direction: ltr;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
  width: 100%;
  max-width: 670px;
}
@media only screen and (max-width: 1200px) {
  #supw-price-slider {
    width: calc(100% - 108px);
  }
}
@media only screen and (max-width: 991px) {
  #supw-price-slider {
    margin-top: 92px;
  }
}
@media only screen and (max-width: 767px) {
  #supw-price-slider {
    width: 100%;
    max-width: 100%;
  }
}
#supw-price-slider .slider-track-background {
  position: absolute;
  height: 20px;
  background: repeating-linear-gradient(90deg, #e3e3e4 0, #e3e3e4 17px, transparent 17px, transparent 21px);
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  #supw-price-slider .slider-track-background {
    background: repeating-linear-gradient(90deg, #e3e3e4 0, #e3e3e4 8px, transparent 8px, transparent 12px);
  }
}
#supw-price-slider .slider-track {
  cursor: pointer;
  position: absolute;
  height: 20px;
  background: repeating-linear-gradient(90deg, #029c28 0, #029c28 17px, transparent 17px, transparent 21px);
  border-radius: 1px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 991px) {
  #supw-price-slider .slider-track {
    background: repeating-linear-gradient(90deg, #029c28 0, #029c28 8px, transparent 8px, transparent 12px);
  }
}
#supw-price-slider input[type=range] {
  position: absolute;
  width: 100%;
  -webkit-appearance: none;
  background: none;
  pointer-events: none;
}
#supw-price-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  opacity: 0;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
}
#supw-price-slider .tooltip {
  position: absolute;
  border-radius: 8px;
  padding: 8px;
  background: var(--primary-colors-green-green-80, #16481e);
  color: #ffffff;
  left: 99%;
  top: -78px;
  text-align: center;
  white-space: nowrap;
  display: block;
  transform: translateX(-50%);
  line-height: 20px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  letter-spacing: -0.14px;
  font-size: 14px;
  min-width: 114px;
  direction: rtl;
}
#supw-price-slider .tooltip::after {
  width: 0;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #16481e;
}
@media only screen and (max-width: 767px) {
  #supw-price-slider .tooltip.tooltip-overflow-left::after {
    left: 14px;
  }
}
@media only screen and (max-width: 767px) {
  #supw-price-slider .tooltip.tooltip-overflow-right::after {
    transform: translateX(calc(-100% - 7px));
    left: 100%;
  }
}
#supw-price-slider .tooltip.max {
  top: calc(100% + 20px);
}
#supw-price-slider .tooltip.max::after {
  bottom: auto;
  top: -8px;
  border-bottom: 8px solid #16481e;
  border-top: none;
}

.supw-upload-images {
  flex: 0 0 calc(100% - 356px);
  max-width: calc(100% - 356px);
}
@media only screen and (max-width: 767px) {
  .supw-upload-images {
    max-width: 100%;
  }
}
.supw-upload-images__state {
  margin-bottom: 16px;
}
.supw-upload-images__state .formWrapper__container .customCheckboxRadio input[type=checkbox] + label::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M2.5 6L5 8.5L10 3.5" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
}
.supw-upload-images__form {
  margin-bottom: 24px;
}
.supw-upload-images__form > ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (max-width: 1024px) {
  .supw-upload-images__form > ul {
    gap: 16px;
  }
}
.supw-upload-images__form > ul > li {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}
@media only screen and (max-width: 1024px) {
  .supw-upload-images__form > ul > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.supw-upload-images__form--control label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  line-height: 18px;
  cursor: pointer;
  transition: all 0.3s;
}
.supw-upload-images__form--control input[type=file] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}
.supw-upload-images__form--control_file {
  position: relative;
}
.supw-upload-images__form--control_file-placeholder {
  display: block;
  width: 100%;
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  font-size: 16px;
  line-height: 24px;
  padding: 16px 16px 16px 120px;
  border-radius: 12px;
  height: 56px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.supw-upload-images__form--control_file-button {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  padding: 16px 32px;
  text-align: center;
  background: var(--primary-colors-green-green-80, #16481e);
  color: #ffffff;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 12px;
  font-variation-settings: "wght" 700;
  transition: all 0.3s;
}
.supw-upload-images__form--control-error label {
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.supw-upload-images__form--control-error .supw-upload-images__form--control_file-placeholder {
  border-color: var(--System-Colors-Error---Badge, #ec3c2c);
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.supw-upload-images__form--control-disable {
  pointer-events: none;
}
.supw-upload-images__form--control-disable .supw-upload-images__form--control_file-button {
  background: var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
}
.supw-upload-images__form--control-disable .supw-upload-images__form--control_file-placeholder {
  border-color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #f6f6f6;
}
.supw-upload-images__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 1024px) {
  .supw-upload-images__buttons {
    flex-direction: column;
  }
}
.supw-upload-images__buttons--register {
  min-width: 260px;
}
@media only screen and (max-width: 1024px) {
  .supw-upload-images__buttons--register {
    min-width: calc(50% - 8px);
  }
}
@media only screen and (max-width: 991px) {
  .supw-upload-images__buttons--register {
    min-width: 100%;
  }
}
.supw-upload-images__buttons--support {
  pointer-events: none;
  min-width: 260px;
  background: var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
}
@media only screen and (max-width: 1024px) {
  .supw-upload-images__buttons--support {
    min-width: calc(50% - 8px);
  }
}
@media only screen and (max-width: 991px) {
  .supw-upload-images__buttons--support {
    min-width: 100%;
  }
}
.supw-upload-images__info {
  background: linear-gradient(90deg, #ffffff 0%, rgba(241, 241, 241, 0.49) 100%);
  border-radius: var(--radius-12, 12px);
  border: 1px solid var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
  padding: 16px 92px 16px 16px;
  position: relative;
  margin-bottom: 48px;
}
@media only screen and (max-width: 991px) {
  .supw-upload-images__info {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .supw-upload-images__info {
    padding-right: 56px;
    padding-top: 20px;
    background: linear-gradient(0deg, #ffffff 0%, rgba(241, 241, 241, 0.49) 100%);
  }
}
.supw-upload-images__info--icon {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 16px;
  right: 16px;
}
@media only screen and (max-width: 767px) {
  .supw-upload-images__info--icon {
    width: 32px;
    height: 32px;
  }
}
.supw-upload-images__info--details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .supw-upload-images__info--details {
    gap: 20px;
  }
}
.supw-upload-images__info--details h6 {
  margin: 0;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .supw-upload-images__info--details h6 {
    font-size: 14px;
    line-height: 24px;
  }
}
.supw-upload-images__info--details ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 767px) {
  .supw-upload-images__info--details ul {
    margin-right: -40px;
  }
}
.supw-upload-images__info--details ul li {
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
}
@media only screen and (max-width: 767px) {
  .supw-upload-images__info--details ul li {
    font-size: 12px;
  }
}
.supw-upload-images:has(.upload-product-images-state:checked) .supw-upload-images__buttons--register {
  pointer-events: none;
  background: var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
}
.supw-upload-images:has(.upload-product-images-state:checked) .supw-upload-images__buttons--support {
  pointer-events: unset;
  background: var(--primary-colors-green-green-100, #11bf3d);
}
.supw-upload-images:has(.upload-product-images-state:checked) .supw-upload-images__buttons--support:hover {
  background: var(--colors-accent-120, #029c28);
}
.supw-upload-images:has(.upload-product-images-state:checked) .supw-upload-images__buttons--support:active {
  background: var(--colors-accent-140, #16481e);
}
.supw-upload-images:has(.upload-product-images-state:checked) .supw-upload-images__form--control {
  pointer-events: none;
}
.supw-upload-images:has(.upload-product-images-state:checked) .supw-upload-images__form--control .supw-upload-images__form--control_file-button {
  background: var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
}
.supw-upload-images:has(.upload-product-images-state:checked) .supw-upload-images__form--control .supw-upload-images__form--control_file-placeholder {
  border-color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  color: var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #f6f6f6;
}

@media only screen and (max-width: 767px) {
  .usedProductsWidget {
    display: flex;
    flex-direction: column;
    margin-bottom: -24px;
  }
  .usedProductsWidget .widget__title {
    order: -1;
    margin-bottom: 32px !important;
  }
}
.usedProductsWidget__item {
  border-radius: var(--radius-12, 12px);
  border: 1px solid var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: linear-gradient(90deg, #ffffff 0%, rgba(241, 241, 241, 0.49) 100%);
  padding: 24px 8px 24px 24px;
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__item {
    background: linear-gradient(90deg, #ffffff 0%, rgba(241, 241, 241, 0.49) 100%);
    padding: 24px 16px;
    position: relative;
  }
}
.usedProductsWidget__item--picture {
  border-radius: 5.043px;
  width: 117px;
  min-width: 117px;
  height: auto;
  transform: rotate(5.897deg);
  margin-top: -48px;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__item--picture {
    position: absolute;
    border-radius: 3.45px;
    width: 80px;
    min-width: 80px;
    top: -28px;
    margin-top: 0;
  }
}
.usedProductsWidget__item--description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__item--description {
    gap: 0;
    width: 100%;
  }
}
.usedProductsWidget__item--description-state {
  font-size: 12px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  letter-spacing: -0.12px;
  line-height: 16px;
  padding: 4px 8px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__item--description-state {
    margin-bottom: 32px;
    margin-right: auto;
  }
}
.usedProductsWidget__item--description-state_ok {
  background: var(--System-Colors-Success---Background, #dff6dd);
  color: var(--System-Colors-Success---Badge, #0f7b0f);
}
.usedProductsWidget__item--description-state_pending {
  color: var(--System-Colors-Caution---Badge, #d3b412);
  background: var(--System-Colors-Caution---Background, #faf3d0);
}
.usedProductsWidget__item--description-state_cancel {
  background: var(--System-Colors-Error---Background, #fce2e0);
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.usedProductsWidget__item--description-title {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__item--description-title {
    margin-bottom: 4px;
  }
}
.usedProductsWidget__item--description p {
  font-size: 12px;
  line-height: 24px;
  margin: 0;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
}
.usedProductsWidget__item--description-submit {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-colors-green-green-100, #11bf3d);
  font-size: 14px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 24px;
  padding: 0;
  background: transparent;
  border: none;
}
.usedProductsWidget__item--description-submit svg {
  transition: all 0.3s;
}
.usedProductsWidget__item--description-submit:hover svg {
  transform: translateX(-3px);
}
.usedProductsWidget__requests--item {
  border-radius: var(--radius-12, 12px);
  border: 1px solid var(--primary-colors-light-gray-light-gray-60, #d5d5d6);
  background: #ffffff;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__requests--item {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    padding-right: 88px;
    margin-bottom: 12px;
    min-height: 96px;
  }
}
.usedProductsWidget__requests--item-picture {
  width: 80px;
  min-width: 80px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__requests--item-picture {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 64px;
    min-width: 64px;
  }
}
.usedProductsWidget__requests--item-description {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__requests--item-description {
    gap: 4px;
  }
}
.usedProductsWidget__requests--item-description_head {
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  margin: 0;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__requests--item-description_head {
    font-size: 14px;
    line-height: 24px;
  }
}
.usedProductsWidget__requests--item-description_price {
  color: var(--primary-colors-green-green-100, #11bf3d);
  font-size: 16px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__requests--item-description_price {
    font-size: 14px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 24px;
  }
}
.usedProductsWidget__requests--item--state {
  margin-right: auto;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  line-height: 16px;
  letter-spacing: -0.12px;
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget__requests--item--state {
    order: -1;
    margin-right: 0;
  }
}
.usedProductsWidget__requests--item--state_ok {
  background: var(--System-Colors-Success---Background, #dff6dd);
  color: var(--System-Colors-Success---Badge, #0f7b0f);
}
.usedProductsWidget__requests--item--state_pending {
  color: var(--System-Colors-Caution---Badge, #d3b412);
  background: var(--System-Colors-Caution---Background, #faf3d0);
}
.usedProductsWidget__requests--item--state_cancel {
  background: var(--System-Colors-Error---Background, #fce2e0);
  color: var(--System-Colors-Error---Badge, #ec3c2c);
}
.usedProductsWidget .show-empty-used-products {
  margin-top: 0;
  padding: 64px;
}
@media only screen and (max-width: 991px) {
  .usedProductsWidget .show-empty-used-products {
    padding: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .usedProductsWidget .show-empty-used-products {
    padding: 16px;
  }
}
.usedProductsWidget .show-empty-used-products__text {
  max-width: 771px;
  margin-bottom: 8px;
}

#priceRangeHelpModal.modal .modalWrapper {
  padding: 24px;
  width: 471px;
}
@media only screen and (max-width: 767px) {
  #priceRangeHelpModal.modal .modalWrapper {
    width: unset;
    padding: 16px;
  }
}
#priceRangeHelpModal.modal .modalWrapper__header {
  border-bottom-width: 1px;
  padding-bottom: 8px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.1px;
}
@media only screen and (max-width: 767px) {
  #priceRangeHelpModal.modal .modalWrapper__header {
    font-size: 16px;
    padding-bottom: 16px;
  }
}
#priceRangeHelpModal.modal .modalWrapper__header a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  #priceRangeHelpModal.modal .modalWrapper__header a {
    background: transparent;
    width: 18px;
    height: 18px;
  }
  #priceRangeHelpModal.modal .modalWrapper__header a svg path {
    stroke: #2e2e2f;
  }
}
#priceRangeHelpModal.modal .modalWrapper__body {
  padding-top: 24px;
  font-size: 14px;
  line-height: 24px;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
}
#priceRangeHelpModal.modal .modalWrapper__body .btn, #priceRangeHelpModal.modal .modalWrapper__body .gform_wrapper [type=submit], .gform_wrapper #priceRangeHelpModal.modal .modalWrapper__body [type=submit],
#priceRangeHelpModal.modal .modalWrapper__body .formWrapper [type=submit],
.formWrapper #priceRangeHelpModal.modal .modalWrapper__body [type=submit],
#priceRangeHelpModal.modal .modalWrapper__body .dotline-Q-form [type=submit],
.dotline-Q-form #priceRangeHelpModal.modal .modalWrapper__body [type=submit] {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  #priceRangeHelpModal.modal .modalWrapper__body .btn, #priceRangeHelpModal.modal .modalWrapper__body .gform_wrapper [type=submit], .gform_wrapper #priceRangeHelpModal.modal .modalWrapper__body [type=submit],
  #priceRangeHelpModal.modal .modalWrapper__body .formWrapper [type=submit],
  .formWrapper #priceRangeHelpModal.modal .modalWrapper__body [type=submit],
  #priceRangeHelpModal.modal .modalWrapper__body .dotline-Q-form [type=submit],
  .dotline-Q-form #priceRangeHelpModal.modal .modalWrapper__body [type=submit] {
    height: 40px;
    margin-top: 16px;
  }
}

#sendProductModal.modal .modalWrapper {
  padding: 24px;
  width: 471px;
}
@media only screen and (max-width: 767px) {
  #sendProductModal.modal .modalWrapper {
    width: unset;
    padding: 16px 16px 24px;
  }
}
#sendProductModal.modal .modalWrapper__header {
  border-bottom-width: 1px;
  padding-bottom: 8px;
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.1px;
}
@media only screen and (max-width: 767px) {
  #sendProductModal.modal .modalWrapper__header {
    font-size: 16px;
    padding-bottom: 16px;
  }
}
#sendProductModal.modal .modalWrapper__header a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  #sendProductModal.modal .modalWrapper__header a {
    background: transparent;
    width: 18px;
    height: 18px;
  }
  #sendProductModal.modal .modalWrapper__header a svg path {
    stroke: #2e2e2f;
  }
}
#sendProductModal.modal .modalWrapper__body {
  padding-top: 24px;
}
#sendProductModal.modal .modalWrapper__body .sendProductModal__content--control {
  margin-bottom: 24px;
  --ss-main-height: 56px;
  --ss-spacing-s: 16px;
}
#sendProductModal.modal .modalWrapper__body .sendProductModal__content--control .ss-main {
  font-size: 16px;
  align-items: center;
}
#sendProductModal.modal .modalWrapper__body .sendProductModal__content--control .ss-main .ss-arrow {
  background-size: cover;
  width: 16px;
  height: 16px;
}
#sendProductModal.modal .modalWrapper__body .sendProductModal__content--control-location {
  margin-top: 8px;
  color: var(--primary-colors-dark-gray-dark-gray-40, #5b5c5e);
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  #sendProductModal.modal .modalWrapper__body .sendProductModal__content--control-location {
    margin-top: 12px;
  }
}
#sendProductModal.modal .modalWrapper__body .sendProductModal__content--control-location svg {
  min-width: 11.25px;
  transform: translateY(3px) translateX(-3px);
}
#sendProductModal.modal .modalWrapper__body .sendProductModal__content--control-info {
  padding-top: 8px;
}
@media only screen and (max-width: 767px) {
  #sendProductModal.modal .modalWrapper__body .sendProductModal__content--control-info {
    padding-top: 12px;
  }
}
#sendProductModal.modal .modalWrapper__body .sendProductModal__content--control-info ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#sendProductModal.modal .modalWrapper__body .sendProductModal__content--control-info ul li {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 14px;
  line-height: 24px;
}
#sendProductModal.modal .modalWrapper__body .sendProductModal__content--control-info ul li span {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
}
@media only screen and (max-width: 767px) {
  #sendProductModal.modal .modalWrapper__body .btn, #sendProductModal.modal .modalWrapper__body .gform_wrapper [type=submit], .gform_wrapper #sendProductModal.modal .modalWrapper__body [type=submit],
  #sendProductModal.modal .modalWrapper__body .formWrapper [type=submit],
  .formWrapper #sendProductModal.modal .modalWrapper__body [type=submit],
  #sendProductModal.modal .modalWrapper__body .dotline-Q-form [type=submit],
  .dotline-Q-form #sendProductModal.modal .modalWrapper__body [type=submit] {
    height: 40px;
  }
}

.show-empty-used-products {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-40, #e3e3e4);
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 1044px;
}
.show-empty-used-products.hidden {
  display: none;
}
@media only screen and (max-width: 767px) {
  .show-empty-used-products {
    margin-top: 32px;
    padding: 16px;
    width: 100%;
  }
}
.show-empty-used-products__title {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  font-variation-settings: "wght" 700;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .show-empty-used-products__title {
    font-size: 14px;
    line-height: 24px;
  }
}
.show-empty-used-products__text {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  font-size: 16px;
  line-height: 32px;
  max-width: 620px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .show-empty-used-products__text {
    font-size: 14px;
    line-height: 24px;
  }
}
.show-empty-used-products__link {
  padding: 8px 16px;
  background: var(--primary-colors-green-green-100, #11bf3d);
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  border-radius: 8px;
}
.show-empty-used-products:not(.hidden) ~ .go-to-used-tab-3 {
  display: none;
}

.FAQSectionQuickAccess {
  padding: 5rem 0 4rem 0 !important;
}
@media (max-width: 47.999rem) {
  .FAQSectionQuickAccess {
    padding: 1.5rem 0 3rem 0 !important;
  }
}
.FAQSectionQuickAccess .card {
  text-align: center;
  border-radius: 0.5rem;
  padding: 2rem 1rem;
  transition: var(--main--transition-link);
  background: #ffffff;
}
@media (max-width: 47.999rem) {
  .FAQSectionQuickAccess .card {
    padding: 1rem;
  }
}
.FAQSectionQuickAccess .card svg {
  display: block;
  margin: auto;
  transition: var(--main--transition-link);
}
.FAQSectionQuickAccess .card h5 {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
  color: var(--colors-dark-gray-20, #727376);
  transition: var(--main--transition-link);
}
@media (max-width: 47.999rem) {
  .FAQSectionQuickAccess .card h5 {
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
.FAQSectionQuickAccess .card:hover {
  border-color: var(--colors-light-gray-80, #5b5c5e);
}
.FAQSectionQuickAccess .card:hover h5 {
  color: var(--colors-dark-gray-60, #5b5c5e);
  border-color: var(--colors-light-gray-80, #5b5c5e);
}

.FAQSectionHeader {
  padding: 16px 0 48px 0;
}
.FAQSectionHeader svg {
  display: block;
}
.FAQSectionHeader h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: #727376;
}
@media (max-width: 47.999rem) {
  .FAQSectionHeader h2 {
    font-size: 18px;
    line-height: 32px;
  }
}
.FAQSectionHeader h2 span {
  color: #2e2e2f;
}
.FAQSectionHeader span.badge {
  background: #f1f1f1;
  border-radius: 4px;
  padding: 4px 8px;
  color: #2e2e2f;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  display: block;
  line-height: 16px;
}
.FAQSectionHeader .FAQSectionHeader__information {
  margin-top: 16px;
}
@media (max-width: 47.999rem) {
  .FAQSectionHeader .FAQSectionHeader__information {
    margin-top: 8px;
  }
}
.FAQSectionHeader .FAQSectionHeader__information ul li {
  font-size: 12px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 24px;
  color: #444547;
  position: relative;
}
.FAQSectionHeader .FAQSectionHeader__information ul li + li::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #c7c7c8;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
}

.FAQSectionCategories {
  margin-bottom: 48px;
}
.FAQSectionCategories a {
  display: flex;
  border: 1px solid var(--colors-light-gray-60);
  padding: 11px 16px;
  border-radius: 8px;
  justify-content: space-between;
  transition: var(--main--transition-link);
}
.FAQSectionCategories a .badge {
  line-height: 32px;
  color: #727376;
  font-size: 14px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  padding: 0;
}
.FAQSectionCategories a .title {
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  flex: 1;
}
.FAQSectionCategories a.active {
  background: #f1f1f1;
}

.FAQArchiveSection {
  padding: 4rem 0 3rem 0 !important;
}
.FAQArchiveSection .FAQSectionWrapper .FAQSectionWrapper__item + .FAQSectionWrapper__item {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}
@media (max-width: 47.999rem) {
  .FAQArchiveSection .FAQSectionWrapper .FAQSectionWrapper__item + .FAQSectionWrapper__item {
    padding-top: 0;
    margin-top: 0;
  }
}
.FAQArchiveSection .FAQSectionWrapper > .faqPage__questions {
  min-height: 300px;
}
.FAQArchiveSection.single {
  padding-top: 40px !important;
}
.FAQArchiveSection.single .FAQSectionHeader {
  padding-bottom: 0 !important;
}
.FAQArchiveSection.single .FAQSectionBody {
  margin-top: 32px;
}
.FAQArchiveSection.single .FAQSectionBody p {
  font-size: 16px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 32px;
  text-align: right;
  color: #727376;
}
.FAQArchiveSection.single .FAQSectionBody img {
  margin: 64px 0;
}
.FAQArchiveSection.formNewAddQuestion {
  padding: 3rem 0 3rem 0 !important;
}
.FAQArchiveSection.formNewAddQuestion .singleQuestion {
  margin-bottom: 48px;
  display: flex;
  gap: 12px;
}
.FAQArchiveSection.formNewAddQuestion .singleQuestion .dotline-return-title-text h4 {
  font-size: 24px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: #5b5c5e;
  margin-bottom: 2px;
}
.FAQArchiveSection.formNewAddQuestion .singleQuestion .dotline-return-title-text p {
  font-size: 14px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 28px;
  color: #727376;
}
.FAQArchiveSection.formNewAddQuestion .singleQuestion .singleQuestion--back {
  order: -1;
  text-indent: -99999px;
  width: 24px;
  height: 24px;
  background: 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="M19.75 11.7256L4.75 11.7256" stroke="%23444547" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.6992 5.701L19.7492 11.725L13.6992 17.75" stroke="%23444547" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 50% 50%;
  margin: 8px 0;
}
.FAQArchiveSection.formNewAddQuestion .alert-danger,
.FAQArchiveSection.formNewAddQuestion .alert-success {
  margin-bottom: 8px !important;
}
.FAQArchiveSection.formNewAddQuestion .alert-danger + .singleQuestion,
.FAQArchiveSection.formNewAddQuestion .alert-success + .singleQuestion {
  margin-top: 24px;
}
.FAQArchiveSection.formNewAddQuestion .mySelect select {
  appearance: none;
  height: 56px;
  padding: 10px 16px !important;
  min-height: 56px !important;
  background: 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="%23444547" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') left 16px center no-repeat !important;
}
.FAQArchiveSection.formNewAddQuestion .mySelect select:active, .FAQArchiveSection.formNewAddQuestion .mySelect select:focus {
  background: url('data:image/svg+xml,<svg width="16" height="16" transform="rotate(180)" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23444547" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') left 16px center no-repeat !important;
}

.FAQSectionNewAdd {
  margin-top: 48px;
  margin-bottom: 16px;
}

.dotline-breadcrumb {
  padding-bottom: 0 !important;
}
.dotline-breadcrumb > ul {
  padding: 0 12px;
  width: 58.875rem;
  max-width: 100%;
  margin: auto;
  list-style: none;
  display: flex;
}
.dotline-breadcrumb > ul li {
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #171718;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  position: relative;
}
.dotline-breadcrumb > ul li a {
  color: #444547;
  font-variation-settings: "wght" 400;
  font-weight: 400;
}
.dotline-breadcrumb > ul li + li {
  padding-right: 34px;
}
.dotline-breadcrumb > ul li + li::before {
  content: "";
  display: block;
  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="M11.625 14.25L6.375 9L11.625 3.75" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 50% 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 8px;
}

.dotline-Q-form > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0;
  list-style: none;
}
@media (max-width: 47.999rem) {
  .dotline-Q-form > ul {
    flex-direction: column;
  }
}
.dotline-Q-form > ul > li {
  flex: 1 1 calc(50% - 12px);
}
.dotline-Q-form > ul > li.w100 {
  flex: 1 1 100%;
}
.dotline-Q-form .dotline-Q-form-btn {
  background: var(--colors-accent-100, #11bf3d);
  color: #ffffff;
  padding: 16px 21.5px;
  min-width: 130px;
  border-radius: 12px;
}
@media (max-width: 47.999rem) {
  .dotline-Q-form .dotline-Q-form-btn {
    width: 100%;
  }
}

.modal {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: var(--main--transition, 0.3s ease-out);
  padding: 2rem 0;
  flex-direction: column;
}
@media (max-width: 47.999rem) {
  .modal {
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0;
    overflow: hidden;
  }
}
.modal .modalOverlay {
  position: absolute;
  inset: 0;
  background-color: var(--colors-dark-gray-100, #2e2d2c);
  opacity: 0.7;
  z-index: 2;
}
.modal .modalWrapper {
  border-radius: 1rem;
  border: 1px solid var(--primary-colors-light-gray-light-gray-100, #b8b9bb);
  background: #ffffff;
  padding: 3rem;
  position: relative;
  z-index: 3;
  width: 54.1875rem;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
.modal .modalWrapper__header {
  padding-bottom: 1rem;
  border-bottom: 2px solid #e3e3e4;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2rem;
  font-variation-settings: "wght" 700;
}
.modal .modalWrapper__body {
  overflow-y: auto;
}
.modal .modalWrapper__body::-webkit-scrollbar {
  width: 0.25rem;
}
.modal .modalWrapper__body::-webkit-scrollbar-track {
  border-radius: 2.25rem;
}
.modal .modalWrapper__body::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 2.25rem;
}
@media (max-width: 47.999rem) {
  .modal .modalWrapper {
    border-radius: 0.75rem 0.75rem 0 0;
    padding: 1rem;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
  }
}
.modal .modalWrapper a[data-close-modal] svg {
  display: block;
}
.modal.active {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 47.999rem) {
  .modal.active .modalWrapper {
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 47.999rem) {
  .modalJustForMobileWrapper .modalJustForMobile {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: var(--main--transition, 0.3s ease-out);
  }
  .modalJustForMobileWrapper .modalJustForMobile .modalOverlay {
    position: absolute;
    inset: 0;
    background-color: var(--colors-dark-gray-100, #2e2d2c);
    opacity: 0.7;
    z-index: 2;
  }
  .modalJustForMobileWrapper .modalJustForMobile .modalWrapper {
    border: 1px solid var(--colors-light-gray-100, #b8b9bb);
    background: #ffffff;
    position: relative;
    z-index: 3;
    width: 54.1875rem;
    max-width: 100%;
    border-radius: 0.75rem 0.75rem 0 0;
    padding: 1rem;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
    overflow-y: auto;
    max-height: 90vh;
  }
  .modalJustForMobileWrapper .modalJustForMobile .modalWrapper__header {
    padding-bottom: 1rem;
    border-bottom: 2px solid #e3e3e4;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2rem;
    font-variation-settings: "wght" 700;
    position: sticky;
    top: -1rem;
    z-index: 10;
    background: #ffffff;
    margin-top: -1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
  }
  .modalJustForMobileWrapper .modalJustForMobile .modalWrapper__header div > svg {
    vertical-align: middle;
    margin-left: 0.25rem;
  }
  .modalJustForMobileWrapper .modalJustForMobile .modalWrapper__body {
    padding: 1rem 0.5rem;
  }
  .modalJustForMobileWrapper .modalJustForMobile .modalWrapper a[data-close-modal] svg {
    display: block;
  }
  .modalJustForMobileWrapper.active .modalJustForMobile {
    visibility: visible;
    opacity: 1;
  }
  .modalJustForMobileWrapper.active .modalJustForMobile .modalWrapper {
    transform: translate3d(0, 0, 0);
  }
}

#MustLoginBefore,
#EmptyCart {
  text-align: center;
}
#MustLoginBefore .mainIcon,
#EmptyCart .mainIcon {
  display: block;
  margin: auto;
}
#MustLoginBefore h5,
#EmptyCart h5 {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 47.999rem) {
  #MustLoginBefore h5,
  #EmptyCart h5 {
    margin-top: 1.5rem;
  }
}
#MustLoginBefore p,
#EmptyCart p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  #MustLoginBefore p,
  #EmptyCart p {
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
  #MustLoginBefore p br,
  #EmptyCart p br {
    display: none;
  }
}
#MustLoginBefore .btn, #MustLoginBefore .gform_wrapper [type=submit], .gform_wrapper #MustLoginBefore [type=submit],
#MustLoginBefore .formWrapper [type=submit],
.formWrapper #MustLoginBefore [type=submit],
#MustLoginBefore .dotline-Q-form [type=submit],
.dotline-Q-form #MustLoginBefore [type=submit],
#EmptyCart .btn,
#EmptyCart .gform_wrapper [type=submit],
.gform_wrapper #EmptyCart [type=submit],
#EmptyCart .formWrapper [type=submit],
.formWrapper #EmptyCart [type=submit],
#EmptyCart .dotline-Q-form [type=submit],
.dotline-Q-form #EmptyCart [type=submit] {
  margin: auto;
  min-width: 18.75rem;
}
@media (max-width: 47.999rem) {
  #MustLoginBefore .btn, #MustLoginBefore .gform_wrapper [type=submit], .gform_wrapper #MustLoginBefore [type=submit],
  #MustLoginBefore .formWrapper [type=submit],
  .formWrapper #MustLoginBefore [type=submit],
  #MustLoginBefore .dotline-Q-form [type=submit],
  .dotline-Q-form #MustLoginBefore [type=submit],
  #EmptyCart .btn,
  #EmptyCart .gform_wrapper [type=submit],
  .gform_wrapper #EmptyCart [type=submit],
  #EmptyCart .formWrapper [type=submit],
  .formWrapper #EmptyCart [type=submit],
  #EmptyCart .dotline-Q-form [type=submit],
  .dotline-Q-form #EmptyCart [type=submit] {
    width: 100%;
    font-size: 1rem;
  }
}

#EmptyCart .btn, #EmptyCart .gform_wrapper [type=submit], .gform_wrapper #EmptyCart [type=submit],
#EmptyCart .formWrapper [type=submit],
.formWrapper #EmptyCart [type=submit],
#EmptyCart .dotline-Q-form [type=submit],
.dotline-Q-form #EmptyCart [type=submit] {
  min-width: auto;
}
@media (max-width: 47.999rem) {
  #EmptyCart .btn, #EmptyCart .gform_wrapper [type=submit], .gform_wrapper #EmptyCart [type=submit],
  #EmptyCart .formWrapper [type=submit],
  .formWrapper #EmptyCart [type=submit],
  #EmptyCart .dotline-Q-form [type=submit],
  .dotline-Q-form #EmptyCart [type=submit] {
    min-width: auto;
    width: fit-content;
    font-size: 0.875rem;
  }
}

#ShareThisProduct .modalWrapper {
  width: 33.8125rem;
  padding: 2rem;
}
@media (max-width: 47.999rem) {
  #ShareThisProduct .modalWrapper {
    padding: 1rem;
  }
}
#ShareThisProduct .modalWrapper h5 {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 1rem;
}
#ShareThisProduct .modalWrapper .seperator {
  margin: 2rem 0;
  border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
}
@media (max-width: 47.999rem) {
  #ShareThisProduct .modalWrapper .seperator {
    margin: 1.5rem 0;
  }
}
#ShareThisProduct .modalWrapper a.btn, #ShareThisProduct .modalWrapper .gform_wrapper a[type=submit], .gform_wrapper #ShareThisProduct .modalWrapper a[type=submit],
#ShareThisProduct .modalWrapper .formWrapper a[type=submit],
.formWrapper #ShareThisProduct .modalWrapper a[type=submit],
#ShareThisProduct .modalWrapper .dotline-Q-form a[type=submit],
.dotline-Q-form #ShareThisProduct .modalWrapper a[type=submit] {
  margin-bottom: 2rem;
}
@media (max-width: 47.999rem) {
  #ShareThisProduct .modalWrapper a.btn, #ShareThisProduct .modalWrapper .gform_wrapper a[type=submit], .gform_wrapper #ShareThisProduct .modalWrapper a[type=submit],
  #ShareThisProduct .modalWrapper .formWrapper a[type=submit],
  .formWrapper #ShareThisProduct .modalWrapper a[type=submit],
  #ShareThisProduct .modalWrapper .dotline-Q-form a[type=submit],
  .dotline-Q-form #ShareThisProduct .modalWrapper a[type=submit] {
    margin-bottom: 1.5rem;
  }
}
#ShareThisProduct .modalWrapper--shareWrapper {
  overflow: hidden;
}
#ShareThisProduct .modalWrapper--shareWrapper h6 {
  color: var(--colors-dark-gray-80, #2e2e2f);
  text-align: right;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 1.5rem;
}
#ShareThisProduct .modalWrapper--shareWrapper .social {
  overflow: hidden;
}
#ShareThisProduct .modalWrapper--shareWrapper .social ul {
  --gutter-x: 1rem;
}
#ShareThisProduct .modalWrapper--shareWrapper .social ul li a {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 47.999rem) {
  #ShareThisProduct .modalWrapper--shareWrapper .social ul {
    justify-content: flex-end;
  }
}

#YouHaveBetterPrice .modalWrapper {
  width: 33.8125rem;
  padding: 2rem;
}
@media (max-width: 47.999rem) {
  #YouHaveBetterPrice .modalWrapper {
    padding: 1rem;
  }
}

#productGalleryModal .modalWrapper {
  width: 58.625rem;
  padding: 2rem;
}
@media (max-width: 47.999rem) {
  #productGalleryModal .modalWrapper {
    padding: 1rem;
  }
}
#productGalleryModal .modalWrapper .tabsList {
  margin-bottom: 1rem;
}
@media (max-width: 47.999rem) {
  #productGalleryModal .modalWrapper .tabsList ul li {
    flex: 1;
    text-align: center;
  }
}
#productGalleryModal .modalWrapper .slick-arrow {
  opacity: 0;
  visibility: hidden;
}
#productGalleryModal .modalWrapper:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}
#productGalleryModal .modalWrapper:hover .slick-arrow.slick-disabled {
  opacity: 0.25 !important;
}
#productGalleryModal .modalWrapper .rightside {
  border-radius: 1rem;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  overflow: hidden;
  aspect-ratio: 1;
}
#productGalleryModal .modalWrapper .rightside img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  transition: var(--main--transition-link);
}
#productGalleryModal .modalWrapper .leftside .slider-item {
  padding: 0 0.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 48em) {
  #productGalleryModal .modalWrapper .leftside .slider-item {
    width: 25% !important;
  }
}
@media (max-width: 47.999rem) {
  #productGalleryModal .modalWrapper .leftside .slider-item {
    margin-bottom: 0;
  }
}
#productGalleryModal .modalWrapper .leftside .slider-item img {
  border-radius: 0.25rem;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  overflow: hidden;
  aspect-ratio: 1;
  object-fit: cover;
  transition: var(--main--transition-link);
  cursor: pointer;
}
#productGalleryModal .modalWrapper .leftside .slider-item.slick-current img, #productGalleryModal .modalWrapper .leftside .slider-item.active img {
  border: 1px solid var(--colors-accent-100, #11bf3d);
}
#productGalleryModal .modalWrapper .leftside .slick-list {
  margin: 0 -0.5rem;
}
@media (max-width: 47.999rem) {
  #productGalleryModal .modalWrapper .leftside .slick-list {
    margin: 0 -0.5rem 0 -0.25rem;
    max-width: none;
    width: auto;
  }
}
@media (min-width: 48rem) {
  #productGalleryModal .modalWrapper .leftside .slick-track {
    width: 100% !important;
    transform: none !important;
  }
}
#productGalleryModal .modalWrapper .tabsSections {
  position: relative;
}
@media (max-width: 47.999rem) {
  #productGalleryModal .modalWrapper .tabsSections {
    height: auto;
    overflow-y: auto;
  }
}
#productGalleryModal .modalWrapper .tabsSections .productGallerySlider__item {
  overflow: hidden;
  display: none;
}
#productGalleryModal .modalWrapper #buyerGalleriesBig .leftside > .slider-item {
  transition: var(--main--transition-link, 0.3s ease-out);
}
@media (min-width: 48rem) {
  #productGalleryModal .modalWrapper #buyerGalleriesBig .leftside > .slider-item {
    flex: 0 0 12.5%;
  }
}
#productGalleryModal .modalWrapper #buyerGalleriesBig .leftside .slick-list {
  margin: 0;
}
@media (max-width: 47.999rem) {
  #productGalleryModal .modalWrapper #buyerGalleriesBig .leftside .slick-list {
    margin: 0 -0.5rem 0 -0.25rem;
  }
}
@media (max-width: 47.999rem) {
  #productGalleryModal .modalWrapper #buyerGalleriesBig .buyerGalleriesBigRightSide {
    width: 100%;
  }
}
#productGalleryModal .modalWrapper #buyerGalleriesBig.openSlide .buyerGalleriesBigRightSide {
  width: 50%;
  padding-left: calc(var(--gutter-x) / 2);
  padding-right: calc(var(--gutter-x) / 2);
}
@media (max-width: 47.999rem) {
  #productGalleryModal .modalWrapper #buyerGalleriesBig.openSlide .buyerGalleriesBigRightSide {
    width: 100%;
  }
}
#productGalleryModal .modalWrapper #buyerGalleriesBig.openSlide .leftside > .slider-item {
  flex: 0 0 25%;
}
#productGalleryModal.active .tabsSections .productGallerySlider__item.active {
  display: block;
  visibility: visible;
  opacity: 1;
}

.buyerGalleriesBigRightSide {
  width: 0%;
  padding: 0;
  transition: var(--main--transition-link, 0.3s ease-out);
}

@media (max-width: 47.999rem) {
  #QuestionAndAnswerModal .btn.btn--large, #QuestionAndAnswerModal .gform_wrapper .btn--large[type=submit], .gform_wrapper #QuestionAndAnswerModal .btn--large[type=submit],
  #QuestionAndAnswerModal .formWrapper .btn--large[type=submit],
  .formWrapper #QuestionAndAnswerModal .btn--large[type=submit],
  #QuestionAndAnswerModal .dotline-Q-form .btn--large[type=submit],
  .dotline-Q-form #QuestionAndAnswerModal .btn--large[type=submit] {
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
  }
}
#QuestionAndAnswerModal .customCheckboxRadio {
  display: block;
}

#LetmeknowCapacity .modalWrapper {
  width: 33.8125rem;
  padding: 2rem;
}
@media (max-width: 47.999rem) {
  #LetmeknowCapacity .modalWrapper {
    padding: 1rem;
  }
}
#LetmeknowCapacity .modalWrapper h5 {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 47.999rem) {
  #LetmeknowCapacity .modalWrapper h5 {
    border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}
#LetmeknowCapacity .modalWrapper ul {
  margin-bottom: 1.5rem;
}
#LetmeknowCapacity .modalWrapper ul li {
  color: var(--colors-dark-gray-20, #727376);
  text-align: right;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  position: relative;
  padding-right: 1rem;
}
#LetmeknowCapacity .modalWrapper ul li::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--secondary-colors-orange-60, #f7a07d);
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
#LetmeknowCapacity .modalWrapper ul li a {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
#LetmeknowCapacity .modalWrapper ul li + li {
  margin-top: 1rem;
}

#FileUploadModalForComment .modalWrapper {
  width: 33.8125rem;
  padding: 2rem;
}
@media (max-width: 47.999rem) {
  #FileUploadModalForComment .modalWrapper {
    padding: 1rem;
  }
}
#FileUploadModalForComment .modalWrapper__body > h5 {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}
#FileUploadModalForComment .modalWrapper__body > p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}
#FileUploadModalForComment .fileUploadComment .customFileUpload > label {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
  padding: 1rem 0;
  aspect-ratio: 1;
}
#FileUploadModalForComment .fileUploadComment .customFileUpload > label svg {
  margin-bottom: 0;
  margin-top: 0;
}
#FileUploadModalForComment .fileUploadComment.col-md-12 .customFileUpload > label {
  aspect-ratio: inherit;
  height: 6.5rem;
}
#FileUploadModalForComment .loadingMaskWrapper {
  border-radius: 0.5rem;
  border: 0;
}

#SortModalMobile {
  display: none;
}
@media (max-width: 47.999rem) {
  #SortModalMobile {
    display: flex;
  }
}
#SortModalMobile .modalWrapper__body .sortList li {
  padding: 1rem 0;
  position: relative;
  transition: var(--main--transition);
}
#SortModalMobile .modalWrapper__body .sortList li::after {
  content: "";
  display: block;
  height: 1.5rem;
  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="M15.3904 8.99994C15.3904 5.37111 12.449 2.42969 8.82022 2.42969C5.19142 2.42969 2.25 5.37111 2.25 8.99994C2.25 12.6287 5.19142 15.5702 8.82022 15.5702C12.449 15.5702 15.3904 12.6287 15.3904 8.99994Z" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.7516 4.05127C12.1645 6.0594 9.93885 9.30437 8.88157 11.2906C8.15692 10.0742 7.23826 8.99282 6.12109 8.04932" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center center no-repeat;
  background-size: 18px 18px !important;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 0;
  opacity: 0;
  transition: var(--main--transition);
}
#SortModalMobile .modalWrapper__body .sortList li a {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  display: block;
}
#SortModalMobile .modalWrapper__body .sortList li + li {
  border-top: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
#SortModalMobile .modalWrapper__body .sortList li.active {
  padding-right: 1.75rem;
}
#SortModalMobile .modalWrapper__body .sortList li.active a {
  color: var(--colors-accent-100, #11bf3d);
}
#SortModalMobile .modalWrapper__body .sortList li.active::after {
  opacity: 1;
  width: 1.5rem;
}

#ChooseAddressModal .modalWrapper {
  padding: 2rem;
  width: 63.25rem;
}
@media (max-width: 47.999rem) {
  #ChooseAddressModal .modalWrapper {
    padding: 1rem;
  }
}
#ChooseAddressModal .modalWrapper .modalWrapper__header {
  border-bottom: 0;
}
#ChooseAddressModal .modalWrapper .modalWrapper__body {
  padding: 1rem 0;
}
@media (max-width: 47.999rem) {
  #ChooseAddressModal .modalWrapper .modalWrapper__body {
    padding-bottom: 0;
  }
}
#ChooseAddressModal .modalWrapper h4 {
  color: var(--colors-dark-gray-80, #2e2e2f);
}
#ChooseAddressModal .modalWrapper .customCheckboxRadio label {
  border-radius: 0.5rem;
  border: 1px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  padding: 0.5rem 2rem 0.5rem 5rem;
}
#ChooseAddressModal .modalWrapper .customCheckboxRadio label::before, #ChooseAddressModal .modalWrapper .customCheckboxRadio label::after {
  right: 0.5rem;
  top: 1rem;
  bottom: auto;
}
#ChooseAddressModal .modalWrapper .customCheckboxRadio label h6 {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 0.25rem;
}
#ChooseAddressModal .modalWrapper .customCheckboxRadio label svg {
  position: relative;
  top: 3px;
}
#ChooseAddressModal .modalWrapper .customCheckboxRadio label p {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
#ChooseAddressModal .modalWrapper .customCheckboxRadio .editAddress {
  position: absolute;
  left: 0.5rem;
  top: 0;
  bottom: 0;
}
@media (max-width: 47.999rem) {
  #ChooseAddressModal .modalWrapper .customCheckboxRadio .editAddress {
    top: auto;
    bottom: 0.5rem;
  }
}
#ChooseAddressModal .modalWrapper .formWrapper__container + .formWrapper__container {
  margin-top: 1rem;
}
#ChooseAddressModal .modalWrapper .newAddress {
  margin-top: 1.5rem;
}
@media (max-width: 47.999rem) {
  #ChooseAddressModal .modalWrapper .newAddress {
    margin-top: 1rem;
    font-size: 1rem;
  }
}

#EditAddressModal .modalWrapper {
  padding: 2rem;
  width: 30.4375rem;
  transition: var(--main--transition, 0.3s ease-out);
}
@media (max-width: 47.999rem) {
  #EditAddressModal .modalWrapper {
    padding: 1rem;
    width: 100%;
  }
}
#EditAddressModal .modalWrapper__body {
  padding: 1rem 0;
}
@media (max-width: 47.999rem) {
  #EditAddressModal .modalWrapper__body {
    padding-bottom: 0 !important;
  }
}
#EditAddressModal .modalWrapper__body .customCheckboxRadio label {
  font-size: 0.875rem;
}
#EditAddressModal .modalWrapper__body .woocommerce-error {
  position: absolute;
  top: 0;
  right: 1rem;
  left: 1rem;
  z-index: 10;
}
#EditAddressModal .formWrapperEdit {
  width: 26.4375rem;
  transition: var(--main--transition, 0.3s ease-out);
}
@media (max-width: 47.999rem) {
  #EditAddressModal .formWrapperEdit {
    width: 100%;
  }
}
#EditAddressModal .mapWrapperEdit {
  width: 0;
  transition: var(--main--transition, 0.3s ease-out);
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
@media (max-width: 47.999rem) {
  #EditAddressModal .mapWrapperEdit {
    width: 100%;
    height: 0;
  }
}
#EditAddressModal .mapWrapperEdit #map {
  width: 44.8125rem !important;
  height: 44.8125rem;
}
@media (max-width: 47.999rem) {
  #EditAddressModal .mapWrapperEdit #map {
    width: 100% !important;
    height: 23.0625rem !important;
  }
}
#EditAddressModal.openMapTehran .modalWrapper {
  width: 67rem;
}
#EditAddressModal.openMapTehran .formWrapperEdit {
  width: 16.1875rem;
  padding-left: 2rem;
}
@media (max-width: 47.999rem) {
  #EditAddressModal.openMapTehran .formWrapperEdit {
    padding-left: 0;
    padding-bottom: 1rem;
    width: 100%;
  }
}
#EditAddressModal.openMapTehran .mapWrapperEdit {
  width: 44.8125rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  #EditAddressModal.openMapTehran .mapWrapperEdit {
    width: 100%;
    height: 23.0625rem !important;
    margin-top: 0 !important;
  }
}

.mapWrapperEdit .mapFooterSearch {
  position: absolute;
  padding: 1rem;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 47.999rem) {
  .mapWrapperEdit .mapFooterSearch {
    padding: 0.5rem;
  }
}
.mapWrapperEdit .mapFooterSearch .formWrapper__container input {
  padding-right: 2.5rem;
}
.mapWrapperEdit .mapFooterSearch .formWrapper__container svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  margin: auto;
}
.mapWrapperEdit .mapboxgl-ctrl-geocoder--pin-right,
.mapWrapperEdit .mapboxgl-ctrl-geocoder--icon,
.mapWrapperEdit .mapboxgl-ctrl-bottom-right,
.mapWrapperEdit .mapboxgl-ctrl-bottom-left {
  display: none;
}
.mapWrapperEdit .suggestions-wrapper {
  position: absolute;
  bottom: 100%;
  width: 100%;
}
.mapWrapperEdit .suggestions-wrapper .mapboxgl-ctrl-geocoder--powered-by {
  display: none !important;
}
.mapWrapperEdit .suggestions-wrapper > ul {
  list-style: none;
  padding: 0;
  background: #ffffff;
  width: 100%;
  border-radius: 1rem;
  max-height: 20rem;
  overflow: auto;
  margin-bottom: 1rem;
  direction: ltr;
}
@media (max-width: 47.999rem) {
  .mapWrapperEdit .suggestions-wrapper > ul {
    max-height: 15rem;
  }
}
.mapWrapperEdit .suggestions-wrapper > ul::-webkit-scrollbar {
  width: 0.25rem;
}
.mapWrapperEdit .suggestions-wrapper > ul::-webkit-scrollbar-track {
  border-radius: 2.25rem;
}
.mapWrapperEdit .suggestions-wrapper > ul::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 2.25rem;
}
.mapWrapperEdit .suggestions-wrapper > ul .mapboxgl-ctrl-geocoder--suggestion-title,
.mapWrapperEdit .suggestions-wrapper > ul .mapboxgl-ctrl-geocoder--suggestion-address {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.mapWrapperEdit .suggestions-wrapper > ul .mapboxgl-ctrl-geocoder--suggestion-title {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
}
.mapWrapperEdit .suggestions-wrapper > ul .mapboxgl-ctrl-geocoder--suggestion-address {
  color: var(--colors-dark-gray-80, #2e2e2f);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}
.mapWrapperEdit .suggestions-wrapper > ul > li > a {
  cursor: pointer;
  display: block;
  padding: 0.5rem 1rem;
  background: #ffffff;
  transition: var(--main--transition, 0.3s ease-out);
}
.mapWrapperEdit .suggestions-wrapper > ul > li > a:hover {
  background: var(--colors-light-gray-20, #f1f1f1);
}

#ChooseAddressModal .btn--remove {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  left: 2rem;
  top: -1rem;
}
@media (max-width: 47.999rem) {
  #ChooseAddressModal .btn--remove {
    position: static;
    background: none;
  }
  #ChooseAddressModal .btn--remove path {
    stroke: #2e2e2f;
  }
}
#ChooseAddressModal .modalWrapper__body {
  padding-left: 1rem !important;
}
@media (max-width: 47.999rem) {
  #ChooseAddressModal .modalWrapper__body {
    overflow: auto;
  }
}
#ChooseAddressModal .modalWrapper__body .formWrapperEdit {
  height: 50rem;
  max-height: calc(100vh - 212px);
  overflow: auto;
  margin-left: 0.25rem;
}
@media (max-width: 47.999rem) {
  #ChooseAddressModal .modalWrapper__body .formWrapperEdit {
    overflow: visible;
    margin-left: 0;
    max-height: none;
    height: auto;
  }
}
#ChooseAddressModal .modalWrapper__body .formWrapperEdit::-webkit-scrollbar {
  width: 0.25rem;
}
#ChooseAddressModal .modalWrapper__body .formWrapperEdit::-webkit-scrollbar-track {
  border-radius: 2.25rem;
}
#ChooseAddressModal .modalWrapper__body .formWrapperEdit::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 2.25rem;
}

#EditAddressModal .btn--remove {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  left: 2rem;
  top: -1rem;
}
@media (max-width: 47.999rem) {
  #EditAddressModal .btn--remove {
    position: static;
    background: none;
  }
  #EditAddressModal .btn--remove path {
    stroke: #2e2e2f;
  }
}
#EditAddressModal .modalWrapper__body {
  margin-left: -2rem;
  padding-left: 2rem !important;
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  #EditAddressModal .modalWrapper__body {
    padding-left: 1rem !important;
    margin-left: -1.25rem !important;
    overflow: auto;
  }
}
#EditAddressModal .modalWrapper__body .formWrapperEdit {
  height: 50rem;
  max-height: calc(100vh - 212px);
  overflow: auto;
  margin-left: 0.25rem;
}
@media (max-width: 47.999rem) {
  #EditAddressModal .modalWrapper__body .formWrapperEdit {
    overflow: visible;
    margin-left: 0;
    max-height: none;
    height: auto;
  }
}
#EditAddressModal .modalWrapper__body .formWrapperEdit::-webkit-scrollbar {
  width: 0.25rem;
}
#EditAddressModal .modalWrapper__body .formWrapperEdit::-webkit-scrollbar-track {
  border-radius: 2.25rem;
}
#EditAddressModal .modalWrapper__body .formWrapperEdit::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 2.25rem;
}

.formWrapperForms {
  overflow: hidden;
}

#MobileAuthentication .modalWrapper {
  width: auto;
  padding: 0;
}
#MobileAuthentication .modalWrapper .siteRow {
  min-height: auto;
  padding: 0;
}
@media (max-width: 47.999rem) {
  #MobileAuthentication .modalWrapper {
    width: 100%;
    border-radius: 0;
  }
  #MobileAuthentication .modalWrapper .modalWrapper__body {
    height: 100vh;
  }
  #MobileAuthentication .modalWrapper .modalWrapper__body .siteRow {
    height: 100%;
    padding: 0 1rem;
  }
  #MobileAuthentication .modalWrapper .modalWrapper__body .siteRow .card {
    height: 100%;
    margin: auto;
  }
}
#MobileAuthentication .modalWrapper .card {
  margin-bottom: 0;
}

#removeAddressModal .modalWrapper,
#removeProductModal .modalWrapper,
#removeCommentModal .modalWrapper {
  width: 28.125rem;
  padding: 1.5rem;
}
@media (max-width: 47.999rem) {
  #removeAddressModal .modalWrapper,
  #removeProductModal .modalWrapper,
  #removeCommentModal .modalWrapper {
    width: 100%;
    padding: 1rem;
  }
}
@media (min-width: 48rem) {
  #removeAddressModal .modalWrapper__header,
  #removeProductModal .modalWrapper__header,
  #removeCommentModal .modalWrapper__header {
    border-bottom: 0;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 47.999rem) {
  #removeAddressModal .modalWrapper__body,
  #removeProductModal .modalWrapper__body,
  #removeCommentModal .modalWrapper__body {
    padding-top: 1rem;
  }
  #removeAddressModal .modalWrapper__body .btn--large,
  #removeProductModal .modalWrapper__body .btn--large,
  #removeCommentModal .modalWrapper__body .btn--large {
    height: 2.5rem !important;
  }
}
#removeAddressModal .modalWrapper__body p,
#removeProductModal .modalWrapper__body p,
#removeCommentModal .modalWrapper__body p {
  margin-bottom: 2rem;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}

#BirthdayCalendarModal .modalWrapper {
  width: 34.375rem;
  padding: 2rem;
}
@media (max-width: 47.999rem) {
  #BirthdayCalendarModal .modalWrapper {
    width: 100%;
    padding: 1rem;
  }
}
@media (min-width: 48rem) {
  #BirthdayCalendarModal .modalWrapper__header {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
  }
}
#BirthdayCalendarModal .modalWrapper__body {
  padding-top: 1.5rem;
}
#BirthdayCalendarModal .modalWrapper__footer {
  padding-top: 2rem;
}

#cancelAddressModal .modalWrapper,
#cancelAddressModalSheba .modalWrapper {
  width: 553px;
  padding: 1.5rem;
}
@media (max-width: 47.999rem) {
  #cancelAddressModal .modalWrapper,
  #cancelAddressModalSheba .modalWrapper {
    width: 100%;
    padding: 1rem;
  }
}
@media (min-width: 48rem) {
  #cancelAddressModal .modalWrapper__header,
  #cancelAddressModalSheba .modalWrapper__header {
    border-bottom: 0;
    color: var(--colors-dark-gray-60, #444547);
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 47.999rem) {
  #cancelAddressModal .modalWrapper__body,
  #cancelAddressModalSheba .modalWrapper__body {
    padding-top: 1rem;
  }
}
#cancelAddressModal .modalWrapper__body p,
#cancelAddressModalSheba .modalWrapper__body p {
  margin-bottom: 0.5rem;
  color: #444547;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}
#cancelAddressModal .modalWrapper__body p span,
#cancelAddressModalSheba .modalWrapper__body p span {
  background: rgba(215, 240, 219, 0.6);
  padding: 2px 4px;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
#cancelAddressModal .modalWrapper__body .formWrapperForms,
#cancelAddressModalSheba .modalWrapper__body .formWrapperForms {
  margin-top: 1.5rem;
}
#cancelAddressModal .modalWrapper__footer,
#cancelAddressModalSheba .modalWrapper__footer {
  padding-top: 2rem;
}

#ChooseProductForCompare .modalWrapper {
  width: 46rem;
  padding: 0;
}
@media (max-width: 47.999rem) {
  #ChooseProductForCompare .modalWrapper {
    width: 100%;
    padding: 0;
  }
}
#ChooseProductForCompare .modalWrapper__header {
  border-bottom-width: 0;
  padding: 1.5rem;
}
#ChooseProductForCompare .modalWrapper__header .inside {
  padding-bottom: 1rem !important;
  border-bottom: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
#ChooseProductForCompare .modalWrapper__header h4 {
  color: var(--colors-dark-gray-40, #5b5c5e);
  text-align: right;
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}
#ChooseProductForCompare .modalWrapper__header h6 {
  color: var(--colors-dark-gray-40, #5b5c5e);
  text-align: right;
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}
@media (min-width: 48rem) {
  #ChooseProductForCompare .modalWrapper__header {
    color: var(--colors-dark-gray-60, #444547);
    padding-bottom: 1rem;
  }
}
#ChooseProductForCompare .modalWrapper__body {
  padding: 0 1.5rem;
  overflow: hidden;
  border-radius: 1rem;
}
#ChooseProductForCompare .modalWrapper__body .formWrapperForms {
  overflow: visible;
}
#ChooseProductForCompare .modalWrapper__body .formWrapperForms input {
  font-size: 0.75rem;
}
#ChooseProductForCompare .modalWrapper__body .formWrapperForms button {
  border-radius: 0 !important;
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList {
  margin-top: 1.5rem;
  overflow-y: auto;
  max-height: 40vh;
  position: relative;
  z-index: 150;
  padding-bottom: 1.5rem;
  margin-left: -1.25rem;
  padding-left: 1.25rem;
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList::-webkit-scrollbar {
  width: 0.25rem;
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList::-webkit-scrollbar-track {
  border-radius: 2.25rem;
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 2.25rem;
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList .inside {
  overflow: hidden;
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList .inside .card {
  border-radius: 0.5rem;
  border: 1px solid var(--colors-light-gray-20, #f1f1f1);
  background: #ffffff;
  overflow: hidden;
  cursor: pointer;
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList .inside .card:hover {
  border: 1px solid var(--colors-dark-gray-20, #727376);
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList .inside .card__image {
  width: 8.75rem;
  height: 8.75rem;
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList .inside .card__image.withGutters {
  padding: 1rem;
}
@media (max-width: 47.999rem) {
  #ChooseProductForCompare .modalWrapper__body .compareWrapperProductList .inside .card__image.withGutters {
    padding: 0.5rem;
  }
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList .inside .card__image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#ChooseProductForCompare .modalWrapper__body .compareWrapperProductList .inside .card__overload {
  padding: 0.5rem 0 0.5rem 0.5rem;
}
#ChooseProductForCompare .modalWrapper__footer {
  padding-top: 2rem;
}

#QuickViewProduct .modalWrapper {
  width: 56.8125rem;
  padding: 1.5rem;
  min-height: 500px;
}
#QuickViewProduct .modalWrapper__body .card {
  overflow: hidden;
}
#QuickViewProduct .modalWrapper__body .card .centerSide {
  width: 25rem;
}
#QuickViewProduct .modalWrapper__body .card .centerSide .quantityPrice {
  margin: 1rem 0;
}
#QuickViewProduct .modalWrapper__body .card .centerSide .productHeroSection__fullContent--title h1 {
  font-size: 1.25rem;
  line-height: 2rem;
}
#QuickViewProduct .modalWrapper__body .card .centerSide .card__overload--prices ins {
  margin-right: 0.5rem;
  font-size: 1.5rem;
  color: var(--colors-dark-gray-100, #171718);
}
#QuickViewProduct .modalWrapper__body .card .centerSide .card__overload--prices ins:only-child {
  margin-right: 0 !important;
}
#QuickViewProduct .modalWrapper__body .card .centerSide h5 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
#QuickViewProduct .modalWrapper__body .card .productMainCarousel {
  flex-direction: column;
}
#QuickViewProduct .modalWrapper__body .card .productMainCarousel .productMainCarousel__rightSide {
  width: 100%;
}
#QuickViewProduct .modalWrapper__body .card .productMainCarousel .productMainCarousel__leftSide--mainCarousel {
  border-radius: 1rem;
  overflow: hidden;
}
#QuickViewProduct .modalWrapper__body .card .productMainCarousel .productMainCarousel__leftSide--mainCarousel .slider-item .category {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: #ffffff;
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: block;
  color: var(--colors-accent-140, #16481e);
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: -0.0075rem;
  font-variation-settings: "wght" 500;
}
#QuickViewProduct .modalWrapper__body .card .productMainCarousel .productMainCarousel__leftSide--mainCarousel .slider-item .favoriteButton {
  position: absolute;
  top: 1rem;
  left: 1rem;
  border: 0;
}
#QuickViewProduct .modalWrapper__body .card .productMainCarousel .productMainCarousel__rightSide--AsNavFor .slider-item {
  width: 5rem;
  height: 4.25rem;
  margin: 0 0.25rem;
  border: 1px solid var(--colors-light-gray-60, #d5d5d6) !important;
}
#QuickViewProduct .modalWrapper__body .card .productMainCarousel .productMainCarousel__rightSide--AsNavFor .slider-item.slick-current:not(.seeMoreProductCarousel) {
  border: 1px solid var(--colors-accent-80, #5ec46e) !important;
}
#QuickViewProduct .modalWrapper__body .card .productMainCarousel .productMainCarousel__rightSide--AsNavFor .slider-item.seeMoreProductCarousel {
  border: 0 !important;
  width: auto;
  padding-right: 1rem;
}

#editAccountnotices .modalWrapper {
  width: 32rem;
  padding: 2rem;
}
#editAccountnotices .modalWrapper h5 {
  margin-bottom: 1.5rem;
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: center;
}

#specialOfferModal .modalWrapper {
  width: 49.5rem;
}

.siteHeader {
  position: sticky;
  top: -146px;
  z-index: 1000;
  background: #ffffff;
}
@media (max-width: 47.999rem) {
  .siteHeader {
    position: static;
  }
}
.siteHeader__topBar {
  background: linear-gradient(270deg, #36b54a 44.79%, rgba(241, 97, 39, 0.49) 100%);
  color: #ffffff;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.56rem 0;
}
.siteHeader__topBar a {
  color: currentcolor;
}
@media (max-width: 47.999rem) {
  .siteHeader__topBar {
    padding: 0.5rem 0;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 0.75rem;
    flex-direction: row-reverse;
    gap: 0.5rem;
    line-height: 1.5rem;
  }
}
.siteHeader__topBar--remove {
  position: absolute;
  right: 1.5rem;
}
@media (max-width: 47.999rem) {
  .siteHeader__topBar--remove {
    right: 1rem;
    position: static;
  }
}
.siteHeader__centerSide {
  padding: 3rem 0 2rem 0;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
  .siteHeader__centerSide .col:has(.siteHeader__centerSide--searchFrom) {
    order: 3;
  }
  .siteHeader__centerSide .col-auto:has(.siteHeader__centerSide--userProfile) {
    order: 1;
  }
  .siteHeader__centerSide .siteRow {
    justify-content: space-between;
  }
  .siteHeader__centerSide:not(.stickyMobile) {
    padding: 0 0 1rem 0;
  }
  .siteHeader__centerSide.stickyMobile {
    background: #ffffff;
    z-index: 1001;
    padding: 0.75rem 0;
    border-bottom: 1px solid transparent;
    transition: border-bottom-color var(--main--transition);
  }
}
.siteHeader__centerSide--hamburgerMenu {
  width: 5.5rem;
}
.siteHeader__centerSide--hamburgerMenu button {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: none;
  border: 0;
  padding: 0;
  position: relative;
}
.siteHeader__centerSide--hamburgerMenu button span {
  background: var(--colors-dark-gray-80);
  border-radius: 50px;
  height: 2px;
  position: absolute;
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  margin: auto;
  width: 18px;
  left: 0;
  right: 0;
}
.siteHeader__centerSide--hamburgerMenu button span:nth-child(1) {
  top: 4px;
}
.siteHeader__centerSide--hamburgerMenu button span:nth-child(2) {
  top: 0;
  bottom: 0;
}
.siteHeader__centerSide--hamburgerMenu button span:nth-child(3) {
  bottom: 4px;
}
.siteHeader__centerSide--mainlogo {
  width: 13.3125rem;
  height: 3.0625rem;
  position: relative;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide--mainlogo {
    width: 7.3125rem;
    height: 1.6875rem;
  }
}
.siteHeader__centerSide--mainlogo a {
  width: 13.3125rem;
  height: 3.0625rem;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  display: block;
  transition: width 0.5s 0.5s cubic-bezier(0.2, 0.64, 0.48, 1.24), transform 0.5s 0s cubic-bezier(0.2, 0.64, 0.48, 1.24);
  z-index: 1001;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide--mainlogo a {
    width: 7.3125rem;
    height: 1.6875rem;
  }
}
.siteHeader__centerSide--mainlogo a img {
  max-width: none;
  float: left;
  width: 13.3125rem;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide--mainlogo a img {
    max-width: 100%;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result {
  display: none;
  position: absolute;
  right: 0;
  z-index: 1;
  width: 100%;
  top: 100%;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  background: #ffffff;
  box-shadow: 0 16px 16px 0 rgba(46, 45, 44, 0.08);
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result {
    min-width: 690px;
  }
}
@media only screen and (max-width: 1024px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result {
    min-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result {
    border: none;
    background: #ffffff;
    box-shadow: none;
    height: calc(100vh - 160px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #74777f #f1f1f1;
    top: 65px;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last h6 {
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-variation-settings: "wght" 400;
  margin-bottom: 16px;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last ul {
  padding: 0 0 6px;
  display: flex;
  gap: 8px;
  list-style: none;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last ul::-webkit-scrollbar {
  height: 6px;
  background-color: #f1f1f1;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last ul::-webkit-scrollbar-thumb {
  background-color: #74777f;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(83, 83, 83, 0.07);
  background-color: #f1f1f1;
}
@media only screen and (max-width: 767px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result--last ul {
    scrollbar-width: none;
    padding: 0;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last ul li a {
  border-radius: 38px;
  border: 1px solid var(--primary-colors-light-gray-light-gray-20, #f1f1f1);
  background: #ffffff;
  padding: 2px 16px;
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
  line-height: 24px;
  font-size: 12px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 8px;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last ul li a span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last ul li a span svg {
  transition: all 0.3s;
  display: block;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--last ul li a:hover svg {
  transform: translateX(-3px);
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products {
  flex-direction: column;
  display: flex;
  align-items: flex-start;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-label {
  color: #ffffff;
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: 16px;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  margin-bottom: 16px;
  background: var(--secondary-colors-orange-100, #f16127);
  padding: 4px 8px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-label {
    margin-bottom: 12px;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product {
  height: 100%;
  position: relative;
  min-height: 140px;
  padding-right: 148px;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product {
    min-height: 100px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 88px;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product img {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 8px;
  width: 140px;
  height: 140px;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 767px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product img {
    width: 80px;
    height: 80px;
    top: 10px;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product_title {
  margin-bottom: 16px;
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
@media only screen and (max-width: 767px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product_title {
    margin-bottom: 8px;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product_title a {
  color: currentcolor;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product_price {
  margin-top: auto;
  display: flex;
  flex-direction: column;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product_price del {
  color: var(--colors-dark-gray-40, #5b5c5e);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  display: inline-block;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products-product_price ins {
  color: var(--colors-accent-100, #11bf3d);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  text-decoration: none;
  display: inline-block;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul {
  width: 100%;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 767.98px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul {
    flex-direction: column;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul .slick-arrow.slick-disabled {
  pointer-events: none;
  opacity: 0;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul .slick-arrow.slick-next {
  background: unset;
  box-shadow: none;
  border-radius: unset;
  display: flex !important;
  border: none;
  justify-content: flex-end;
  right: -0.4rem;
  transform: translateY(-50%) scale(-1, 1);
  height: 100%;
  width: 103px;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul .slick-arrow.slick-next svg {
  position: relative;
  z-index: 1;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul .slick-arrow.slick-next::before {
  pointer-events: none;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul .slick-arrow.slick-prev {
  background: unset;
  box-shadow: none;
  display: flex !important;
  border-radius: unset;
  justify-content: flex-end;
  border: none;
  left: -0.4rem;
  height: 100%;
  width: 103px;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul .slick-arrow.slick-prev svg {
  position: relative;
  z-index: 1;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul .slick-arrow.slick-prev::before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul li.slick-slide {
  margin-left: 8px;
}
@media only screen and (max-width: 767.98px) {
  .siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul li.slick-slide {
    margin-left: 0;
    display: block !important;
    width: 100%;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--products ul li.slick-slide:last-child {
  margin-left: 0;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--items_down {
  border-top: 1px solid #e3e3e4;
  padding-top: 16px;
  margin-top: 16px;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--item svg {
  min-width: 16px;
  transform: translateY(3px);
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--item:last-child {
  margin-bottom: 0;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--item_title {
  display: flex;
  flex-direction: column;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--item_title strong {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  color: var(--primary-colors-dark-gray-dark-gray-60, #444547);
  font-size: 14px;
  line-height: 24px;
  transition: all 0.3s;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--item_title span {
  display: block;
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 24px;
  font-size: 12px;
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--item_title span b {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  color: var(--primary-colors-green-green-100, #11bf3d);
}
.siteHeader__centerSide--searchFrom .searchFormSection__search-result--item:hover .searchFormSection__search-result--item_title strong {
  color: var(--colors-accent-120, #029c28);
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner {
  height: 4rem;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide--searchFrom .searchFormSection__inner {
    height: 3rem;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--input input {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 1.25rem 1.5rem !important;
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--input input::placeholder {
  color: var(--colors-dark-gray-20, #727376) !important;
  font-weight: 400 !important;
  font-variation-settings: "wght" 400 !important;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide--searchFrom .searchFormSection__inner [type=submit] {
    min-width: 3rem;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select {
  position: relative;
  height: 100%;
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select select {
  opacity: 0;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide--searchFrom .searchFormSection__inner--select {
    display: none;
  }
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select .ss-main {
  border-top: 0;
  border-bottom: 0;
  height: 100%;
  overflow: hidden;
  border-radius: 0 !important;
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select .ss-main .ss-values {
  gap: 0;
  width: 7rem;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select .ss-main .ss-values .ss-value {
  width: auto;
  padding: 0;
  background: none;
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select .ss-main .ss-values .ss-value .ss-value-text {
  padding: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--colors-dark-gray-20, #727376);
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select .ss-main .ss-values .ss-value .ss-value-delete {
  padding: 0;
  display: none;
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select .ss-main .ss-values .ss-value + .ss-value::before {
  content: "،";
  margin-left: 0.25rem;
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select .ss-main .ss-values .ss-placeholder {
  color: var(--colors-dark-gray-20, #727376);
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select .ss-main .ss-deselect {
  display: none;
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select .ss-main.ss-open-below + #searchCategoriesBox {
  visibility: visible;
}
.siteHeader__centerSide--searchFrom .searchFormSection__inner--select #searchCategoriesBox {
  position: absolute;
  top: 100%;
  left: -64px;
  right: 0;
  padding-top: 0.25rem;
  visibility: hidden;
}
.siteHeader__centerSide--userProfile {
  padding-right: 2rem;
  transition: var(--main--transition);
  position: relative;
  z-index: 1001;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide--userProfile {
    padding-right: 0;
  }
  .siteHeader__centerSide--userProfile > .row {
    --gutter-x: 1.5rem;
  }
}
.siteHeader__centerSide--userProfile .shopCartButton > button,
.siteHeader__centerSide--userProfile .shopCartButton > a {
  position: relative;
  padding: 0.25rem;
  overflow: visible !important;
}
.siteHeader__centerSide--userProfile .shopCartButton > button .badge,
.siteHeader__centerSide--userProfile .shopCartButton > a .badge {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
}
.siteHeader__centerSide--userProfile .shopCartButton.animation > button,
.siteHeader__centerSide--userProfile .shopCartButton.animation > a {
  animation: shakeCart 0.4s ease-in-out forwards;
}
@keyframes shakeCart {
  25% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
.siteHeader__centerSide--userProfile .shopCartButton__overload {
  position: absolute;
  border-radius: 0.5rem;
  background: #ffffff;
  box-shadow: var(--main--shadows-3);
  width: 28.0625rem;
  min-height: 19.75rem;
  max-height: 41.5rem;
  left: 0;
  text-align: right;
  top: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  transform: translateY(1rem);
  opacity: 0;
  visibility: hidden;
  transition: var(--main--transition);
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--header {
  border-bottom: 1px solid var(--colors-light-gray-40, #e3e3e4);
  padding: 0 0 1rem 0;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--header h6 {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 2rem;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body {
  overflow-y: scroll;
  max-height: 30rem;
  flex: 1;
  margin-left: -1rem;
  padding-left: 0.5rem;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body::-webkit-scrollbar {
  width: 0.25rem;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body::-webkit-scrollbar-track {
  border-radius: 1rem;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body::-webkit-scrollbar-thumb {
  background: var(--colors-light-gray-20);
  border-radius: 1rem;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li {
  overflow: hidden;
  padding: 1rem 0;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__image {
  width: 5.8125rem;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__overload {
  padding: 0;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__overload--category {
  margin: 0.25rem 0;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__overload--title {
  margin-bottom: 0.5rem;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__overload--title a {
  height: auto;
  min-height: auto;
  max-height: none;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__overload--colors {
  color: var(--primary-colors-dark-gray-dark-gray-100, #171718);
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__overload--colors b {
  color: var(--primary-colors-dark-gray-dark-gray-20, #727376);
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__overload--prices > .row {
  height: auto;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__overload--prices del {
  text-align: left;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li .card.product.list .card__overload--quantity input {
  width: 134px !important;
  height: 2.5rem !important;
  padding: 8px 16px !important;
  background-color: #ffffff;
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--body ul li + li {
  border-top: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--footer {
  padding: 1rem 0 0 0;
  border-top: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
.siteHeader__centerSide--userProfile .shopCartButton__overload--footer h6 {
  color: var(--colors-dark-gray-60, #444547);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
}
.siteHeader__centerSide--userProfile .shopCartButton:hover .shopCartButton__overload, .siteHeader__centerSide--userProfile .shopCartButton.active .shopCartButton__overload {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.siteHeader__centerSide--userProfile .userProfileButton {
  position: relative;
}
.siteHeader__centerSide--userProfile .userProfileButton::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 2.625rem;
  width: 1px;
  background: var(--colors-light-gray-60, #d5d5d6);
  margin: auto;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide--userProfile .userProfileButton::after {
    display: none;
  }
}
.siteHeader__centerSide--userProfile .userProfileButton__overload {
  position: absolute;
  border-radius: 0.5rem;
  background: #ffffff;
  box-shadow: var(--main--shadows-3);
  width: 17.5rem;
  left: 0;
  text-align: right;
  top: 100%;
  transform: translateY(1rem);
  opacity: 0;
  visibility: hidden;
  transition: var(--main--transition);
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--header {
  border-radius: 0.5rem 0.5rem 0 0;
  background: #f9f9f9;
  padding: 1rem;
  position: relative;
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--header img {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 2.25rem;
  border: 1px solid var(--colors-accent-100, #11bf3d);
  object-fit: cover;
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--header h5 {
  color: var(--colors-accent-100);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--header svg {
  display: block;
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--body ul {
  padding: 0.5rem 0;
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--body ul li {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  position: relative;
  color: var(--colors-light-dark-60, #444547);
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--body ul li svg {
  display: block;
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--body ul li svg path {
  transition: var(--main--transition-link);
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--body ul li span {
  color: var(--colors-light-gray-80, #c7c7c8);
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--body ul li.seperator {
  height: 1px;
  background: #f1f1f1;
  padding: 0;
  margin: 0.5rem 1rem;
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--body ul li:hover:not(.logOutButton) svg path {
  stroke: var(--colors-accent-100, #11bf3d);
}
.siteHeader__centerSide--userProfile .userProfileButton__overload--body ul li.logOutButton {
  color: var(--system-colors-error, #ec3c2c);
}
.siteHeader__centerSide--userProfile .userProfileButton button,
.siteHeader__centerSide--userProfile .userProfileButton > a {
  color: var(--colors-dark-gray-100, #171718);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  gap: 0.5rem;
  overflow: visible;
}
@media (max-width: 47.999rem) {
  .siteHeader__centerSide--userProfile .userProfileButton span {
    display: none;
  }
}
.siteHeader__centerSide--userProfile .userProfileButton:hover .userProfileButton__overload {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.siteHeader__navigationSide {
  border-bottom: 1px solid var(--colors-light-gray-40, #e3e3e4);
}
@media (max-width: 47.999rem) {
  .siteHeader__navigationSide .col-auto:has(.siteHeader__navigationSide--leftside) {
    flex: 0 0 100% !important;
  }
}
.siteHeader__navigationSide--rightSide {
  transition: var(--main--transition);
}
.siteHeader__navigationSide--rightSide > li {
  padding: 1rem 0;
}
.siteHeader__navigationSide--rightSide > li > a {
  font-size: 1rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 2rem;
  height: auto;
  position: relative;
  display: flex;
  transition: var(--main--transition);
}
.siteHeader__navigationSide--rightSide > li > a.CategoriesListButton {
  color: var(--colors-accent-120, #029c28);
}
.siteHeader__navigationSide--rightSide > li > a .badge {
  position: absolute;
  top: -0.5rem;
  left: -1.5rem;
  height: 15px;
}
.siteHeader__navigationSide--rightSide > li > a:hover {
  color: var(--colors-accent-100, #11bf3d);
}
.siteHeader__navigationSide--rightSide > li > a:hover svg path {
  stroke: var(--colors-accent-100, #11bf3d);
}
.siteHeader__navigationSide--rightSide > li > a.CategoriesListButton {
  width: 11rem;
}
.siteHeader__navigationSide--rightSide > li + li {
  margin-right: 2.5rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu {
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: var(--main--shadows-2);
  position: absolute;
  top: 100%;
  padding: 1.5rem;
  width: 73.75rem;
  transform: translateY(0);
  opacity: 0;
  visibility: hidden;
  transition: var(--main--transition);
  right: 0;
  max-width: 100%;
}
@media (max-width: 47.999rem) {
  .siteHeader__navigationSide--rightSide > li .megamenu {
    max-width: 100%;
  }
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul {
  border-left: 1px solid var(--colors-light-gray-40);
  padding-left: 1.5rem;
  width: 14rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li > a {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 1rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 2rem;
  transition: var(--main--transition);
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li > a svg {
  vertical-align: middle;
  margin-left: 0.25rem;
  width: 1.25rem;
  height: 1.5rem;
  transition: var(--main--transition);
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li > a svg path {
  transition: var(--main--transition);
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li > a:hover {
  color: var(--colors-accent-100, #11bf3d);
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li > a:hover svg {
  width: 1.5rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li > a:hover svg path {
  stroke: var(--colors-accent-100, #11bf3d);
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li.active > a {
  color: var(--colors-accent-100, #11bf3d);
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li.active > a svg {
  width: 1.5rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li.active > a svg path {
  stroke: var(--colors-accent-100, #11bf3d);
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li + li {
  padding-top: 1rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li .megamenu__leftside {
  position: absolute;
  right: 17rem;
  top: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  opacity: 0;
  visibility: hidden;
  transition: var(--main--transition);
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li .megamenu__leftside--title {
  color: var(--colors-dark-gray-100, #171718);
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  line-height: 2rem;
  margin-bottom: 0.25rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li .megamenu__leftside--title::before {
  content: "";
  border-radius: 0.125rem;
  display: inline-block;
  background: var(--colors-accent-100, #11bf3d);
  width: 0.75rem;
  height: 0.25rem;
  vertical-align: middle;
  margin-left: 0.25rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li .megamenu__leftside ul {
  padding: 0 1rem 0 0;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li .megamenu__leftside ul li a {
  color: var(--colors-dark-gray-20, #727376);
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.5rem;
  display: block;
  transition: var(--main--transition);
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li .megamenu__leftside ul li a:hover {
  color: var(--colors-accent-100, #11bf3d);
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li .megamenu__leftside ul li + li {
  margin-top: 0.5rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li .megamenu__leftside .readMoreSection {
  margin-top: 0.5rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li .megamenu__leftside--productsLeftSide {
  width: 20.75rem;
}
.siteHeader__navigationSide--rightSide > li .megamenu > ul > li:hover .megamenu__leftside, .siteHeader__navigationSide--rightSide > li .megamenu > ul > li.active .megamenu__leftside {
  opacity: 1;
  visibility: visible;
}
.siteHeader__navigationSide--rightSide > li:hover > a.CategoriesListButton {
  color: var(--colors-accent-100, #11bf3d);
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.siteHeader__navigationSide--rightSide > li:hover > a.CategoriesListButton svg path {
  stroke: var(--colors-accent-100, #11bf3d);
}
.siteHeader__navigationSide--rightSide > li:hover .megamenu {
  transform: translateY(-1rem);
  opacity: 1;
  visibility: visible;
}
.siteHeader__navigationSide--leftside {
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .siteHeader__navigationSide--leftside {
    justify-content: space-between;
    padding: 1rem 0;
    border-top: 1px solid var(--colors-light-gray-40, #e3e3e4);
  }
}
.siteHeader__navigationSide--leftside span,
.siteHeader__navigationSide--leftside a {
  color: var(--colors-dark-gray-100, #171718);
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
@media (max-width: 47.999rem) {
  .siteHeader__navigationSide--leftside span,
  .siteHeader__navigationSide--leftside a {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 47.999rem) {
  .siteHeader .OffCanvasMobileBox {
    position: fixed;
    inset: 0;
    padding: 0 1.5rem 1.5rem 1.5rem;
    background: #ffffff;
    z-index: 1500;
    overflow-y: auto;
    transform: translateX(100%);
    transition: 0.3s ease-out;
  }
  .siteHeader .OffCanvasMobileBox__header {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 150;
    margin: -1.5rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
    margin-bottom: 1.5rem;
  }
  .siteHeader .OffCanvasMobileBox__header > div {
    border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1);
    padding-bottom: 1.5rem;
  }
  .siteHeader .OffCanvasMobileBox__header svg {
    display: block;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide {
    flex-direction: column-reverse;
    padding-top: 0.75rem;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li {
    padding: 0.75rem 0;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a {
    font-size: 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a .badge {
    position: static;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton {
    display: none;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu {
    visibility: visible;
    opacity: 1;
    position: static;
    width: 100%;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--colors-light-gray-20, #f1f1f1);
    transform: none;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu svg.arrow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: var(--main--transition);
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu > ul {
    width: 100%;
    padding: 0;
    border: 0;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu > ul > li {
    padding: 0.5rem 0;
    border-bottom: 1px solid transparent;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu > ul > li > a {
    gap: 0.25rem;
    align-items: center;
    position: relative;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu .megamenu__leftside {
    position: static;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-top: 0;
    max-height: 0;
    overflow: hidden;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu .megamenu__leftside .megamenu__leftside--ListSide ul {
    padding-top: 0;
    padding-right: 1.25rem;
    margin-right: 1.25rem;
    max-height: 0;
    overflow: hidden;
    transition: var(--main--transition);
    border-right: 1px solid var(--colors-light-gray-20, #f1f1f1);
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu .megamenu__leftside .megamenu__leftside--ListSide ul li {
    padding: 0;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu .megamenu__leftside .megamenu__leftside--ListSide ul li + li {
    margin-top: 1.25rem;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu .megamenu__leftside .megamenu__leftside--ListSide > .row > div + div {
    margin-top: 1.5rem;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu .megamenu__leftside--title {
    position: relative;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu .megamenu__leftside--title.active svg.arrow {
    transform: rotateX(180deg);
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu .megamenu__leftside--title.active + ul {
    max-height: 500px;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li a.CategoriesListButton + .megamenu .megamenu__leftside .productsLeftSideBox {
    display: none;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li + li {
    margin-right: 0;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li.active {
    border-bottom: 1px solid var(--colors-light-gray-20, #f1f1f1) !important;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li.active .megamenu__leftside {
    max-height: 600px !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .siteHeader .OffCanvasMobileBox .siteHeader__navigationSide--rightSide li.active > a svg.arrow {
    transform: rotateX(180deg) !important;
  }
}

.search-area-head {
  border-bottom: 1px solid #e3e3e4;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 24px;
  justify-content: space-between;
  align-items: center;
  display: none;
}
.search-area-head h6 {
  color: var(--primary-colors-dark-gray-dark-gray-80, #2e2e2f);
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
.search-area-head button {
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.siteFooter {
  background: #f9f9f9;
  overflow: hidden;
  position: relative;
  z-index: 15;
}
.siteFooter__topside {
  padding: 3rem 0;
  position: relative;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside {
    padding: 1.5rem 0;
  }
}
.siteFooter__topside--backToTop {
  position: absolute;
  bottom: -3rem;
  left: 1.5rem;
  transform: translateY(50%);
  width: 3.5rem;
  height: 3.5rem;
  z-index: 10;
  border-radius: 0.75rem;
  padding: 0;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--backToTop {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    bottom: -1.5rem;
  }
}
.siteFooter__topside .gform_wrapper form {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside .gform_wrapper form {
    flex-direction: column;
  }
}
.siteFooter__topside .gform_wrapper form .gform_body .gform_fields .gfield .gfield_label {
  font-size: 1rem;
  line-height: 2rem;
}
@media (min-width: 48rem) {
  .siteFooter__topside .gform_wrapper form .gform_footer button {
    margin-top: 2.5rem;
  }
}
@media (max-width: 47.999rem) {
  .siteFooter__topside .gform_wrapper form .gform_footer button {
    width: 100%;
  }
}
.siteFooter__topside--subscription {
  padding-bottom: 3rem;
  position: relative;
  margin-bottom: 3rem;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--subscription {
    padding-bottom: 2rem;
    margin-bottom: 1rem;
  }
}
.siteFooter__topside--subscription::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--colors-light-gray-40);
  opacity: 0.6;
}
.siteFooter__topside--subscription .leftside {
  text-align: left;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--subscription .leftside {
    text-align: center;
    margin-top: 2rem;
  }
}
.siteFooter__topside--subscription .leftside h4 {
  margin-bottom: 0.5rem;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--subscription .leftside h4 {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.siteFooter__topside--subscription .leftside h4 a {
  color: var(--colors-accent-100, #11bf3d);
}
.siteFooter__topside--subscription .leftside .social {
  margin-top: 1rem;
}
.siteFooter__topside--subscription .leftside .social ul {
  justify-content: flex-end;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--subscription .leftside .social ul {
    justify-content: center;
  }
}
.siteFooter__topside--subscription .gform_wrapper form input {
  width: 23.4375rem !important;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--subscription .gform_wrapper form input {
    width: 100% !important;
  }
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--subscription .gform_wrapper form button {
    width: 100%;
    height: 2.5rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--subscription .gform_wrapper form .gfield_description {
    text-align: center;
  }
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--fastAcess .leftside {
    padding-top: 2rem;
  }
}
.siteFooter__topside--fastAcess .leftside p {
  color: var(--colors-dark-gray-100, #171718);
  text-align: left;
  margin-bottom: 4rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--fastAcess .leftside p {
    text-align: right;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 2rem;
  }
  .siteFooter__topside--fastAcess .leftside p svg {
    flex: 0 0 20px;
    margin-top: 0.25rem;
  }
}
.siteFooter__topside--fastAcess .leftside p svg {
  vertical-align: middle;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--fastAcess .leftside .namadsBox > .row {
    justify-content: center;
  }
}
.siteFooter__topside--fastAcess .leftside .namadsBox__item img {
  display: block;
  margin: auto;
}
@media (max-width: 47.999rem) {
  .siteFooter__topside--fastAcess .col-md-3 + .col-md-3 .widget {
    border-top: 1px solid rgba(213, 213, 214, 0.6);
  }
}
.siteFooter__description {
  padding: 2.5rem 0 1rem 0;
  background: var(--colors-light-gray-20, #f1f1f1);
  color: var(--colors-dark-gray-80, #2e2e2f);
  position: relative;
}
@media (max-width: 47.999rem) {
  .siteFooter__description {
    padding: 1rem 0 1rem 0;
  }
}
.siteFooter__description--insideContent {
  position: relative;
  margin-top: 1rem;
  overflow: hidden;
  transition: var(--main--transition);
}
.siteFooter__description--insideContent * {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  font-style: normal;
  color: #2e2e2f;
  font-variation-settings: "wght" 400;
}
@media (max-width: 47.999rem) {
  .siteFooter__description--insideContent * {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.siteFooter__description--insideContent::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, #f1f1f1 100%);
  top: 0;
  z-index: 2;
  pointer-events: none;
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .siteFooter__description--insideContent::after {
    background: linear-gradient(180deg, rgba(241, 241, 241, 0.44) 0%, #f1f1f1 100%);
  }
}
.siteFooter__description--insideContent.active::after {
  opacity: 0;
}
.siteFooter__description--insideContent.active + .siteFooter__description--readMoreFooter {
  opacity: 0;
}
.siteFooter__description--readMoreFooter {
  margin-top: 1rem;
  position: relative;
  z-index: 3;
  transition: var(--main--transition);
}
@media (max-width: 47.999rem) {
  .siteFooter__description--readMoreFooter {
    margin-top: 0.5rem;
  }
}
@media (max-width: 47.999rem) {
  .siteFooter__description--readMoreFooter svg {
    width: 1rem;
    height: 1rem;
  }
}
.siteFooter__copyright {
  padding: 1.44rem 0;
}
@media (max-width: 47.999rem) {
  .siteFooter__copyright {
    padding: 1rem 0;
    text-align: center;
  }
}
.siteFooter__copyright p {
  color: var(--colors-light-gray-100, #b8b9bb);
  font-size: 0.875rem;
}
@media (max-width: 47.999rem) {
  .siteFooter__copyright p {
    line-height: 1.5rem;
  }
}

.widget__title {
  color: var(--colors-accent-100, #11bf3d);
}
@media (max-width: 47.999rem) {
  .widget__title {
    font-size: 1rem;
    line-height: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .widget__title::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    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="M19 8.5L12 15.5L5 8.5" stroke="%2311BF3D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transition: 0.3s ease-out;
  }
}
.widget ul {
  list-style: none;
  padding: 0;
  padding-top: 1rem;
}
@media (max-width: 47.999rem) {
  .widget ul {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    transition: 0.3s ease-out;
  }
}
.widget ul li + li {
  margin-top: 0.5rem;
}
.widget ul li a {
  color: var(--colors-dark-gray-20, #727376);
}
@media (max-width: 47.999rem) {
  .widget ul li a {
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
  }
}
@media (max-width: 47.999rem) {
  .widget {
    padding: 1rem 0;
  }
  .widget.active .widget__title::after {
    transform: rotateX(180deg);
  }
  .widget.active ul {
    max-height: 200px;
    padding-top: 1rem;
  }
}

.social ul {
  --gutter-x: 0.75rem;
}
.social ul li a {
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--main--transition);
}
.social ul li a path {
  transition: var(--main--transition);
}
.social ul li a:hover {
  background: var(--colors-accent-100, #11bf3d);
}
.social ul li a:hover path {
  stroke: #ffffff;
}
.social.withBG ul li a {
  background: var(--colors-accent-100, #11bf3d);
}
.social.withBG ul li a path {
  stroke: #ffffff;
}

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