/* styles/tools/_breakpoints.scss */


 @font-face {
    font-family: 'Yango Text';
    src: url('https://yastatic.net/s3/distribution/lpc/fonts/yango-text/YangoText_W_Rg.woff2') format('woff2'),url('https://yastatic.net/s3/distribution/lpc/fonts/yango-text/YangoText_W_Rg.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yango Text';
    src: url('https://yastatic.net/s3/distribution/lpc/fonts/yango-text/YangoText_W_Md.woff2') format('woff2'),url('https://yastatic.net/s3/distribution/lpc/fonts/yango-text/YangoText_W_Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yango Text';
    src: url('https://yastatic.net/s3/distribution/lpc/fonts/yango-text/YangoText_W_Bd.woff2') format('woff2'),url('https://yastatic.net/s3/distribution/lpc/fonts/yango-text/YangoText_W_Bd.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yango Headline';
    src: url('https://yastatic.net/s3/distribution/lpc/fonts/YangoHeadline/YangoHeadline-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}
:root {
  /* Colors */
  --color-white: #ffffff;
  --color-white--70: rgba(255, 255, 255, 0.7);
  --color-white--50: rgba(255, 255, 255, 0.5);
  --color-white--40: rgba(255, 255, 255, 0.4);
  --color-white--20: rgba(255, 255, 255, 0.2);
  --color-white--10: rgba(255, 255, 255, 0.1);
  --color-green--bright: #04f3b0;
  --color-green--light: #83ffda;
  --color-green--pale: #d8fff9;
  --color-yellow--bright: #e1fa00;
  --color-yellow--light: #e8ff75;
  --color-yellow--pale: #f2ffc8;
  --color-gray--bright: #f1f5f8;
  --color-gray--bright--80: rgba(241, 245, 248, 0.8);
  --color-gray--light: #d9e1e7;
  --color-gray--pale: #d9e1e7;
  --color-gray-pale-2: #b6c5ce;
  --color-gray--dark: #7f94a2;
  --color-black--bright: #43535f;
  --color-black--pale: #21313b;
  --color-black--dark: #131b21;
  --color-black--dark--80: rgba(19, 27, 33, 0.8);
  --color-black--dark--50: rgba(19, 27, 33, 0.5);
  /* Gradients */
  --color-gradient--yellow: linear-gradient(
      to bottom,
      rgba(229, 255, 0, 0) 0%,
      rgba(229, 255, 0, 1) 100%
  );
  --color-gradient--green: linear-gradient(
      to bottom,
      rgba(56, 134, 120, 1) 0%,
      rgba(56, 134, 120, 0) 100%
  );
  --color-gradient--dark: linear-gradient(
      to bottom,
      rgba(24, 28, 38, 1) 0%,
      rgba(24, 28, 38, 0) 100%
  );
  /* Fonts */
  --font-yango--text: "Yango Text", sans-serif;
  --font-yango--headline: "Yango Headline", sans-serif;
  /* Container */
  --content-width: 120rem;
  --container-offset: 2.25rem;
  --container-width: calc(
      var(--content-width) + (var(--container-offset) * 2)
  );
}

:is([lang="ko"], [lang="vi"], [lang="th"]) {
	/* Fonts */
  --font-yango--text: 'Noto Sans', 'Yango Headline', 'Yango Text', Arial, Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-yango--headline: 'Noto Sans', 'Yango Headline', 'Yango Text', Arial, Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* (mobile) */
@media (max-width: 991px) {
  :root {
    /* Headline */
    --font-headline--xxl: 2rem; /* 32px */
    --font-headline--xl: 1.5rem; /* 24px */
    --font-headline--lg: 1.25rem; /* 20px */
    /* Text */
    --font-text--xl: 1.25rem; /* 20px */
    --font-text--lg: 1rem; /* 16px */
    --font-text--md: 0.875rem; /* 14px */
    --font-text--sm: 0.75rem; /* 12px */
    --font-text--xs: 0.625rem; /* 10px */
    /* Container */
    --container-offset: 1rem;
  }
}
/* (desktop) */
@media (min-width: 992px) {
  :root {
    /* Headline */
    --font-headline--xxl: 7.438rem; /* 119px */
    --font-headline--xl: 6.25rem; /* 100px */
    --font-headline--lg: 3.5rem; /* 56px */
    --font-headline--md: 2.5rem; /* 40px */
    /* Text */
    --font-text--xl: 1.5rem; /* 24px */
    --font-text--lg: 1.25rem; /* 20px */
    --font-text--md: 1rem; /* 16px */
    --font-text--sm: 0.875rem; /* 14px */
    --font-text--xs: 0.75rem; /* 12px */
  }
}
/*!
  Unified Normalize & Custom Reset CSS
  Based on normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
  with additional custom resets.
*/
/* ==========================================================================
   Document
   ========================================================================== */
/**
 * Correct the line height in all browsers and prevent text size adjustments on iOS.
 */
html {
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
}

/**
 * Remove the default margin on the body.
 */
body {
  margin: 0;
}

/**
 * Ensure the main element is displayed as a block.
 */
main {
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

section {
	background-color: var(--bg-color-white);
}

/* ==========================================================================
   Headings & Text
   ========================================================================== */
/**
 * Reset margins for headings and paragraphs.
 * Also, apply custom padding and font properties.
 */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0; /* Custom: remove padding */
  font-weight: 400; /* Custom: set normal weight */
  font-size: 100%; /* Custom: base font size */
  line-height: 1.2; /* Custom: base line height */
}


html:is([lang="ko"]) h1,
html:is([lang="ko"]) h2 {
	line-height: 100%;
}

/**
 * Specific rule for h1 (from normalize.css).
 */
h1 {
  font-size: 2em;
}

/* ==========================================================================
   Grouping Content
   ========================================================================== */
/**
 * Style for horizontal rules.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* Firefox fix */
  height: 0;
  overflow: visible;
}

/**
 * Ensure preformatted text uses a monospace font.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* ==========================================================================
   Text-level Semantics
   ========================================================================== */
/**
 * Remove default background color on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Correct the styling of abbreviations.
 */
abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Make b and strong elements use a bolder font weight.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Set monospace font for code elements.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Reduce the font size of small elements.
 */
small {
  font-size: 80%;
}

/**
 * Prevent sub and sup elements from affecting line height.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* ==========================================================================
   Embedded Content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Reset font properties and margins for form elements.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Additional custom rules for inputs, textareas, and selects.
 * Remove default borders, appearance, and background images.
 */
input,
textarea,
select {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-image: none;
  font: inherit;
  color: inherit;
  /* Custom font size variable for form controls */
  font-size: var(--font-h5);
}

/**
 * Reset button styles.
 */
button,
input[type=button],
input[type=submit],
input[type=reset] {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  line-height: normal;
  cursor: pointer;
  text-align: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}

/**
 * Remove inner padding and border in Firefox for buttons and inputs.
 */
button::-moz-focus-inner,
input::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Ensure overflow is visible for buttons and inputs.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove text transformation on buttons and selects.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the appearance of clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
}

/**
 * Restore focus styles unset by the previous rule in Firefox.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Reset fieldset padding.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Ensure legend elements display correctly.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Set proper vertical alignment for progress elements.
 */
progress {
  vertical-align: baseline;
}

/**
 * Allow textareas to scroll if needed.
 */
textarea {
  overflow: auto;
}

/**
 * Correct box-sizing and remove padding for checkboxes and radios.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the styling of number input spin buttons.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct appearance and outline for search inputs.
 */
[type=search] {
  -moz-appearance: textfield;
       appearance: textfield;
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Style file upload buttons.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* ==========================================================================
   Interactive Elements
   ========================================================================== */
/**
 * Ensure details elements display as block.
 */
details {
  display: block;
}

/**
 * Ensure summary elements display correctly.
 */
summary {
  display: list-item;
}

/* ==========================================================================
   Miscellaneous
   ========================================================================== */
/**
 * Hide template elements.
 */
template {
  display: none;
}

/**
 * Hide elements with the hidden attribute.
 */
[hidden] {
  display: none;
}

/* Normilize css */
body {
  margin: 0;
  height: 100%;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  color: var(--color-black--dark);
  background-color: var(--color-white);
  font-family: var(--font-yango--text);
  font-size: var(--font-text--16);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-yango--headline);
  font-weight: 900;
}

p {
  font-weight: 400;
}

input,
textarea,
select {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-image: none;
  font: inherit;
  color: inherit;
  font-size: var(--font-h5);
}

button,
input[type=button],
input[type=submit],
input[type=reset] {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  line-height: normal;
  cursor: pointer;
  text-align: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}

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

input:focus,
textarea:focus,
select:focus {
  outline: 0.125rem solid transparent;
}

.main {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

html {
  font-family: var(--font-yango--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  color: var(--color-black--dark);
  background-color: var(--color-white);
}

body {
  margin: 0;
  min-height: 100%;
  font-weight: 400;
  background-color: var(--color-white);
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

a {
  text-decoration: none;
  color: inherit;
}

.site-container {
  overflow: hidden;
}

.is-hidden {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.btn-reset {
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

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

.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
  display: none;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

.container {
  margin: 0 auto;
  padding: 0 var(--container-offset);
  max-width: var(--container-width);
}

.centered {
  text-align: center;
}

.dis-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.page--ios .dis-scroll {
  position: relative;
}
/*8888*/

:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: none;
      -ms-scroll-snap-type: none;
          scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
      touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

/* Scales fluidly up to 991px, based on 360px = 1rem baseline (mobile) */
@media (max-width: 991px) {
  html {
    font-size: calc(10.5px + 5.5 * (100vw - 240px) / 120);
  }
}
/* Scales from 992px and up, based on 1440px = 1rem baseline (desktop) */
@media (min-width: 992px) {
  html {
    font-size: calc(10.67px + 5.33 * (100vw - 992px) / 448);
  }
}

#hs-eu-cookie-confirmation #hs-eu-confirmation-button, #hs-eu-cookie-confirmation #hs-eu-cookie-settings-button, #hs-eu-cookie-confirmation #hs-eu-decline-button{
  text-align: center;
}

/* Main Buttons */

.main-button_big {
  min-height: 3.625rem;
}
@media (max-width: 991px) {
  .main-button_big {
    min-height: 2.125rem;
  }
}
.main-button_small {
  min-height: 2.8125rem;
}
@media (max-width: 991px) {
  .main-button_small {
    min-height: 1.875rem;
  }
}
.main-button_black-big {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--color-black--dark);
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  color: var(--color-white) !important;
  border: none;
  padding: 1rem 4.25rem;
  border-radius: 0.75rem;
  font-size: var(--font-text--lg);
  line-height: 130%;
  letter-spacing: -0.0125rem;
}
.main-button_black-big:hover {
  color: var(--color-white--70) !important;
}
@media (max-width: 991px) {
  .main-button_black-big {
    font-size: 0.875rem;
    padding: 0.625rem 1.5rem;
    border-radius: 0.5rem;
  }
}
.main-button_yellow-big {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--color-yellow--bright);
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  color: var(--color-black--dark) !important;
  border: none;
  padding: 1rem 4.25rem;
  border-radius: 0.75rem;
  font-size: var(--font-text--lg);
  line-height: 130%;
  letter-spacing: -0.0125rem;
}
.main-button_yellow-big:hover {
  color: var(--color-black--dark--80) !important;
}
@media (max-width: 991px) {
  .main-button_yellow-big {
    font-size: 0.875rem;
    padding: 0.625rem 1.5rem;
    border-radius: 0.5rem;
  }
}
.main-button_outline-big {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  color: var(--color-black--dark) !important;
  border: 0.0625rem solid var(--color-black--dark);
  padding: 1rem 4.25rem;
  border-radius: 0.75rem;
  font-size: var(--font-text--lg);
  line-height: 130%;
  letter-spacing: -0.0125rem;
}
@media (max-width: 991px) {
  .main-button_outline-big {
    font-size: 0.875rem;
    padding: 0.625rem 1.5rem;
    border-radius: 0.5rem;
  }
}
.main-button_black-small {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  color: var(--color-black--dark) !important;
  border: 0.0625rem solid var(--color-black--dark);
  padding: 0.6875rem 1rem;
  border-radius: 1.875rem;
  font-size: var(--font-text--md);
  line-height: 130%;
  letter-spacing: -0.04rem;
}
@media (max-width: 991px) {
  .main-button_black-small {
    padding: 0.5rem 0.875rem;
    border-radius: 1.875rem;
    font-size: var(--font-text--md);
    line-height: 100%;
    letter-spacing: -0.0262rem;
  }
}
.main-button_yellow-small {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--color-yellow--bright);
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  color: var(--color-black--dark) !important;
  border: none;
  padding: 0.6875rem 1rem;
  border-radius: 1.875rem;
  font-size: var(--font-text--md);
  line-height: 130%;
  letter-spacing: -0.04rem;
}
.main-button_yellow-small:hover {
  color: var(--color-black--dark--80) !important;
}
@media (max-width: 991px) {
  .main-button_yellow-small {
    padding: 0.5rem 0.875rem;
    border-radius: 1.875rem;
    font-size: var(--font-text--md);
    line-height: 100%;
    letter-spacing: -0.0262rem;
  }
}
.main-button_outline-small {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  color: var(--color-black--dark) !important;
  border: 0.0625rem solid var(--color-black--dark);
  padding: 0.6875rem 1rem;
  border-radius: 1.875rem;
  font-size: var(--font-text--md);
  line-height: 130%;
  letter-spacing: -0.04rem;
}
@media (max-width: 991px) {
  .main-button_outline-small {
    padding: 0.5rem 0.875rem;
    border-radius: 1.875rem;
    font-size: var(--font-text--md);
    line-height: 100%;
    letter-spacing: -0.0262rem;
  }
}

/* 
html {
    font-size: 1.25rem;
}
@media screen and (max-width: 1920px) {
    html {
        font-size: calc(0.24791231732776609rem + 0.8350730688935283vw);
    }
}
@media screen and (max-width: 1440px) {
    html {
        font-size: 1rem;
    }
}
@media screen and (max-width: 1399px) {
    html {
        font-size: calc(0.03238546603475512rem + 1.1058451816745656vw);
    }
}
@media screen and (max-width: 767px) {
    html {
        font-size: calc(0.44427339901477847rem + 2.463054187192118vw);
    }
}
@media screen and (max-width: 361px) {
    html {
        font-size: calc(0.1941964285714285rem + 3.571428571428572vw);
    }
}
@media screen and (max-width: 319px) {
    html {
        font-size: 0.75rem;
    }
}
*/