/* 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);
	--color-black--dark--70: rgba(19, 27, 33, 0.7);
	
	/* 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;
}
}
*/