@charset "UTF-8";
@font-face {
  font-family: "IQOS";
  src: url("/styles/fonts/IQOS-Light.eot");
  src: url("/styles/fonts/IQOS-Light.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Light.woff2") format("woff2"), url("/styles/fonts/IQOS-Light.woff") format("woff"), url("/styles/fonts/IQOS-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IQOS";
  src: url("/styles/fonts/IQOS-Bold.eot");
  src: url("/styles/fonts/IQOS-Bold.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Bold.woff2") format("woff2"), url("/styles/fonts/IQOS-Bold.woff") format("woff"), url("/styles/fonts/IQOS-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IQOS";
  src: url("/styles/fonts/IQOS-Regular.eot");
  src: url("/styles/fonts/IQOS-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/IQOS-Regular.woff2") format("woff2"), url("/styles/fonts/IQOS-Regular.woff") format("woff"), url("/styles/fonts/IQOS-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IQOS AR";
  src: url("/styles/fonts/ar/IQOSSansArabic-Light.eot");
  src: url("/styles/fonts/ar/IQOSSansArabic-Light.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Light.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Light.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IQOS AR";
  src: url("/styles/fonts/ar/IQOSSansArabic-Bold.eot");
  src: url("/styles/fonts/ar/IQOSSansArabic-Bold.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Bold.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Bold.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IQOS AR";
  src: url("/styles/fonts/ar/IQOSSansArabic-Regular.eot");
  src: url("/styles/fonts/ar/IQOSSansArabic-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/ar/IQOSSansArabic-Regular.woff2") format("woff2"), url("/styles/fonts/ar/IQOSSansArabic-Regular.woff") format("woff"), url("/styles/fonts/ar/IQOSSansArabic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --default-text-color: var(--current-text-color, #34303d);
  --default-text-color-inverse: var(--current-text-color-inverse, white);
  --default-current-color: var(--current-color, #00d1d2);
}

:root {
  --container-gutter-x: 20px;
  --container-width: calc(100vw - var(--container-gutter-x));
}
@media (min-width: 400px) {
  :root {
    --container-gutter-x: 20px;
  }
}
@media (min-width: 768px) {
  :root {
    --container-width: calc(720px - var(--container-gutter-x));
    --container-gutter-x: 16px;
  }
}
@media (min-width: 992px) {
  :root {
    --container-width: calc(960px - var(--container-gutter-x));
  }
}
@media (min-width: 1200px) {
  :root {
    --container-width: calc(1140px - var(--container-gutter-x));
  }
}
@media (min-width: 1400px) {
  :root {
    --container-width: calc(calc(1324px + var(--container-gutter-x)) - var(--container-gutter-x));
  }
}

:root {
  --container-flex-direction: row;
  --container-flex-direction-inverse: row-reverse;
  --arrow-direction: 0deg;
  --flip-value: 1;
}

/* General Mixins & Functions */
sup {
  top: 0.5em;
}

ol,
ul {
  padding-left: 0px;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}
a[href=""] {
  pointer-events: none;
}

.mainBodyWrapper {
  padding-top: 55px;
}

.container {
  width: 100%;
  padding-inline: var(--container-gutter-x);
  margin-inline: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: unset;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: calc(1324px + var(--container-gutter-x));
  }
}

@media (min-width: 1400px) {
  .container-fluid:not(.container) {
    padding-inline: calc(var(--container-gutter-x) * 2);
  }
}
.container-fluid.no-container {
  padding-inline: 0;
  max-width: unset;
}

.force-container-fluid {
  max-width: unset;
  padding-inline: calc(var(--container-gutter-x) * 2);
}

.no-container > :is(.container, .container-fluid) {
  padding-inline: 0;
  max-width: unset;
}

.force-no-container :is(.container, .container-fluid) {
  padding-inline: 0 !important;
  max-width: unset !important;
}

.section-container {
  position: relative;
  z-index: 2;
  --section-pt: calc(100px * 0.5);
  --section-pb: calc(100px * 0.5);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container {
    --section-pt: calc(50px / 2);
    --section-pb: calc(50px / 2);
  }
}
.section-container.pb-0 {
  --section-pb: 0px !important;
}
.section-container.pt-0 {
  --section-pt: 0px !important;
}
.section-container.py-0 {
  --section-pt: 0px !important;
  --section-pb: 0px !important;
}
.section-container:has(.disable-section-container) {
  --section-pt: 0px !important;
  --section-pb: 0px !important;
}

.section-container-top {
  position: relative;
  z-index: 2;
  --section-pt: calc(100px / 2);
  padding-top: var(--section-pt);
}
@media (max-width: 768px) {
  .section-container-top {
    --section-pt: calc(50px / 2);
  }
}

.section-container-bottom {
  position: relative;
  z-index: 2;
  --section-pb: calc(100px / 2);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-bottom {
    --section-pb: calc(50px / 2);
  }
}

.section-container-xl {
  position: relative;
  z-index: 2;
  --section-pt: 100px;
  --section-pb: 100px;
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-xl {
    --section-pt: calc(100px * 0.5);
    --section-pb: calc(100px * 0.5);
  }
}

.section-container-lg {
  position: relative;
  z-index: 2;
  --section-pt: calc(100px - 20px);
  --section-pb: calc(100px - 20px);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-lg {
    --section-pt: calc(100px / 2);
    --section-pb: calc(100px / 2);
  }
}

.section-container-md {
  position: relative;
  z-index: 2;
  --section-pt: calc(100px / 2);
  --section-pb: calc(100px / 2);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-md {
    --section-pt: calc(100px / 2);
    --section-pb: calc(100px / 2);
  }
}

.section-container-sm {
  position: relative;
  z-index: 2;
  --section-pt: calc(100px / 2);
  --section-pb: calc(100px / 2);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-sm {
    --section-pt: calc(100px / 3);
    --section-pb: calc(100px / 3);
  }
}

.section-container-top-xl {
  position: relative;
  z-index: 2;
  --section-pt: calc(100px);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-top-xl {
    position: relative;
    z-index: 2;
    --section-pt: calc(calc(100px * 0.5));
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
  }
}

.section-container-bottom-xl {
  position: relative;
  z-index: 2;
  --section-pb: calc(100px);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-bottom-xl {
    position: relative;
    z-index: 2;
    --section-pb: calc(calc(100px * 0.5));
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
  }
}

.section-container-top-lg {
  position: relative;
  z-index: 2;
  --section-pt: calc(calc(100px - 20px));
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-top-lg {
    position: relative;
    z-index: 2;
    --section-pt: calc(calc(100px / 2));
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
  }
}

.section-container-bottom-lg {
  position: relative;
  z-index: 2;
  --section-pb: calc(calc(100px - 20px));
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-bottom-lg {
    position: relative;
    z-index: 2;
    --section-pb: calc(calc(100px / 2));
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
  }
}

.section-container-top-md {
  position: relative;
  z-index: 2;
  --section-pt: calc(calc(100px / 2));
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-top-md {
    position: relative;
    z-index: 2;
    --section-pt: calc(calc(100px / 2));
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
  }
}

.section-container-bottom-md {
  position: relative;
  z-index: 2;
  --section-pb: calc(calc(100px / 2));
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-bottom-md {
    position: relative;
    z-index: 2;
    --section-pb: calc(calc(100px / 2));
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
  }
}

.section-container-top-sm {
  position: relative;
  z-index: 2;
  --section-pt: calc(calc(100px / 2));
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-top-sm {
    position: relative;
    z-index: 2;
    --section-pt: calc(calc(100px / 3));
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
  }
}

.section-container-bottom-sm {
  position: relative;
  z-index: 2;
  --section-pb: calc(calc(100px / 2));
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}
@media (max-width: 768px) {
  .section-container-bottom-sm {
    position: relative;
    z-index: 2;
    --section-pb: calc(calc(100px / 3));
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
  }
}

.max-w-200 {
  max-width: 200px !important;
}

.max-w-300 {
  max-width: 300px !important;
}

.max-w-400 {
  max-width: 400px !important;
}

.max-w-500 {
  max-width: 500px !important;
}

.max-w-600 {
  max-width: 600px !important;
}

.max-w-700 {
  max-width: 700px !important;
}

.max-w-800 {
  max-width: 800px !important;
}

.max-w-900 {
  max-width: 900px !important;
}

.max-w-1000 {
  max-width: 1000px !important;
}

.max-w-1100 {
  max-width: 1100px !important;
}

.max-w-1200 {
  max-width: 1200px !important;
}

[class^=max-w].center {
  margin-inline: auto;
}

.reverse {
  --container-flex-direction: row-reverse;
  --container-flex-direction-inverse: row;
}

@media (max-width: 992px) {
  .reverse-mobile {
    --container-flex-direction: column-reverse;
  }
}
.split-page {
  position: relative;
  flex-direction: var(--container-flex-direction);
  --page-gap: 40px;
  --gap: var(--page-gap);
  --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.split-page:where(ul, ol) {
  margin-bottom: 0;
}
.split-page > .col,
.split-page > .col:is(:first-child, :last-child),
.split-page > .listingItemDIV {
  flex: unset;
  width: var(--col-width);
}
@media (min-width: 992px) {
  .split-page.split-3-9 {
    display: flex;
    flex-wrap: wrap;
    --gap: var(--page-gap);
    gap: var(--gap);
  }
  .split-page.split-3-9:where(ul, ol) {
    margin-bottom: 0;
  }
  .split-page.split-3-9 > .col,
  .split-page.split-3-9 > .listingItemDIV {
    flex: unset;
  }
  .split-page.split-3-9 > .col:where(:nth-child(odd)),
  .split-page.split-3-9 > .listingItemDIV:where(:nth-child(odd)) {
    width: calc(35% - var(--gap) / 2);
  }
  .split-page.split-3-9 > .col:where(:nth-child(even)),
  .split-page.split-3-9 > .listingItemDIV:where(:nth-child(even)) {
    width: calc(65% - var(--gap) / 2);
  }
}
@media (min-width: 1200px) {
  .split-page.split-3-9 {
    display: flex;
    flex-wrap: wrap;
    --gap: var(--page-gap);
    gap: var(--gap);
  }
  .split-page.split-3-9:where(ul, ol) {
    margin-bottom: 0;
  }
  .split-page.split-3-9 > .col,
  .split-page.split-3-9 > .listingItemDIV {
    flex: unset;
  }
  .split-page.split-3-9 > .col:where(:nth-child(odd)),
  .split-page.split-3-9 > .listingItemDIV:where(:nth-child(odd)) {
    width: calc(25% - var(--gap) / 2);
  }
  .split-page.split-3-9 > .col:where(:nth-child(even)),
  .split-page.split-3-9 > .listingItemDIV:where(:nth-child(even)) {
    width: calc(75% - var(--gap) / 2);
  }
}
@media (min-width: 992px) {
  .split-page.split-4-8 {
    display: flex;
    flex-wrap: wrap;
    --gap: var(--page-gap);
    gap: var(--gap);
  }
  .split-page.split-4-8:where(ul, ol) {
    margin-bottom: 0;
  }
  .split-page.split-4-8 > .col,
  .split-page.split-4-8 > .listingItemDIV {
    flex: unset;
  }
  .split-page.split-4-8 > .col:where(:nth-child(odd)),
  .split-page.split-4-8 > .listingItemDIV:where(:nth-child(odd)) {
    width: calc(40% - var(--gap) / 2);
  }
  .split-page.split-4-8 > .col:where(:nth-child(even)),
  .split-page.split-4-8 > .listingItemDIV:where(:nth-child(even)) {
    width: calc(60% - var(--gap) / 2);
  }
}
@media (min-width: 1200px) {
  .split-page.split-4-8 {
    display: flex;
    flex-wrap: wrap;
    --gap: var(--page-gap);
    gap: var(--gap);
  }
  .split-page.split-4-8:where(ul, ol) {
    margin-bottom: 0;
  }
  .split-page.split-4-8 > .col,
  .split-page.split-4-8 > .listingItemDIV {
    flex: unset;
  }
  .split-page.split-4-8 > .col:where(:nth-child(odd)),
  .split-page.split-4-8 > .listingItemDIV:where(:nth-child(odd)) {
    width: calc(30% - var(--gap) / 2);
  }
  .split-page.split-4-8 > .col:where(:nth-child(even)),
  .split-page.split-4-8 > .listingItemDIV:where(:nth-child(even)) {
    width: calc(70% - var(--gap) / 2);
  }
}

.primary {
  --current-color: #00d1d2;
  --text-color: #34303d;
  --current-text-color: #34303d;
  --current-text-color-inverse: white;
}

.background-colored.primary .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.primary .button-primary:empty {
  display: none;
}
.background-colored.primary .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.gray-dark {
  --current-color: #34303d;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.gray-dark .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.gray-dark .button-primary:empty {
  display: none;
}
.background-colored.gray-dark .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.gray-light {
  --current-color: #f6f4f0;
  --text-color: #34303d;
  --current-text-color: #34303d;
  --current-text-color-inverse: white;
}

.classic-red {
  --current-color: #A7312F;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.classic-red .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.classic-red .button-primary:empty {
  display: none;
}
.background-colored.classic-red .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.amber {
  --current-color: #E88147;
  --text-color: #34303d;
  --current-text-color: #34303d;
  --current-text-color-inverse: white;
}

.background-colored.amber .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.amber .button-primary:empty {
  display: none;
}
.background-colored.amber .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.nice-blue {
  --current-color: #207CA9;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.nice-blue .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.nice-blue .button-primary:empty {
  display: none;
}
.background-colored.nice-blue .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.white {
  --current-color: white;
  --text-color: #34303d;
  --current-text-color: #34303d;
  --current-text-color-inverse: white;
}

.terea-sienna {
  --current-color: #D4302F;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.terea-sienna .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-sienna .button-primary:empty {
  display: none;
}
.background-colored.terea-sienna .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-amber {
  --current-color: #C24213;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.terea-amber .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-amber .button-primary:empty {
  display: none;
}
.background-colored.terea-amber .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-silver {
  --current-color: #808183;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.terea-silver .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-silver .button-primary:empty {
  display: none;
}
.background-colored.terea-silver .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-turquoise {
  --current-color: #119FAD;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.terea-turquoise .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-turquoise .button-primary:empty {
  display: none;
}
.background-colored.terea-turquoise .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-purple {
  --current-color: #8255B2;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.terea-purple .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-purple .button-primary:empty {
  display: none;
}
.background-colored.terea-purple .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-yellow {
  --current-color: #EAB108;
  --text-color: #34303d;
  --current-text-color: #34303d;
  --current-text-color-inverse: white;
}

.background-colored.terea-yellow .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-yellow .button-primary:empty {
  display: none;
}
.background-colored.terea-yellow .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-arbor {
  --current-color: #049218;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.terea-arbor .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-arbor .button-primary:empty {
  display: none;
}
.background-colored.terea-arbor .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-beige {
  --current-color: #bf9f85;
  --text-color: #34303d;
  --current-text-color: #34303d;
  --current-text-color-inverse: white;
}

.background-colored.terea-beige .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-beige .button-primary:empty {
  display: none;
}
.background-colored.terea-beige .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-oasis {
  --current-color: #b1269e;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.terea-oasis .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-oasis .button-primary:empty {
  display: none;
}
.background-colored.terea-oasis .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-summer {
  --current-color: #ec7253;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.terea-summer .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-summer .button-primary:empty {
  display: none;
}
.background-colored.terea-summer .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.terea-sun {
  --current-color: #ac3223;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.terea-sun .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.terea-sun .button-primary:empty {
  display: none;
}
.background-colored.terea-sun .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.sky-blue {
  --current-color: #00C1FF;
  --text-color: #34303d;
  --current-text-color: #34303d;
  --current-text-color-inverse: white;
}

.background-colored.sky-blue .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.sky-blue .button-primary:empty {
  display: none;
}
.background-colored.sky-blue .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.cyan {
  --current-color: #1BD9C5;
  --text-color: #34303d;
  --current-text-color: #34303d;
  --current-text-color-inverse: white;
}

.background-colored.cyan .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.cyan .button-primary:empty {
  display: none;
}
.background-colored.cyan .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.purple {
  --current-color: #2d008b;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.purple .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.purple .button-primary:empty {
  display: none;
}
.background-colored.purple .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.delia-gold {
  --current-color: #C2A37C;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.delia-gold .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.delia-gold .button-primary:empty {
  display: none;
}
.background-colored.delia-gold .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.delia-silver {
  --current-color: #A0A1AA;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.delia-silver .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.delia-silver .button-primary:empty {
  display: none;
}
.background-colored.delia-silver .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.delia-red {
  --current-color: #A6312F;
  --text-color: white;
  --current-text-color: white;
  --current-text-color-inverse: #34303d;
}

.background-colored.delia-red .button-primary {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.background-colored.delia-red .button-primary:empty {
  display: none;
}
.background-colored.delia-red .button-primary:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.background-light {
  --default-text-color: #34303d;
  --default-text-color-inverse: white;
  --color-section-background: #f6f4f0;
  margin-top: -1px;
  position: relative;
}
.background-light::before {
  content: "";
  position: absolute;
  background-color: var(--color-section-background);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.background-light.half-bg::before {
  height: 50%;
}
.background-light > * {
  isolation: isolate;
}

.background-primary {
  --default-text-color: #34303d;
  --default-text-color-inverse: white;
  --color-section-background: #00d1d2;
  position: relative;
}
.background-primary::before {
  content: "";
  position: absolute;
  background-color: var(--color-section-background);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.background-primary.half-bg::before {
  height: 50%;
}
.background-primary > * {
  isolation: isolate;
}

.background-colored {
  --default-text-color: #34303d;
  --default-text-color-inverse: white;
  --color-section-background: var(--current-color, transparent);
  --default-text-color: var(--text-color, inherit);
  --default-text-color-inverse: var(--current-text-color-inverse, inherit);
  color: var(--text-color, inherit);
  position: relative;
}
.background-colored::before {
  content: "";
  position: absolute;
  background-color: var(--color-section-background);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.background-colored.half-bg::before {
  height: 50%;
}
.background-colored > * {
  isolation: isolate;
}
.background-colored.variable-color {
  --color-section-background: var(--variable-color);
}
.background-colored.white {
  --section-pt: 0;
  --section-pb: 0;
}

.background-white {
  --default-text-color: #34303d;
  --default-text-color-inverse: white;
  --color-section-background: var(--current-color, transparent);
  --default-text-color: var(--text-color, inherit);
  --default-text-color-inverse: var(--current-text-color-inverse, inherit);
  color: var(--text-color, inherit);
  position: relative;
}
.background-white::before {
  content: "";
  position: absolute;
  background-color: var(--color-section-background);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.background-white.half-bg::before {
  height: 50%;
}
.background-white > * {
  isolation: isolate;
}
.background-white {
  --current-color: white;
  --text-color: #34303d;
  --color-section-background: var(--current-color, transparent);
  --default-text-color: var(--text-color, inherit);
  --default-text-color-inverse: var(--current-text-color-inverse, inherit);
  color: var(--text-color, inherit);
}

.theme-dark {
  --default-text-color: #34303d;
  --default-text-color-inverse: white;
  --color-section-background: #27242d;
  --default-text-color: white;
  --default-text-color-inverse: #34303d;
  color: var(--default-text-color);
  margin-top: -1px;
  position: relative;
}
.theme-dark::before {
  content: "";
  position: absolute;
  background-color: var(--color-section-background);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.theme-dark.half-bg::before {
  height: 50%;
}
.theme-dark > * {
  isolation: isolate;
}

.theme-black {
  --default-text-color: #34303d;
  --default-text-color-inverse: white;
  --color-section-background: black;
  --default-text-color: white;
  --default-text-color-inverse: #34303d;
  color: var(--default-text-color);
  margin-top: -1px;
  position: relative;
}
.theme-black::before {
  content: "";
  position: absolute;
  background-color: var(--color-section-background);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.theme-black.half-bg::before {
  height: 50%;
}
.theme-black > * {
  isolation: isolate;
}

.theme-light {
  --default-text-color: #34303d;
  --default-text-color-inverse: white;
  --color-section-background: white;
  position: relative;
}
.theme-light::before {
  content: "";
  position: absolute;
  background-color: var(--color-section-background);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.theme-light.half-bg::before {
  height: 50%;
}
.theme-light > * {
  isolation: isolate;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
}
.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

@media (min-width: 768px) {
  .mt-md-10 {
    margin-top: 10px !important;
  }
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
  .pt-md-10 {
    padding-top: 10px !important;
  }
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-10 {
    margin-top: 10px !important;
  }
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .pt-lg-10 {
    padding-top: 10px !important;
  }
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
}
.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

@media (min-width: 768px) {
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
  .pt-md-20 {
    padding-top: 20px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-20 {
    margin-top: 20px !important;
  }
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .pt-lg-20 {
    padding-top: 20px !important;
  }
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
}
.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

@media (min-width: 768px) {
  .mt-md-30 {
    margin-top: 30px !important;
  }
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
  .pt-md-30 {
    padding-top: 30px !important;
  }
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-30 {
    margin-top: 30px !important;
  }
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .pt-lg-30 {
    padding-top: 30px !important;
  }
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
}
.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

@media (min-width: 768px) {
  .mt-md-40 {
    margin-top: 40px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-40 {
    margin-top: 40px !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
}
.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

@media (min-width: 768px) {
  .mt-md-50 {
    margin-top: 50px !important;
  }
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
  .pt-md-50 {
    padding-top: 50px !important;
  }
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-50 {
    margin-top: 50px !important;
  }
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
  .pt-lg-50 {
    padding-top: 50px !important;
  }
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
}
.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

@media (min-width: 768px) {
  .mt-md-60 {
    margin-top: 60px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
  .pt-md-60 {
    padding-top: 60px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-60 {
    margin-top: 60px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
  .pt-lg-60 {
    padding-top: 60px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
}
.mt-70 {
  margin-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

@media (min-width: 768px) {
  .mt-md-70 {
    margin-top: 70px !important;
  }
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
  .pt-md-70 {
    padding-top: 70px !important;
  }
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-70 {
    margin-top: 70px !important;
  }
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
  .pt-lg-70 {
    padding-top: 70px !important;
  }
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
}
.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

@media (min-width: 768px) {
  .mt-md-80 {
    margin-top: 80px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
  .pt-md-80 {
    padding-top: 80px !important;
  }
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-80 {
    margin-top: 80px !important;
  }
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .pt-lg-80 {
    padding-top: 80px !important;
  }
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
}
.mt-90 {
  margin-top: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

@media (min-width: 768px) {
  .mt-md-90 {
    margin-top: 90px !important;
  }
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
  .pt-md-90 {
    padding-top: 90px !important;
  }
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-90 {
    margin-top: 90px !important;
  }
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
  .pt-lg-90 {
    padding-top: 90px !important;
  }
  .pb-lg-90 {
    padding-bottom: 90px !important;
  }
}
.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

@media (min-width: 768px) {
  .mt-md-100 {
    margin-top: 100px !important;
  }
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
  .pt-md-100 {
    padding-top: 100px !important;
  }
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-100 {
    margin-top: 100px !important;
  }
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
  .pt-lg-100 {
    padding-top: 100px !important;
  }
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
}
[class^=button].center {
  margin-inline: auto;
  width: fit-content;
}

.button-primary,
.viewAll {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.button-primary:empty,
.viewAll:empty {
  display: none;
}
.button-primary:hover,
.viewAll:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.button-primary.white,
.viewAll.white {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.button-primary.white:empty,
.viewAll.white:empty {
  display: none;
}
.button-primary.white:hover,
.viewAll.white:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.button-primary.white,
.viewAll.white {
  --color: white;
  --background-color: transparent;
  --border-color: white;
  --hover-color: #34303d;
  --hover-background-color: white;
  --hover-border-color: white;
}
.button-primary.hover-primary,
.viewAll.hover-primary {
  --hover-color: #34303d;
  --hover-background-color: #00d1d2;
  --hover-border-color: #00d1d2;
}

.button-primary-filled {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.button-primary-filled:empty {
  display: none;
}
.button-primary-filled:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.button-primary-filled {
  --color: var(--default-text-color-inverse);
  --background-color: var(--default-text-color);
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color);
  --hover-background-color: transparent;
  --hover-border-color: var(--default-text-color);
}
.button-primary-filled.white {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.button-primary-filled.white:empty {
  display: none;
}
.button-primary-filled.white:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.button-primary-filled.white {
  --color: #34303d;
  --background-color: white;
  --border-color: white;
  --hover-color: white;
  --hover-background-color: #34303d;
  --hover-border-color: #34303d;
}
.button-primary-filled.hover-primary {
  --hover-color: #34303d;
  --hover-background-color: #00d1d2;
  --hover-border-color: #00d1d2;
}

.button-arrow {
  --main-color: var(--default-text-color, #34303d);
  color: var(--main-color);
  font-size: 16px;
  line-height: 20px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.button-arrow:empty {
  display: none;
}
.button-arrow::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-top: 4px;
  mask-image: url(/images/back-button.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/back-button.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
  transform: scale(-1);
  rotate: var(--arrow-direction);
  transition: all 0.6s ease;
}
.button-arrow:hover::after {
  background-color: #00d1d2;
  translate: calc(6px * var(--flip-value)) 0;
}

.viewAll-arrow .viewAll {
  --main-color: var(--default-text-color, #34303d);
  color: var(--main-color);
  font-size: 16px;
  line-height: 20px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.viewAll-arrow .viewAll:empty {
  display: none;
}
.viewAll-arrow .viewAll::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-top: 4px;
  mask-image: url(/images/back-button.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/back-button.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
  transform: scale(-1);
  rotate: var(--arrow-direction);
  transition: all 0.6s ease;
}
.viewAll-arrow .viewAll:hover::after {
  background-color: #00d1d2;
  translate: calc(6px * var(--flip-value)) 0;
}

.button-back {
  --main-color: var(--default-text-color, #34303d);
  color: var(--main-color);
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  border: none;
  background-color: transparent;
}
.button-back::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  mask-image: url(/images/back-button.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/back-button.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
  transform: scaleX(var(--flip-value));
  transition: all 0.6s ease;
}
.button-back:hover::before {
  translate: calc(-8px * var(--flip-value)) 0;
  background-color: #00d1d2;
}
.button-back {
  padding: 0 !important;
}

.badge {
  display: inline-flex;
  background-color: #00d1d2;
  color: #34303d;
  font-weight: 400;
  font-size: 16px;
}

.button-underlined {
  color: var(--default-text-color);
  font-size: 16px;
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.6s ease;
  border: none;
  background-color: transparent;
}
.button-underlined:hover {
  color: #00d1d2;
}

.addButton {
  color: #34303d;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.addButton::before {
  content: "";
  background-image: url(/images/add-button.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: block;
  transition: all 0.6s ease;
}
.addButton:hover::before {
  filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%);
}

.backLink,
.backButton {
  --main-color: var(--default-text-color, #34303d);
  color: var(--main-color);
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  border: none;
  background-color: transparent;
}
.backLink::before,
.backButton::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  mask-image: url(/images/back-button.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/back-button.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
  transform: scaleX(var(--flip-value));
  transition: all 0.6s ease;
}
.backLink:hover::before,
.backButton:hover::before {
  translate: calc(-8px * var(--flip-value)) 0;
  background-color: #00d1d2;
}
.backLink,
.backButton {
  padding: 0 !important;
}

.arrowLink,
.linkArrow {
  --main-color: var(--default-text-color, #34303d);
  color: var(--main-color);
  font-size: 16px;
  line-height: 20px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.arrowLink:empty,
.linkArrow:empty {
  display: none;
}
.arrowLink::after,
.linkArrow::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-top: 4px;
  mask-image: url(/images/back-button.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/back-button.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
  transform: scale(-1);
  rotate: var(--arrow-direction);
  transition: all 0.6s ease;
}
.arrowLink:hover::after,
.linkArrow:hover::after {
  background-color: #00d1d2;
  translate: calc(6px * var(--flip-value)) 0;
}
.arrowLink.white,
.linkArrow.white {
  color: #ffffff;
}
.arrowLink.white::after,
.linkArrow.white::after {
  filter: brightness(0) invert(1);
}
.arrowLink.white:hover::after,
.linkArrow.white:hover::after {
  filter: brightness(0) saturate(100%) invert(57%) sepia(59%) saturate(1421%) hue-rotate(136deg) brightness(98%) contrast(104%);
}

.button-anchor {
  display: inline-flex;
  font-size: 16px;
  text-decoration: underline;
  transition: all 0.6s ease;
}
.button-anchor:hover {
  color: #00d1d2;
}

.force-filled-btn :is([class^=button-], .viewAll):not(.button-arrow) {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.force-filled-btn :is([class^=button-], .viewAll):not(.button-arrow):empty {
  display: none;
}
.force-filled-btn :is([class^=button-], .viewAll):not(.button-arrow):hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.force-filled-btn :is([class^=button-], .viewAll):not(.button-arrow) {
  --color: var(--default-text-color-inverse);
  --background-color: var(--default-text-color);
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color);
  --hover-background-color: transparent;
  --hover-border-color: var(--default-text-color);
}

.force-outline-btn :is([class^=button-], .viewAll):not(.button-arrow) {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.force-outline-btn :is([class^=button-], .viewAll):not(.button-arrow):empty {
  display: none;
}
.force-outline-btn :is([class^=button-], .viewAll):not(.button-arrow):hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.force-arrow-btn :is([class^=button-], .viewAll) {
  --main-color: var(--default-text-color, #34303d);
  color: var(--main-color);
  font-size: 16px;
  line-height: 20px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.force-arrow-btn :is([class^=button-], .viewAll):empty {
  display: none;
}
.force-arrow-btn :is([class^=button-], .viewAll)::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-top: 4px;
  mask-image: url(/images/back-button.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/back-button.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
  transform: scale(-1);
  rotate: var(--arrow-direction);
  transition: all 0.6s ease;
}
.force-arrow-btn :is([class^=button-], .viewAll):hover::after {
  background-color: #00d1d2;
  translate: calc(6px * var(--flip-value)) 0;
}

.button-bottom-container {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 20px;
}
.button-bottom-container.filled [class^=button-],
.button-bottom-container.filled a {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.button-bottom-container.filled [class^=button-]:empty,
.button-bottom-container.filled a:empty {
  display: none;
}
.button-bottom-container.filled [class^=button-]:hover,
.button-bottom-container.filled a:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.button-bottom-container.filled [class^=button-],
.button-bottom-container.filled a {
  --color: var(--default-text-color-inverse);
  --background-color: var(--default-text-color);
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color);
  --hover-background-color: transparent;
  --hover-border-color: var(--default-text-color);
}
.button-bottom-container.column {
  flex-direction: column;
  align-items: center;
}
.button-bottom-container.start {
  justify-content: start;
}

.buttons-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}
.buttons-container:not(:has(a:not(:empty))), .buttons-container:empty {
  display: none;
}
.buttons-container.center {
  justify-content: center;
}
.buttons-container.end {
  justify-content: end;
}

.buttons-column .buttons-container, .buttons-column.buttons-container {
  flex-direction: column;
  align-items: start;
  width: 100%;
}

.support-button {
  position: relative;
  background-color: transparent;
  border: none;
  padding: 16px;
  padding-bottom: 42px;
  display: block;
}
.support-button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: 16px;
  aspect-ratio: 1;
  mask-image: url(/images/icons/chevron-down.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/chevron-down.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--default-text-color);
}
.support-button h3 {
  margin-bottom: 16px;
  font-weight: 600;
}

.badge {
  opacity: 0;
}
.badge.New {
  opacity: 1;
}

.badge-d-none {
  opacity: 0;
  display: none;
}
.badge-d-none.New {
  opacity: 1;
  display: inline;
}

a:is([href*=cmsitemLink]) {
  cursor: auto;
  pointer-events: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--default-text-color);
}

.titleH1 {
  text-wrap: pretty;
  font-size: clamp(40px, 24.5183486239px + 3.4403669725vw, 70px);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.titleH1.regular {
  font-weight: 400;
}

.title-h1 {
  text-wrap: pretty;
  font-size: clamp(40px, 24.5183486239px + 3.4403669725vw, 70px);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.title-h1.regular {
  font-weight: 400;
}

.titles-container h1.title {
  text-wrap: pretty;
  font-size: clamp(40px, 24.5183486239px + 3.4403669725vw, 70px);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.titles-container h1.title.regular {
  font-weight: 400;
}

.force-h1-title.force-h1-title.force-h1-title [class^=title]:not(.titles-container) {
  text-wrap: pretty;
  font-size: clamp(40px, 24.5183486239px + 3.4403669725vw, 70px);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.force-h1-title.force-h1-title.force-h1-title [class^=title]:not(.titles-container).regular {
  font-weight: 400;
}

.make-title-h1 [class^=title]:not(.titles-container) {
  text-wrap: pretty;
  font-size: clamp(40px, 24.5183486239px + 3.4403669725vw, 70px);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.make-title-h1 [class^=title]:not(.titles-container).regular {
  font-weight: 400;
}

.force-small-title [class^=title] {
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
}

.titleH2 {
  text-wrap: pretty;
  font-size: clamp(36px, 28.7752293578px + 1.6055045872vw, 50px);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.titleH2.regular {
  font-weight: 400;
}

.title-h2 {
  text-wrap: pretty;
  font-size: clamp(36px, 28.7752293578px + 1.6055045872vw, 50px);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.title-h2.regular {
  font-weight: 400;
}

.titles-container h2.title {
  text-wrap: pretty;
  font-size: clamp(36px, 28.7752293578px + 1.6055045872vw, 50px);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.titles-container h2.title.regular {
  font-weight: 400;
}

.force-h2-title.force-h2-title.force-h2-title [class^=title]:not(.titles-container) {
  text-wrap: pretty;
  font-size: clamp(36px, 28.7752293578px + 1.6055045872vw, 50px);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.force-h2-title.force-h2-title.force-h2-title [class^=title]:not(.titles-container).regular {
  font-weight: 400;
}

.make-title-h2 [class^=title]:not(.titles-container) {
  text-wrap: pretty;
  font-size: clamp(36px, 28.7752293578px + 1.6055045872vw, 50px);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -1.38px;
}
.make-title-h2 [class^=title]:not(.titles-container).regular {
  font-weight: 400;
}

.force-small-title [class^=title] {
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
}

.titleH3 {
  text-wrap: pretty;
  font-size: clamp(32px, 25.2912844037px + 1.4908256881vw, 45px);
  line-height: 1.3;
  font-weight: 600;
}
.titleH3.regular {
  font-weight: 400;
}

.title-h3 {
  text-wrap: pretty;
  font-size: clamp(32px, 25.2912844037px + 1.4908256881vw, 45px);
  line-height: 1.3;
  font-weight: 600;
}
.title-h3.regular {
  font-weight: 400;
}

.titles-container h3.title {
  text-wrap: pretty;
  font-size: clamp(32px, 25.2912844037px + 1.4908256881vw, 45px);
  line-height: 1.3;
  font-weight: 600;
}
.titles-container h3.title.regular {
  font-weight: 400;
}

.force-h3-title.force-h3-title.force-h3-title [class^=title]:not(.titles-container) {
  text-wrap: pretty;
  font-size: clamp(32px, 25.2912844037px + 1.4908256881vw, 45px);
  line-height: 1.3;
  font-weight: 600;
}
.force-h3-title.force-h3-title.force-h3-title [class^=title]:not(.titles-container).regular {
  font-weight: 400;
}

.make-title-h3 [class^=title]:not(.titles-container) {
  text-wrap: pretty;
  font-size: clamp(32px, 25.2912844037px + 1.4908256881vw, 45px);
  line-height: 1.3;
  font-weight: 600;
}
.make-title-h3 [class^=title]:not(.titles-container).regular {
  font-weight: 400;
}

.force-small-title [class^=title] {
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
}

.titleH4 {
  text-wrap: pretty;
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  line-height: 1.3;
  font-weight: 600;
}
.titleH4.regular {
  font-weight: 400;
}

.title-h4 {
  text-wrap: pretty;
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  line-height: 1.3;
  font-weight: 600;
}
.title-h4.regular {
  font-weight: 400;
}

.titles-container h4.title {
  text-wrap: pretty;
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  line-height: 1.3;
  font-weight: 600;
}
.titles-container h4.title.regular {
  font-weight: 400;
}

.force-h4-title.force-h4-title.force-h4-title [class^=title]:not(.titles-container) {
  text-wrap: pretty;
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  line-height: 1.3;
  font-weight: 600;
}
.force-h4-title.force-h4-title.force-h4-title [class^=title]:not(.titles-container).regular {
  font-weight: 400;
}

.make-title-h4 [class^=title]:not(.titles-container) {
  text-wrap: pretty;
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  line-height: 1.3;
  font-weight: 600;
}
.make-title-h4 [class^=title]:not(.titles-container).regular {
  font-weight: 400;
}

.force-small-title [class^=title] {
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
}

.title-h3-5 {
  text-wrap: pretty;
  font-size: clamp(26px, 20.8394495413px + 1.1467889908vw, 36px);
  line-height: 1.3;
  font-weight: 600;
}
.title-h3-5.regular {
  font-weight: 400;
}

.titles-container {
  --spacing: 20px;
  margin-bottom: 40px;
  max-width: 900px;
}
.titles-container:not(:has(*:not(:empty))) {
  display: none;
}
.titles-container > * {
  margin-bottom: var(--spacing, 30px);
}
.titles-container > *:last-child {
  margin-bottom: 0;
}
.titles-container.center {
  text-align: center;
  margin-inline: auto;
}
.titles-container.center > * {
  margin-inline: auto;
}
.titles-container.line-under {
  --line-spacing: 40px;
  position: relative;
  padding-bottom: var(--line-spacing);
}
.titles-container.line-under::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
  max-width: 50px;
  height: 5px;
  background-color: #00d1d2;
}
.titles-container.line-under.center::after {
  inset-inline-start: 50%;
  translate: calc(-50% * var(--flip-value)) 0;
}
.titles-container.full-width {
  max-width: unset;
}
.titles-container.max-width-md {
  max-width: 700px;
}
.titles-container [class^=title].regular {
  font-weight: 400;
}

.center .titles-container {
  margin-inline: auto;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.force-title-start .titles-container {
  text-align: start !important;
  margin-inline: unset !important;
}
.force-title-start .titles-container > * {
  margin-inline: unset !important;
}

.force-title-center .titles-container {
  text-align: center !important;
  margin-inline: auto !important;
}
.force-title-center .titles-container > * {
  margin-inline: auto !important;
}

.title-colored [class^=title-h] {
  color: var(--current-color, #00d1d2);
}

.description {
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.description:empty {
  display: none;
}
.description p {
  margin-bottom: 16px;
}
.description p:last-child {
  margin-bottom: 0;
}
.description ul,
.description ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.description li {
  list-style: disc;
}

.description-sm {
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.description-sm:empty {
  display: none;
}
.description-sm p {
  margin-bottom: 16px;
}
.description-sm p:last-child {
  margin-bottom: 0;
}
.description-sm ul,
.description-sm ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.description-sm li {
  list-style: disc;
}
.description-sm {
  font-size: clamp(13px, 12.4839449541px + 0.1146788991vw, 14px);
  line-height: 1.5;
}

.description-md {
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.description-md:empty {
  display: none;
}
.description-md p {
  margin-bottom: 16px;
}
.description-md p:last-child {
  margin-bottom: 0;
}
.description-md ul,
.description-md ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.description-md li {
  list-style: disc;
}
.description-md {
  font-size: clamp(17px, 16.4839449541px + 0.1146788991vw, 18px);
  line-height: 1.5;
}

.description-lg {
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.description-lg:empty {
  display: none;
}
.description-lg p {
  margin-bottom: 16px;
}
.description-lg p:last-child {
  margin-bottom: 0;
}
.description-lg ul,
.description-lg ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.description-lg li {
  list-style: disc;
}
.description-lg {
  font-size: clamp(18px, 16.9678899083px + 0.2293577982vw, 20px);
  line-height: 1.5;
}

.description-xl {
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.description-xl:empty {
  display: none;
}
.description-xl p {
  margin-bottom: 16px;
}
.description-xl p:last-child {
  margin-bottom: 0;
}
.description-xl ul,
.description-xl ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.description-xl li {
  list-style: disc;
}
.description-xl {
  font-size: clamp(20px, 17.9357798165px + 0.4587155963vw, 24px);
  line-height: 1.3;
}

.description-xxl {
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.description-xxl:empty {
  display: none;
}
.description-xxl p {
  margin-bottom: 16px;
}
.description-xxl p:last-child {
  margin-bottom: 0;
}
.description-xxl ul,
.description-xxl ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.description-xxl li {
  list-style: disc;
}
.description-xxl {
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  line-height: 1.3;
}

.text-balance,
.text-balance :is(h1, h2, h3, h4, h5, h6, p) {
  text-wrap: balance !important;
}

.bg-img-container {
  position: relative;
}

.bg-img {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bg-img.overlay-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: black;
  opacity: 0.5;
  pointer-events: none;
  z-index: 2;
}
.bg-img.min-h-400 {
  min-height: 400px;
}

.img-container,
.video-container,
.img-container-contained {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.img-container img,
.img-container video,
.video-container img,
.video-container video,
.img-container-contained img,
.img-container-contained video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-container.square,
.video-container.square,
.img-container-contained.square {
  aspect-ratio: 1;
  height: unset;
}
.img-container.h-auto,
.video-container.h-auto,
.img-container-contained.h-auto {
  height: auto !important;
  aspect-ratio: unset !important;
}
.img-container.h-auto img,
.video-container.h-auto img,
.img-container-contained.h-auto img {
  height: auto;
}

.img-container-contained {
  height: auto;
}
.img-container-contained img {
  object-fit: contain;
}

.hover-zoom {
  overflow: hidden;
}
.hover-zoom img {
  transition: var(--transition, all 1s ease);
}
.hover-zoom:hover img {
  scale: 1.05;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio:before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mobileImage,
.mobile {
  display: none;
}
@media (max-width: 992px) {
  .mobileImage,
  .mobile {
    display: block;
  }
}

.desktopImage,
.desktop {
  display: block;
}
@media (max-width: 992px) {
  .desktopImage,
  .desktop {
    display: none;
  }
}

.video {
  position: relative;
  --icon-width: 50px;
  --icon-color: #34303d;
  --icon-bg-color: white;
  cursor: pointer;
}
.video::before, .video::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: var(--icon-width);
  aspect-ratio: 1;
  border-radius: 50%;
  z-index: 5;
  background-color: var(--icon-bg-color);
  pointer-events: none;
}
.video::after {
  z-index: 10;
  mask-image: url(/images/icons/play.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/play.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--icon-color);
  width: calc(var(--icon-width) * 0.6);
}
.video.bottom-right {
  --shift: 64px;
}
.video.bottom-right::before, .video.bottom-right::after {
  top: auto;
  left: auto;
  right: var(--shift);
  bottom: var(--shift);
  translate: 50% 50%;
}

img[src=""] {
  display: none;
}

.swiper {
  position: relative;
}
.swiper.overflow-visible {
  overflow: visible;
}
.swiper.overflow-visible .swiper-wrapper {
  overflow: visible;
}
@media (max-width: 992px) {
  .swiper.overflow-visible-mobile {
    overflow: visible;
  }
  .swiper.overflow-visible-mobile .swiper-wrapper {
    overflow: visible;
  }
}
.swiper .swiper-slide {
  height: auto;
}

.swiper-nav {
  --arrow-size: 40px;
  --arrow-inner-inset: 21%;
  --arrow-bg-color: transparent;
  --arrow-border-color: transparent;
  --arrow-color: #34303d;
  --arrow-bg-color-hover: rgba(0, 0, 0, 0.1);
  --arrow-border-color-hover: transparent;
  --arrow-color-hover: #34303d;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  pointer-events: none;
  z-index: 5;
}
.swiper-nav .swiper-next,
.swiper-nav .swiper-prev {
  --translate: 3px;
  position: relative;
  pointer-events: all;
  min-width: var(--arrow-size);
  max-width: var(--arrow-size);
  min-height: var(--arrow-size);
  max-height: var(--arrow-size);
  border-radius: 50%;
  background-color: var(--arrow-bg-color);
  border: solid 1px var(--arrow-border-color);
  transition: all 0.6s ease;
}
.swiper-nav .swiper-next::before,
.swiper-nav .swiper-prev::before {
  content: "";
  position: absolute;
  inset: var(--arrow-inner-inset);
  mask-image: url(/images/icons/chevron-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/chevron-right.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--arrow-color);
  transition: all 0.6s ease;
}
.swiper-nav .swiper-next:hover,
.swiper-nav .swiper-prev:hover {
  background-color: var(--arrow-bg-color-hover);
  border: solid 1px var(--arrow-border-color-hover);
}
.swiper-nav .swiper-next:hover::before,
.swiper-nav .swiper-prev:hover::before {
  background-color: var(--arrow-color-hover);
}
.swiper-nav .swiper-next.swiper-button-disabled,
.swiper-nav .swiper-prev.swiper-button-disabled {
  opacity: 0.6;
  cursor: auto;
  pointer-events: none;
}
.swiper-nav .swiper-next::before {
  translate: calc(var(--translate) * 1) 0;
}
.swiper-nav .swiper-prev::before {
  translate: calc(var(--translate) * -1) 0;
  rotate: 180deg;
}

.swiper-pagination {
  position: static;
  margin-top: 20px;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 28px;
  height: 3px;
  border-radius: 0;
  background-color: var(--default-text-color);
  margin: 0 5px;
  opacity: 0.3;
  transition: all 0.6s ease;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.note-container {
  border: solid 3px #34303d;
  padding: 20px 60px;
  width: fit-content;
  margin-inline: auto;
}
@media (max-width: 992px) {
  .note-container {
    padding: 20px 40px;
  }
}
.note-container.no-border {
  border: none;
  padding: 0;
  margin-top: 40px;
}
.note-container.center {
  text-align: center;
  max-width: 900px;
}
.note-container.small, .note-container.small p {
  font-size: 13px;
}

.disclaimer {
  display: block;
  color: var(--default-text-color);
  padding: 16px;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}
.disclaimer a {
  color: var(--default-text-color);
  font-size: 16px;
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.6s ease;
  border: none;
  background-color: transparent;
}
.disclaimer a:hover {
  color: #00d1d2;
}
.disclaimer:empty, .disclaimer:has(:first-child:last-child:empty) {
  display: none;
}
.disclaimer > *:last-child {
  margin-bottom: 0;
}
.disclaimer.with-border {
  background-color: transparent;
  border: 1px solid var(--default-text-color);
}
.disclaimer.no-box {
  padding: 0;
  background-color: transparent;
  border: none;
}
.disclaimer.center {
  display: flex;
  justify-content: center;
  text-align: center;
}
.disclaimer.no-bold {
  font-weight: 400;
}
.disclaimer.no-bold * {
  font-weight: 400;
}
.disclaimer.center {
  display: flex;
  justify-content: center;
  text-align: center;
}

.bgDisclaimer {
  display: block;
  color: var(--default-text-color);
  padding: 16px;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}
.bgDisclaimer:empty, .bgDisclaimer:has(:first-child:last-child:empty) {
  display: none;
}
.bgDisclaimer > *:last-child {
  margin-bottom: 0;
}
.bgDisclaimer.with-border {
  background-color: transparent;
  border: 1px solid var(--default-text-color);
}
.bgDisclaimer.no-box {
  padding: 0;
  background-color: transparent;
  border: none;
}
.bgDisclaimer.center {
  display: flex;
  justify-content: center;
  text-align: center;
}
.bgDisclaimer.no-bold {
  font-weight: 400;
}
.bgDisclaimer.no-bold * {
  font-weight: 400;
}
.bgDisclaimer.center {
  display: flex;
  justify-content: center;
  text-align: center;
}

#ajaxLoader {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 50000;
}
#ajaxLoader .loader {
  position: absolute;
  height: 60px;
  width: 60px;
  display: block;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  -webkit-animation: rotation 1s infinite linear;
  -moz-animation: rotation 1s infinite linear;
  -o-animation: rotation 1s infinite linear;
  animation: rotation 1s infinite linear;
  border: 6px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
}
#ajaxLoader .loader::before {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: -6px;
  height: 60px;
  width: 60px;
  border-top: 6px solid rgba(0, 0, 0, 0.8);
  border-left: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.swiper-button-next,
.swiper-button-prev {
  display: none;
}

.messageContainer {
  position: fixed;
  top: 0px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 100%;
  z-index: 1000;
  background-color: green;
  padding: 10px 50px;
  min-height: 62px;
}
.messageContainer.red {
  background-color: #d40720;
}
.messageContainer .close {
  position: absolute;
  top: 10px;
  inset-inline-end: 25px;
  color: transparent;
  background-image: url(../../images/close-icon-black.svg);
  width: 25px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
}
.messageContainer h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
.messageContainer .messageBody {
  margin-top: 10px;
  color: #ffffff;
  font-size: 16px;
  display: flex;
  gap: 24px;
}

.fixed-on-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #fffdfb;
  padding: 15px 0;
  display: flex;
  z-index: 10;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
  padding-inline: 30px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s ease;
}
.fixed-on-scroll.show {
  opacity: 1;
  pointer-events: all;
}
.fixed-on-scroll .label-total {
  font-size: clamp(16px, 11.871559633px + 0.9174311927vw, 24px);
  font-weight: bold;
}

sup {
  vertical-align: top;
  font-size: 10px;
}

.noScroll {
  overflow-y: hidden;
}

h3 {
  margin: 0;
}

.backLink.clubBack {
  margin-inline-start: 50px;
}
.backLink.clubBack a {
  text-decoration: underline;
  color: #34303d;
  padding: 20px 0 !important;
}
.backLink a {
  width: auto;
  margin-top: 0;
}

.button.white {
  border: 1px solid white;
  max-width: fit-content;
  background-color: #fff;
  border: 0px;
  color: #34303d !important;
}
.button.white:hover {
  background-color: #34303d;
  border: 0px;
  color: #fff !important;
}

.oldPriceStrikethrough {
  text-decoration: line-through;
  color: #a0a0a0;
}

.form-control:focus {
  outline: none;
  box-shadow: unset;
}

.no-description-display .second-level-description {
  display: none;
}

@keyframes scrollBounce {
  0%, 100% {
    transform: translateY(0) rotate(-45deg);
    opacity: 0.7;
  }
  50% {
    transform: translateY(8px) rotate(-45deg);
    opacity: 1;
  }
}
:where(*) {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  --header-margin-top-current: var(--header-margin-top, 0px);
  font-family: "IQOS", "IQOS AR", sans-serif;
  max-width: 2500px;
  margin-inline: auto;
}

.mainBodyWrapper {
  --header-margin-top-current: var(--header-margin-top, 0px);
  padding-top: var(--header-margin-top, 0px);
  transition: all 0.6s ease;
}

a {
  transition: all 0.2s ease;
  color: var(--default-text-color);
}
a.col {
  display: block;
  text-decoration: none;
  color: var(--default-text-color);
}

@media (min-width: 992px) {
  .flex-nowrap-lg *:has(> .col) {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 1200px) {
  .flex-nowrap-xl *:has(> .col) {
    flex-wrap: nowrap !important;
  }
}
.numbers-list {
  --list-color: var(--current-color, #ffc600);
  --list-text-color: var(--current-text-color, white);
}
.numbers-list ul,
.numbers-list ol, .numbers-list:is(ul, ol) {
  max-width: 500px;
  counter-reset: list-counter;
}
.numbers-list ul > li,
.numbers-list ol > li, .numbers-list:is(ul, ol) > li {
  --bullet-size: 36px;
  position: relative;
  counter-increment: list-counter;
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.numbers-list ul > li:empty,
.numbers-list ol > li:empty, .numbers-list:is(ul, ol) > li:empty {
  display: none;
}
.numbers-list ul > li p,
.numbers-list ol > li p, .numbers-list:is(ul, ol) > li p {
  margin-bottom: 16px;
}
.numbers-list ul > li p:last-child,
.numbers-list ol > li p:last-child, .numbers-list:is(ul, ol) > li p:last-child {
  margin-bottom: 0;
}
.numbers-list ul > li ul,
.numbers-list ul > li ol,
.numbers-list ol > li ul,
.numbers-list ol > li ol, .numbers-list:is(ul, ol) > li ul,
.numbers-list:is(ul, ol) > li ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.numbers-list ul > li li,
.numbers-list ol > li li, .numbers-list:is(ul, ol) > li li {
  list-style: disc;
}
.numbers-list ul > li,
.numbers-list ol > li, .numbers-list:is(ul, ol) > li {
  margin-bottom: 20px;
  padding-inline-start: calc(var(--bullet-size) + 16px);
}
.numbers-list ul > li::marker,
.numbers-list ol > li::marker, .numbers-list:is(ul, ol) > li::marker {
  display: none;
}
.numbers-list ul > li:last-child,
.numbers-list ol > li:last-child, .numbers-list:is(ul, ol) > li:last-child {
  margin-bottom: 0;
}
.numbers-list ul > li::before,
.numbers-list ol > li::before, .numbers-list:is(ul, ol) > li::before {
  content: counter(list-counter);
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--bullet-size);
  max-width: var(--bullet-size);
  aspect-ratio: 1;
  background-color: var(--list-color);
  line-height: 1;
  color: var(--list-text-color, white);
  border-radius: 50%;
}
.numbers-list ul > li h3,
.numbers-list ol > li h3, .numbers-list:is(ul, ol) > li h3 {
  font-size: clamp(23px, 20.9357798165px + 0.4587155963vw, 27px);
  font-weight: 600;
  margin-bottom: 5px;
}
.numbers-list ul > li :is(ul, ol),
.numbers-list ol > li :is(ul, ol), .numbers-list:is(ul, ol) > li :is(ul, ol) {
  margin-top: 16px;
}
.numbers-list ul > li :is(ul, ol) li,
.numbers-list ol > li :is(ul, ol) li, .numbers-list:is(ul, ol) > li :is(ul, ol) li {
  padding-inline-start: 0;
}
.numbers-list ul > li :is(ul, ol) li::before,
.numbers-list ol > li :is(ul, ol) li::before, .numbers-list:is(ul, ol) > li :is(ul, ol) li::before {
  display: none;
}

.no-numbers-list ul li,
.no-numbers-list ol li {
  padding-inline-start: 0 !important;
  margin-inline-start: 16px !important;
  margin-bottom: 10px !important;
}
.no-numbers-list ul li::before,
.no-numbers-list ol li::before {
  display: none !important;
}
.no-numbers-list ul li {
  list-style: disc !important;
}
.no-numbers-list ol li {
  list-style: armenian !important;
}

.fancybox__container {
  width: 100%;
  padding-inline: var(--container-gutter-x);
  margin-inline: auto;
}
@media (min-width: 576px) {
  .fancybox__container {
    max-width: unset;
  }
}
@media (min-width: 768px) {
  .fancybox__container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .fancybox__container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .fancybox__container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .fancybox__container {
    max-width: calc(1324px + var(--container-gutter-x));
  }
}
.fancybox__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fancybox__container .f-html {
  background-color: transparent;
  padding-block: 0;
}
.fancybox__container .fancybox__carousel {
  max-height: min(800px, 80vh);
}

.select-language * {
  font-size: 14px;
}
.select-language.dropdown {
  position: relative;
}
.select-language.dropdown .dropdown-toggle {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0 26px 0 0;
  color: #34303d;
  font-weight: normal;
}
.select-language.dropdown .dropdown-toggle::after {
  content: "";
  border: none;
  position: absolute;
  top: 58%;
  right: 0;
  translate: 0 -50%;
  mask-image: url(/images/icons/chevron-down.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/chevron-down.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #34303d;
  width: 12px;
  aspect-ratio: 1;
}
.select-language.dropdown .dropdown-menu {
  padding: 0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  min-width: 90px;
  border-radius: 5px;
  overflow: hidden;
}
.select-language.dropdown .dropdown-menu .dropdown-item {
  font-size: 14px;
  color: #34303d;
  padding: 10px 16px;
  overflow: hidden;
}
.select-language.dropdown .dropdown-menu .dropdown-item.active, .select-language.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: white;
  color: #00d1d2;
}
.select-language.dropdown .dropdown-menu li:not(:last-child) .dropdown-item {
  border-bottom: solid 1px #dcdcdc;
}

body:has(.age-gate-popup:not(.hidden)) {
  overflow: hidden;
}

.popup {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background-color: white;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(19.5px);
  -webkit-backdrop-filter: blur(19.5px);
}
.popup.dark {
  background-color: rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.5);
}
.popup .container {
  height: 100%;
}
.popup .container .popup-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.popup .close-popup {
  width: 26px;
  height: 26px;
  mask-image: url(../../images/icons/close.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(../../images/icons/close.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #34303d;
  display: block;
  margin-inline-start: auto;
  padding-bottom: 40px;
  transition: all 0.6s ease;
  cursor: pointer;
}
.popup .close-popup:hover {
  scale: 1.05;
  background-color: #00d1d2;
}
.popup.medium-width {
  background-color: rgba(52, 48, 61, 0.5);
  backdrop-filter: none;
  display: flex;
}
.popup.medium-width > .container {
  max-width: 50vw;
  height: auto;
  margin: auto;
  padding: 30px;
  background-color: #ffffff;
  align-items: center;
  border-radius: 8px;
}
.popup.medium-width > .container h2 {
  margin-bottom: 20px;
}
.popup.medium-width > .container p.subtitle {
  font-size: clamp(14px, 12.9678899083px + 0.2293577982vw, 16px);
  margin-bottom: 40px;
}
.popup.medium-width > .container .controls {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.popup.medium-width > .container .controls .secondary-btn {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.popup.medium-width > .container .controls .secondary-btn:empty {
  display: none;
}
.popup.medium-width > .container .controls .secondary-btn:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}

.age-gate-popup {
  background-color: #f6f4f0;
  background: rgba(246, 244, 240, 0.95);
  backdrop-filter: blur(19.5px);
  -webkit-backdrop-filter: blur(19.5px);
  padding-block: 60px;
}
.age-gate-popup .errorAge {
  display: none;
}
.age-gate-popup.age-error-underage .errorAge {
  display: block;
}
.age-gate-popup.age-error-underage .age-input-block {
  display: none;
}
.age-gate-popup .language-selector-main {
  position: absolute;
  top: 60px;
  right: 60px;
}
@media (max-width: 992px) {
  .age-gate-popup .language-selector-main {
    right: var(--container-gutter-x);
  }
}
.age-gate-popup .language-selector-main .select-language .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
}
.age-gate-popup .language-selector-main .select-language .dropdown-toggle::before {
  content: "";
  display: block;
  mask-image: url(/images/icons/globe.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/globe.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #34303d;
  width: 20px;
  aspect-ratio: 1;
}
.age-gate-popup .popup-container {
  justify-content: center;
}
.age-gate-popup .popup-container {
  max-width: 1000px;
  height: 100%;
  margin-inline: auto;
  text-align: center;
}
.age-gate-popup .logo-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 32px;
}
.age-gate-popup .logo-container .logo {
  max-width: 100px;
}
.age-gate-popup .logo-container .favicon {
  max-width: 50px;
}
.age-gate-popup .age-input-block {
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.age-gate-popup .age-input-block:empty {
  display: none;
}
.age-gate-popup .age-input-block p {
  margin-bottom: 16px;
}
.age-gate-popup .age-input-block p:last-child {
  margin-bottom: 0;
}
.age-gate-popup .age-input-block ul,
.age-gate-popup .age-input-block ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.age-gate-popup .age-input-block li {
  list-style: disc;
}
.age-gate-popup .age-input-block {
  font-size: clamp(18px, 16.9678899083px + 0.2293577982vw, 20px);
  line-height: 1.5;
  max-width: 500px;
  margin-inline: auto;
  width: 100%;
}
.age-gate-popup .age-input-block .input-fields {
  display: flex;
  gap: 16px;
  margin-block: 60px 30px;
}
.age-gate-popup .age-input-block .input-fields .field-group {
  flex: 1 1 0;
}
.age-gate-popup .age-input-block .input-fields .field-group .field-label {
  text-align: start;
}
.age-gate-popup .age-input-block .input-fields .field-group .field-label label {
  font-size: 13px;
}
.age-gate-popup .age-input-block .input-fields .field-group .field-label span {
  display: none;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container {
  width: 100%;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container {
  width: 100% !important;
  text-align: start;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container .select2-selection--single {
  position: relative;
  padding: 24px 15px;
  border: 1px solid #b0b0b0;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding-inline: 16px 40px;
  outline: none;
  box-shadow: none;
  transition: all 0.6s ease;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container .select2-selection--single .select2-selection__arrow {
  display: none;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container .select2-selection--single::before {
  content: "";
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  inset-inline-end: 36px;
  translate: calc(-50% * var(--flip-value)) -50%;
  background-image: url(/images/icons/red-x-circle.svg);
  background-size: 100%;
  width: 25px;
  aspect-ratio: 1;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container .select2-selection--single::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-end: 20px;
  translate: 0 -50%;
  mask-image: url(/images/icons/chevron-down.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/chevron-down.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #34303d;
  width: 12px;
  aspect-ratio: 1;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container .select2-selection--single .select2-selection__rendered {
  padding-inline: 0;
  color: #34303d;
  font-size: 16px;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container .select2-results__options {
  margin: 0;
  padding: 0;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container .select2-results__options .select2-results__option {
  list-style: none;
  font-size: 14px;
  padding: 6px 10px;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted, .age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container .select2-results__options .select2-results__option:hover {
  background-color: #00d1d2;
  color: #34303d;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container .select2-container input {
  font-size: 14px;
  padding: 6px 10px;
  outline: #00d1d2;
}
.age-gate-popup .age-input-block .input-fields .field-group .select-container > input {
  display: none;
}
.age-gate-popup .age-input-block .input-fields .field-group.has-error .select2-selection--single {
  border-color: #dd3333 !important;
}
.age-gate-popup .age-input-block .input-fields .field-group.has-error .select2-selection--single::before {
  opacity: 1 !important;
}
.age-gate-popup .age-input-block .input-fields .field-group.has-success .select2-selection--single {
  border-color: #57760c !important;
}
.age-gate-popup .age-input-block .input-fields .field-group.has-success .select2-selection--single::before {
  opacity: 1 !important;
  background-image: url(/images/icons/green-check-circle.svg) !important;
}
.age-gate-popup .disclaimer-block {
  margin-top: 80px;
}
.age-gate-popup .disclaimer-block .disclaimer-text {
  font-size: 13px;
  line-height: 1.5;
}
.age-gate-popup .disclaimer-block .disclaimer-title {
  font-size: clamp(18px, 14.9036697248px + 0.6880733945vw, 24px);
}

#onetrust-consent-sdk #onetrust-banner-sdk {
  background-color: #34303d !important;
}
#onetrust-consent-sdk #onetrust-button-group #onetrust-pc-btn-handler {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
#onetrust-consent-sdk #onetrust-button-group #onetrust-pc-btn-handler:empty {
  display: none;
}
#onetrust-consent-sdk #onetrust-button-group #onetrust-pc-btn-handler:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
#onetrust-consent-sdk #onetrust-button-group #onetrust-pc-btn-handler {
  --color: white;
  --background-color: transparent;
  --border-color: white;
  --hover-color: #34303d;
  --hover-background-color: white;
  --hover-border-color: white;
  --hover-color: #34303d;
  --hover-background-color: #00d1d2;
  --hover-border-color: #00d1d2;
}
#onetrust-consent-sdk #onetrust-button-group #onetrust-accept-btn-handler {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
#onetrust-consent-sdk #onetrust-button-group #onetrust-accept-btn-handler:empty {
  display: none;
}
#onetrust-consent-sdk #onetrust-button-group #onetrust-accept-btn-handler:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
#onetrust-consent-sdk #onetrust-button-group #onetrust-accept-btn-handler {
  --color: #34303d;
  --background-color: white;
  --border-color: white;
  --hover-color: white;
  --hover-background-color: #34303d;
  --hover-border-color: #34303d;
  --hover-color: #34303d;
  --hover-background-color: #00d1d2;
  --hover-border-color: #00d1d2;
}
#onetrust-consent-sdk #onetrust-button-group button {
  font-size: 13px !important;
  line-height: 1 !important;
  padding-block: 14px !important;
}
@media (max-width: 992px) {
  #onetrust-consent-sdk #onetrust-button-group {
    margin-top: 20px !important;
  }
}
#onetrust-consent-sdk #onetrust-close-btn-container .onetrust-close-btn-handler {
  filter: brightness(0) invert(1);
}

body:has(.header-main.hidden) .mainBodyWrapper {
  --header-margin-top-current: 0px;
}
body:has(.first-level.hasSubmenu.active) {
  overflow-y: hidden;
}
body:has(.header-sidebar.visible) {
  overflow: hidden;
}
body:has(.header-sidebar.visible) .header-main {
  --box-shadow: unset;
}

.header-main {
  --logo-width: 80px;
  --main-color: #34303d;
  --front-z-index: 800;
  --back-z-index: 700;
  --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  --overlay-opacity: 0;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.6s ease;
  z-index: var(--back-z-index);
}
.header-main::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: calc(var(--back-z-index) - 1);
  transition: all 0.6s ease;
  pointer-events: none;
  opacity: var(--overlay-opacity);
}
.header-main.hidden {
  translate: 0 -100%;
}
.header-main .header-click-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 750;
  display: none;
}
.header-main .header-click-overlay.active {
  display: block;
}
@media (max-width: 992px) {
  .header-main .header-click-overlay {
    display: none;
    pointer-events: none;
  }
}
@media (min-width: 992px) {
  .header-main:has(.first-level.hasSubmenu.active) {
    --overlay-opacity: 0.5;
  }
}
@media (max-width: 768px) {
  .header-main {
    --logo-width: 65px;
  }
}
.header-main ::-webkit-scrollbar {
  width: 6px;
}
.header-main ::-webkit-scrollbar-track {
  background: transparent;
}
.header-main ::-webkit-scrollbar-thumb {
  background-color: rgb(187, 187, 187);
  border-radius: 999px;
}
.header-main .lang-banner {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  background-color: #00d1d2;
  color: var(--main-color);
  padding-block: 18px;
  padding-inline: var(--container-gutter-x);
  width: 100%;
  transition: grid-template-rows 0.6s ease, padding-block 0.6s ease;
  z-index: var(--front-z-index);
  overflow: hidden;
}
@media (max-width: 768px) {
  .header-main .lang-banner {
    padding-block: 10px;
    padding-inline: calc(var(--container-gutter-x) * 2);
  }
}
.header-main .lang-banner.hidden {
  grid-template-rows: 0fr;
  padding-block: 0 !important;
}
.header-main .lang-banner.hidden .banner-text {
  opacity: 0;
}
.header-main .lang-banner.hidden .langBanner-close {
  opacity: 0;
}
.header-main .lang-banner .banner-text {
  min-height: 0;
  margin-inline: auto;
  text-align: center;
  transition: opacity 0.4s ease;
  /* Fade out faster than collapse */
}
.header-main .lang-banner .banner-text a {
  display: block;
  font-size: clamp(12px, 8.9036697248px + 0.6880733945vw, 18px);
  line-height: 1.3;
  font-weight: 600;
  text-decoration: none;
}
.header-main .lang-banner .banner-text a:hover {
  text-decoration-color: var(--main-color);
}
.header-main .lang-banner .langBanner-close {
  position: absolute;
  right: var(--container-gutter-x);
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 600;
  color: var(--main-color);
  cursor: pointer;
  line-height: 1;
  transition: opacity 0.4s ease;
}
.header-main .lang-banner .langBanner-close:hover {
  scale: 1.05;
}
@media (max-width: 768px) {
  .header-main .lang-banner .langBanner-close {
    font-size: 22px;
    right: 8px;
  }
}
.header-main .menuHolder {
  position: relative;
  width: 100%;
  background-color: white;
  box-shadow: var(--box-shadow);
  transition: all 0.6s ease;
  z-index: var(--front-z-index);
}
.header-main .menuHolder .logo-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: var(--logo-width);
  height: 40px;
}
.header-main .menuHolder .logo-container img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  opacity: 0;
  max-height: 0;
  transition: all 0.6s ease;
}
.header-main .menuHolder .logo-container img.visible {
  opacity: 1;
  max-height: 100%;
}
.header-main .menuHolder .menu {
  padding: 24px 0;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: flex-end;
}
.header-main .menuHolder .menu .menuItems {
  --menu-wrapper-gap: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: var(--menu-wrapper-gap);
  z-index: var(--front-z-index);
  pointer-events: none;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 0 0 calc(50% - var(--logo-width) / 2 - var(--menu-wrapper-gap) / 2);
  pointer-events: all;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper.rightMenuWrapper {
  justify-content: flex-end;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 992px) {
  .header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper {
    display: none;
  }
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level {
  --arrow-rotation: 0;
  display: inline-flex;
  gap: 12px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .first-level-title {
  position: relative;
  color: var(--main-color);
  font-size: 14px;
  letter-spacing: 0.4px;
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level.hasSubmenu .first-level-title::after {
  content: "";
  mask-image: url(/images/icons/chevron-down.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/chevron-down.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
  width: 12px;
  aspect-ratio: 1;
  transition: all 0.6s ease;
  rotate: var(--arrow-rotation);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level.hasSubmenu.active {
  --arrow-rotation: 180deg;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level.hasSubmenu.active .secondLvl {
  max-height: var(--level-height);
  padding-block: 55px;
  opacity: 1;
  pointer-events: all;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl {
  --level-height: 65vh;
  --second-level-gap: 60px;
  --highlighted-images-width: 380px;
  position: absolute;
  bottom: 0;
  left: 0;
  translate: 0 calc(100% - 2px) !important;
  background-color: white;
  opacity: 0;
  pointer-events: none;
  z-index: var(--back-z-index);
  width: 100%;
  max-height: 0;
  padding-inline: 0;
  padding-block: 0;
  height: var(--level-height);
  transition: all 0.6s ease;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .menuBack {
  display: none;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .itemsBlock {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: var(--second-level-gap);
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .itemsBlock .highlitedSection {
  position: absolute;
  top: 0;
  inset-inline-end: var(--container-gutter-x);
  max-width: var(--highlighted-images-width);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .itemsBlock .highlitedSection .highlitedInfo h3 a.title {
  font-size: 18px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .itemsBlock .highlitedSection .highlitedInfo a.description {
  font-size: 14px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .secondLevelWrapper {
  --second-menu-width: 40%;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  max-width: calc(100% - var(--highlighted-images-width) - var(--second-level-gap));
  max-height: 100%;
  overflow-x: visible;
  padding: 0;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection {
  width: var(--second-menu-width);
  margin-bottom: 20px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection:last-child {
  margin-bottom: 0;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection.hasSubmenu > a {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 15px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection.hasSubmenu > a span.ribbon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
  background-color: rgb(0, 209, 210);
  border-radius: 0.15rem;
  color: rgb(52, 48, 61);
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  padding: 0.5em 0.75em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  right: 0%;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection.hasSubmenu > a::after {
  content: "";
  display: block;
  mask-image: url(/images/icons/chevron-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/chevron-right.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #34303d;
  width: 15px;
  aspect-ratio: 1;
  rotate: calc(var(--arrow-direction) * 1);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection > a {
  color: #34303d;
  font-size: clamp(20px, 18.4518348624px + 0.3440366972vw, 23px);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection > a {
  line-height: 26px;
}
@media screen and (min-width: 420px) {
  .header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection > a {
    line-height: calc(26px + 3 * (100vw - 420px) / 1180);
  }
}
@media screen and (min-width: 1600px) {
  .header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection > a {
    line-height: 29px;
  }
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection > a {
  font-weight: bold;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding-inline-end: 25px;
  width: fit-content;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection > a span.ribbon {
  position: absolute;
  top: 0%;
  transform: translateY(20%) translateX(100%);
  background-color: rgb(0, 209, 210);
  border-radius: 0.15rem;
  color: rgb(52, 48, 61);
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  padding: 0.5em 0.75em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  right: 0%;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection > a::before {
  content: "";
  height: 4px;
  width: 0;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  background-color: #00d1d2;
  transition: all 0.6s ease;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection > a:hover::before, .header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection > a.active::before {
  width: calc(100% - 30px);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl {
  --third-level-width: 30%;
  display: none;
  position: absolute;
  top: 0px;
  inset-inline-start: calc(var(--second-menu-width) + var(--second-level-gap));
  width: calc(100% - var(--second-menu-width) + var(--highlighted-images-width));
  max-height: 100%;
  overflow: hidden;
  height: 100%;
  background-color: white;
  z-index: 10;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl.active {
  display: block;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .highlitedSection {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  max-width: var(--highlighted-images-width);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper {
  width: 100%;
  max-width: calc(100% - var(--highlighted-images-width) - var(--second-level-gap) * 2);
  max-height: 100%;
  overflow-y: auto;
  scrollbar-gutter: stable both-edges;
  padding-inline-end: 10px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlImagesWrapper {
  margin-bottom: 30px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem {
  margin-bottom: 10px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem:last-child:not(.withImage) {
  margin-bottom: 0;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem:last-child:not(.withImage) .menuAnchor {
  padding-bottom: 0;
  line-height: 20px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo {
  display: flex;
  justify-content: space-between;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .titleWrapper {
  width: 100%;
  padding-inline-end: 10px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor {
  color: #34303d;
  font-size: clamp(16px, 11.3555045872px + 1.0321100917vw, 25px);
  font-weight: bold;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 0;
  bottom: 0;
  inset-inline-start: 0;
  background-color: #00d1d2;
  transition: all 0.6s ease;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor:hover::before, .header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo .menuAnchor.active::before {
  width: calc(100% - 30px);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .listingInfo p {
  font-size: 16px;
  color: #34303d;
  margin-bottom: 10px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .imageWrapper {
  flex: 0 0 24%;
  max-width: 24%;
  padding-inline-end: 6px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .imageWrapper a::before {
  display: none;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.withImage .imageWrapper img {
  max-width: 100%;
  object-fit: contain;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem.isHighlighted {
  font-weight: bold;
  font-size: clamp(22px, 19.9357798165px + 0.4587155963vw, 26px);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor {
  color: #34303d;
  font-size: clamp(16px, 16px + 0vw, 16px);
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
  z-index: 2;
  height: fit-content;
  width: fit-content;
  transition: all 0.6s ease;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited {
  font-weight: bold;
  font-size: clamp(16px, 14.9678899083px + 0.2293577982vw, 18px);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited::before {
  content: "";
  height: 4px;
  width: 0;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  background-color: #00d1d2;
  transition: all 0.6s ease;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited:hover, .header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited.active {
  color: #00d1d2;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited:hover::before, .header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.isHighlited.active::before {
  width: calc(100% - 5px);
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor:hover, .header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .scdSection .thirdLvl .thirdLevelItemWrapper .thirdLvlItem .menuAnchor.active {
  color: #00d1d2;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection {
  flex: 0 0 27%;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .imageWrapper {
  margin-bottom: 10px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .imageWrapper a {
  display: block;
  --bs-aspect-ratio: 60%;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .imageWrapper a::before {
  display: none;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .imageWrapper a img {
  max-width: 100%;
  object-fit: cover;
  position: static;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .title {
  color: #34303d;
  font-size: clamp(20px, 18.4518348624px + 0.3440366972vw, 23px);
  font-weight: bold;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding-inline-end: 25px;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .description {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #34303d;
  display: block;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .link {
  --main-color: var(--default-text-color, #34303d);
  color: var(--main-color);
  font-size: 16px;
  line-height: 20px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .link:empty {
  display: none;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .link::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-top: 4px;
  mask-image: url(/images/back-button.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/back-button.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
  transform: scale(-1);
  rotate: var(--arrow-direction);
  transition: all 0.6s ease;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .secondLvl .highlitedSection .highlitedInfo .link:hover::after {
  background-color: #00d1d2;
  translate: calc(6px * var(--flip-value)) 0;
}
.header-main .menuHolder .menu .menuItems .menu-wrapper .menuWrapper .first-level .menuOverlay {
  background-color: rgba(52, 48, 61, 0.4);
  bottom: 0;
  height: calc(100vh - 77px);
  inset-inline-start: 0;
  position: absolute;
  inset-inline-end: 0;
  top: 77px;
  display: none;
  z-index: -1;
}
.header-main .menuHolder .menu .mobileOverlay {
  display: none;
}
.header-main .menuHolder .menu .menu-icon {
  display: none;
}
.header-main .menuHolder .menu .header-icons-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .header-main .menuHolder .menu .header-icons-menu {
    gap: 10px;
  }
}
.header-main .menuHolder .menu .header-icons-menu .select-language * {
  text-transform: uppercase;
}
.header-main .menuHolder .menu .header-icons-menu .select-language.dropdown .dropdown-item {
  text-transform: uppercase;
}
.header-main .menuHolder .menu .account-actions-container.dropdown {
  position: relative;
}
.header-main .menuHolder .menu .account-actions-container.dropdown .user-icon {
  position: relative;
  background-color: transparent;
  border: none;
  width: 28px;
  aspect-ratio: 1;
}
.header-main .menuHolder .menu .account-actions-container.dropdown .user-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 60%;
  mask-image: url(/images/icons/user.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/user.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
}
.header-main .menuHolder .menu .account-actions-container.dropdown .user-icon::after {
  display: none;
}
.header-main .menuHolder .menu .account-actions-container.dropdown .account-dropdown {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  min-width: 200px;
  border: none;
  padding: 0;
}
.header-main .menuHolder .menu .account-actions-container.dropdown .account-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  color: #34303d;
  padding: 12px 16px;
}
.header-main .menuHolder .menu .account-actions-container.dropdown .account-dropdown .dropdown-item.active, .header-main .menuHolder .menu .account-actions-container.dropdown .account-dropdown .dropdown-item:hover {
  background-color: white;
  color: #00d1d2;
}
.header-main .menuHolder .menu .account-actions-container.dropdown .account-dropdown .dropdown-item img {
  max-width: 40px;
  aspect-ratio: 1;
  object-fit: contain;
}
.header-main .menuHolder .menu .account-actions-container.dropdown .account-dropdown .dropdown-item:hover {
  background-color: transparent;
}
.header-main .menuHolder .menu .account-actions-container.dropdown .account-dropdown .dropdown-item:hover span {
  text-decoration: underline;
}
.header-main .menuHolder .menu .account-actions-container.dropdown .account-dropdown li:not(:last-child) .dropdown-item {
  border-bottom: solid 1px #dcdcdc;
}
.header-main .menuHolder .menu .shopping-cart-icon .cart-header-icon {
  position: relative;
  background-image: url(../../images/cart-icon.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: auto;
  min-height: 21px;
  display: block;
}
.header-main .menuHolder .menu .shopping-cart-icon .cart-header-icon span {
  position: absolute;
  height: 12px;
  width: 12px;
  background: #00d1d2;
  border-radius: 50%;
  bottom: 0;
  inset-inline-end: 3px;
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  color: #34303d;
}
.header-main .menuHolder .menu-toggle {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  transition: all 0.6s ease;
}
.header-main .menuHolder .menu-toggle > div {
  position: relative;
  width: 36px;
  height: 12px;
}
@media (max-width: 768px) {
  .header-main .menuHolder .menu-toggle > div {
    width: 28px;
    height: 12px;
  }
}
.header-main .menuHolder .menu-toggle > div span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--main-color);
  transition: all 0.6s ease;
  transform-origin: center;
}
.header-main .menuHolder .menu-toggle > div span:nth-child(1) {
  top: 0;
}
.header-main .menuHolder .menu-toggle > div span:nth-child(2) {
  top: 100%;
}
.header-main .menuHolder .menu-toggle > div span:nth-child(3) {
  display: none;
  top: 100%;
}
.header-main .menuHolder .menu-toggle:hover > div span:nth-child(3) {
  width: 100%;
}
.header-main .menuHolder .menu-toggle[aria-expanded=true] > div span {
  top: 50%;
}
.header-main .menuHolder .menu-toggle[aria-expanded=true] > div span:nth-child(1) {
  transform: translate(0, -50%) rotate(45deg);
}
.header-main .menuHolder .menu-toggle[aria-expanded=true] > div span:nth-child(2) {
  transform: translate(0, -50%) rotate(-45deg);
}
.header-main .menuHolder .menu-toggle[aria-expanded=true] > div span:nth-child(3) {
  max-width: 0;
  left: 50%;
  transform: translate(0, -50%);
}

.header-sidebar {
  --sidebar-padding: var(--container-gutter-x);
  --menu-item-spacing: 8px;
  --back-btn-size: 24px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: calc(100vh - var(--header-margin-top) + 2px);
  background-color: white;
  z-index: 500;
  transition: all 0.6s ease;
  translate: -100% 0;
  overflow: hidden;
}
.header-sidebar.visible {
  translate: 0 0;
}
.header-sidebar .container {
  height: 100%;
  padding-inline: var(--sidebar-padding);
}
.header-sidebar .header-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-block: var(--sidebar-padding);
  scrollbar-width: thin;
  scrollbar-color: #34303d transparent;
  display: unset;
  justify-content: unset;
  align-items: unset;
  flex-wrap: unset;
}
.header-sidebar .header-icons-menu {
  display: none;
}
.header-sidebar .menu-wrapper {
  display: block;
  flex: unset;
  margin-bottom: 0;
}
.header-sidebar .menu-wrapper.leftMenuWrapper {
  margin-bottom: 16px;
}
.header-sidebar .menuWrapper.toolkitMainMenu {
  display: flex;
  flex-direction: column;
  gap: var(--menu-item-spacing);
}
.header-sidebar .first-level {
  display: flex;
  flex-direction: column;
}
.header-sidebar .first-level .first-level-title {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 6px;
  font-size: clamp(20px, 18.9678899083px + 0.2293577982vw, 22px);
  font-weight: 600;
  color: #34303d;
  text-decoration: none;
  border: none;
  background: none;
}
.header-sidebar .first-level .first-level-title::after {
  display: none;
}
.header-sidebar .first-level .first-level-desc {
  display: block !important;
  font-size: 14px;
  color: #666;
  margin-top: -8px;
  padding-bottom: 8px;
  margin: 0;
  line-height: 1.4;
}
.header-sidebar .first-level .first-level-desc:empty {
  display: none !important;
}
.header-sidebar .first-level.hasSubmenu .first-level-title::after {
  content: "";
  display: block;
  mask-image: url(/images/icons/chevron-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/chevron-right.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #34303d;
  width: 14px;
  aspect-ratio: 1;
  transform: scale(var(--flip-value));
  flex-shrink: 0;
  rotate: unset;
}
.header-sidebar .secondLvl {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: calc(100vh - var(--header-margin-top));
  max-height: unset;
  background-color: white;
  z-index: 400;
  padding: 0;
  translate: 100% 0 !important;
  opacity: 1;
  pointer-events: none;
  box-shadow: none;
  overflow: hidden;
  transition: translate 0.3s ease;
}
.header-sidebar .secondLvl.mobile-active {
  translate: 0 0 !important;
  pointer-events: all;
}
.header-sidebar .secondLvl .menuOverlay {
  display: none;
}
.header-sidebar .secondLvl .itemsBlock {
  flex-direction: column;
  gap: 0;
  padding: var(--sidebar-padding);
  padding-top: 0;
  height: 100%;
  overflow-y: auto;
}
.header-sidebar .secondLvl .menuBack {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eee;
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
}
.header-sidebar .secondLvl .menuBack .backBtn {
  width: var(--back-btn-size);
  height: var(--back-btn-size);
  transform: scale(var(--flip-value));
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-sidebar .secondLvl .menuBack .backBtn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header-sidebar .secondLvl .menuBack .title {
  font-size: 16px;
  font-weight: 600;
  color: #34303d;
}
.header-sidebar .secondLvl .secondLevelWrapper {
  width: 100%;
  max-width: 100%;
  max-height: unset;
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: var(--menu-item-spacing);
}
.header-sidebar .secondLvl .scdSection {
  width: 100%;
  margin-bottom: 0;
}
.header-sidebar .secondLvl .scdSection > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block: 6px;
  font-size: clamp(20px, 18.9678899083px + 0.2293577982vw, 22px);
  font-weight: 600;
  color: #34303d;
  text-decoration: none;
  line-height: 1.3;
}
.header-sidebar .secondLvl .scdSection > a::before {
  display: none;
}
.header-sidebar .secondLvl .scdSection > a::after {
  display: none;
}
.header-sidebar .secondLvl .scdSection > a .ribbon {
  position: static;
  transform: none;
  margin-inline-start: 8px;
}
.header-sidebar .secondLvl .scdSection.hasSubmenu > a::after {
  content: "";
  display: block;
  mask-image: url(/images/icons/chevron-right.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/chevron-right.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #34303d;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.header-sidebar .secondLvl .highlitedSection {
  position: static;
  max-width: 100%;
  flex: unset;
  margin-top: 24px;
}
.header-sidebar .secondLvl .highlitedSection .imageWrapper {
  margin-bottom: 16px;
}
.header-sidebar .secondLvl .highlitedSection .imageWrapper a {
  position: unset;
  inset: unset;
  display: block;
  width: 100%;
  overflow: hidden;
}
.header-sidebar .secondLvl .highlitedSection .imageWrapper a::before {
  display: none;
}
.header-sidebar .secondLvl .highlitedSection .imageWrapper a img {
  position: unset;
  inset: unset;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.header-sidebar .secondLvl .highlitedSection .highlitedInfo .title {
  font-size: 16px;
  font-weight: 600;
  color: #34303d;
  margin-bottom: 8px;
  padding: 0;
}
.header-sidebar .secondLvl .highlitedSection .highlitedInfo .description {
  font-size: clamp(18px, 17.4839449541px + 0.1146788991vw, 19px);
}
.header-sidebar .secondLvl .highlitedSection .highlitedInfo .link {
  --main-color: var(--default-text-color, #34303d);
  color: var(--main-color);
  font-size: 16px;
  line-height: 20px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.header-sidebar .secondLvl .highlitedSection .highlitedInfo .link:empty {
  display: none;
}
.header-sidebar .secondLvl .highlitedSection .highlitedInfo .link::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-top: 4px;
  mask-image: url(/images/back-button.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/back-button.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--main-color);
  transform: scale(-1);
  rotate: var(--arrow-direction);
  transition: all 0.6s ease;
}
.header-sidebar .secondLvl .highlitedSection .highlitedInfo .link:hover::after {
  background-color: #00d1d2;
  translate: calc(6px * var(--flip-value)) 0;
}
.header-sidebar .secondLvl .highlitedSection .highlitedInfo .link {
  margin-top: 10px;
}
.header-sidebar .thirdLvl {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: calc(100vh - var(--header-margin-top));
  max-height: unset;
  background-color: white;
  z-index: 500;
  padding: 0 var(--container-gutter-x);
  translate: 100% 0;
  opacity: 1;
  pointer-events: none;
  overflow: hidden;
  transition: translate 0.3s ease;
}
.header-sidebar .thirdLvl.mobile-active {
  display: block;
  translate: 0 0;
  pointer-events: all;
}
.header-sidebar .thirdLvl .menuBack {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0px;
  border-bottom: 1px solid #eee;
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
}
.header-sidebar .thirdLvl .menuBack .backBtn {
  width: var(--back-btn-size);
  height: var(--back-btn-size);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-sidebar .thirdLvl .menuBack .backBtn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header-sidebar .thirdLvl .menuBack .title {
  font-size: 16px;
  font-weight: 600;
  color: #34303d;
}
.header-sidebar .thirdLvl .thirdLevelItemWrapper {
  width: 100%;
  max-width: 100%;
  max-height: unset;
  overflow-y: auto;
  padding: var(--sidebar-padding);
  height: calc(100% - 60px);
  scrollbar-gutter: unset;
}
.header-sidebar .thirdLvl .thirdLvlImagesWrapper {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 16px;
  margin-bottom: 16px;
  scrollbar-width: thin;
}
.header-sidebar .thirdLvl .thirdLvlImagesWrapper .thirdLvlItem.withImage {
  flex: 0 0 140px;
  min-width: 140px;
}
.header-sidebar .thirdLvl .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.header-sidebar .thirdLvl .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo .imageWrapper {
  order: 1;
  width: 100%;
  margin-bottom: 12px;
}
.header-sidebar .thirdLvl .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo .imageWrapper a {
  display: block;
}
.header-sidebar .thirdLvl .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo .imageWrapper a img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.header-sidebar .thirdLvl .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo .titleWrapper {
  order: 2;
}
.header-sidebar .thirdLvl .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo .titleWrapper a.menuAnchor {
  font-size: 14px;
  font-weight: 600;
  color: #34303d;
  text-decoration: none;
  display: block;
  margin-bottom: 4px;
}
.header-sidebar .thirdLvl .thirdLvlImagesWrapper .thirdLvlItem.withImage .listingInfo .titleWrapper p {
  font-size: 12px;
  color: #666;
  line-height: 1.3;
  margin: 0;
}
.header-sidebar .thirdLvl .thirdLvlItem:not(.withImage) {
  padding: 6px 0;
}
.header-sidebar .thirdLvl .thirdLvlItem:not(.withImage) a.menuAnchor {
  font-size: 16px;
  color: #34303d;
  text-decoration: none;
  display: block;
}
.header-sidebar .thirdLvl .highlitedSection.inner {
  position: static;
  max-width: 100%;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #eee;
}
.header-sidebar .thirdLvl .highlitedSection.inner .imageWrapper {
  margin-bottom: 16px;
  border-radius: 8px;
  overflow: hidden;
}
.header-sidebar .thirdLvl .highlitedSection.inner .imageWrapper a {
  display: block;
}
.header-sidebar .thirdLvl .highlitedSection.inner .imageWrapper a img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.header-sidebar .thirdLvl .highlitedSection.inner .highlitedInfo .title {
  font-size: 16px;
  font-weight: 600;
  color: #34303d;
  margin-bottom: 8px;
}
.header-sidebar .thirdLvl .highlitedSection.inner .highlitedInfo .description {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  margin-bottom: 12px;
}
.header-sidebar .thirdLvl .highlitedSection.inner .highlitedInfo .link {
  font-size: 14px;
  font-weight: 600;
  color: #34303d;
}

.banner-container {
  /* ========================================
     GENERATED CLASSES REFERENCE
     ========================================

     HORIZONTAL TEXT ALIGNMENT (All sizes — no media query):
     - .left-content-text-start
     - .left-content-text-center
     - .left-content-text-end
     - .right-content-text-start
     - .right-content-text-center
     - .right-content-text-end

     HORIZONTAL TEXT ALIGNMENT (Responsive prefixes — override base on smaller screens):
     - sm-{class}  (max-width: 568px)
     - md-{class}  (max-width: 768px)
     - lg-{class}  (max-width: 992px)
     e.g. .lg-left-content-text-start, .md-right-content-text-end, etc.

     HORIZONTAL TEXT ALIGNMENT (Mobile — max-width: 992px):
     - .left-content-text-start-mobile
     - .left-content-text-end-mobile
     - .right-content-text-start-mobile
     - .right-content-text-end-mobile

     BLOCK MAX-WIDTH (Both sides):
     - .blocks-max-width-200 through .blocks-max-width-650
       (200, 250, 300, 350, 400, 450, 500, 550, 600, 650)
     - sm-/md-/lg- prefixed variants available

     BLOCK MAX-WIDTH (Left side only):
     - .blocks-max-width-left-200 through .blocks-max-width-left-650
     - sm-/md-/lg- prefixed variants available

     BLOCK MAX-WIDTH (Right side only):
     - .blocks-max-width-right-200 through .blocks-max-width-right-650
     - sm-/md-/lg- prefixed variants available

     VERTICAL ALIGNMENT (Both sides):
     - .content-align-top
     - .content-align-center
     - .content-align-bottom
     - sm-/md-/lg- prefixed variants available

     VERTICAL ALIGNMENT (Left side only):
     - .content-left-align-top
     - .content-left-align-center
     - .content-left-align-bottom
     - sm-/md-/lg- prefixed variants available

     VERTICAL ALIGNMENT (Right side only):
     - .content-right-align-top
     - .content-right-align-center
     - .content-right-align-bottom
     - sm-/md-/lg- prefixed variants available

     CONTENT SIZE VARIANTS:
     - .content-small
     - .content-large

     OTHER MODIFIERS:
     - .show-banner-link
     - .content-dark
     - .order-left-image-first
     - .order-right-image-first
     - .swap-sides (swaps left/right block positions)
     - sm-/md-/lg- prefixed variants available for .swap-sides
     ======================================== */
  --banner-aspect-ratio: 1340 / 670;
  --banner-aspect-ratio-mobile: 437 / 651;
  --content-text-color: var(--default-text-color);
  --content-left-text-alignment: center;
  --content-right-text-alignment: center;
  --content-left-buttons-alignment: center;
  --content-right-buttons-alignment: center;
  --banner-link-display: none;
  --block-left-max-width: 500px;
  --block-right-max-width: 500px;
  --content-left-vertical-align: center;
  --content-right-vertical-align: center;
  position: relative;
  --default-text-color: #34303d;
  --default-text-color-inverse: white;
  --color-section-background: #27242d;
  --default-text-color: white;
  --default-text-color-inverse: #34303d;
  color: var(--default-text-color);
  margin-top: -1px;
  position: relative;
}
.banner-container::before {
  content: "";
  position: absolute;
  background-color: var(--color-section-background);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-container.half-bg::before {
  height: 50%;
}
.banner-container > * {
  isolation: isolate;
}
.banner-container {
  width: 100%;
  aspect-ratio: var(--banner-aspect-ratio);
}
.banner-container.left-content-text-start {
  --content-left-text-alignment: start;
  --content-left-buttons-alignment: start;
}
.banner-container.left-content-text-center {
  --content-left-text-alignment: center;
  --content-left-buttons-alignment: center;
}
.banner-container.left-content-text-end {
  --content-left-text-alignment: end;
  --content-left-buttons-alignment: end;
}
.banner-container.right-content-text-start {
  --content-right-text-alignment: start;
  --content-right-buttons-alignment: start;
}
.banner-container.right-content-text-center {
  --content-right-text-alignment: center;
  --content-right-buttons-alignment: center;
}
.banner-container.right-content-text-end {
  --content-right-text-alignment: end;
  --content-right-buttons-alignment: end;
}
.banner-container.blocks-max-width-200 {
  --block-left-max-width: 200px;
  --block-right-max-width: 200px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-200 {
  --block-left-max-width: 200px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-200 {
  --block-right-max-width: 200px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-250 {
  --block-left-max-width: 250px;
  --block-right-max-width: 250px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-250 {
  --block-left-max-width: 250px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-250 {
  --block-right-max-width: 250px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-300 {
  --block-left-max-width: 300px;
  --block-right-max-width: 300px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-300 {
  --block-left-max-width: 300px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-300 {
  --block-right-max-width: 300px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-350 {
  --block-left-max-width: 350px;
  --block-right-max-width: 350px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-350 {
  --block-left-max-width: 350px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-350 {
  --block-right-max-width: 350px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-400 {
  --block-left-max-width: 400px;
  --block-right-max-width: 400px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-400 {
  --block-left-max-width: 400px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-400 {
  --block-right-max-width: 400px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-450 {
  --block-left-max-width: 450px;
  --block-right-max-width: 450px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-450 {
  --block-left-max-width: 450px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-450 {
  --block-right-max-width: 450px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-500 {
  --block-left-max-width: 500px;
  --block-right-max-width: 500px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-500 {
  --block-left-max-width: 500px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-500 {
  --block-right-max-width: 500px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-550 {
  --block-left-max-width: 550px;
  --block-right-max-width: 550px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-550 {
  --block-left-max-width: 550px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-550 {
  --block-right-max-width: 550px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-600 {
  --block-left-max-width: 600px;
  --block-right-max-width: 600px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-600 {
  --block-left-max-width: 600px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-600 {
  --block-right-max-width: 600px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-650 {
  --block-left-max-width: 650px;
  --block-right-max-width: 650px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-left-650 {
  --block-left-max-width: 650px;
  text-wrap: balance;
}
.banner-container.blocks-max-width-right-650 {
  --block-right-max-width: 650px;
  text-wrap: balance;
}
.banner-container.content-align-top {
  --content-left-vertical-align: flex-start;
  --content-right-vertical-align: flex-start;
}
.banner-container.content-align-center {
  --content-left-vertical-align: center;
  --content-right-vertical-align: center;
}
.banner-container.content-align-bottom {
  --content-left-vertical-align: flex-end;
  --content-right-vertical-align: flex-end;
}
.banner-container.content-left-align-top {
  --content-left-vertical-align: flex-start;
}
.banner-container.content-left-align-center {
  --content-left-vertical-align: center;
}
.banner-container.content-left-align-bottom {
  --content-left-vertical-align: flex-end;
}
.banner-container.content-right-align-top {
  --content-right-vertical-align: flex-start;
}
.banner-container.content-right-align-center {
  --content-right-vertical-align: center;
}
.banner-container.content-right-align-bottom {
  --content-right-vertical-align: flex-end;
}
@media (max-width: 568px) {
  .banner-container.sm-left-content-text-start {
    --content-left-text-alignment: start;
    --content-left-buttons-alignment: start;
  }
  .banner-container.sm-left-content-text-center {
    --content-left-text-alignment: center;
    --content-left-buttons-alignment: center;
  }
  .banner-container.sm-left-content-text-end {
    --content-left-text-alignment: end;
    --content-left-buttons-alignment: end;
  }
  .banner-container.sm-right-content-text-start {
    --content-right-text-alignment: start;
    --content-right-buttons-alignment: start;
  }
  .banner-container.sm-right-content-text-center {
    --content-right-text-alignment: center;
    --content-right-buttons-alignment: center;
  }
  .banner-container.sm-right-content-text-end {
    --content-right-text-alignment: end;
    --content-right-buttons-alignment: end;
  }
  .banner-container.sm-blocks-max-width-200 {
    --block-left-max-width: 200px;
    --block-right-max-width: 200px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-200 {
    --block-left-max-width: 200px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-200 {
    --block-right-max-width: 200px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-250 {
    --block-left-max-width: 250px;
    --block-right-max-width: 250px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-250 {
    --block-left-max-width: 250px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-250 {
    --block-right-max-width: 250px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-300 {
    --block-left-max-width: 300px;
    --block-right-max-width: 300px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-300 {
    --block-left-max-width: 300px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-300 {
    --block-right-max-width: 300px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-350 {
    --block-left-max-width: 350px;
    --block-right-max-width: 350px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-350 {
    --block-left-max-width: 350px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-350 {
    --block-right-max-width: 350px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-400 {
    --block-left-max-width: 400px;
    --block-right-max-width: 400px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-400 {
    --block-left-max-width: 400px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-400 {
    --block-right-max-width: 400px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-450 {
    --block-left-max-width: 450px;
    --block-right-max-width: 450px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-450 {
    --block-left-max-width: 450px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-450 {
    --block-right-max-width: 450px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-500 {
    --block-left-max-width: 500px;
    --block-right-max-width: 500px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-500 {
    --block-left-max-width: 500px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-500 {
    --block-right-max-width: 500px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-550 {
    --block-left-max-width: 550px;
    --block-right-max-width: 550px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-550 {
    --block-left-max-width: 550px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-550 {
    --block-right-max-width: 550px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-600 {
    --block-left-max-width: 600px;
    --block-right-max-width: 600px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-600 {
    --block-left-max-width: 600px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-600 {
    --block-right-max-width: 600px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-650 {
    --block-left-max-width: 650px;
    --block-right-max-width: 650px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-left-650 {
    --block-left-max-width: 650px;
    text-wrap: balance;
  }
  .banner-container.sm-blocks-max-width-right-650 {
    --block-right-max-width: 650px;
    text-wrap: balance;
  }
  .banner-container.sm-content-align-top {
    --content-left-vertical-align: flex-start;
    --content-right-vertical-align: flex-start;
  }
  .banner-container.sm-content-align-center {
    --content-left-vertical-align: center;
    --content-right-vertical-align: center;
  }
  .banner-container.sm-content-align-bottom {
    --content-left-vertical-align: flex-end;
    --content-right-vertical-align: flex-end;
  }
  .banner-container.sm-content-left-align-top {
    --content-left-vertical-align: flex-start;
  }
  .banner-container.sm-content-left-align-center {
    --content-left-vertical-align: center;
  }
  .banner-container.sm-content-left-align-bottom {
    --content-left-vertical-align: flex-end;
  }
  .banner-container.sm-content-right-align-top {
    --content-right-vertical-align: flex-start;
  }
  .banner-container.sm-content-right-align-center {
    --content-right-vertical-align: center;
  }
  .banner-container.sm-content-right-align-bottom {
    --content-right-vertical-align: flex-end;
  }
}
@media (max-width: 768px) {
  .banner-container.md-left-content-text-start {
    --content-left-text-alignment: start;
    --content-left-buttons-alignment: start;
  }
  .banner-container.md-left-content-text-center {
    --content-left-text-alignment: center;
    --content-left-buttons-alignment: center;
  }
  .banner-container.md-left-content-text-end {
    --content-left-text-alignment: end;
    --content-left-buttons-alignment: end;
  }
  .banner-container.md-right-content-text-start {
    --content-right-text-alignment: start;
    --content-right-buttons-alignment: start;
  }
  .banner-container.md-right-content-text-center {
    --content-right-text-alignment: center;
    --content-right-buttons-alignment: center;
  }
  .banner-container.md-right-content-text-end {
    --content-right-text-alignment: end;
    --content-right-buttons-alignment: end;
  }
  .banner-container.md-blocks-max-width-200 {
    --block-left-max-width: 200px;
    --block-right-max-width: 200px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-200 {
    --block-left-max-width: 200px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-200 {
    --block-right-max-width: 200px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-250 {
    --block-left-max-width: 250px;
    --block-right-max-width: 250px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-250 {
    --block-left-max-width: 250px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-250 {
    --block-right-max-width: 250px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-300 {
    --block-left-max-width: 300px;
    --block-right-max-width: 300px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-300 {
    --block-left-max-width: 300px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-300 {
    --block-right-max-width: 300px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-350 {
    --block-left-max-width: 350px;
    --block-right-max-width: 350px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-350 {
    --block-left-max-width: 350px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-350 {
    --block-right-max-width: 350px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-400 {
    --block-left-max-width: 400px;
    --block-right-max-width: 400px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-400 {
    --block-left-max-width: 400px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-400 {
    --block-right-max-width: 400px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-450 {
    --block-left-max-width: 450px;
    --block-right-max-width: 450px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-450 {
    --block-left-max-width: 450px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-450 {
    --block-right-max-width: 450px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-500 {
    --block-left-max-width: 500px;
    --block-right-max-width: 500px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-500 {
    --block-left-max-width: 500px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-500 {
    --block-right-max-width: 500px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-550 {
    --block-left-max-width: 550px;
    --block-right-max-width: 550px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-550 {
    --block-left-max-width: 550px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-550 {
    --block-right-max-width: 550px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-600 {
    --block-left-max-width: 600px;
    --block-right-max-width: 600px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-600 {
    --block-left-max-width: 600px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-600 {
    --block-right-max-width: 600px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-650 {
    --block-left-max-width: 650px;
    --block-right-max-width: 650px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-left-650 {
    --block-left-max-width: 650px;
    text-wrap: balance;
  }
  .banner-container.md-blocks-max-width-right-650 {
    --block-right-max-width: 650px;
    text-wrap: balance;
  }
  .banner-container.md-content-align-top {
    --content-left-vertical-align: flex-start;
    --content-right-vertical-align: flex-start;
  }
  .banner-container.md-content-align-center {
    --content-left-vertical-align: center;
    --content-right-vertical-align: center;
  }
  .banner-container.md-content-align-bottom {
    --content-left-vertical-align: flex-end;
    --content-right-vertical-align: flex-end;
  }
  .banner-container.md-content-left-align-top {
    --content-left-vertical-align: flex-start;
  }
  .banner-container.md-content-left-align-center {
    --content-left-vertical-align: center;
  }
  .banner-container.md-content-left-align-bottom {
    --content-left-vertical-align: flex-end;
  }
  .banner-container.md-content-right-align-top {
    --content-right-vertical-align: flex-start;
  }
  .banner-container.md-content-right-align-center {
    --content-right-vertical-align: center;
  }
  .banner-container.md-content-right-align-bottom {
    --content-right-vertical-align: flex-end;
  }
}
@media (max-width: 992px) {
  .banner-container.lg-left-content-text-start {
    --content-left-text-alignment: start;
    --content-left-buttons-alignment: start;
  }
  .banner-container.lg-left-content-text-center {
    --content-left-text-alignment: center;
    --content-left-buttons-alignment: center;
  }
  .banner-container.lg-left-content-text-end {
    --content-left-text-alignment: end;
    --content-left-buttons-alignment: end;
  }
  .banner-container.lg-right-content-text-start {
    --content-right-text-alignment: start;
    --content-right-buttons-alignment: start;
  }
  .banner-container.lg-right-content-text-center {
    --content-right-text-alignment: center;
    --content-right-buttons-alignment: center;
  }
  .banner-container.lg-right-content-text-end {
    --content-right-text-alignment: end;
    --content-right-buttons-alignment: end;
  }
  .banner-container.lg-blocks-max-width-200 {
    --block-left-max-width: 200px;
    --block-right-max-width: 200px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-200 {
    --block-left-max-width: 200px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-200 {
    --block-right-max-width: 200px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-250 {
    --block-left-max-width: 250px;
    --block-right-max-width: 250px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-250 {
    --block-left-max-width: 250px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-250 {
    --block-right-max-width: 250px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-300 {
    --block-left-max-width: 300px;
    --block-right-max-width: 300px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-300 {
    --block-left-max-width: 300px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-300 {
    --block-right-max-width: 300px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-350 {
    --block-left-max-width: 350px;
    --block-right-max-width: 350px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-350 {
    --block-left-max-width: 350px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-350 {
    --block-right-max-width: 350px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-400 {
    --block-left-max-width: 400px;
    --block-right-max-width: 400px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-400 {
    --block-left-max-width: 400px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-400 {
    --block-right-max-width: 400px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-450 {
    --block-left-max-width: 450px;
    --block-right-max-width: 450px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-450 {
    --block-left-max-width: 450px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-450 {
    --block-right-max-width: 450px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-500 {
    --block-left-max-width: 500px;
    --block-right-max-width: 500px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-500 {
    --block-left-max-width: 500px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-500 {
    --block-right-max-width: 500px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-550 {
    --block-left-max-width: 550px;
    --block-right-max-width: 550px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-550 {
    --block-left-max-width: 550px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-550 {
    --block-right-max-width: 550px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-600 {
    --block-left-max-width: 600px;
    --block-right-max-width: 600px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-600 {
    --block-left-max-width: 600px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-600 {
    --block-right-max-width: 600px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-650 {
    --block-left-max-width: 650px;
    --block-right-max-width: 650px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-left-650 {
    --block-left-max-width: 650px;
    text-wrap: balance;
  }
  .banner-container.lg-blocks-max-width-right-650 {
    --block-right-max-width: 650px;
    text-wrap: balance;
  }
  .banner-container.lg-content-align-top {
    --content-left-vertical-align: flex-start;
    --content-right-vertical-align: flex-start;
  }
  .banner-container.lg-content-align-center {
    --content-left-vertical-align: center;
    --content-right-vertical-align: center;
  }
  .banner-container.lg-content-align-bottom {
    --content-left-vertical-align: flex-end;
    --content-right-vertical-align: flex-end;
  }
  .banner-container.lg-content-left-align-top {
    --content-left-vertical-align: flex-start;
  }
  .banner-container.lg-content-left-align-center {
    --content-left-vertical-align: center;
  }
  .banner-container.lg-content-left-align-bottom {
    --content-left-vertical-align: flex-end;
  }
  .banner-container.lg-content-right-align-top {
    --content-right-vertical-align: flex-start;
  }
  .banner-container.lg-content-right-align-center {
    --content-right-vertical-align: center;
  }
  .banner-container.lg-content-right-align-bottom {
    --content-right-vertical-align: flex-end;
  }
}
@media (max-width: 992px) {
  .banner-container.left-content-text-start-mobile {
    --content-left-text-alignment: start;
    --content-left-buttons-alignment: start;
  }
  .banner-container.left-content-text-center-mobile {
    --content-left-text-alignment: center;
    --content-left-buttons-alignment: center;
  }
  .banner-container.left-content-text-end-mobile {
    --content-left-text-alignment: end;
    --content-left-buttons-alignment: end;
  }
  .banner-container.right-content-text-start-mobile {
    --content-right-text-alignment: start;
    --content-right-buttons-alignment: start;
  }
  .banner-container.right-content-text-center-mobile {
    --content-right-text-alignment: center;
    --content-right-buttons-alignment: center;
  }
  .banner-container.right-content-text-end-mobile {
    --content-right-text-alignment: end;
    --content-right-buttons-alignment: end;
  }
  .banner-container {
    aspect-ratio: var(--banner-aspect-ratio-mobile);
  }
}
.banner-container.content-small .banner-content .content-info-container .content-info .banner-title {
  font-size: clamp(24px, 20.9036697248px + 0.6880733945vw, 30px);
  line-height: 1.3;
  margin-bottom: 10px;
}
.banner-container.content-small .banner-content .content-info-container .content-info .banner-title:empty {
  display: none;
}
.banner-container.content-small .banner-content .content-info-container .content-info .banner-subtitle {
  font-size: clamp(13px, 11.9678899083px + 0.2293577982vw, 15px);
  line-height: 1.4;
}
.banner-container.content-small .banner-content .content-info-container .content-info .banner-subtitle:empty {
  display: none;
}
.banner-container.content-small .banner-content .content-info-container .content-info .buttons-container {
  margin-top: 20px !important;
}
.banner-container.content-small .banner-content .content-info-container .content-info .banner-button {
  font-size: 12px !important;
}
.banner-container.content-large .banner-content .content-info-container .content-info .banner-title {
  font-size: clamp(30px, 19.6788990826px + 2.2935779817vw, 50px);
  line-height: 1.3;
  margin-bottom: 10px;
  font-weight: 400;
}
.banner-container.content-large .banner-content .content-info-container .content-info .banner-subtitle {
  font-size: clamp(15px, 13.4518348624px + 0.3440366972vw, 18px);
  line-height: 1.4;
}
.banner-container.content-large .banner-content .content-info-container .content-info .banner-description {
  font-size: clamp(17px, 15.4518348624px + 0.3440366972vw, 20px);
  line-height: 1.4;
  margin-bottom: 20px;
}
.banner-container.content-large .banner-content .content-info-container .content-info .content-logo-image {
  margin-bottom: 40px;
}
.banner-container.content-large .banner-content .content-info-container .content-info .buttons-container {
  margin-top: 20px !important;
}
.banner-container.show-banner-link {
  --banner-link-display: block;
}
.banner-container.content-dark {
  --default-text-color: #34303d;
  --default-text-color-inverse: white;
  --color-section-background: #f6f4f0;
  margin-top: -1px;
  position: relative;
}
.banner-container.content-dark::before {
  content: "";
  position: absolute;
  background-color: var(--color-section-background);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-container.content-dark.half-bg::before {
  height: 50%;
}
.banner-container.content-dark > * {
  isolation: isolate;
}
.banner-container.electric-purple-banner .content-right {
  display: none;
}
.banner-container.electric-purple-banner .banner-content {
  justify-content: center !important;
}
.banner-container.electric-purple-banner .banner-content h3 {
  font-weight: 700;
  padding-block: 15px;
}
.banner-container.electric-purple-banner .banner-content img {
  max-width: 350px !important;
}
.banner-container.electric-purple-banner .banner-content .game-cta {
  display: inline-flex;
  overflow: hidden;
  border-radius: 20px;
}
.banner-container.electric-purple-banner .banner-content .game-cta a {
  background: white;
  padding: 10px 20px;
  color: rebeccapurple !important;
  transition: 0.2s ease-out;
}
.banner-container.electric-purple-banner .banner-content .game-cta a:first-child {
  border-inline-end: rgba(0, 0, 0, 0.1215686275) 1px solid;
}
.banner-container.electric-purple-banner .banner-content .content-bottom-wrapper {
  color: rgba(255, 255, 255, 0.6509803922) !important;
}
.banner-container.electric-purple-banner .banner-content .content-bottom-wrapper a {
  color: rgba(255, 255, 255, 0.6509803922) !important;
}
.banner-container.electric-purple-banner .banner-content .content-bottom-wrapper p {
  padding-top: 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0px;
  bottom: 3%;
  left: 50%;
}
.banner-container.electric-purple-banner .banner-content .content-bottom-wrapper p::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(-45deg);
  opacity: 0.7;
  animation: scrollBounce 2s ease-in-out infinite;
}
@media (max-width: 768px) {
  .banner-container.electric-purple-banner .banner-content .banner-description img {
    max-width: 200px !important;
  }
  .banner-container.electric-purple-banner .banner-content .content-body h3 {
    font-size: 28px !important;
  }
  .banner-container.electric-purple-banner .banner-content .content-body p {
    padding-top: 10px;
    font-size: 14px !important;
    margin-inline: 15% !important;
  }
}
.banner-container.delia-boost-promo-banner .content-right {
  display: none;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content {
  position: unset;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left {
  width: 100%;
  max-width: unset;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles {
  display: flex;
  width: 100%;
  gap: 48px;
  padding-inline: 60px;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-title {
  max-height: 100%;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-title img {
  max-width: 500px;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-title img:last-child {
  display: none;
}
@media (max-width: 1400px) {
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-title img {
    max-height: 80%;
  }
}
@media (max-width: 1200px) {
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles {
    padding-inline: 0;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-title img {
    max-width: 350px;
    max-height: unset;
  }
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle img {
  position: absolute;
  right: 0;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle .img-desktop {
  display: block;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle .img-mobile {
  display: none;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle h3 {
  font-size: clamp(35px, 3vw, 50px);
  font-weight: 600;
  margin-bottom: 10px;
  max-width: 350px;
  margin-top: 33%;
  text-align: start;
}
@media (max-width: 1100px) {
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle h3 {
    margin-top: 20%;
  }
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle p {
  font-size: clamp(22px, 2.5vw, 26px);
  text-align: start;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle a {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle a:empty {
  display: none;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle a:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .banner-subtitle a {
  --color: var(--default-text-color-inverse);
  --background-color: var(--default-text-color);
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color);
  --hover-background-color: transparent;
  --hover-border-color: var(--default-text-color);
  margin-top: 20px;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-bottom-wrapper {
  bottom: 23px;
  max-width: 1100px;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-bottom-wrapper div {
  font-size: 11px;
  max-width: 100%;
  text-align: start;
}
@media (max-width: 1100px) {
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-bottom-wrapper {
    padding-inline: 15px;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-bottom-wrapper div {
    font-size: 7px;
  }
}
@media (max-width: 992px) {
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles {
    flex-direction: column-reverse;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-title {
    max-height: fit-content;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-title img {
    max-width: unset;
    width: 90%;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-title img:last-child {
    display: block;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-title img:first-child {
    display: none;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-info-container.content-left .content-titles .banner-subtitle h3 {
    margin-top: 0;
  }
}
.banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-left .content-logo-image img {
  max-width: fit-content !important;
}
@media (max-width: 1400px) {
  .banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-left .content-logo-image img {
    max-height: 300px !important;
  }
}
.banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-right .content-body .banner-description img:first-child {
  display: none;
}
.banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-right h3 {
  font-weight: 600;
  font-size: clamp(36px, 3vw, 42px);
}
.banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-right p {
  font-size: clamp(22px, 2.5vw, 26px);
  padding-top: 10px;
}
.banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-bottom-wrapper {
  font-size: 11px;
  max-width: 1300px !important;
}
@media (max-width: 992px) {
  .banner-container.delia-boost-home-banner .banner-content-container .banner-content {
    flex-direction: column-reverse;
    position: unset;
  }
  .banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-right {
    max-width: unset;
  }
  .banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-right .content-body .banner-description img {
    position: absolute;
    right: 0;
    top: 25%;
  }
  .banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-right .content-body .banner-description img:first-child {
    display: block;
  }
  .banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-right .content-body .banner-description img:last-child {
    display: none;
  }
  .banner-container.delia-boost-home-banner .banner-content-container .banner-content h3 {
    font-size: clamp(14px, 5vw, 36px);
  }
  .banner-container.delia-boost-home-banner .banner-content-container .banner-content p {
    font-size: clamp(12px, 3vw, 22px);
    padding-top: 10px;
  }
  .banner-container.delia-boost-home-banner .content-info-container.content-left {
    max-width: unset !important;
    text-align: center !important;
  }
  .banner-container.delia-boost-home-banner .content-info-container.content-left .content-info .content-images .content-logo-image {
    padding-bottom: 3% !important;
  }
  .banner-container.delia-boost-home-banner .content-info-container.content-left .content-info .content-images .content-logo-image img {
    max-width: unset !important;
    max-height: unset !important;
  }
}
.banner-container.forever-curious-26 .content-right {
  display: none;
}
.banner-container.forever-curious-26 .content-left {
  max-width: fit-content !important;
}
.banner-container.forever-curious-26 .banner-content {
  justify-content: center !important;
}
.banner-container.forever-curious-26 .banner-content .banner-title {
  display: inline-flex !important;
  align-items: center;
}
.banner-container.forever-curious-26 .banner-content img {
  max-width: 280px !important;
  margin-inline: 10px;
}
@media (max-width: 768px) {
  .banner-container.forever-curious-26 .banner-content .banner-title {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100%;
  }
  .banner-container.forever-curious-26 .banner-content .banner-title span {
    font-size: 29px !important;
  }
  .banner-container.forever-curious-26 .banner-content .banner-title span:first-child {
    padding-inline-end: 20% !important;
  }
  .banner-container.forever-curious-26 .banner-content .banner-title span:last-child {
    padding-inline-start: 20% !important;
  }
  .banner-container.forever-curious-26 .banner-content img {
    max-width: 170px !important;
  }
}
.banner-container:is(.order-left-image-first .content-info-container.content-left,
.order-right-image-first .content-info-container.content-right) .content-info-container.content-left .content-titles {
  order: 2;
}
.banner-container:is(.order-left-image-first .content-info-container.content-left,
.order-right-image-first .content-info-container.content-right) .content-info-container.content-left .content-logo-image {
  order: 1;
}
.banner-container:is(.order-left-image-first .content-info-container.content-left,
.order-right-image-first .content-info-container.content-right) .content-info-container.content-left .buttons-container {
  order: 3;
}
.banner-container.swap-sides .banner-content {
  flex-direction: row-reverse !important;
}
@media (max-width: 992px) {
  .banner-container.swap-sides-mobile .banner-content {
    flex-direction: column-reverse !important;
  }
}
.banner-container p:last-child {
  margin: 0;
}
.banner-container .banner-link {
  position: absolute;
  inset: 0;
  z-index: 1000;
  cursor: pointer;
  display: var(--banner-link-display);
}
.banner-container .banner-media-container {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.banner-container .banner-content-container {
  position: absolute;
  inset: 0;
  z-index: 20;
}
.banner-container .banner-content-container .container {
  height: 100%;
  width: 100%;
}
.banner-container .banner-content-container .banner-content {
  position: relative;
  position: relative;
  z-index: 2;
  --section-pt: calc(100px - 20px);
  --section-pb: calc(100px - 20px);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--content-color);
  padding-inline: var(--inline-padding);
}
@media (max-width: 992px) {
  .banner-container .banner-content-container .banner-content {
    flex-direction: column;
    padding-block: 20px 46px;
  }
}
.banner-container .banner-content-container .banner-content:not(:has(.content-left)) {
  justify-content: end;
}
.banner-container .banner-content-container .banner-content .content-info-container {
  color: var(--content-text-color);
  max-width: 500px;
  width: 100%;
  align-self: center;
}
.banner-container .banner-content-container .banner-content .content-info-container img {
  max-width: 200px;
}
.banner-container .banner-content-container .banner-content .content-info-container .content-info {
  display: flex;
  flex-direction: column;
}
.banner-container .banner-content-container .banner-content .content-info-container.content-left {
  text-align: var(--content-left-text-alignment);
  max-width: var(--block-left-max-width);
  align-self: var(--content-left-vertical-align);
}
.banner-container .banner-content-container .banner-content .content-info-container.content-left .buttons-container {
  justify-content: var(--content-left-buttons-alignment);
}
.banner-container .banner-content-container .banner-content .content-info-container.content-right {
  text-align: var(--content-right-text-alignment);
  max-width: var(--block-right-max-width);
  align-self: var(--content-right-vertical-align);
}
.banner-container .banner-content-container .banner-content .content-info-container.content-right .buttons-container {
  justify-content: var(--content-right-buttons-alignment);
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-title {
  font-weight: 600;
  font-size: clamp(24px, 18.3233944954px + 1.2614678899vw, 35px);
  line-height: 1.3;
  margin-bottom: 16px;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-title:empty {
  display: none;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-subtitle {
  font-size: clamp(15px, 13.4518348624px + 0.3440366972vw, 18px);
  line-height: 1.4;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-subtitle:empty {
  display: none;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-subtitle2 {
  font-size: clamp(13px, 11.4518348624px + 0.3440366972vw, 16px);
  line-height: 1.4;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .banner-container .banner-content-container .banner-content .content-info-container .banner-subtitle2 {
    margin-top: 10px;
  }
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-subtitle2:empty {
  display: none;
}
.banner-container .banner-content-container .banner-content .content-info-container .buttons-container {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .banner-container .banner-content-container .banner-content .content-info-container .buttons-container {
    margin-top: 10px;
  }
}
.banner-container .banner-content-container .banner-content .content-info-container .content-logo-image {
  margin-bottom: 20px;
}
.banner-container .banner-content-container .banner-content .content-info-container .content-logo-image img {
  max-width: min(240px, 40vw);
}
.banner-container .banner-content-container .banner-content .content-info-container .content-logo-image img[src=""] {
  display: none;
}
.banner-container .banner-content-container .banner-content .content-info-container .content-logo-image:empty {
  display: none;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button:empty {
  display: none;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button.one {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button.one:empty {
  display: none;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button.one:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button.one {
  --color: var(--default-text-color-inverse);
  --background-color: var(--default-text-color);
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color);
  --hover-background-color: transparent;
  --hover-border-color: var(--default-text-color);
  --hover-color: #34303d;
  --hover-background-color: #00d1d2;
  --hover-border-color: #00d1d2;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button.two {
  --color: var(--default-text-color);
  --background-color: transparent;
  --border-color: var(--default-text-color);
  --hover-color: var(--default-text-color-inverse);
  --hover-background-color: var(--default-text-color);
  --hover-border-color: var(--default-text-color);
  display: inline-block;
  border: 2px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--color);
  padding: 5px 32px 9px;
  border-radius: 24px;
  letter-spacing: 0.5px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.6s ease;
  text-wrap: nowrap;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button.two:empty {
  display: none;
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button.two:hover {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border-color: var(--hover-border-color);
}
.banner-container .banner-content-container .banner-content .content-info-container .banner-button.two {
  --hover-color: #34303d;
  --hover-background-color: #00d1d2;
  --hover-border-color: #00d1d2;
}
@media (max-width: 768px) {
  .banner-container .banner-content-container .banner-content .content-info-container .banner-button {
    font-size: 14px !important;
  }
}
.banner-container .banner-content-container .banner-content .content-bottom-wrapper {
  position: absolute;
  bottom: 14px;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  max-width: 900px;
  text-align: center;
  font-size: clamp(12px, 10.9678899083px + 0.2293577982vw, 14px);
}
.banner-container .banner-content-container .banner-content .content-bottom-wrapper:has(div:empty) {
  display: none;
}

.swiper-homepage-banner-section {
  /* ========================================
     GENERATED CLASSES REFERENCE
     ========================================

     HEIGHT MODIFIERS:
     - .h-100vh (min(100vh, 700px))
     - .h-300 (300px)
     - .h-400 (400px)
     - .h-500 (500px)
     - .h-600 (600px)
     - .h-700 (700px)

     LAYOUT MODIFIERS:
     - .page-banner
     ======================================== */
  position: relative;
  --outer-banner-height: 100vh;
}
.swiper-homepage-banner-section .banner-container {
  --banner-aspect-ratio: 1470 / 430;
  --banner-aspect-ratio-mobile: 437 / 651;
  --banner-height: 600px;
}
.swiper-homepage-banner-section.page-banner {
  --banner-height: var(--outer-banner-height);
  --banner-aspect-ratio: unset;
  --banner-aspect-ratio-mobile: unset;
}
.swiper-homepage-banner-section.page-banner .banner-container {
  height: var(--outer-banner-height);
}
.swiper-homepage-banner-section.h-100vh {
  --outer-banner-height: min(100vh, 700px);
}
.swiper-homepage-banner-section.h-300 {
  --outer-banner-height: 300px;
}
.swiper-homepage-banner-section.h-400 {
  --outer-banner-height: 400px;
}
.swiper-homepage-banner-section.h-500 {
  --outer-banner-height: 500px;
}
.swiper-homepage-banner-section.h-600 {
  --outer-banner-height: 600px;
}
.swiper-homepage-banner-section.h-700 {
  --outer-banner-height: 700px;
}
.swiper-homepage-banner-section.img-ratio .swiper-slide .banner-container {
  --banner-height: auto;
  height: var(--banner-height);
  aspect-ratio: unset !important;
}
.swiper-homepage-banner-section.img-ratio .swiper-slide .banner-container .banner-media-container {
  position: static;
  height: var(--banner-height);
}
.swiper-homepage-banner-section.img-ratio .swiper-slide .banner-container .banner-media-container .video-container,
.swiper-homepage-banner-section.img-ratio .swiper-slide .banner-container .banner-media-container .img-container {
  height: var(--banner-height);
}
.swiper-homepage-banner-section.img-ratio .swiper-slide .banner-container .banner-media-container .video-container img,
.swiper-homepage-banner-section.img-ratio .swiper-slide .banner-container .banner-media-container .video-container video,
.swiper-homepage-banner-section.img-ratio .swiper-slide .banner-container .banner-media-container .img-container img,
.swiper-homepage-banner-section.img-ratio .swiper-slide .banner-container .banner-media-container .img-container video {
  height: var(--banner-height);
}
.swiper-homepage-banner-section.img-ratio .swiper-slide .banner-container .banner-content-container {
  top: 50%;
  translate: 0 -50%;
  left: 0;
}

.tabs-banner-section {
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .tabs-banner-section .container {
    padding: 0;
  }
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-wrapper {
    justify-content: start !important;
  }
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide {
  width: auto;
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide .slider-tab {
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide .slider-tab:empty {
  display: none;
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide .slider-tab p {
  margin-bottom: 16px;
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide .slider-tab p:last-child {
  margin-bottom: 0;
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide .slider-tab ul,
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide .slider-tab ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide .slider-tab li {
  list-style: disc;
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide .slider-tab {
  font-weight: 600;
  padding: 10px 16px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.6s ease;
}
@media (max-width: 992px) {
  .tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide .slider-tab {
    text-align: center;
  }
}
.tabs-banner-section .tabs-banner-container .tabs-banner-tabs-swiper .swiper-slide.swiper-slide-thumb-active .slider-tab {
  border-color: var(--default-text-color);
}
.tabs-banner-section .tabs-banner-container .tabs-banner-swiper {
  --inline-padding: 50px;
}
@media (max-width: 992px) {
  .tabs-banner-section .tabs-banner-container .tabs-banner-swiper {
    --inline-padding: var(--container-gutter-x);
  }
}
.tabs-banner-section .tabs-banner-container .tabs-banner-swiper .banner-container {
  --banner-aspect-ratio: 1340 / 670;
  --banner-aspect-ratio-mobile: 437 / 651;
}
.tabs-banner-section .tabs-banner-container .tabs-banner-swiper .swiper-pagination {
  position: absolute;
  inset-inline: var(--inline-padding);
  bottom: var(--inline-padding);
  margin: 0;
  text-align: left;
  width: unset;
}
@media (max-width: 992px) {
  .tabs-banner-section .tabs-banner-container .tabs-banner-swiper .swiper-pagination {
    bottom: 24px;
    text-align: center;
  }
}

.text-default-section {
  /* ========================================
     GENERATED CLASSES REFERENCE
     ========================================

     ALIGNMENT MODIFIERS:
     - .center (centers text and buttons, auto margin)

     WIDTH MODIFIERS:
     - .no-max-width (removes max-width constraint)
     ======================================== */
  --container-max-width: 900px;
  --text-align: start;
  --buttons-align: start;
  --container-inline-margin: 0;
}
.text-default-section.center {
  --text-align: center;
  --buttons-align: center;
  --container-inline-margin: auto;
}
.text-default-section.no-max-width {
  --container-max-width: unset;
}
.text-default-section .text-default-container {
  max-width: var(--container-max-width);
  text-align: var(--text-align);
  margin-inline: var(--container-inline-margin);
}
.text-default-section .text-default-container .titles-container {
  max-width: var(--container-max-width);
}
.text-default-section .text-default-container.center {
  max-width: 1000px;
  margin-inline: auto;
  text-align: center;
}
.text-default-section .text-default-container .buttons-container {
  justify-content: var(--buttons-align);
}

.fullbleed-banner-section {
  /* ========================================
     GENERATED CLASSES REFERENCE
     ========================================

     ALIGNMENT MODIFIERS:
     - .center (centers text and buttons, auto margin)
     - .align-start (resets to start-aligned)
     - sm-/md-/lg- prefixed variants available

     WIDTH MODIFIERS:
     - .no-max-width (removes max-width constraint)
     - sm-/md-/lg- prefixed variants available

     VERTICAL ALIGNMENT (applies when section is a flex container, e.g. .page-banner):
     - .content-top
     - .content-center
     - .content-bottom
     - sm-/md-/lg- prefixed variants available

     LAYOUT MODIFIERS:
     - .img-ratio (static image, absolute content)
     - .page-banner (full viewport height with max-height)
     - .shift-content-down (adds top margin to content on desktop)
     - .custom-bonds-title (custom title font size)

     HEIGHT MODIFIERS:
     - .h-xs (200px)
     - .h-sm (300px)
     - .h-md (530px)
     - .h-lg (600px)
     - sm-/md-/lg- prefixed variants available
     ======================================== */
  position: relative;
  --text-align: start;
  --buttons-align: start;
  --container-inline-margin: 0;
  --container-max-width: max(700px, 50%);
  --content-position: static;
  --img-position: absolute;
  --content-vertical-align: center;
}
.fullbleed-banner-section.center {
  --text-align: center;
  --buttons-align: center;
  --container-inline-margin: auto;
}
.fullbleed-banner-section.align-start {
  --text-align: start;
  --buttons-align: start;
  --container-inline-margin: 0;
}
.fullbleed-banner-section.align-end {
  --text-align: start;
  --buttons-align: start;
  --container-inline-margin: auto 0;
}
.fullbleed-banner-section.no-max-width {
  --container-max-width: unset;
}
.fullbleed-banner-section.max-w-xs {
  --container-max-width: 200px;
}
.fullbleed-banner-section.max-w-sm {
  --container-max-width: 350px;
}
.fullbleed-banner-section.max-w-md {
  --container-max-width: 500px;
}
.fullbleed-banner-section.max-w-lg {
  --container-max-width: 650px;
}
.fullbleed-banner-section.h-xs {
  --banner-height: 200px;
}
.fullbleed-banner-section.h-sm {
  --banner-height: 300px;
}
.fullbleed-banner-section.h-md {
  --banner-height: 530px;
}
.fullbleed-banner-section.h-lg {
  --banner-height: 600px;
}
.fullbleed-banner-section.content-top {
  --content-vertical-align: flex-start;
}
.fullbleed-banner-section.content-center {
  --content-vertical-align: center;
}
.fullbleed-banner-section.content-bottom {
  --content-vertical-align: flex-end;
}
@media (max-width: 568px) {
  .fullbleed-banner-section.sm-center {
    --text-align: center;
    --buttons-align: center;
    --container-inline-margin: auto;
  }
  .fullbleed-banner-section.sm-align-start {
    --text-align: start;
    --buttons-align: start;
    --container-inline-margin: 0;
  }
  .fullbleed-banner-section.sm-align-end {
    --text-align: start;
    --buttons-align: start;
    --container-inline-margin: auto 0;
  }
  .fullbleed-banner-section.sm-no-max-width {
    --container-max-width: unset;
  }
  .fullbleed-banner-section.sm-max-w-xs {
    --container-max-width: 200px;
  }
  .fullbleed-banner-section.sm-max-w-sm {
    --container-max-width: 350px;
  }
  .fullbleed-banner-section.sm-max-w-md {
    --container-max-width: 500px;
  }
  .fullbleed-banner-section.sm-max-w-lg {
    --container-max-width: 650px;
  }
  .fullbleed-banner-section.sm-h-xs {
    --banner-height: 200px;
  }
  .fullbleed-banner-section.sm-h-sm {
    --banner-height: 300px;
  }
  .fullbleed-banner-section.sm-h-md {
    --banner-height: 530px;
  }
  .fullbleed-banner-section.sm-h-lg {
    --banner-height: 600px;
  }
  .fullbleed-banner-section.sm-content-top {
    --content-vertical-align: flex-start;
  }
  .fullbleed-banner-section.sm-content-center {
    --content-vertical-align: center;
  }
  .fullbleed-banner-section.sm-content-bottom {
    --content-vertical-align: flex-end;
  }
}
@media (max-width: 768px) {
  .fullbleed-banner-section.md-center {
    --text-align: center;
    --buttons-align: center;
    --container-inline-margin: auto;
  }
  .fullbleed-banner-section.md-align-start {
    --text-align: start;
    --buttons-align: start;
    --container-inline-margin: 0;
  }
  .fullbleed-banner-section.md-align-end {
    --text-align: start;
    --buttons-align: start;
    --container-inline-margin: auto 0;
  }
  .fullbleed-banner-section.md-no-max-width {
    --container-max-width: unset;
  }
  .fullbleed-banner-section.md-max-w-xs {
    --container-max-width: 200px;
  }
  .fullbleed-banner-section.md-max-w-sm {
    --container-max-width: 350px;
  }
  .fullbleed-banner-section.md-max-w-md {
    --container-max-width: 500px;
  }
  .fullbleed-banner-section.md-max-w-lg {
    --container-max-width: 650px;
  }
  .fullbleed-banner-section.md-h-xs {
    --banner-height: 200px;
  }
  .fullbleed-banner-section.md-h-sm {
    --banner-height: 300px;
  }
  .fullbleed-banner-section.md-h-md {
    --banner-height: 530px;
  }
  .fullbleed-banner-section.md-h-lg {
    --banner-height: 600px;
  }
  .fullbleed-banner-section.md-content-top {
    --content-vertical-align: flex-start;
  }
  .fullbleed-banner-section.md-content-center {
    --content-vertical-align: center;
  }
  .fullbleed-banner-section.md-content-bottom {
    --content-vertical-align: flex-end;
  }
}
@media (max-width: 992px) {
  .fullbleed-banner-section.lg-center {
    --text-align: center;
    --buttons-align: center;
    --container-inline-margin: auto;
  }
  .fullbleed-banner-section.lg-align-start {
    --text-align: start;
    --buttons-align: start;
    --container-inline-margin: 0;
  }
  .fullbleed-banner-section.lg-align-end {
    --text-align: start;
    --buttons-align: start;
    --container-inline-margin: auto 0;
  }
  .fullbleed-banner-section.lg-no-max-width {
    --container-max-width: unset;
  }
  .fullbleed-banner-section.lg-max-w-xs {
    --container-max-width: 200px;
  }
  .fullbleed-banner-section.lg-max-w-sm {
    --container-max-width: 350px;
  }
  .fullbleed-banner-section.lg-max-w-md {
    --container-max-width: 500px;
  }
  .fullbleed-banner-section.lg-max-w-lg {
    --container-max-width: 650px;
  }
  .fullbleed-banner-section.lg-h-xs {
    --banner-height: 200px;
  }
  .fullbleed-banner-section.lg-h-sm {
    --banner-height: 300px;
  }
  .fullbleed-banner-section.lg-h-md {
    --banner-height: 530px;
  }
  .fullbleed-banner-section.lg-h-lg {
    --banner-height: 600px;
  }
  .fullbleed-banner-section.lg-content-top {
    --content-vertical-align: flex-start;
  }
  .fullbleed-banner-section.lg-content-center {
    --content-vertical-align: center;
  }
  .fullbleed-banner-section.lg-content-bottom {
    --content-vertical-align: flex-end;
  }
}
.fullbleed-banner-section.img-ratio {
  --img-position: static;
  --content-position: absolute;
}
.fullbleed-banner-section.img-ratio .content-container {
  inset: 0;
  height: 100%;
  display: flex;
  align-items: var(--content-vertical-align);
}
.fullbleed-banner-section.page-banner {
  --banner-height: 530px;
  --container-max-width: 500px;
  height: 100vh;
  max-height: var(--banner-height);
  display: flex;
  align-items: var(--content-vertical-align);
}
@media (max-width: 992px) {
  .fullbleed-banner-section.page-banner {
    --text-align: center;
    --buttons-align: center;
  }
}
.fullbleed-banner-section.page-banner.h-xs {
  --banner-height: 200px;
}
.fullbleed-banner-section.page-banner.h-sm {
  --banner-height: 300px;
}
.fullbleed-banner-section.page-banner.h-md {
  --banner-height: 530px;
}
.fullbleed-banner-section.page-banner.h-lg {
  --banner-height: 600px;
}
.fullbleed-banner-section.page-banner.h-xl {
  --banner-height: 800px;
}
.fullbleed-banner-section.remove-title .title {
  display: none !important;
}
.fullbleed-banner-section .bg-img {
  position: var(--img-position);
}
@media (min-width: 992px) {
  .fullbleed-banner-section.shift-content-down .banner-content {
    margin-top: 10vw;
  }
}
.fullbleed-banner-section.custom-bonds-title .title {
  font-size: 28px !important;
}
.fullbleed-banner-section .content-container {
  position: var(--content-position);
  width: 100%;
}
.fullbleed-banner-section .content-container .container,
.fullbleed-banner-section .content-container .container-fluid {
  position: relative;
  width: 100%;
}
@media (max-width: 992px) {
  .fullbleed-banner-section.divide-on-mobile {
    display: flex;
    flex-direction: column;
  }
  .fullbleed-banner-section.divide-on-mobile.reverse-division {
    flex-direction: column-reverse;
  }
  .fullbleed-banner-section.divide-on-mobile .content-container {
    position: relative;
  }
  .fullbleed-banner-section.divide-on-mobile .content-container .titles-container {
    font-size: 16px !important;
  }
  .fullbleed-banner-section.divide-on-mobile .content-container .titles-container h2 {
    font-size: 30px !important;
  }
  .fullbleed-banner-section.divide-on-mobile.electric-purple .content-container {
    background-color: #0E0546;
  }
}
.fullbleed-banner-section.force-arabic-content-left .content-container .banner-content {
  margin-right: auto !important;
}
.fullbleed-banner-section.force-arabic-content-left.align-end .content-container .banner-content {
  margin-left: auto !important;
  margin-right: 0 !important;
}
.fullbleed-banner-section.news-electric-purple .description-lg p {
  font-size: 30px;
  max-width: 370px;
  font-weight: 500;
  padding-block: 15px;
}
@media (max-width: 992px) {
  .fullbleed-banner-section.news-electric-purple .description-lg {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .fullbleed-banner-section.news-electric-purple .description-lg p {
    font-size: 20px;
    max-width: 250px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .fullbleed-banner-section.news-electric-purple .description-lg img {
    max-width: 250px;
    margin-inline: auto;
  }
}
.fullbleed-banner-section .banner-content {
  max-width: var(--container-max-width);
  text-align: var(--text-align);
  margin-inline: var(--container-inline-margin);
}
.fullbleed-banner-section .banner-content .titles-container {
  max-width: var(--container-max-width);
}
.fullbleed-banner-section .banner-content p {
  max-width: 500px;
}
.fullbleed-banner-section .banner-content .buttons-container {
  justify-content: var(--buttons-align);
}

.centered-block-with-note-section {
  /* ========================================
     GENERATED CLASSES REFERENCE
     ========================================

     STRUCTURE:
     - .centered-block-with-note-section
       - .centered-container (max-width: 900px, centered)
         - .titles-container (spacing: 30px)
     ======================================== */
}
.centered-block-with-note-section .centered-container {
  max-width: 900px;
  margin-inline: auto;
}
.centered-block-with-note-section .centered-container .titles-container {
  --spacing: 30px;
}

.two-blocks-section {
  /* ========================================
     GENERATED CLASSES REFERENCE
     ========================================

     ALIGNMENT MODIFIERS:
     - .center (vertically centers blocks)
     - .center-inside (centers content inside non-image columns)

     IMAGE MODIFIERS:
     - .no-img-aspect-ratio (removes aspect ratio, auto height)
     - .fixed-img-height (sets aspect ratio to 567/340)
     ======================================== */
  --blocks-vertical-align: unset;
  --image-aspect-ratio: 1;
}
.two-blocks-section.center,
.two-blocks-section .center {
  --blocks-vertical-align: center;
}
.two-blocks-section.center-inside .col:not(:has(.img-container)),
.two-blocks-section .center-inside .col:not(:has(.img-container)) {
  display: flex;
  align-items: center;
}
.two-blocks-section.no-img-aspect-ratio,
.two-blocks-section .no-img-aspect-ratio {
  --image-aspect-ratio: unset;
}
.two-blocks-section.no-img-aspect-ratio .img-container,
.two-blocks-section.no-img-aspect-ratio .video-container,
.two-blocks-section .no-img-aspect-ratio .img-container,
.two-blocks-section .no-img-aspect-ratio .video-container {
  min-height: auto !important;
  height: auto !important;
}
.two-blocks-section.no-img-aspect-ratio .img-container img,
.two-blocks-section.no-img-aspect-ratio .img-container video,
.two-blocks-section.no-img-aspect-ratio .video-container img,
.two-blocks-section.no-img-aspect-ratio .video-container video,
.two-blocks-section .no-img-aspect-ratio .img-container img,
.two-blocks-section .no-img-aspect-ratio .img-container video,
.two-blocks-section .no-img-aspect-ratio .video-container img,
.two-blocks-section .no-img-aspect-ratio .video-container video {
  height: auto;
}
.two-blocks-section.fixed-img-height,
.two-blocks-section .fixed-img-height {
  --image-aspect-ratio: 567 / 340;
}
.two-blocks-section.fixed-img-height .img-container,
.two-blocks-section.fixed-img-height .video-container,
.two-blocks-section .fixed-img-height .img-container,
.two-blocks-section .fixed-img-height .video-container {
  min-height: unset !important;
  aspect-ratio: var(--image-aspect-ratio) !important;
}
.two-blocks-section.electric-purple-swiper .swiper-two-blocks {
  border-radius: 20px !important;
}
@media (max-width: 992px) {
  .two-blocks-section .container {
    padding-inline: 0;
  }
  .two-blocks-section .container > .titles-container {
    padding-inline: var(--container-gutter-x);
  }
  .two-blocks-section .swiper-nav {
    padding-inline: var(--container-gutter-x);
  }
  .two-blocks-section .swiper-nav button {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
  }
  .two-blocks-section .swiper-nav button:hover {
    background-color: #00d1d2;
  }
}
.two-blocks-section .block-container {
  --temp-direction: var(--container-flex-direction);
  --gap: 0px;
  --col-width: calc((100% / 2) - (var(--gap) * (2 - 1) / 2));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.two-blocks-section .block-container:where(ul, ol) {
  margin-bottom: 0;
}
.two-blocks-section .block-container > .col,
.two-blocks-section .block-container > .col:is(:first-child, :last-child),
.two-blocks-section .block-container > .listingItemDIV {
  flex: unset;
  width: var(--col-width);
}
.two-blocks-section .block-container {
  flex-direction: var(--temp-direction);
  align-items: var(--blocks-vertical-align);
  position: relative;
  z-index: 2;
  --section-pt: calc(100px * 0.5);
  --section-pb: calc(100px * 0.5);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
  --section-pt: 0;
}
.two-blocks-section .block-container.margin-bottom {
  padding-bottom: 0;
  margin-bottom: var(--section-pb);
}
.two-blocks-section .block-container.span-bold .block-info .body-container span {
  display: block;
  font-weight: bold;
}
.two-blocks-section .block-container.margin-top {
  padding-top: 0;
  margin-top: var(--section-pt);
}
@media (min-width: 992px) {
  .two-blocks-section .block-container:nth-child(odd) {
    --temp-direction: var(--container-flex-direction);
  }
  .two-blocks-section .block-container:nth-child(even) {
    --temp-direction: var(--container-flex-direction-inverse);
  }
}
.two-blocks-section .block-container:last-child {
  --section-pb: 0;
}
@media (max-width: 992px) {
  .two-blocks-section .block-container {
    --gap: 0px;
    --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .two-blocks-section .block-container:where(ul, ol) {
    margin-bottom: 0;
  }
  .two-blocks-section .block-container > .col,
  .two-blocks-section .block-container > .col:is(:first-child, :last-child),
  .two-blocks-section .block-container > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
.two-blocks-section .block-container .img-container,
.two-blocks-section .block-container .video-container {
  display: block;
  text-decoration: none;
  width: 100%;
  aspect-ratio: var(--image-aspect-ratio);
  min-height: 100%;
}
.two-blocks-section .block-container .img-container img,
.two-blocks-section .block-container .video-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.two-blocks-section .block-container .double-img-container {
  position: relative;
}
@media (max-width: 992px) {
  .two-blocks-section .block-container .double-img-container {
    padding-inline: var(--container-gutter-x);
  }
}
.two-blocks-section .block-container .double-img-container .img-container {
  min-height: unset;
}
.two-blocks-section .block-container .double-img-container .img-container:first-child {
  width: 90%;
  aspect-ratio: 1;
}
.two-blocks-section .block-container .double-img-container .img-container:last-child {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  width: 70%;
  aspect-ratio: 1.5;
  height: unset;
  translate: 0 -30%;
}
@media (max-width: 992px) {
  .two-blocks-section .block-container .double-img-container .img-container:last-child {
    inset-inline-end: var(--container-gutter-x);
  }
}
.two-blocks-section .block-container .block-info {
  padding: 40px;
}
@media (max-width: 992px) {
  .two-blocks-section .block-container .block-info {
    padding-inline: var(--container-gutter-x);
  }
  .two-blocks-section .block-container .block-info .titles-container {
    padding-inline: 0;
  }
}
.two-blocks-section .block-container .block-info .body-container {
  --spacing: 20px;
}
.two-blocks-section .block-container .block-info .body-container > *:not(:last-child) {
  margin-bottom: var(--spacing);
}
.two-blocks-section .block-container .block-text-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 60px 90px;
}
.two-blocks-section .block-container .block-text-container h3 {
  font-size: clamp(30px, 22.2591743119px + 1.7201834862vw, 45px);
  font-weight: 600;
}
.two-blocks-section .block-container .block-text-container h3 span {
  display: block;
  font-size: clamp(75px, 54.3577981651px + 4.5871559633vw, 115px);
}
.two-blocks-section .block-container .col:has(> .block-text-container) {
  min-height: 100%;
}
.two-blocks-section .block-container .arrow-links-list li {
  margin-bottom: 32px;
}
.two-blocks-section .block-container .arrow-links-list li .button-arrow {
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.two-blocks-section .block-container .arrow-links-list li .button-arrow:empty {
  display: none;
}
.two-blocks-section .block-container .arrow-links-list li .button-arrow p {
  margin-bottom: 16px;
}
.two-blocks-section .block-container .arrow-links-list li .button-arrow p:last-child {
  margin-bottom: 0;
}
.two-blocks-section .block-container .arrow-links-list li .button-arrow ul,
.two-blocks-section .block-container .arrow-links-list li .button-arrow ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.two-blocks-section .block-container .arrow-links-list li .button-arrow li {
  list-style: disc;
}
.two-blocks-section .block-container .arrow-links-list li .button-arrow {
  font-size: clamp(18px, 16.9678899083px + 0.2293577982vw, 20px);
  line-height: 1.5;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 8px;
}

.generic-info-split-section {
  /* ========================================
     GENERATED CLASSES REFERENCE
     ========================================

     IMAGE OVERFLOW MODIFIERS:
     - .image-overflow-down (translates image down by 2x section padding)
     - .image-overflow-up (translates image up by 2x section padding)

     ALIGNMENT MODIFIERS:
     - .align-start (aligns content to start)

     IMAGE LAYOUT MODIFIERS:
     - .image-fluid (removes padding, extends image to container edge)
     - .image-full-height (removes max-height on fluid images)
     - .no-img-aspect-ratio (removes aspect ratio, auto height)

     SPACING MODIFIERS:
     - .small-gap (reduces gap to 40px from default 80px)

     MOBILE MODIFIERS:
     - .container-mobile (keeps container padding on mobile)
     ======================================== */
  --image-y-translation: 0;
  --image-aspect-ratio: 1;
  --image-container-height: 100%;
  --alignment: center;
  --generic-section-gap: 80px;
}
.generic-info-split-section .generic-block {
  position: relative;
  z-index: 2;
  --section-pt: calc(100px * 0.5);
  --section-pb: calc(100px * 0.5);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
  padding-block: 0;
  margin-bottom: var(--section-pb);
}
.generic-info-split-section .generic-block:nth-child(even) .generic-info-split-container {
  flex-direction: var(--container-flex-direction-inverse);
}
.generic-info-split-section .generic-block:last-child {
  margin-bottom: 0;
}
.generic-info-split-section .small-gap {
  --generic-section-gap: 40px;
}
.generic-info-split-section.image-overflow-down {
  --image-y-translation: calc(var(--section-pb, 100px) * 2);
}
.generic-info-split-section.image-overflow-up {
  --image-y-translation: calc(var(--section-pb, 100px) * -2);
}
@media (max-width: 992px) {
  .generic-info-split-section.image-overflow-down, .generic-info-split-section.image-overflow-up {
    padding-block: 0;
  }
  .generic-info-split-section.image-overflow-down .background-colored, .generic-info-split-section.image-overflow-up .background-colored {
    padding-block: 0;
  }
}
.generic-info-split-section.align-start {
  --alignment: start;
}
@media (min-width: 992px) {
  .generic-info-split-section.image-fluid {
    --image-shift: calc(calc((100vw - var(--container-width)) / 2) * -1);
  }
  .generic-info-split-section.image-fluid [class^=section-container] {
    --section-pt: 0;
    --section-pb: 0;
  }
  .generic-info-split-section.image-fluid .info-wrapper {
    position: relative;
    z-index: 2;
    --section-pt: calc(100px * 0.5);
    --section-pb: calc(100px * 0.5);
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
  }
  .generic-info-split-section.image-fluid .col:has(> .img-container) {
    margin-inline-start: var(--image-shift);
  }
  .generic-info-split-section.image-fluid .col:has(> .img-container) .img-container {
    max-height: 600px;
    min-width: calc(100% + calc((100vw - var(--container-width)) / 2));
  }
}
@media (min-width: 992px) and (max-width: 992px) {
  .generic-info-split-section.image-fluid .col:has(> .img-container) .img-container {
    min-width: unset;
  }
}
@media (min-width: 992px) {
  .generic-info-split-section.image-fluid .col:has(> .img-container) .img-container img {
    scale: unset !important;
  }
  .generic-info-split-section.image-fluid.image-full-height .col .img-container {
    max-height: unset;
  }
}
.generic-info-split-section.no-img-aspect-ratio {
  --image-aspect-ratio: unset;
  --image-container-height: auto;
}
@media (max-width: 992px) {
  .generic-info-split-section:not(.container-mobile) > .container {
    padding-inline: 0;
  }
  .generic-info-split-section .container {
    padding-inline: 0;
  }
  .generic-info-split-section .section-container:not(.info-wrapper) {
    padding-block: 0;
  }
}
.generic-info-split-section .generic-info-split-container {
  --gap: var(--generic-section-gap);
  --col-width: calc((100% / 2) - (var(--gap) * (2 - 1) / 2));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.generic-info-split-section .generic-info-split-container:where(ul, ol) {
  margin-bottom: 0;
}
.generic-info-split-section .generic-info-split-container > .col,
.generic-info-split-section .generic-info-split-container > .col:is(:first-child, :last-child),
.generic-info-split-section .generic-info-split-container > .listingItemDIV {
  flex: unset;
  width: var(--col-width);
}
.generic-info-split-section .generic-info-split-container {
  position: relative;
  z-index: 2;
  --section-pt: calc(100px * 0.5);
  --section-pb: calc(100px * 0.5);
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
  flex-direction: var(--container-flex-direction);
  justify-content: space-between;
  --section-pt: 0;
}
.generic-info-split-section .generic-info-split-container:last-child {
  --section-pb: 0;
}
@media (max-width: 992px) {
  .generic-info-split-section .generic-info-split-container {
    --gap: 0px;
    --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .generic-info-split-section .generic-info-split-container:where(ul, ol) {
    margin-bottom: 0;
  }
  .generic-info-split-section .generic-info-split-container > .col,
  .generic-info-split-section .generic-info-split-container > .col:is(:first-child, :last-child),
  .generic-info-split-section .generic-info-split-container > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
  .generic-info-split-section .generic-info-split-container .info-wrapper {
    position: relative;
    z-index: 2;
    --section-pt: calc(100px * 0.5);
    --section-pb: calc(100px * 0.5);
    padding-top: var(--section-pt);
    padding-bottom: var(--section-pb);
    padding-inline: var(--container-gutter-x);
  }
}
.generic-info-split-section .generic-info-split-container .col {
  height: auto;
  display: flex;
  align-items: var(--alignment);
}
.generic-info-split-section .generic-info-split-container .img-container {
  aspect-ratio: var(--image-aspect-ratio);
  height: var(--image-container-height);
}
.generic-info-split-section .generic-info-split-container :where(.col:has(> .img-container)) {
  --max-height: calc(100% + abs(var(--image-y-translation) / 2));
  max-height: var(--max-height);
  height: var(--image-container-height);
}
@media (min-width: 992px) {
  .generic-info-split-section .generic-info-split-container :where(.col:has(> .img-container)) {
    margin-bottom: calc(-1 * var(--image-y-translation));
  }
}
.generic-info-split-section .generic-info-split-container .info-wrapper img {
  margin-top: 20px;
}
.generic-info-split-section .generic-info-split-container .info-wrapper h3,
.generic-info-split-section .generic-info-split-container .info-wrapper h4 {
  margin-bottom: 20px;
}

.two-images-fullbleed-section .two-images-fullbleed-container {
  --gap: 32px;
  --col-width: calc((100% / 2) - (var(--gap) * (2 - 1) / 2));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.two-images-fullbleed-section .two-images-fullbleed-container:where(ul, ol) {
  margin-bottom: 0;
}
.two-images-fullbleed-section .two-images-fullbleed-container > .col,
.two-images-fullbleed-section .two-images-fullbleed-container > .col:is(:first-child, :last-child),
.two-images-fullbleed-section .two-images-fullbleed-container > .listingItemDIV {
  flex: unset;
  width: var(--col-width);
}
@media (max-width: 992px) {
  .two-images-fullbleed-section .two-images-fullbleed-container {
    --gap: 16px;
    --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .two-images-fullbleed-section .two-images-fullbleed-container:where(ul, ol) {
    margin-bottom: 0;
  }
  .two-images-fullbleed-section .two-images-fullbleed-container > .col,
  .two-images-fullbleed-section .two-images-fullbleed-container > .col:is(:first-child, :last-child),
  .two-images-fullbleed-section .two-images-fullbleed-container > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}

.image-only-section {
  /* ========================================
     GENERATED CLASSES REFERENCE
     ========================================

     HEIGHT MODIFIERS:
     - .h-xs (200px)
     - .h-sm (300px)
     - .h-md (530px)
     - .h-lg (600px)

     Default: auto height (400px on mobile)
     ======================================== */
  --banner-height: auto;
}
.image-only-section.h-xs {
  --banner-height: 200px;
}
.image-only-section.h-sm {
  --banner-height: 300px;
}
.image-only-section.h-md {
  --banner-height: 530px;
}
.image-only-section.h-lg {
  --banner-height: 600px;
}
.image-only-section .img-container {
  height: var(--banner-height);
}
@media (max-width: 992px) {
  .image-only-section:not([class^=h-]) .img-container {
    height: 400px;
  }
}

.video-banner-section .video-container {
  position: relative;
  aspect-ratio: 1920/1000;
}
.video-banner-section.video-with-listing .video-container {
  padding-bottom: 50px;
}
.video-banner-section.video-with-listing .item-wrapper {
  position: relative;
  display: inline-block;
}
.video-banner-section.video-with-listing .item-wrapper .description {
  font-size: clamp(14px, 12.9678899083px + 0.2293577982vw, 16px);
}
.video-banner-section.video-with-listing .item-wrapper .img-container {
  max-width: 80px;
  height: auto;
}
.video-banner-section.video-with-listing .item-wrapper .img-container img {
  height: auto;
  width: 100%;
  object-fit: contain;
}

@media (max-width: 992px) {
  .compare-section > .container {
    padding-inline: 0;
  }
}
.compare-section .compare-titles-container {
  position: relative;
  padding-top: 40px;
}
.compare-section .compare-titles-container::before {
  content: "";
  background-color: #f6f4f0;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.compare-section .compare-devices-container .swiper-nav {
  top: 23%;
}
.compare-section .compare-devices-container .card-item {
  height: 100%;
}
.compare-section .compare-devices-container .card-item .img-container {
  position: relative;
}
.compare-section .compare-devices-container .card-item .img-container::before {
  content: "";
  background-color: #f6f4f0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 32px);
  z-index: -1;
}
.compare-section .compare-devices-container .card-item .card-info {
  padding-inline: 50px;
}
.compare-section .compare-devices-container .card-item .card-title {
  font-size: clamp(22px, 20.9678899083px + 0.2293577982vw, 24px);
  margin-block: 10px 20px;
  font-weight: 600;
}
.compare-section .compare-devices-container .card-item .price {
  font-size: clamp(23px, 21.9678899083px + 0.2293577982vw, 25px);
  margin-bottom: 30px;
  font-weight: 600;
}
.compare-section .compare-devices-container .card-item .features li {
  --icon-size: 18px;
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.compare-section .compare-devices-container .card-item .features li:empty {
  display: none;
}
.compare-section .compare-devices-container .card-item .features li p {
  margin-bottom: 16px;
}
.compare-section .compare-devices-container .card-item .features li p:last-child {
  margin-bottom: 0;
}
.compare-section .compare-devices-container .card-item .features li ul,
.compare-section .compare-devices-container .card-item .features li ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.compare-section .compare-devices-container .card-item .features li li {
  list-style: disc;
}
.compare-section .compare-devices-container .card-item .features li {
  font-size: clamp(17px, 16.4839449541px + 0.1146788991vw, 18px);
  line-height: 1.5;
  display: flex;
  gap: 16px;
  margin-bottom: 10px;
}
.compare-section .compare-devices-container .card-item .features li::before {
  content: "";
  mask-image: url(/images/icons/round-checkmark.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/round-checkmark.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--default-current-color);
  width: var(--icon-size);
  aspect-ratio: 1;
  z-index: 2;
}
.compare-section .compare-devices-container .card-item .features li::after {
  content: "";
  position: absolute;
  top: 5px;
  inset-inline-start: 2px;
  width: calc(var(--icon-size) - 3px);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #34303d;
  z-index: 1;
}
.compare-section .compare-devices-container .card-item .features li.negative-bullet::before {
  mask-image: url(/images/icons/round-negative.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/round-negative.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #f6f4f0;
}
.compare-section .compare-devices-container .card-item .features li:last-child {
  margin-bottom: 0;
}
.compare-section .compare-devices-container .card-item [class^=button] {
  margin-top: 16px;
}

.footer-support-section.margin-under-icons .icon-img {
  margin-bottom: 16px;
}
.footer-support-section.justify-start .box {
  text-wrap: pretty;
  text-align: start !important;
}
.footer-support-section.justify-start .box .icon-img {
  margin-inline: unset !important;
}
.footer-support-section.line-wrap-no-wrap .box {
  max-width: unset !important;
}
.footer-support-section.justify-all-center .footer-support-container {
  justify-content: center;
}
.footer-support-section.four-elements .footer-support-container {
  --gap: 32px;
  --col-width: calc((100% / 4) - (var(--gap) * (4 - 1) / 4));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.footer-support-section.four-elements .footer-support-container:where(ul, ol) {
  margin-bottom: 0;
}
.footer-support-section.four-elements .footer-support-container > .col,
.footer-support-section.four-elements .footer-support-container > .col:is(:first-child, :last-child),
.footer-support-section.four-elements .footer-support-container > .listingItemDIV {
  flex: unset;
  width: var(--col-width);
}
@media (max-width: 768px) {
  .footer-support-section.four-elements .footer-support-container {
    --gap: 32px;
    --col-width: calc((100% / 2) - (var(--gap) * (2 - 1) / 2));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .footer-support-section.four-elements .footer-support-container:where(ul, ol) {
    margin-bottom: 0;
  }
  .footer-support-section.four-elements .footer-support-container > .col,
  .footer-support-section.four-elements .footer-support-container > .col:is(:first-child, :last-child),
  .footer-support-section.four-elements .footer-support-container > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
@media (max-width: 576px) {
  .footer-support-section.four-elements .footer-support-container {
    --gap: 50px;
    --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .footer-support-section.four-elements .footer-support-container:where(ul, ol) {
    margin-bottom: 0;
  }
  .footer-support-section.four-elements .footer-support-container > .col,
  .footer-support-section.four-elements .footer-support-container > .col:is(:first-child, :last-child),
  .footer-support-section.four-elements .footer-support-container > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
.footer-support-section .footer-support-container {
  --gap: 32px;
  --col-width: calc((100% / 3) - (var(--gap) * (3 - 1) / 3));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.footer-support-section .footer-support-container:where(ul, ol) {
  margin-bottom: 0;
}
.footer-support-section .footer-support-container > .col,
.footer-support-section .footer-support-container > .col:is(:first-child, :last-child),
.footer-support-section .footer-support-container > .listingItemDIV {
  flex: unset;
  width: var(--col-width);
}
@media (max-width: 768px) {
  .footer-support-section .footer-support-container {
    --gap: 32px;
    --col-width: calc((100% / 2) - (var(--gap) * (2 - 1) / 2));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .footer-support-section .footer-support-container:where(ul, ol) {
    margin-bottom: 0;
  }
  .footer-support-section .footer-support-container > .col,
  .footer-support-section .footer-support-container > .col:is(:first-child, :last-child),
  .footer-support-section .footer-support-container > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
@media (max-width: 576px) {
  .footer-support-section .footer-support-container {
    --gap: 50px;
    --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .footer-support-section .footer-support-container:where(ul, ol) {
    margin-bottom: 0;
  }
  .footer-support-section .footer-support-container > .col,
  .footer-support-section .footer-support-container > .col:is(:first-child, :last-child),
  .footer-support-section .footer-support-container > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
.footer-support-section .footer-support-container .box {
  max-width: 300px;
  margin-inline: auto;
  text-wrap: balance;
  text-align: center;
}
.footer-support-section .footer-support-container .box > *:last-child {
  margin-bottom: 0;
}
.footer-support-section .footer-support-container .box ul,
.footer-support-section .footer-support-container .box ol,
.footer-support-section .footer-support-container .box p:last-child {
  margin-bottom: 0;
}
.footer-support-section .footer-support-container .box li {
  list-style: none;
}
.footer-support-section .footer-support-container .box .icon-img {
  display: flex;
  width: 64px;
  aspect-ratio: 1;
  margin-inline: auto;
}
.footer-support-section .footer-support-container .box .icon-img img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.footer-support-section .footer-support-container .box .number-container {
  width: 80px;
  aspect-ratio: 1;
  border: solid 2px var(--default-text-color);
  border-radius: 50%;
  margin-bottom: 20px;
  font-size: clamp(24px, 21.9357798165px + 0.4587155963vw, 28px);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
.footer-support-section .footer-support-container .box .title p {
  font-size: clamp(18px, 16.9678899083px + 0.2293577982vw, 20px);
  font-weight: 600;
  margin-bottom: 20px;
}

.discover-flavours-section .discover-grid {
  --gap: 32px;
  --col-width: calc((100% / 3) - (var(--gap) * (3 - 1) / 3));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.discover-flavours-section .discover-grid:where(ul, ol) {
  margin-bottom: 0;
}
.discover-flavours-section .discover-grid > .col,
.discover-flavours-section .discover-grid > .col:is(:first-child, :last-child),
.discover-flavours-section .discover-grid > .listingItemDIV {
  flex: unset;
  width: var(--col-width);
}
@media (max-width: 1200px) {
  .discover-flavours-section .discover-grid {
    --gap: 32px;
    --col-width: calc((100% / 2) - (var(--gap) * (2 - 1) / 2));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .discover-flavours-section .discover-grid:where(ul, ol) {
    margin-bottom: 0;
  }
  .discover-flavours-section .discover-grid > .col,
  .discover-flavours-section .discover-grid > .col:is(:first-child, :last-child),
  .discover-flavours-section .discover-grid > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
@media (max-width: 768px) {
  .discover-flavours-section .discover-grid {
    --gap: 16px;
    --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .discover-flavours-section .discover-grid:where(ul, ol) {
    margin-bottom: 0;
  }
  .discover-flavours-section .discover-grid > .col,
  .discover-flavours-section .discover-grid > .col:is(:first-child, :last-child),
  .discover-flavours-section .discover-grid > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
@media (min-width: 1350px) {
  .discover-flavours-section .discover-grid .col {
    width: 40% !important;
  }
}
.discover-flavours-section.discoverFlaveorsHDelia .col:first-child .card * {
  color: white;
}
.discover-flavours-section .card-item {
  position: relative;
  width: 100%;
  height: 550px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.discover-flavours-section .card-item .content-container {
  position: relative;
  z-index: 2;
  padding: 30px;
  color: white;
}
.discover-flavours-section .card-item .content-container .content-wrapper {
  margin-bottom: 16px;
  color: var(--default-text-color);
}
.discover-flavours-section .card-item .content-container .content-wrapper h3 {
  font-size: clamp(22px, 19.9357798165px + 0.4587155963vw, 26px);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
  text-align: start;
  color: #343436;
}

.news-grid-section .news-grid-container {
  display: flex;
  flex-wrap: wrap;
  --gap: 32px;
  gap: var(--gap);
}
.news-grid-section .news-grid-container:where(ul, ol) {
  margin-bottom: 0;
}
.news-grid-section .news-grid-container > .col,
.news-grid-section .news-grid-container > .listingItemDIV {
  flex: unset;
}
.news-grid-section .news-grid-container > .col:where(:nth-child(odd)),
.news-grid-section .news-grid-container > .listingItemDIV:where(:nth-child(odd)) {
  width: calc(33% - var(--gap) / 2);
}
.news-grid-section .news-grid-container > .col:where(:nth-child(even)),
.news-grid-section .news-grid-container > .listingItemDIV:where(:nth-child(even)) {
  width: calc(66% - var(--gap) / 2);
}
@media (max-width: 992px) {
  .news-grid-section .news-grid-container {
    --gap: 32px;
    --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .news-grid-section .news-grid-container:where(ul, ol) {
    margin-bottom: 0;
  }
  .news-grid-section .news-grid-container > .col,
  .news-grid-section .news-grid-container > .col:is(:first-child, :last-child),
  .news-grid-section .news-grid-container > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
.news-grid-section .news-grid {
  --gap: 32px;
  --col-width: calc((100% / 2) - (var(--gap) * (2 - 1) / 2));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.news-grid-section .news-grid:where(ul, ol) {
  margin-bottom: 0;
}
.news-grid-section .news-grid > .col,
.news-grid-section .news-grid > .col:is(:first-child, :last-child),
.news-grid-section .news-grid > .listingItemDIV {
  flex: unset;
  width: var(--col-width);
}
@media (max-width: 576px) {
  .news-grid-section .news-grid {
    --gap: 16px;
    --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .news-grid-section .news-grid:where(ul, ol) {
    margin-bottom: 0;
  }
  .news-grid-section .news-grid > .col,
  .news-grid-section .news-grid > .col:is(:first-child, :last-child),
  .news-grid-section .news-grid > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
.news-grid-section .news-card {
  --spacing: 20px;
  display: block;
  height: 100%;
  background-color: white;
  padding: 24px;
  color: var(--default-text-color);
  transition: all 0.6s ease;
}
.news-grid-section .news-card:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.news-grid-section .news-card .news-title {
  font-size: clamp(21px, 19.4518348624px + 0.3440366972vw, 24px);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: var(--spacing);
}

.numbered-image-section {
  --section-list-color: #ffc600;
}
.numbered-image-section .numbered-image-container {
  --gap: 100px;
  --col-width: calc((100% / 2) - (var(--gap) * (2 - 1) / 2));
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.numbered-image-section .numbered-image-container:where(ul, ol) {
  margin-bottom: 0;
}
.numbered-image-section .numbered-image-container > .col,
.numbered-image-section .numbered-image-container > .col:is(:first-child, :last-child),
.numbered-image-section .numbered-image-container > .listingItemDIV {
  flex: unset;
  width: var(--col-width);
}
.numbered-image-section .numbered-image-container {
  align-items: center;
}
@media (max-width: 992px) {
  .numbered-image-section .numbered-image-container {
    --gap: 40px;
    --col-width: calc((100% / 1) - (var(--gap) * (1 - 1) / 1));
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .numbered-image-section .numbered-image-container:where(ul, ol) {
    margin-bottom: 0;
  }
  .numbered-image-section .numbered-image-container > .col,
  .numbered-image-section .numbered-image-container > .col:is(:first-child, :last-child),
  .numbered-image-section .numbered-image-container > .listingItemDIV {
    flex: unset;
    width: var(--col-width);
  }
}
.numbered-image-section .numbered-image-container .numbers-list {
  --list-color: var(--section-list-color, #ffc600);
  max-width: 500px;
  counter-reset: list-counter;
}
.numbered-image-section .numbered-image-container .numbers-list li {
  --bullet-size: 36px;
  position: relative;
  counter-increment: list-counter;
  font-size: 16px;
  line-height: 1.5;
  text-wrap: pretty;
}
.numbered-image-section .numbered-image-container .numbers-list li:empty {
  display: none;
}
.numbered-image-section .numbered-image-container .numbers-list li p {
  margin-bottom: 16px;
}
.numbered-image-section .numbered-image-container .numbers-list li p:last-child {
  margin-bottom: 0;
}
.numbered-image-section .numbered-image-container .numbers-list li ul,
.numbered-image-section .numbered-image-container .numbers-list li ol {
  padding-inline-start: 1rem;
  margin-inline-start: 20px;
}
.numbered-image-section .numbered-image-container .numbers-list li li {
  list-style: disc;
}
.numbered-image-section .numbered-image-container .numbers-list li {
  margin-bottom: 40px;
  padding-inline-start: calc(var(--bullet-size) + 16px);
}
.numbered-image-section .numbered-image-container .numbers-list li:last-child {
  margin-bottom: 0;
}
.numbered-image-section .numbered-image-container .numbers-list li::before {
  content: counter(list-counter);
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--bullet-size);
  max-width: var(--bullet-size);
  aspect-ratio: 1;
  background-color: var(--list-color);
  line-height: 1;
  color: var(--default-text-color);
  border-radius: 50%;
}
.numbered-image-section .numbered-image-container .numbers-list li h3 {
  font-size: clamp(23px, 20.9357798165px + 0.4587155963vw, 27px);
  font-weight: 600;
  margin-bottom: 5px;
}

footer {
  background-color: #34303d;
  padding-top: 60px;
}
footer .topFooter {
  padding-bottom: 35px;
}
footer .topFooter .container {
  display: flex;
  flex-wrap: wrap;
}
footer .topFooter .row {
  margin: 0;
  padding: 0;
  gap: 20px;
}
footer .topFooter .row .col-md-3 {
  padding: 0;
}
footer .topFooter .simpleList .simpleList {
  padding-bottom: 25px;
}
footer .topFooter .simpleList .simpleListTitle {
  font-size: 14px;
  color: rgba(255, 253, 251, 0.5);
  font-weight: normal;
  letter-spacing: 0.4px;
  margin-bottom: 25px;
}
footer .topFooter .simpleList .simpleListTitle a {
  font-size: 14px;
  color: rgba(255, 253, 251, 0.5);
  font-weight: normal;
  letter-spacing: 0.4px;
  margin-bottom: 25px;
}
footer .topFooter .simpleList li {
  margin-bottom: 25px;
}
footer .topFooter .simpleList li:last-child {
  margin-bottom: 0;
}
footer .topFooter .simpleList li a {
  color: #fffdfb;
  font-size: 16px;
  font-weight: normal;
  transition: all 0.6s ease;
}
footer .topFooter .simpleList li a:hover {
  color: #1cd9c5;
}
footer .topFooter .topFooterScdWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
footer .topFooter .topFooterScdWrapper .endSection {
  min-width: 115px;
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper {
  padding-bottom: 15px;
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper h3 {
  font-size: 14px;
  color: rgba(255, 253, 251, 0.5);
  font-weight: normal;
  letter-spacing: 0.4px;
  margin-bottom: 25px;
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li {
  margin-bottom: 23px;
  position: relative;
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li:last-child {
  margin-bottom: 0;
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a::before {
  width: 25px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
  content: "";
  display: none;
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a span {
  color: #fffdfb;
  font-size: 16px;
  font-weight: normal;
  transition: all 0.6s ease;
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a:hover span {
  color: #1cd9c5;
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a .footerSocialIcon {
  width: 25px;
  aspect-ratio: 1;
  filter: brightness(0) invert(1);
}
footer .topFooter .topFooterScdWrapper .endSection .followWrapper ul li a .footerSocialIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer .topFooter .topFooterScdWrapper .endSection .languageSelector {
  position: relative;
}
footer .topFooter .topFooterScdWrapper .endSection .languageSelector h3 {
  font-size: 14px;
  color: rgba(255, 253, 251, 0.5);
  font-weight: normal;
  letter-spacing: 0.4px;
  margin-bottom: 25px;
}
footer .topFooter .topFooterScdWrapper .endSection .languageSelector .selected-language {
  color: #fffdfb;
  font-size: 16px;
  font-weight: normal;
  transition: all 0.6s ease;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
footer .topFooter .topFooterScdWrapper .endSection .languageSelector .selected-language::after {
  content: "";
  background-image: url(../../images/arrow-down.svg);
  width: 13px;
  height: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  filter: brightness(0) invert(1);
  transform-origin: center center;
  transition: all 0.6s ease;
}
footer .topFooter .topFooterScdWrapper .endSection .languageSelector .selected-language.open::after {
  transform: rotate(180deg);
}
footer .topFooter .topFooterScdWrapper .endSection .languageSelector .language-options {
  position: absolute;
  top: calc(100% + 10px);
  inset-inline-start: 0;
  background-color: white;
  width: 100%;
  border-radius: 4px;
  display: none;
  z-index: 100;
}
footer .topFooter .topFooterScdWrapper .endSection .languageSelector .language-options a {
  display: block;
  padding: 12px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  color: #34303d;
  transition: all 0.6s ease;
}
footer .topFooter .topFooterScdWrapper .endSection .languageSelector .language-options a:hover {
  color: #00d1d2;
}
footer .topFooter .topFooterScdWrapper .endSection .languageSelector .language-options a:last-child {
  border-bottom: none;
}
footer .middle-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
  gap: 15px;
}
@media (max-width: 992px) {
  footer .middle-footer {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  footer .middle-footer {
    align-items: start;
  }
}
footer .middle-footer .footer-logo {
  display: flex;
  gap: 3px;
  align-items: center;
  flex-wrap: wrap;
}
footer .middle-footer .footer-logo p {
  color: rgba(255, 253, 251, 0.5);
  font-size: 12px;
}
@media (max-width: 992px) {
  footer .middle-footer .footer-logo p {
    color: white;
    font-size: 14px;
  }
}
footer .middle-footer .legal-menu {
  flex: 0 0 auto;
  max-width: 60%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  footer .middle-footer .legal-menu {
    max-width: unset;
  }
}
footer .middle-footer .legal-menu li a {
  color: rgba(255, 253, 251, 0.5);
  font-size: 12px;
  transition: all 0.6s ease;
  display: block;
}
footer .middle-footer .legal-menu li a:hover {
  color: white;
}
footer .bottomFooter {
  background-color: #27242d;
  padding: 20px 0;
}
footer .bottomFooter p {
  color: rgba(255, 253, 251, 0.5);
  font-size: 16px;
  text-align: center;
  margin-bottom: 0;
}
footer .bottomFooter p.arabicDir {
  font-family: tahoma;
  direction: rtl;
}
footer .bottomFooter p.englishDir {
  direction: ltr;
}

.activities-container {
  margin-bottom: 70px;
}
.activities-container h3 {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 35px;
}
.activities-container .row {
  align-items: center;
}
.activities-container .activity-row {
  margin-bottom: 20px;
}
.activities-container .activity-row:last-child {
  margin-bottom: 0;
}
.activities-container .month-wrapper {
  margin-bottom: 30px;
}
.activities-container .icon {
  display: block;
}
.activities-container .activities-wrapper {
  margin: 20px 50px;
}
.activities-container .activities-wrapper .activity-info {
  margin-inline-start: 20px;
}
.activities-container .activities-wrapper .activity-name {
  display: flex;
  justify-content: start;
  align-items: center;
}
.activities-container .activities-wrapper .activity-name .icon {
  border: 1px solid #c6c6c6;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  padding: 4px;
}
.activities-container .activities-wrapper .activity-name .name {
  margin-inline-start: 15px;
  font-weight: 600;
}
.activities-container .activities-wrapper .activity-date .date {
  color: rgb(151, 151, 151);
}
.activities-container .activities-wrapper .activity-points .point {
  text-align: center;
}
@media (max-width: 992px) {
  .activities-container {
    margin-bottom: 50px;
  }
  .activities-container h3 {
    font-size: 27px;
    font-weight: normal;
    margin-bottom: 15px;
  }
  .activities-container .activities-wrapper {
    margin: 0;
    margin-top: 20px;
  }
  .activities-container .activities-wrapper .activity-name {
    margin-bottom: 8px;
  }
  .activities-container .activities-wrapper .activity-date {
    margin-bottom: 8px;
  }
  .activities-container .activities-wrapper .activity-points .point {
    text-align: start;
  }
}

.forever-curious-video-section .vs-page {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 6vh;
}
.forever-curious-video-section .vs-slider {
  position: relative;
  width: 100%;
  max-width: 960px;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.7);
  aspect-ratio: 16/9;
}
.forever-curious-video-section .vs-track {
  display: flex;
  height: 100%;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.forever-curious-video-section .vs-slide {
  flex: 0 0 100%;
  position: relative;
  background: #000;
  height: 100%;
}
.forever-curious-video-section .vs-slide video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
  cursor: pointer;
}
.forever-curious-video-section .vs-poster {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.forever-curious-video-section .vs-poster.hidden {
  opacity: 0;
  pointer-events: none;
}
.forever-curious-video-section .vs-poster.thumb-ready {
  background: none !important;
}
.forever-curious-video-section .vs-poster::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.18);
  z-index: 0;
  pointer-events: none;
}
.forever-curious-video-section .vs-poster:hover .vs-poster-play {
  background: rgba(255, 255, 255, 0.28);
  border-color: #fff;
  transform: scale(1.1);
}
.forever-curious-video-section .vs-track .vs-slide:nth-child(1) .vs-poster {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}
.forever-curious-video-section .vs-track .vs-slide:nth-child(2) .vs-poster {
  background: linear-gradient(135deg, #1a0a2e 0%, #2d1b4e 50%, #4a2080 100%);
}
.forever-curious-video-section .vs-track .vs-slide:nth-child(3) .vs-poster {
  background: linear-gradient(135deg, #0a1a1a 0%, #0d2e2e 50%, #0f4a4a 100%);
}
.forever-curious-video-section .vs-track .vs-slide:nth-child(4) .vs-poster {
  background: linear-gradient(135deg, #1a0f0a 0%, #2e1a0d 50%, #4a2e14 100%);
}
.forever-curious-video-section .vs-poster-play {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  background: rgba(255, 255, 255, 0.15);
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, transform 0.2s, border-color 0.2s;
  backdrop-filter: blur(4px);
}
.forever-curious-video-section .vs-poster-play svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.forever-curious-video-section .vs-disclaimer {
  position: absolute;
  bottom: 44px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 13px;
  text-align: center;
  padding: 8px 16px;
  z-index: 9;
  pointer-events: none;
  line-height: 1.4;
}
.forever-curious-video-section .vs-disclaimer:empty {
  display: none;
}
.forever-curious-video-section .vs-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.72));
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 10;
}
.forever-curious-video-section .vs-slide:hover .vs-controls,
.forever-curious-video-section .vs-slide:focus-within .vs-controls,
.forever-curious-video-section .vs-slide.paused .vs-controls {
  opacity: 1;
}
.forever-curious-video-section .vs-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
  flex-shrink: 0;
}
.forever-curious-video-section .vs-btn:hover {
  background: rgba(255, 255, 255, 0.15);
}
.forever-curious-video-section .vs-btn svg {
  width: 22px;
  height: 22px;
  fill: #fff;
}
.forever-curious-video-section .vs-progress {
  flex: 1;
  padding: 8px 0;
  margin: -8px 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  touch-action: none;
}
.forever-curious-video-section .vs-progress::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  transition: height 0.15s;
}
.forever-curious-video-section .vs-progress:hover::before {
  height: 6px;
}
.forever-curious-video-section .vs-progress:hover .vs-progress-fill {
  height: 6px;
}
.forever-curious-video-section .vs-progress-fill {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  background: #fff;
  border-radius: 2px;
  width: 0%;
  pointer-events: none;
  transition: height 0.15s;
}
.forever-curious-video-section .vs-time {
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  user-select: none;
}
.forever-curious-video-section .vs-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.45);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.forever-curious-video-section .vs-arrow:hover {
  background: rgba(0, 0, 0, 0.7);
  border-color: #fff;
  transform: translateY(-50%) scale(1.08);
}
.forever-curious-video-section .vs-arrow svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}
.forever-curious-video-section .vs-arrow.vs-arrow-prev {
  left: 12px;
}
.forever-curious-video-section .vs-arrow.vs-arrow-next {
  right: 12px;
}
.forever-curious-video-section .vs-dots {
  position: absolute;
  bottom: 52px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}
.forever-curious-video-section .vs-dot {
  display: block;
  padding: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
  border: none;
}
.forever-curious-video-section .vs-dot.active {
  background: #fff;
  transform: scale(1.3);
}
.forever-curious-video-section .vs-counter {
  position: absolute;
  top: 14px;
  right: 16px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 13px;
  padding: 3px 10px;
  border-radius: 20px;
  z-index: 10;
  user-select: none;
}
.forever-curious-video-section .vs-click-feedback {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.6);
  width: 72px;
  height: 72px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  z-index: 20;
}
.forever-curious-video-section .vs-click-feedback svg {
  width: 34px;
  height: 34px;
  fill: #fff;
}
.forever-curious-video-section .vs-click-feedback .icon-play {
  transform: translateX(2px);
}
.forever-curious-video-section .vs-click-feedback.active {
  animation: vs-feedback-pop 0.5s ease-out forwards;
}
@keyframes vs-feedback-pop {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.7);
  }
  40% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.forever-curious-video-section .vs-slider:fullscreen,
.forever-curious-video-section .vs-slider:-webkit-full-screen,
.forever-curious-video-section .vs-slider:-moz-full-screen {
  max-width: none;
  width: 100%;
  height: 100%;
  border-radius: 0;
  aspect-ratio: unset;
}
.forever-curious-video-section .vs-slider:fullscreen .vs-fullscreen-btn .icon-fs-enter,
.forever-curious-video-section .vs-slider:-webkit-full-screen .vs-fullscreen-btn .icon-fs-enter,
.forever-curious-video-section .vs-slider:-moz-full-screen .vs-fullscreen-btn .icon-fs-enter {
  display: none;
}
.forever-curious-video-section .vs-slider:fullscreen .vs-fullscreen-btn .icon-fs-exit,
.forever-curious-video-section .vs-slider:-webkit-full-screen .vs-fullscreen-btn .icon-fs-exit,
.forever-curious-video-section .vs-slider:-moz-full-screen .vs-fullscreen-btn .icon-fs-exit {
  display: block;
}
@media (max-width: 640px) {
  .forever-curious-video-section .vs-poster-play {
    width: 56px;
    height: 56px;
  }
  .forever-curious-video-section .vs-poster-play svg {
    width: 22px;
    height: 22px;
  }
  .forever-curious-video-section .vs-arrow {
    width: 36px;
    height: 36px;
  }
  .forever-curious-video-section .vs-arrow svg {
    width: 16px;
    height: 16px;
  }
  .forever-curious-video-section .vs-arrow.vs-arrow-prev {
    left: 6px;
  }
  .forever-curious-video-section .vs-arrow.vs-arrow-next {
    right: 6px;
  }
  .forever-curious-video-section .vs-controls {
    padding: 8px 10px;
    gap: 6px;
  }
  .forever-curious-video-section .vs-btn svg {
    width: 18px;
    height: 18px;
  }
  .forever-curious-video-section .vs-time {
    font-size: 11px;
  }
  .forever-curious-video-section .vs-dots {
    bottom: 46px;
  }
  .forever-curious-video-section .vs-counter {
    font-size: 11px;
    padding: 2px 8px;
    top: 8px;
    right: 8px;
  }
  .forever-curious-video-section .vs-disclaimer {
    font-size: 11px;
    padding: 6px 10px;
  }
}
@media (max-width: 400px) {
  .forever-curious-video-section .vs-arrow {
    width: 28px;
    height: 28px;
    border-width: 1px;
  }
  .forever-curious-video-section .vs-time {
    display: none;
  }
  .forever-curious-video-section .vs-dots {
    gap: 5px;
  }
  .forever-curious-video-section .vs-dot {
    width: 6px;
    height: 6px;
  }
}

:root {
  --arrow-direction: 180deg;
  --flip-value: -1;
}

body {
  font-family: "IQOS AR", "IQOS", sans-serif;
  direction: rtl;
}

.swiper-nav button,
.swiper-nav .swiper-button {
  rotate: 180deg !important;
}

.number {
  direction: ltr;
  font-family: var(--font-primary);
}

.header-sidebar {
  translate: calc(-100% - 24px) 0 !important;
}
.header-sidebar.visible {
  translate: 0 !important;
}

.two-blocks-section .block-container .block-text-container h3 {
  line-height: 1.6;
}
.two-blocks-section .block-container .block-text-container h3 span {
  line-height: 1.2;
}

.fullbleed-banner-section.page-banner {
  --container-max-width: 650px;
}

.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-left .content-info .content-titles {
  flex-direction: row-reverse;
}
.banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-left .content-info .banner-subtitle {
  max-width: fit-content;
}
@media (max-width: 992px) {
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-left .content-info .content-titles {
    flex-direction: column-reverse;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-left .content-info .content-titles .banner-title img {
    margin: 0 auto;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-left .content-info .banner-subtitle img {
    right: auto;
    left: 0;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-left .content-info .banner-subtitle .img-desktop {
    display: none;
  }
  .banner-container.delia-boost-promo-banner .banner-content-container .banner-content .content-left .content-info .banner-subtitle .img-mobile {
    display: block;
  }
}
@media (max-width: 992px) {
  .banner-container.delia-boost-home-banner .banner-content-container .banner-content .content-info-container.content-right .content-info .content-body img {
    right: auto !important;
    left: 0 !important;
  }
}

.modal-popup-wrapper .modal-popup {
  inset-inline-end: 50%;
  inset-inline-start: initial;
}

.link {
  background-image: none;
}

.productsWrapper .productsWrapperDetails .productInfoWrapper .productsToCompare .productItem .productInfo .productTitle a::after {
  transform: scale(1);
}
.productsWrapper .productsWrapperDetails .productInfoWrapper .productsToCompare .productItem .productInfo .productTitle a:hover::after {
  transform: scale(1) translateX(-5px);
}
.productsWrapper .link::after {
  transform: scale(1);
}
.productsWrapper .link:hover::after {
  transform: scale(1) translateX(-5px);
}

.addNewDevice .description input {
  background-position: 5%;
}

.arrowLink::after {
  transform: scale(1);
}
.arrowLink:hover::after {
  transform: scale(1) translateX(-5px);
}

.ContentBtnFixed {
  inset-inline-end: 30px;
}

.productsWrapper .chargingWrapper .itemsList .listingItem .listingInfo .listingTitle {
  font-size: clamp(24px, 20.9036697248px + 0.6880733945vw, 30px);
}

#ui-datepicker-div .ui-datepicker-title .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-title .ui-datepicker-year {
  background-position: left 10px top 50%;
}

#ui-datepicker-div .ui-datepicker-next .ui-icon {
  transform: rotate(-90deg);
}

#ui-datepicker-div .ui-datepicker-prev .ui-icon {
  transform: rotate(90deg);
}

.accountLeftMenuWrapper .accountLeftMenu {
  padding: 5rem 55px 70px 0;
}

.accountLeftMenuWrapper .accountLeftMenu .anchorWrapper.active {
  box-shadow: -7px -2px 12px 2px rgba(84, 84, 84, 0.2);
}

.accountLeftMenuWrapper .accountLeftMenu .anchorWrapper:before {
  transform: rotate(180deg);
}