/* Compiled: 2026-07-30 19:13:35 */
/* расчет колонок */

body {
	--wrap-width: 100vw;
}

html._screen-scrolling body {
	--scrollbar-wrap: 0px !important;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

::selection {
	color: #fff;
	background: #000;
}

:disabled {
	cursor: default;
	pointer-events: none;
	opacity: 0.7;
	-webkit-user-select: none;
	user-select: none;
}

img {
	margin: 0;
}

img:not([src]) {
	visibility: hidden;
}

a {
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip: ink;
}

a[href^="mailto"],
a[href^="tel"] {
	-webkit-user-select: text;
	user-select: text;
}

nav ul {
	margin: 0;
	padding: 0;
}

button,
input[type="checkbox"],
input[type="radio"] {
	cursor: pointer;
}

textarea,
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"] {
	border-radius: 0;
	-webkit-appearance: none;
}

html.desktop textarea {
	scrollbar-width: thin;
	scrollbar-color: #000 #eee;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

html.desktop textarea::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: #eee;
}

html.desktop textarea::-webkit-scrollbar-thumb {
	background-color: #000;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

figure,
figcaption {
	margin: 0;
	padding: 0;
}

template {
	display: none;
}

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

@font-face {
	font-family: "WinlineSans";
	src: url("../fonts/WinlineSans/winline-sans_bold-italic.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "WinlineSans";
	src: url("../fonts/WinlineSans/winline-sans_regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "WinlineSans";
	src: url("../fonts/WinlineSans/winline-sans_bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PFDinTextCompPro";
	src: url("../fonts/PFDinTextCompPro/_PFDinTextCompPro-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PFDinTextCompPro";
	src: url("../fonts/PFDinTextCompPro/_PFDinTextCompPro-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PFDinTextCompPro";
	src: url("../fonts/PFDinTextCompPro/_PFDinTextCompPro-BoldItalic.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'winline-icon';
	src: url('../fonts/winline-icon/winline-icon.ttf?o2j5h') format('truetype'), url('../fonts/winline-icon/winline-icon.woff?o2j5h') format('woff'), url('../fonts/winline-icon/winline-icon.svg?o2j5h#winline-icon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"],
[class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'winline-icon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
	content: "\e904";
}

.icon-rublefix:before {
	content: "\20bd";
}

.icon-menu:before {
	content: "\e906";
}

.icon-mail:before {
	content: "\e900";
}

.icon-tg:before {
	content: "\e901";
}

.icon-caret:before {
	content: "\e902";
}

.icon-more:before {
	content: "\e903";
}

.icon-caret-lg:before {
	content: "\e905";
}

html {
	font-family: 'WinlineSans';
	font-size: 16px;
	letter-spacing: 0.02em;
	min-height: 100%;
}

body {
	min-height: 100%;
	background-color: #141419;
	color: #FFFFFF;
}

body .page {
	font-size: 1rem;
	line-height: 120%;
}

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

a {
	outline: none !important;
}

.scrollpoint {
	padding-top: 7rem;
	margin-top: -7rem;
}

.page {
	min-height: 100vh;
	display: block;
	width: 100%;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: var(--container-max-width);
	--container-max-width: 27.125rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

p,
ul:not(.list-unstyled) {
	margin-top: 0;
	margin-bottom: 1rem;
}

ul:not(.list-unstyled) {
	padding-left: 0;
	list-style: none;
}

ul:not(.list-unstyled) li {
	padding-left: 0.8125rem;
	position: relative;
	padding-bottom: 0.5rem;
}

ul:not(.list-unstyled) li:before {
	content: '';
	background: #FF6A13;
	border-radius: 50%;
	left: 0.06em;
	position: absolute;
	top: 0.45em;
	height: 0.25em;
	width: 0.25em;
}

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

.d-none {
	display: none !important;
}

.d-flex {
	display: flex !important;
}

.d-block {
	display: block !important;
}

.d-inline-block {
	display: inline-block !important;
}

.row {
	--gutter-x: 1rem;
	--gutter-y: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--gutter-y));
	margin-right: calc(-0.5 * var(--gutter-x));
	margin-left: calc(-0.5 * var(--gutter-x));
}

.row > * {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--gutter-x) * 0.5);
	padding-left: calc(var(--gutter-x) * 0.5);
	margin-top: var(--gutter-y);
}

.col {
	display: block;
	flex: 1 0 0;
	max-width: 100%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33333333%;
}

.col-8 {
	width: 66.66666667%;
}

.col-12 {
	width: 100%;
}

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

.icon-menu {
	font-weight: 400;
	font-size: 2.25rem;
}

.mmo-open .icon-menu[data-mmo]:before {
	content: "\e904";
}

body {
	--menu-h: 3.75rem;
}

.menu {
	z-index: 50;
	top: 0;
	margin-top: -1px;
	padding-top: 1px;
	height: var(--menu-h);
	transition: height 0.25s linear, margin-bottom 0.25s linear;
}

.menu .logo {
	transform-origin: left center;
	transition: transform 0.3s ease;
}

.menu .row-menu-btn {
	transform-origin: right center;
	transition: transform 0.3s ease;
}

.menu-item {
	text-transform: uppercase;
	font-style: italic;
	font-size: 1.125rem;
	text-decoration: none;
	font-weight: bold;
	line-height: 0.95;
	letter-spacing: 0.02em;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
}

.menu-item:hover {
	color: #ff6a13;
}

.mobile-menu {
	display: none;
}

.main:after {
	display: none;
}

body {
	--bxloader: 1.5rem;
}

html:not(.mf-ready):not(.delay-complete) .page {
	opacity: 0;
}

html:not(.mf-ready):not(.delay-complete) .main:after {
	--loader-width: 3rem;
	--loader-height: 3rem;
	--loader-border-width: 0.3125rem;
	content: '';
	position: fixed;
	top: calc(50% - var(--loader-width) / 2);
	left: calc(50% - var(--loader-height) / 2);
	width: var(--loader-width);
	height: var(--loader-height);
	border: var(--loader-border-width) solid #FFF;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

body {
	--border-radius: 1rem;
	--border-width: 0.0625rem;
	--border-color: #656877;
	--current-color: #FFFFFF;
}

.ls-0 {
	letter-spacing: 0;
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-sticky {
	position: sticky;
}

.bg-body {
	background-color: #141419;
}

.top-0 {
	top: 0;
}

.top-50 {
	top: 50%;
}

.end-0 {
	right: 0;
}

.bottom-0 {
	bottom: 0;
}

.start-0 {
	left: 0;
}

.start-50 {
	left: 50%;
}

.overflow-visible {
	overflow: visible !important;
}

.overflow-hidden {
	overflow: hidden;
}

.fs-0 {
	font-size: 0;
}

.lh-0 {
	line-height: 0;
}

.w-100 {
	width: 100%;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.text-nowrap {
	white-space: nowrap;
}

.text-end {
	text-align: right;
}

.text-start {
	text-align: left;
}

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

.va-top {
	vertical-align: top;
}

.va-01em {
	vertical-align: 0.1em;
}

.object-fit-contain {
	object-fit: contain;
}

.vr {
	position: relative;
}

.vr:before {
	content: '';
	position: absolute;
	top: 0.5rem;
	bottom: 0.5rem;
	left: 50%;
	margin-left: -0.0625rem;
	border-left: var(--border-width) solid #4E4B4B;
}

.z-index-n1 {
	z-index: -1;
}

.z-index-2 {
	z-index: 2;
}

.text-body {
	color: #FFFFFF !important;
}

.text-muted {
	color: #B8B8BA !important;
}

.text-primary {
	color: #FF6A13;
}

.text-uppercase {
	text-transform: uppercase;
}

.italic {
	font-style: italic;
}

.border {
	border: 1px solid var(--border-color);
}

.border-bottom {
	border-bottom: 1px solid var(--border-color);
}

.border-top-0 {
	border-top: none !important;
}

.border-0 {
	border: none !important;
}

.border-white {
	border-color: white !important;
}

.rounded-bottom {
	border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.small {
	font-size: 80%;
	line-height: 1.125em;
}

.xsmall {
	font-size: 70%;
}

.flex-row {
	flex-direction: row !important;
}

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

.flex-grow-1 {
	flex-grow: 1 !important;
}

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

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

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

.justify-content-around {
	justify-content: space-around !important;
}

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

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

hr {
	margin: 0;
	color: #B8B8BA;
	border-color: #B8B8BA;
	border-width: 1px;
}

a:not(.btn) {
	color: #FFFFFF;
	text-decoration: underline;
	-webkit-text-decoration-color: #FF6A13;
	text-decoration-color: #FF6A13;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.125em;
}

a:not(.btn):hover {
	color: #FF6A13;
}

.text-decoration-none {
	text-decoration: none !important;
}

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

.h-100 {
	height: 100%;
}

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

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

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

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}

.transform-middle {
	transform: translateX(-50%) translateY(-50%);
}

.transform-middle-x {
	transform: translateX(-50%);
}

.transform-middle-y {
	transform: translateY(-50%);
}

.invert {
	--current-color: #141419;
	background-color: #FFFFFF;
	color: #141419;
}

.h-text-primary:hover {
	color: #FF6A13 !important;
}

.hidden-scrollbar {
	scrollbar-face-color: transparent;
	scrollbar-track-color: transparent;
	-webkit-overflow-scrolling: touch;
}

.hidden-scrollbar::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.hidden-scrollbar::-webkit-scrollbar-thumb {
	background: transparent;
}

.hidden-scrollbar::-webkit-scrollbar-track {
	background: transparent;
}

.unbtn {
	background-color: transparent;
	border: 0;
	padding: 0;
	text-align: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: inherit;
	outline: none !important;
}

.card {
	--card-spacer-x: 0.5rem;
	--card-spacer-y: 0.5rem;
	--card-border-width: 0.0625rem;
	--card-border-radius: 1rem;
	--card-border-color: #333333;
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid var(--card-border-color);
	border-radius: var(--card-border-radius);
}

.card-body {
	flex: 1 1 auto;
	padding: var(--card-spacer-y) var(--card-spacer-x);
}

.card-header {
	padding: var(--card-spacer-y) var(--card-spacer-x);
}

.btn {
	--btn-padding-y: 0.4375rem;
	--btn-padding-x: 1.3125rem;
	--btn-font-size: 1.5rem;
	--btn-border-width: 0.1875rem;
	--btn-border-color: #FF6A13;
	--btn-color: #FFFFFF;
	-webkit-tap-highlight-color: transparent;
	font-weight: bold;
	font-style: italic;
	font-size: var(--btn-font-size);
	line-height: 1;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: var(--btn-padding-y) var(--btn-padding-x);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	border: var(--btn-border-width) solid var(--btn-border-color);
	border-radius: 200rem;
	letter-spacing: 0.02em;
	background-color: var(--btn-bg);
	color: var(--btn-color);
}

.btn-primary {
	--btn-color: white;
	--btn-bg: #FF6A13;
}

.btn-primary:hover {
	--btn-bg: #141419;
}

.btn-outline-primary {
	--btn-color: #FF6A13;
	--btn-bg: #141419;
}

.btn-outline-primary:hover {
	--btn-color: white;
}

.btn[disabled] {
	background-color: #4E4B4B;
	--btn-border-color: #4E4B4B;
	--btn-color: #FFFFFF;
}

body {
	--swiper-pagination-bullet-horizontal-gap: 0.75rem;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-width: 0.25rem;
	--swiper-pagination-bullet-height: 0.25rem;
	--swiper-pagination-bullet-size: 0.25rem;
	--swiper-pagination-bullet-border-radius: 50%;
	--swiper-pagination-bullet-inactive-color: #4E4B4B;
	--swiper-pagination-bullet-inactive-opacity: 1;
}

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

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

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

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

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

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

.swiper-slide,
swiper-slide {
	transition-property: transform;
	display: block;
}

.swiper-slide:not(.ssc),
swiper-slide {
	height: 100%;
	position: relative;
	flex-shrink: 0;
	width: 100%;
}

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

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

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

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

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

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

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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 {
	transform-style: preserve-3d;
}

.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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
	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: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

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

.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-horizontal.swiper-css-mode > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}

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

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

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

.swiper-centered > .swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999;
}

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

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

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

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

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

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	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);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important;
}

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

.swiper-pagination {
	text-align: center;
	transition: 0.3s opacity;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

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

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet:only-child {
	display: none !important;
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0;
}

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

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	-ms-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: flex;
	justify-content: 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%;
	object-fit: contain;
}

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

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

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

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

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

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

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

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

.swiper-fade .swiper-slide-active,
.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;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

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

.swiper-cube.swiper-rtl .swiper-slide {
	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-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

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

.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;
	filter: blur(50px);
}

.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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-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;
	transition-property: transform, opacity, height;
}

.swiper-cards {
	overflow: visible;
}

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

.row.swiper-wrapper {
	width: auto !important;
}

.swiper-scrollbar {
	--swiper-scrollbar-size: 0.125rem;
	--swiper-scrollbar-bottom: 0;
	--swiper-scrollbar-sides-offset: 50%;
	transform: translateX(-50%);
	width: 21.4375rem !important;
	background-color: rgba(255, 255, 255, 0.2);
}

.swiper-scrollbar .swiper-scrollbar-drag {
	background-color: white;
}

.pagination-custom {
	height: 8.3125rem;
	--swiper-pagination-bullet-horizontal-gap: 0.25rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-left: calc(-1 * var(--swiper-pagination-bullet-horizontal-gap));
	margin-right: calc(-1 * var(--swiper-pagination-bullet-horizontal-gap));
}

.pagination-custom .swiper-pagination-bullet {
	--border-width: 0.125rem;
	flex-grow: 1;
	background: none;
	display: block;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	width: 7.125rem;
	height: 8.125rem;
	padding-top: 1rem;
	position: relative;
}

.pagination-custom .swiper-pagination-bullet:before {
	--border-width: 0.15625rem;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 6.90625rem;
	border: var(--border-width) solid transparent;
	border-radius: 0.8125rem;
}

.pagination-custom .swiper-pagination-bullet img {
	-webkit-user-select: none;
	user-select: none;
	margin-top: -1rem;
	width: 100%;
	border: var(--border-width) solid transparent;
	position: relative;
	z-index: 2;
}

.pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	border-color: #FF6A13;
}

.collapse {
	transition: none;
	transition: height 0.2s linear;
	overflow: hidden;
}

.collapse:not(.show) {
	height: 0;
}

.collapsing {
	position: relative;
	overflow: hidden;
	height: 0;
	transition: height 0.2s linear;
}

.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	user-select: none;
}

.bg img {
	width: 100%;
	pointer-events: none;
}

.title,
.text {
	display: block;
	font-size: 0;
	line-height: 0;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
}

.title :after,
.text :after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.title img,
.text img {
	width: 100%;
	pointer-events: none;
}

.logo {
	width: 13.875rem;
	height: 1.75rem;
}

.welcome {
	min-height: 40.3125rem;
	overflow: hidden;
}

.welcome .card {
	width: 19.5625rem;
	height: 6.125rem;
	position: relative;
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../img/welcome/card2-m.png');
	border: none;
	border-radius: 0;
	margin-top: 1.25rem;
	margin-left: auto;
	margin-right: auto;
	will-change: transform, opacity;
	transition: 0.4s ease transform, 0.4s ease opacity;
	opacity: 0;
	transform: translateY(40%);
	z-index: -1;
}

.welcome .card.appear {
	opacity: 1;
	transform: translateY(0);
}

.welcome .card img {
	width: 100%;
}

.welcome .cta {
	z-index: 5;
	position: relative;
}

.welcome .cta .btn {
	width: 100%;
	will-change: transform, opacity;
	transition: 0.35s ease transform, 0.35s ease opacity;
	opacity: 0;
	transform: scale(1.1);
}

.welcome .cta .btn.appear {
	opacity: 1;
	transform: scale(1);
}

.welcome .description {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: 0;
	margin-top: 0.5rem;
}

.welcome .title {
	width: 21.5625rem;
	padding-top: 4.875rem;
	margin-left: -0.0625rem;
}

.welcome .text {
	float: right;
	width: 21rem;
	margin-top: 10.0625rem;
	margin-right: -0.0625rem;
	margin-bottom: 1.25rem;
	will-change: transform, opacity;
	transition: 0.35s ease transform, 0.35s ease opacity;
	z-index: 3;
}

.bg-ball {
	width: 100%;
	overflow: hidden;
	min-height: 116.25rem;
	margin-top: -21.25rem;
}

.bg-ball img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 116.25rem;
}

.benefit {
	overflow: hidden;
	min-height: 33.875rem;
}

.benefit .h2 {
	text-transform: uppercase;
	line-height: 0.85em;
	letter-spacing: 0;
	font-style: italic;
	font-weight: bold;
	margin-top: 0;
	font-size: 3rem;
	margin-bottom: 2.5rem;
}

.benefit .card {
	--card-border-radius: 0.875rem;
	position: relative;
	background-image: url('../img/benefit/card-bg-m.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	align-items: center;
	border: 0;
	height: 18.0625rem;
	width: 12rem;
}

.benefit .card:after {
	--card-border-width: 0.0625rem;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: inherit;
	border: var(--card-border-width) solid var(--card-border-color);
	mix-blend-mode: screen;
}

.benefit .card .num {
	font-style: normal;
	text-transform: uppercase;
	color: #ECFF41;
	text-align: center;
	letter-spacing: 0.015em;
	font-weight: bold;
	font-size: 1rem;
	margin-left: 0.125rem;
	margin-bottom: 0.25rem;
}

.benefit .card .headline {
	text-transform: uppercase;
	color: #FF6A13;
	text-align: center;
	letter-spacing: 0;
	font-style: italic;
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: 0.25rem;
}

.benefit .card .description {
	line-height: 1.15em;
	text-align: center;
	letter-spacing: 0;
	font-size: 0.75rem;
}

.benefit .card:before {
	content: '';
	position: absolute;
	left: 0rem;
	right: 0.03125rem;
	bottom: 0;
	height: 5.75rem;
	filter: blur(0.3px);
	background-image: url('../img/benefit/card-footer-bg-2.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 10;
}

.benefit .card-footer {
	height: 5.75rem;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0.90625rem;
	position: relative;
	z-index: 5;
	padding-top: 0.375rem;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	-webkit-mask-image: url('../img/benefit/mask.svg');
	mask-image: url('../img/benefit/mask.svg');
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.benefit .picture {
	display: block;
	width: 15.3125rem;
	height: 15.3125rem;
	margin: -1.75rem;
	position: relative;
	z-index: 2;
}

.benefit .picture img {
	width: 100%;
	pointer-events: none;
	will-change: transform;
	transition: transform 0.25s ease;
}

.benefit .row > *:nth-of-type(2n) {
	padding-top: 8rem;
}

.benefit .card:hover .picture img {
	transform: scale(1.05);
}

.benefit .swiper {
	padding-bottom: 2.5625rem;
}

.benefit .card-1 .picture img {
	margin-top: -0.625rem;
}

.benefit .card-2 .picture img {
	margin-left: -0.25rem;
}

.benefit .card-4 .picture img {
	margin-top: -0.5rem;
	margin-left: 0.125rem;
}

.benefit .card-5 .card-body {
	overflow: hidden;
	padding-bottom: 4.375rem !important;
	margin-bottom: -4.375rem;
}

.benefit .card-5 .card-footer {
	-webkit-backdrop-filter: blur(1rem);
	backdrop-filter: blur(1rem);
}

.benefit .card-5 .picture img {
	margin-top: 1.125rem;
}

.benefit .card-6 .picture img {
	margin-top: 0.1875rem;
}

.benefit .card-6 .headline {
	margin-left: -0.375rem;
	margin-right: -0.375rem;
}

.ribbon {
	overflow: hidden;
	min-height: 32.5rem;
}

.ribbon .title {
	width: 23.4375rem;
	margin-left: -1rem;
	position: relative;
	z-index: 3;
}

.ribbon .lines {
	width: 100%;
	position: relative;
	display: block;
	margin-top: -7.1875rem;
	height: 12.3125rem;
	z-index: 0;
}

.ribbon .lines img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 23.4375rem;
	height: 12.3125rem;
}

.creator-pass {
	min-height: 50.0625rem;
}

.creator-pass .headline {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0;
	text-align: center;
}

.creator-pass .title {
	width: 23.4375rem;
	height: 7.625rem;
	margin-left: -1rem;
	margin-top: -0.1875rem;
}

.creator-pass .title + .title {
	position: absolute;
	top: 0;
	left: 0;
}

.creator-pass .bg {
	overflow: hidden;
	width: 100%;
	margin-top: 1.6875rem;
	min-height: 50.875rem;
}

.creator-pass .bg img {
	width: 100%;
}

.creator-pass .swiper {
	max-width: 21.4375rem;
	margin-left: auto;
	margin-right: auto;
}

.creator-pass .swiper .pagination-custom {
	margin-bottom: 0.4375rem;
}

.creator-pass .badge {
	position: absolute;
	left: 1.25rem;
	top: -1.3125rem;
}

.creator-pass .list,
.creator-pass .list-1,
.creator-pass .list-2 {
	position: relative;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 0.95em;
	background-position: left top;
	background-size: contain;
	background-repeat: no-repeat;
}

.creator-pass .list ul,
.creator-pass .list-1 ul,
.creator-pass .list-2 ul {
	margin-bottom: 0;
}

.creator-pass .list ul li:before,
.creator-pass .list-1 ul li:before,
.creator-pass .list-2 ul li:before {
	top: 0.4em;
}

.creator-pass .description {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 1.5rem;
}

.apply {
	min-height: 10.75rem;
}

.apply .bg {
	top: -16.25rem;
	overflow: hidden;
	min-height: 35.5625rem;
}

.apply .bg img {
	width: 23.4375rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.apply .cta {
	padding-top: 3rem;
	z-index: 5;
	position: relative;
	padding-left: 1rem;
	padding-right: 1rem;
}

.apply .cta .btn {
	width: 100%;
}

.faq {
	overflow: hidden;
}

.faq .faq-list {
	position: relative;
	z-index: 2;
}

.faq .card {
	transform: translateZ(1px);
	border: none;
	width: 100%;
	margin-bottom: 0.625rem;
	background-color: rgba(20, 20, 25, 0.2);
	-webkit-backdrop-filter: blur(1rem);
	backdrop-filter: blur(1rem);
	--corner-x: 1.4375rem;
	--corner-y: 1.4375rem;
	clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - var(--corner-y)), calc(100% - var(--corner-x)) 100%, 0 100%);
	position: relative;
}

.faq .card:before,
.faq .card:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
}

.faq .card:before {
	top: 1.625rem;
	bottom: 1.875rem;
	background-image: url('../img/faq/card-body-m.png');
	background-repeat: repeat-y;
	background-size: 100% auto;
}

.faq .card:after {
	bottom: 0;
	height: 1.875rem;
	background-image: url('../img/faq/card-body-bottom-m.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.faq .card .card-header {
	transform: translateZ(1px);
	font-size: 1.5rem;
	height: 3.8125rem;
	padding-left: 1.25rem;
	padding-right: 3.75rem;
	position: relative;
	z-index: 3;
}

.faq .card .card-header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0rem;
	right: 0rem;
	bottom: 0;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url('../img/faq/card-header-bg-1l-m.png');
}

.faq .card .card-header:not(.collapsed):before {
	background-image: url('../img/faq/card-header-bg-1l-active-m.png');
}

.faq .card .card-header:not(.collapsed):after {
	transform: rotate(-180deg);
}

.faq .card .card-body {
	--card-spacer-y: 1.3125rem;
	--card-spacer-x: 1.25rem;
	font-size: 1rem;
	line-height: 1.15;
	letter-spacing: 0;
}

.faq .card .card-body p {
	margin-bottom: 0.3125rem;
}

.faq .card .card-body > *:last-child {
	margin-bottom: 0;
}

.faq .card .card-body > *:first-child {
	margin-top: 0;
}

.faq .card .card-body ul {
	margin-bottom: 0.3125rem;
}

.faq .card .card-body ul li {
	padding-bottom: 0;
}

.faq .card .card-body ul li:before {
	background-color: white;
	left: 0.15em;
	top: 0.45em;
	height: 0.25em;
	width: 0.25em;
}

.faq .card.card-2l .card-header {
	height: 5.125rem;
}

.faq .card.card-2l .card-header:before {
	background-image: url('../img/faq/card-header-bg-2l-m.png');
}

.faq .card.card-2l .card-header:not(.collapsed):before {
	background-image: url('../img/faq/card-header-bg-2l-active-m.png');
}

.faq .card button.card-header {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: none;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: bold;
	color: white;
	font-style: italic;
	-webkit-tap-highlight-color: transparent;
}

.faq .card button.card-header:after {
	content: "\e902";
	font-family: 'winline-icon';
	color: #FF6A13;
	font-size: 1.125rem;
	position: absolute;
	font-style: normal;
	right: 1.25em;
	top: calc(50% - 0.6em);
	transition: transform 0.3s ease;
}

.faq .card button.card-header span {
	position: relative;
	z-index: 2;
}

.faq .faq-list {
	padding-bottom: 1.875rem;
}

.bg-footer {
	position: absolute;
	left: 0;
	right: 0;
	top: 54.125rem;
	height: 33.6875rem;
	font-size: 0;
	line-height: 0;
}

.badge {
	position: relative;
	z-index: 2;
	display: inline-block;
	--badge-space-y: 0.375rem;
	--badge-space-x: 1.0625rem;
	letter-spacing: 0;
	font-style: normal !important;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 1em;
	padding: var(--badge-space-y) var(--badge-space-x);
}

.badge:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #8412E8;
	transform: skewX(-11deg);
	transform-origin: center;
}

.form-page {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	overflow-x: hidden;
	background-color: #141419;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.form-page__bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	pointer-events: none;
	display: none;
}

.form-page__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.form-page--auth .form-page__bg img {
	object-position: left center;
}

.form-page--registration .form-page__bg img {
	object-position: left center;
}

.form-page__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 27.125rem;
}

.form-card {
	--form-control-height: auto;
	--form-control-radius: 1.75rem;
	--form-control-fs: 1.25rem;
	--form-gap: 0.5rem;
	--form-error-color: #EB5353;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	background-color: #141419;
	border: 0;
	box-sizing: border-box;
	border-radius: 0;
	padding: 0;
	text-align: center;
}

.form-card__logo {
	display: inline-block;
	line-height: 0;
	align-self: center;
	margin-bottom: 2.5rem;
}

.form-card__logo img {
	width: 11.5rem;
	height: 2.75rem;
}

.form-card__title {
	margin: 0;
	font-family: 'WinlineSans', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #B8B8BA;
	font-size: 1.5rem;
	line-height: 95%;
	letter-spacing: 0.02em;
	margin-bottom: 1rem;
}

.form-card__title--success {
	color: #FF6A13;
	margin-bottom: 0.5rem;
}

.form-card__tabs {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0;
	width: 100%;
	background: #141419;
	border: 3px solid #FF6A13;
	border-radius: 50px;
	margin-bottom: 0.5rem;
}

.form-card__tabs-pill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #FF6A13;
	border-radius: 100px;
	pointer-events: none;
	z-index: 0;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.form-card__tab {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background: transparent;
	color: #FFFFFF;
	font-family: 'PFDinTextCompPro', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.02em;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1.125rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	gap: 0.25rem;
	border-radius: 100px;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.25s ease;
}

.form-card__tab.--active {
	background: transparent;
	color: #FFFFFF;
}

.form-card__panels {
	position: relative;
}

.form-card__panel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

.form-card__panel.--active {
	position: relative;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 1;
}

.form-card__fields {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.form-card__fields > .form-card__field + .form-card__field,
.form-card__fields > .form-card__row + .form-card__field,
.form-card__fields > .form-card__field + .form-card__row,
.form-card__fields > .form-card__row + .form-card__row {
	margin-top: 0.5rem;
}

.form-card__row {
	display: flex;
	gap: var(--form-gap);
}

.form-card__row .form-card__field {
	flex: 1;
	min-width: 0;
}

.form-card__row .form-card__field--type {
	flex: 0 0 auto;
	width: auto;
	min-width: 8.125rem;
}

.form-card__field {
	position: relative;
	width: 100%;
}

.form-card input.form-card__input,
.form-card select.form-card__select,
.form-card .auth-input,
.register-form input,
.auth-form input,
.form-card .form-input {
	display: flex;
	align-items: center;
	width: 100%;
	height: 2.75rem;
	border: 0;
	border-radius: 1.75rem;
	background: #FFFFFF;
	color: #141419;
	caret-color: #FF6A13;
	font-family: 'PFDinTextCompPro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 1.25rem;
	line-height: 1.125rem;
	/*text-transform: uppercase;*/
	letter-spacing: 0.02em;
	padding-top: 0.9375rem;
	padding-right: 1.25rem;
	padding-bottom: 0.6875rem;
	padding-left: 1.25rem;
	outline: none !important;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.form-card input.form-card__input::placeholder,
.form-card select.form-card__select::placeholder,
.form-card .auth-input::placeholder,
.register-form input::placeholder,
.auth-form input::placeholder,
.form-card .form-input::placeholder {
	color: #B8B8BA;
	font-family: 'PFDinTextCompPro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	opacity: 1;
}

.form-card input.form-card__input.--error,
.form-card select.form-card__select.--error,
.form-card .auth-input.--error,
.register-form input.--error,
.auth-form input.--error,
.form-card .form-input.--error,
.form-card input.form-card__input.invalid,
.form-card select.form-card__select.invalid,
.form-card .auth-input.invalid,
.register-form input.invalid,
.auth-form input.invalid,
.form-card .form-input.invalid,
.form-card input.form-card__input.--pass-error,
.form-card select.form-card__select.--pass-error,
.form-card .auth-input.--pass-error,
.register-form input.--pass-error,
.auth-form input.--pass-error,
.form-card .form-input.--pass-error {
	color: var(--form-error-color);
}

.form-card input.form-card__input.--error::placeholder,
.form-card select.form-card__select.--error::placeholder,
.form-card .auth-input.--error::placeholder,
.register-form input.--error::placeholder,
.auth-form input.--error::placeholder,
.form-card .form-input.--error::placeholder,
.form-card input.form-card__input.invalid::placeholder,
.form-card select.form-card__select.invalid::placeholder,
.form-card .auth-input.invalid::placeholder,
.register-form input.invalid::placeholder,
.auth-form input.invalid::placeholder,
.form-card .form-input.invalid::placeholder,
.form-card input.form-card__input.--pass-error::placeholder,
.form-card select.form-card__select.--pass-error::placeholder,
.form-card .auth-input.--pass-error::placeholder,
.register-form input.--pass-error::placeholder,
.auth-form input.--pass-error::placeholder,
.form-card .form-input.--pass-error::placeholder {
	color: var(--form-error-color);
	opacity: 1;
}

.form-card input.form-card__input.--valid,
.form-card select.form-card__select.--valid,
.form-card .auth-input.--valid,
.register-form input.--valid,
.auth-form input.--valid,
.form-card .form-input.--valid {
	padding-right: 3rem;
}

.form-card select.form-card__select {
	padding-right: 3.25rem;
	background-color: #FFFFFF;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6673 19.333L16.0007 24.6663L9.33398 19.333' stroke='%23B8B8BA' stroke-width='2.5' stroke-miterlimit='10'/%3E%3Cpath d='M9.33398 12.6663L16.0007 7.33301L22.6673 12.6663' stroke='%23B8B8BA' stroke-width='2.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 32px 32px;
	cursor: pointer;
}

.form-card select.form-card__select:invalid {
	color: #B8B8BA;
}

.form-card__toggle-pass {
	position: absolute;
	top: 0.25rem;
	right: 1.25rem;
	width: 2.25rem;
	height: 2.25rem;
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-card__toggle-pass svg {
	width: 2.25rem;
	height: 2.25rem;
	display: block;
}

.form-card__toggle-pass .form-card__toggle-pass-icon--visible {
	display: none;
}

.form-card__toggle-pass.--shown .form-card__toggle-pass-icon--hidden {
	display: none;
}

.form-card__toggle-pass.--shown .form-card__toggle-pass-icon--visible {
	display: block;
}

.form-card__field--password .form-card__input,
.form-card__field:has(.form-card__toggle-pass) .form-card__input {
	padding-right: 4rem;
}

.form-card__password-meta {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	margin-top: 0rem;
	transition: max-height 0.3s ease, opacity 0.25s ease, margin-top 0.3s ease;
}

.form-card__password-meta.--open {
	max-height: 8rem;
	opacity: 1;
	margin-top: 0.5rem;
}

.form-card__strength {
	display: flex;
	gap: 0.25rem;
	margin-bottom: 0.5rem;
}

.form-card__strength-seg {
	flex: 1;
	height: 0.25rem;
	border-radius: 0.125rem;
	background-color: #3A3A42;
	transition: background-color 0.2s ease;
}

.form-card__strength-seg.--active {
	background-color: #FFFFFF;
}

.form-card__password-meta.--error .form-card__strength-seg {
	background-color: #EB5353;
}

.form-card__password-meta.--valid .form-card__strength-seg.--active {
	background-color: #2EAF5B;
}

.form-card__password-hint {
	margin: 0;
	color: #B8B8BA;
	text-align: left;
	font-family: 'PFDinTextCompPro', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.02em;
	font-size: 1.125rem;
	line-height: 1.375rem;
	transition: color 0.2s ease;
}

.form-card__password-meta.--error .form-card__password-hint {
	color: #EB5353;
}

.form-card__check {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 3rem;
	pointer-events: none;
	display: none;
	align-items: center;
	justify-content: center;
	color: #2eaf5b;
}

.form-card__input.--valid ~ .form-card__check {
	display: flex;
}

.form-card__check svg {
	width: 1.125rem;
	height: 1.125rem;
}

.form-card__error {
	display: none;
	color: var(--form-error-color);
	text-align: left;
	font-family: 'PFDinTextCompPro', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.02em;
	font-size: 1.125rem;
	line-height: 1.375rem;
	margin-top: 0.5rem;
	padding: 0;
}

.form-card__error.--show {
	display: block;
}

.form-card__forgot {
	display: block;
	text-align: left;
	color: #FF6A13;
	text-decoration: underline;
	font-size: 0.875rem;
	margin-top: 0.625rem;
	margin-bottom: 0.25rem;
	padding-left: 0.5rem;
}

.form-card__submit-wrap {
	margin-top: 1rem;
}

.form-card button.form-card__submit,
.form-card a.form-card__submit,
.form-card .auth-button,
.form-card .form-button,
.auth-button,
.form-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 2.75rem;
	border: 0;
	border-radius: 1.75rem;
	background-color: #4e4b4b;
	color: #B8B8BA;
	font-family: 'WinlineSans', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.375rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding-top: 0.6875rem;
	padding-bottom: 0.6875rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	cursor: pointer;
	margin: 0;
	transition: background-color 0.2s ease, color 0.2s ease;
	box-sizing: border-box;
}

.form-card button.form-card__submit.--active:not([disabled]),
.form-card a.form-card__submit.--active:not([disabled]),
.form-card .auth-button.--active:not([disabled]),
.form-card .form-button.--active:not([disabled]),
.auth-button.--active:not([disabled]),
.form-button.--active:not([disabled]),
.form-card button.form-card__submit:not([disabled]).--active,
.form-card a.form-card__submit:not([disabled]).--active,
.form-card .auth-button:not([disabled]).--active,
.form-card .form-button:not([disabled]).--active,
.auth-button:not([disabled]).--active,
.form-button:not([disabled]).--active {
	background-color: #FF6A13;
	color: #FFFFFF;
}

.form-card button.form-card__submit[disabled],
.form-card a.form-card__submit[disabled],
.form-card .auth-button[disabled],
.form-card .form-button[disabled],
.auth-button[disabled],
.form-button[disabled] {
	cursor: default;
	background-color: #4e4b4b;
	color: #B8B8BA;
}

.form-card__footer {
	font-family: 'WinlineSans', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.25rem;
	letter-spacing: 0.02em;
	color: #B8B8BA;
	margin-top: 1.125rem;
}

.form-card__footer a {
	font-family: 'PFDinTextCompPro', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.375rem;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	text-decoration: underline;
	text-decoration-color: #FF6A13;
	-webkit-text-decoration-color: #FF6A13;
}

.form-card__footer a:hover {
	color: #FFFFFF;
	-webkit-text-decoration-color: #FF6A13;
	text-decoration-color: #FF6A13;
}

.form-card__text {
	margin-top: 0;
	margin-bottom: 1.5rem;
	font-family: 'WinlineSans', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.375rem;
	text-align: center;
	letter-spacing: 0.02em;
	color: #B8B8BA;
}

.form-card__text--lead {
	margin-bottom: 1rem;
}

.form-card__hint {
	color: #B8B8BA;
	font-size: 0.875rem;
	margin-top: 0;
	margin-bottom: 1.25rem;
}

.form-card--success .form-card__main,
.form-card--recover .form-card__main,
.form-card--recover-sent .form-card__main,
.form-card--verify .form-card__main,
.form-card--success .form-card__tabs,
.form-card--success .form-card__panel {
	display: none !important;
}

.form-card__success,
.form-card__recover,
.form-card__recover-sent,
.form-card__verify {
	display: none;
}

.form-card--success .form-card__success:not([hidden]),
.form-card--recover .form-card__recover,
.form-card--recover-sent .form-card__recover-sent,
.form-card--verify .form-card__verify {
	display: block;
}

.form-card__success .form-card__submit,
.form-card__recover-sent .form-card__submit {
	background-color: #FF6A13;
	color: #FFFFFF;
}

.register-form,
.auth-form {
	display: flex;
	flex-direction: column;
	gap: var(--form-gap);
	text-align: left;
}

.register-form .input-field,
.register-form .input-password-field,
.auth-form .input-field {
	display: block;
	margin: 0;
}

.register-form .input-field > span,
.register-form .input-password-field > span,
.auth-form .input-field > span {
	display: none;
}

.register-form .info-text {
	display: none;
}

.register-form .radio-fieldset {
	display: flex;
	width: 100%;
	border: 2px solid #FF6A13;
	border-radius: 100px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 var(--form-gap);
	gap: 0;
}

.register-form .radio-fieldset > div {
	flex: 1;
	position: relative;
}

.register-form .radio-fieldset input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.register-form .radio-fieldset label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 0.75rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	min-height: 2.75rem;
}

.register-form .radio-fieldset input:checked + label {
	background-color: #FF6A13;
}

.register-form .name-inputs {
	display: flex;
	flex-direction: column;
	gap: var(--form-gap);
}

.register-form .name-inputs input,
.register-form .last-name,
.register-form .first-name,
.register-form .middle-name {
	border-radius: var(--form-control-radius) !important;
	border-width: 2px !important;
}

.register-form .button-container,
.auth-form .button-container {
	display: block;
	margin: 0;
}

.register-form .error-container,
.auth-form .error-container,
.register-form .info-container,
.auth-form .info-container {
	color: #e53935;
	font-size: 0.75rem;
	text-align: left;
}

.form-card__iap {
	display: none;
}

.page section {
	position: relative;
}

.main {
	position: relative;
}

h1 {
	position: absolute;
	opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {

:root {
	scroll-behavior: smooth;
}

}

@media (prefers-reduced-motion: reduce) {

.form-card__tabs-pill,
.form-card__tab,
.form-card__panel {
	transition: none;
}

}

@media (min-width: 708px) and (max-width: 1439px) {

html {
	font-size: 1.11111111vw;
}

html:has(.form-page) {
	font-size: 16px;
}

.form-page--auth .form-page__bg img {
	object-position: center top;
}

.form-page--registration .form-page__bg img {
	object-position: center top;
}

}

@media (min-width: 708px) {

body .page {
	font-size: 1.25rem;
}

.container {
	--container-max-width: 77.75rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

ul:not(.list-unstyled) li {
	padding-bottom: 0.6875rem;
	padding-left: 1em;
}

ul:not(.list-unstyled) li:before {
	left: 0.06em;
	top: 0.45em;
	height: 0.32em;
	width: 0.32em;
}

.d-sm-none {
	display: none !important;
}

.d-sm-block {
	display: block !important;
}

.d-sm-flex {
	display: flex !important;
}

.d-sm-inline-block {
	display: inline-block !important;
}

.row {
	--gutter-x: 1.25rem;
}

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

.col-sm {
	flex: 1 0 0;
	max-width: 100%;
}

.col-sm-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-sm-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-sm-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-sm-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.order-sm-1 {
	order: 1;
}

.order-sm-2 {
	order: 2;
}

.order-sm-3 {
	order: 3;
}

body {
	--menu-h: 4.5rem;
}

.not-zero .menu.stuck {
	height: 4rem;
	margin-bottom: 0.5rem;
}

.not-zero .menu.stuck .logo {
	transform: scale(0.875);
}

.not-zero .menu.stuck .row-menu-btn {
	transform: scale(0.73);
}

.row-menu {
	--gutter-x: 2rem;
}

.row-menu-btn {
	--gutter-x: 0.5rem;
}

.flex-sm-nowrap {
	flex-wrap: nowrap;
}

.flex-sm-wrap {
	flex-wrap: wrap;
}

.text-sm-start {
	text-align: left;
}

.px-sm-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.mx-sm-0 {
	margin-left: 0rem;
	margin-right: 0rem;
}

.mt-sm-0 {
	margin-top: 0;
}

.mb-sm-0 {
	margin-bottom: 0;
}

.btn-md {
	--btn-padding-y: 0.4375rem;
	--btn-padding-x: 1.3125rem;
	--btn-font-size: 1.5rem;
}

.btn-lg {
	--btn-padding-y: 1rem;
	--btn-padding-x: 2.875rem;
	--btn-font-size: 3.305625rem;
	--btn-border-width: 0.413125rem;
}

.btn-xl {
	--btn-padding-y: 1.0625rem;
	--btn-padding-x: 3.4375rem;
	--btn-font-size: 3.893125rem;
	--btn-border-width: 0.425625rem;
}

.swiper-scrollbar {
	width: 37rem !important;
}

.logo {
	width: 15.75rem;
	height: 2rem;
}

.welcome {
	min-height: 88.5625rem;
	margin-bottom: -7.75rem;
	overflow: hidden;
}

.welcome .bg {
	width: 120rem;
	left: 50%;
	transform: translateX(-50%);
}

.welcome .card {
	width: 14.5rem;
	height: 16.25rem;
	background-image: url('../img/welcome/card2.png');
	margin-left: 3.125rem;
	margin-top: 6.25rem;
	transform: translateX(90%);
}

.welcome .card.appear {
	transform: translateX(0);
}

.welcome .title {
	width: 75.3125rem;
	padding-top: 0;
	margin-top: 12.625rem;
	margin-left: -0.0625rem;
}

.welcome .text {
	width: 32.6875rem;
	margin-top: -9.5rem;
	margin-right: -0.25rem;
	margin-bottom: 0;
	z-index: -1;
	transform: translateX(-50%);
	opacity: 0;
}

.welcome .text.appear {
	opacity: 1;
	transform: translateX(0);
}

.welcome .cta {
	margin-top: 16.125rem;
}

.welcome .cta .btn {
	width: auto;
	transform: scale(1.2);
}

.welcome .description {
	font-size: 2.25rem;
	margin-top: 1.875rem;
}

.bg-ball {
	min-height: 190.8125rem;
	margin-top: -21.25rem;
}

.bg-ball img {
	left: 50%;
	transform: translateX(-50%);
	width: 190.8125rem;
	height: 190.8125rem;
}

.benefit {
	min-height: 50.75rem;
}

.benefit .h2 {
	font-size: 6.25rem;
	margin-bottom: 3.5rem;
	margin-left: 3.125rem;
}

.benefit .row > *:nth-of-type(2n) {
	padding-top: 11.125rem;
}

.benefit .swiper {
	padding-bottom: 3.25rem;
}

.benefit .card {
	--card-border-radius: 1.25rem;
	background-image: url('../img/benefit/card-bg.png');
	height: 26.8125rem;
	width: 17.875rem;
}

.benefit .card .num {
	font-size: 1.5rem;
	margin-left: 0.25rem;
	margin-bottom: 1.125rem;
	letter-spacing: 0;
}

.benefit .card .headline {
	font-size: 1.5rem;
	margin-bottom: 0.25rem;
	letter-spacing: 0;
}

.benefit .card .description {
	font-size: 1rem;
	letter-spacing: 0;
}

.benefit .card:before {
	height: 8.5rem;
}

.benefit .card:after {
	mix-blend-mode: screen;
}

.benefit .card-footer {
	height: 8.5rem;
	border-radius: 1.28125rem;
	padding-top: 0.5625rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.benefit .picture {
	width: 22.75rem;
	height: 22.75rem;
	margin: -2.4375rem;
}

.benefit .card:hover .picture img {
	transform: scale(1.05);
}

.benefit .card-1 .picture img {
	margin-top: -1.1875rem;
}

.benefit .card-2 .picture img {
	margin-top: -0.125rem;
	margin-left: -0.375rem;
}

.benefit .card-3 .picture img {
	margin-top: -0.3125rem;
}

.benefit .card-4 .picture img {
	margin-top: -1rem;
	margin-left: 0.25rem;
}

.benefit .card-5 .card-body {
	padding-bottom: 4.375rem !important;
	margin-bottom: -4.375rem;
}

.benefit .card-5 .picture img {
	margin-top: 1.125rem;
}

.benefit .card-6 .picture img {
	margin-top: 0.3125rem;
}

.benefit .card-6 .headline {
	margin-left: -0.625rem;
	margin-right: -0.625rem;
}

.ribbon {
	min-height: 69.6875rem;
}

.ribbon .title {
	width: 74.5rem;
	height: 53.5rem;
	margin-left: -0.4375rem;
	object-fit: contain;
}

.ribbon .lines {
	margin-top: -15.625rem;
	margin-left: 1.5rem;
}

.ribbon .lines img {
	width: 165.5rem;
	height: 34.5rem;
}

.creator-pass {
	min-height: 55.5rem;
}

.creator-pass .title {
	width: 39.5rem;
	height: 11.3125rem;
	margin-left: 3.0625rem;
	margin-top: 2.3125rem;
	margin-bottom: 0.375rem;
}

.creator-pass .description {
	font-size: 2.1875rem;
	margin-top: 0.75rem;
	margin-left: 5.3125rem;
	letter-spacing: 0.012em;
}

.creator-pass .bg {
	margin-top: 3.1875rem;
	min-height: 75.8125rem;
	overflow: hidden;
	display: block;
	width: 100%;
}

.creator-pass .bg img {
	width: 120rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.creator-pass .swiper {
	max-width: 68.875rem;
	padding-top: 4.8125rem;
	padding-bottom: 4.125rem;
}

.creator-pass .row {
	--gutter-x: 2rem;
}

.creator-pass .card {
	margin-top: 5.0625rem;
	background-color: #141419;
	border-radius: 1.875rem;
}

.creator-pass .card .picture {
	display: block;
	margin-top: -5.0625rem;
	height: 15.25rem;
	position: relative;
}

.creator-pass .card .picture img {
	width: 100%;
	position: absolute;
	bottom: 0;
	pointer-events: none;
}

.creator-pass .headline {
	font-size: 4rem;
	margin-top: -3.375rem;
	margin-bottom: 3.25rem;
	white-space: nowrap;
	z-index: 2;
	position: relative;
	opacity: 0.7;
}

.creator-pass .badge {
	left: 1.4375rem;
	top: -0.6875rem;
}

.creator-pass .badge ul li:before {
	top: 0.3em;
}

.creator-pass .list,
.creator-pass .list-1,
.creator-pass .list-2 {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	font-size: 1.125rem;
}

.creator-pass .list ul li:before,
.creator-pass .list-1 ul li:before,
.creator-pass .list-2 ul li:before {
	top: 0.3em;
}

.creator-pass .list {
	margin-bottom: 0.5rem;
}

.creator-pass .list-1,
.creator-pass .list-2 {
	padding-top: 1.75rem;
	padding-bottom: 1rem;
}

.creator-pass .list-1 {
	margin-bottom: 0.5625rem;
}

.creator-pass .list-2 {
	margin-bottom: 0.6875rem;
}

.creator-pass .card-1 {
	position: relative;
}

.creator-pass .card-1 .list-1 {
	background-image: url('../img/creator-pass/1-1.png');
}

.creator-pass .card-1 .list-2 {
	background-image: url('../img/creator-pass/1-2.png');
}

.creator-pass .card-1:before {
	content: '';
	position: absolute;
	display: block;
	width: 11.875rem;
	height: 5.6875rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../img/creator-pass/decor-1.svg');
	bottom: 100%;
	left: 100%;
	margin-left: -4.8125rem;
	margin-bottom: 0.25rem;
}

.creator-pass .card-2 {
	position: relative;
}

.creator-pass .card-2 .list-1 {
	background-image: url('../img/creator-pass/2-1.png');
}

.creator-pass .card-2 .list-2 {
	background-image: url('../img/creator-pass/2-2.png');
}

.creator-pass .card-2:before {
	content: '';
	position: absolute;
	display: block;
	width: 7.5625rem;
	height: 4.125rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../img/creator-pass/decor-2.svg');
	top: 100%;
	left: 100%;
	margin-left: -2.4375rem;
}

.creator-pass .card-3 .list-1 {
	background-image: url('../img/creator-pass/3-1.png');
}

.creator-pass .card-3 .list-2 {
	background-image: url('../img/creator-pass/3-2.png');
}

.apply {
	min-height: 52.1875rem;
	margin-top: -2.625rem;
}

.apply .bg {
	top: -1rem;
	min-height: 90.8125rem;
}

.apply .bg img {
	width: 120rem;
}

.apply .cta {
	padding-top: 36.6875rem;
	z-index: 5;
	position: relative;
}

.apply .cta .btn {
	width: auto;
}

.faq {
	min-height: 66.5rem;
}

.faq .title {
	width: 34rem;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-100%);
	margin-left: -2.4375rem;
	margin-top: 9.375rem;
	z-index: 1;
}

.faq .faq-list {
	margin-left: auto;
	max-width: 45.25rem;
	padding-bottom: 3.75rem;
}

.faq .card {
	--corner-x: 2.3125rem;
	--corner-y: 2.1875rem;
}

.faq .card:before {
	top: 1.625rem;
	bottom: 2.625rem;
	background-image: url('../img/faq/card-body.png');
}

.faq .card:after {
	height: 2.625rem;
	background-image: url('../img/faq/card-body-bottom.png');
}

.faq .card .card-header {
	font-size: 1.5rem;
	height: 4.5rem;
	padding-left: 1.875rem;
	outline: none !important;
	filter: none !important;
}

.faq .card .card-header:before {
	background-image: url('../img/faq/card-header-bg.png');
}

.faq .card .card-header:not(.collapsed):before {
	background-image: url('../img/faq/card-header-bg-active.png');
}

.faq .card .card-body {
	--card-spacer-y: 1.25rem;
	--card-spacer-x: 1.875rem;
}

.faq .card.card-2l .card-header {
	height: 4.5rem;
}

.faq .card.card-2l .card-header:before {
	background-image: url('../img/faq/card-header-bg.png');
}

.faq .card.card-2l .card-header:not(.collapsed):before {
	background-image: url('../img/faq/card-header-bg-active.png');
}

.faq .card button.card-header:after {
	font-size: 1.25rem;
	right: 1.7em;
}

.bg-footer {
	top: 18.75rem;
	height: 64.0625rem;
}

.badge {
	--badge-space-y: 0.3125rem;
	--badge-space-x: 0.75rem;
	font-size: 0.785625rem;
}

.form-page {
	align-items: center;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.form-page__bg {
	display: block;
}

.form-page__inner {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 37.5rem;
}

.form-card {
	width: 100%;
	max-width: 37.5rem;
	--form-control-fs: 1.5rem;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 3.75rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: 3.75rem;
	padding-right: 3.75rem;
}

.form-card__logo {
	margin-bottom: 3.5rem;
}

.form-card__title {
	font-family: 'PFDinTextCompPro', Arial, Helvetica, sans-serif;
	font-size: 2.25rem;
	margin-bottom: 1.5rem;
}

.form-card__tab {
	font-size: 1.5rem;
	line-height: 1.375rem;
	padding-top: 0.5625rem;
	padding-bottom: 0.5625rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.form-card input.form-card__input,
.form-card select.form-card__select,
.form-card .auth-input,
.register-form input,
.auth-form input,
.form-card .form-input {
	height: 3.5rem;
	font-size: 1.5rem;
	line-height: 1.375rem;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	padding-left: 1.75rem;
	padding-right: 1.25rem;
}

.form-card__toggle-pass {
	top: 0.625rem;
}

.form-card button.form-card__submit,
.form-card a.form-card__submit,
.form-card .auth-button,
.form-card .form-button,
.auth-button,
.form-button {
	height: 3.5rem;
	font-size: 2rem;
	line-height: 1.875rem;
	padding-top: 0.875rem;
	padding-bottom: 0.75rem;
}

.form-card__footer {
	font-size: 1.125rem;
	line-height: 1.375rem;
}

.form-card__footer a {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

}

@media (min-width: 708px) and (max-width: 1023px) and (orientation: portrait) {

.form-page.form-page--registration {
	align-items: flex-start;
	padding-top: 8.875rem;
}

}

@media (min-width: 1024px) {

.text-md-start {
	text-align: left;
}

.vr:before {
	top: 1rem;
	bottom: 1rem;
}

.justify-content-md-around {
	justify-content: space-around !important;
}

.justify-content-md-between {
	justify-content: space-between !important;
}

}

@media (min-width: 1024px) and (orientation: portrait) {

.form-page.form-page--registration {
	align-items: flex-start;
	padding-top: 19.3125rem;
}

}

@media (min-width: 1300px) {

body {
	--wrap-width: 130rem;
	--scrollbar-wrap: 0px !important;
}

}

@media (min-width: 1440px) {

.form-page {
	justify-content: flex-start;
	padding-left: 51.6%;
	padding-right: 2rem;
}

.form-page__inner {
	margin-left: 0;
	margin-right: 0;
}

}

@media (min-width: 1920px) {

.form-page {
	padding-left: 0;
	padding-right: 10rem;
	padding-left: 1.25rem;
}

.form-page__inner {
	margin-left: 62.5rem;
}

}

@media (min-width: 1921px) {

html {
	font-size: 0.83333333vw;
}

}

@media (max-width: 1023px) {

.overflow-hidden-tablet {
	overflow: hidden;
}

}

@media (max-width: 708px) {

.mmo-open {
	overflow: hidden;
}

.mobile-menu {
	--menu-padding-x: 1rem;
	--menu-padding-y: 1.25rem;
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	overflow-y: auto;
	left: 0;
	right: 0;
	height: 100vh;
	height: calc(var(--vh) * 100);
	background-color: #141419;
	z-index: 10;
	transform: translateX(100%);
	transition: transform 0.3s ease;
	padding: calc(var(--menu-padding-y) + var(--menu-h)) var(--menu-padding-x) var(--menu-padding-y);
}

.mobile-menu .menu-item {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	font-size: 1.5rem;
	margin-bottom: 1.875rem;
}

.mobile-menu .row {
	--gutter-x: 0.625rem;
}

.mmo-open .mobile-menu {
	transform: translateX(0);
}

}

@media (max-width: 707px) {

html {
	font-size: 4.26666667vw;
}

.overflow-hidden-mobile {
	overflow: hidden;
}

.creator-pass .card {
	border: none;
	border-radius: 0;
}

.creator-pass .card .card-body {
	padding: 0;
}

.creator-pass .description {
	line-height: 1;
	letter-spacing: 0.02em;
	max-width: 17.3125rem;
	text-align: left;
	margin-left: auto;
}

.creator-pass .list,
.creator-pass .list-1,
.creator-pass .list-2 {
	line-height: 1.15em;
	--border-radius: 0.75rem;
	padding-left: 1.125rem;
	padding-right: 1.125rem;
	padding-top: 1rem;
	padding-bottom: 0.6875rem;
	font-size: 1rem;
	border-radius: var(--border-radius);
	border: var(--border-width) solid rgba(255, 255, 255, 0.3);
}

.creator-pass .list {
	padding-bottom: 0.375rem;
	background-color: #141419;
}

.creator-pass .list-1 {
	margin-bottom: 0.75rem;
}

.creator-pass .list-2 {
	margin-bottom: 0.6875rem;
}

.creator-pass .swiper {
	padding-top: 5.3125rem;
}

.creator-pass .swiper-pagination-bullet:nth-of-type(1) {
	position: relative;
}

.creator-pass .swiper-pagination-bullet:nth-of-type(1):after {
	content: '';
	position: absolute;
	display: block;
	width: 8.3125rem;
	height: 4.1875rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../img/creator-pass/decor-1-m.svg');
	bottom: 100%;
	left: 100%;
	border: none;
	margin-left: -4.625rem;
	margin-bottom: -0.75rem;
}

.creator-pass .swiper-pagination-bullet:nth-of-type(2) {
	position: relative;
}

.creator-pass .swiper-pagination-bullet:nth-of-type(2):after {
	content: '';
	position: absolute;
	display: block;
	width: 5.25rem;
	height: 3.0625rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../img/creator-pass/decor-2-m.svg');
	bottom: 100%;
	left: 100%;
	border: none;
	margin-left: -2.3125rem;
	margin-bottom: -0.5rem;
}

.faq .title {
	margin-bottom: -7rem;
}

.faq .card-body {
	padding-bottom: 1.625rem;
}

.faq .card-body p {
	margin-bottom: 0.4375rem;
}

}

@keyframes rotation {

0% {
	transform: rotate(0deg);
}

100% {
	transform: rotate(360deg);
}

}