@charset "utf-8";

:root {
	--font: 'Inter Tight';
	font-size: 1.111111vw;
	--side: max(20px, 5.625rem);
	--header: 78px;
	--white: #fff;
	--black: #000;
	--bodyBg: #000103;
	--dark: #010101;
	--gray: #919DAA;
	--delay: 0.1s;
	--transition-delay: 0s;
}

@media only screen and (min-width: 1920px) {
	:root {
		font-size: 21.333px;
		--side: calc((100vw - 1680px)/2);
	}
}

@media only screen and (max-width: 639px) {
	:root {
		--side: 20px;
	}
}

html,
body {
	height: 100%;
	box-sizing: border-box;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased;
	font-optical-sizing: auto;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	background: var(--bodyBg);
	font: 500 max(16px, 1.125rem)/1.4 var(--font);
	color: var(--gray);
	-webkit-text-size-adjust: none;
	display: flex;
	flex-direction: column;
}

*,
::after,
::before,
::backdrop,
::file-selector-button {
	margin: 0;
	padding: 0;
}

*,
::after,
::before,
::backdrop,
::file-selector-button {
	box-sizing: border-box;
	border: 0 solid;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}

ol,
ul,
menu {
	list-style: none;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	vertical-align: middle;
}

img,
video {
	max-width: 100%;
	height: auto;
}

*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


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

img,
svg,
picture {
	border: 0;
	outline: none;
	vertical-align: top;
}

svg {
	fill: currentColor;
}

a {
	color: inherit;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

strong {
	font-weight: bold;
}

button,
input,
select,
textarea {
	appearance: none;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
}

button {
	cursor: pointer;
}

address {
	font: inherit;
}

.js_hover {
	flex: 0 0 auto;
	position: relative;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

.js_hover span {
	display: block;
	position: relative;
	transition: transform .8s cubic-bezier(.16, 1, .3, 1)
}

.js_hover span:after {
	content: attr(data-text);
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	transform: scale(.9);
	transition: transform .4s
}

a:hover .js_hover span:after,
.btn:hover .js_hover span:after {
	transform: scale(1)
}

@media only screen and (min-width: 1024px) {
	.main-menu .links>li:has(.sub):hover>*:not(.sub) .js_hover span:after {
		transform: scale(1)
	}
}

@media (pointer:fine) {

	a:hover .js_hover span,
	.btn:hover .js_hover span {
		transform: translateY(-100%)
	}

	@media only screen and (min-width: 1024px) {
		.main-menu .links>li:has(.sub):hover>*:not(.sub) .js_hover span {
			transform: translateY(-100%)
		}
	}
}

.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex: 0 0 auto;
	max-width: 100%;
	text-decoration: none;
	cursor: pointer;
	height: 50px;
	font: 600 16px/1.2 var(--font);
	border-radius: 15px;
	padding: 0 16px;
	backface-visibility: hidden;
}

@media (pointer:fine) {
	.btn:hover {
		transform: scaleX(1.02);
		transition: transform .6s cubic-bezier(.34, 5.56, .64, 1)
	}
}

.btn img,
.btn svg {
	flex: 0 0 auto;
	width: auto;
	height: auto;
	max-width: 24px;
	max-height: 24px;
}

.btn-white {
	background-color: var(--white);
	color: var(--dark);
}

.btn-gray {
	color: var(--white);
	background-color: color-mix(in srgb, var(--white) 25%, transparent);
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
}

.btn-darkgray {
	color: var(--white);
	background-color: color-mix(in srgb, var(--white) 10%, transparent);
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
}

.btn-dark {
	color: var(--white);
	background-color: #202631;
}

.btns {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.js_scrollShow-char {
	transition: color 0.4s ease;
}

.js_detectScroll *:has(>.btn) {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transition-delay: var(--transition-delay);
}

.js_detectScroll:not(.visible) *:has(>.btn) {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.js_split>span>span {
	display: inline-block;
	vertical-align: top;
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;

	transform: translateY(20px);
	opacity: 0;
}

.js_detectScroll.visible .js_split>span>span {
	opacity: 1;
	transform: translateY(0);
}

.swiper {
	overflow: hidden;
}

.swiper-wrapper {
	display: flex;
}

.swiper-slide {
	flex: 0 0 auto;
	width: 100%;
}

.title {
	color: var(--white);
	font-weight: 500;
	line-height: 1.1;
}

.mainwrap {
	flex: 0 0 auto;
	width: 100%;
	min-height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}

.input-label {
	margin-top: 25px;
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
	color: color-mix(in srgb, var(--white) 70%, transparent);
}

.input-label:has(>*) {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4px;
}

.input-label a {
	text-decoration: none;
	color: var(--white);
}

.input input {
	border: 1px solid color-mix(in srgb, var(--white) 12%, transparent);
	background-color: #202631B0;
	font: 600 18px var(--font);
	padding: 20px 15px;
	border-radius: 15px;
	display: block;
	width: 100%;
	color: var(--white);
	outline: none;
	height: 64px;
}

.input input::placeholder {
	color: color-mix(in srgb, var(--white) 50%, transparent);
}

.input-submit {
	width: 100%;
	margin-top: 30px;
}

.input-submit-info {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	text-align: left;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	color: var(--white);
	margin-top: 30px;
}

.input-submit-info .gray {
	color: var(--gray);
}

.input-submit-info a {
	text-decoration: none;
	color: var(--white);
}

.header {
	position: fixed;
	height: calc(var(--header) + 16px);
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	padding: 16px var(--side) 0 var(--side);
	gap: max(10px, 2.5rem);
	color: var(--white);
}

@media only screen and (min-width: 1024px) {
	.header {
		gap: 40px;
		height: var(--header);
		top: 16px;
		border-radius: 15px;
		padding: 0 1.5625rem;
		left: calc(var(--side) - 1.5625rem);
		width: calc(100% - var(--side) * 2 + 3.125rem);
	}
}

.header:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	backface-visibility: hidden;
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
	transition: opacity 0.4s ease;
	opacity: 0;
}

.header.scrolled:before {
	opacity: 1;
}

.header .logo {
	flex: 0 0 auto;

	text-decoration: none;
	font-size: 25px;
	line-height: 1;
	font-style: italic;
	font-weight: 900;
	position: relative;
	z-index: 2;
	margin-right: auto;
}

.header .logo img {
	height: 1em;
	width: auto;
	display: block;
}

@media only screen and (min-width: 1024px) {
	.header .logo {
		font-size: 20px;
	}
}

.link-login-mobile {
	position: relative;
	z-index: 2;
	height: 40px;
	padding: 0 25px;
	font-size: 14px;
	border-radius: 10px;
}

@media only screen and (min-width: 1024px) {
	.link-login-mobile {
		display: none;
	}
}

.main-menu-trigger {
	cursor: pointer;
	flex: 0 0 auto;
	position: relative;
	z-index: 2;
	width: 24px;
	height: 24px;

}

@media only screen and (min-width: 1024px) {
	.main-menu-trigger {
		display: none;
	}
}

.main-menu-trigger:before,
.main-menu-trigger:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15.5px;
	height: 1.5px;
	border-radius: 1px;
	background-color: currentColor;
	transition: transform 0.4s ease;
}

.main-menu-trigger:before {
	transform: translateX(-50%) translateY(calc(-50% - 2.5px));
}

.main-menu-trigger:after {
	transform: translateX(-50%) translateY(calc(-50% + 2.5px));
}

.main-menu-trigger[aria-expanded="true"]:before {
	transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}

.main-menu-trigger[aria-expanded="true"]:after {
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
}

@media only screen and (max-width: 1023px) {
	.main-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		z-index: 1;
		background: var(--bodyBg) url(../img/menu-bg-mobile.webp) no-repeat 100% 100%/402px auto;
		padding: calc(var(--header) + 46px) var(--side) 30px var(--side);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.4s ease;
	}

	.header:has(.main-menu-trigger[aria-expanded="true"]) .main-menu {
		opacity: 1;
		pointer-events: auto;
	}

	html:has(:has(.main-menu-trigger[aria-expanded="true"])) {
		overflow: hidden;
	}

	.main-menu .links {
		font-weight: 600;
		font-size: 36px;
		line-height: 1.222;
		display: flex;
		flex-direction: column;
		gap: 20px
	}

	.main-menu .links>li>*:not(.sub) {
		display: block;
		position: relative;
		width: 100%;
		text-align: left;
	}

	.main-menu .links>li:has(.sub)>*:not(.sub) {
		padding-right: 20px;
	}

	.main-menu .links>li:has(.sub)>*:not(.sub):after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		background: url(../img/menu-arrow-mobile.svg) no-repeat 50% 50%/contain;
		width: 13px;
		height: 8px;
		opacity: 0.5;
		transition-property: transform, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		transform: translateY(-50%) rotate(0deg);
	}

	.main-menu .links>li:has([aria-expanded="true"])>*:not(.sub):after {
		opacity: 1;
		transform: translateY(-50%) rotate(-180deg);
	}

	.main-menu .links .sub {
		overflow: hidden;
		height: 0;
		transition-property: height, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		opacity: 0;
		--height: 0;
	}

	.main-menu .links>li:has([aria-expanded="true"]) .sub {
		height: var(--height);
		opacity: 1;
		transition-duration: 0.4s, 0.8s;
	}

	.main-menu .links .sub ul {
		padding-top: 15px;
		display: flex;
		flex-direction: column;
		gap: 1px;
		font-size: 24px;
		line-height: 1.208;
	}

	.main-menu .links .sub ul>li {
		padding: 10px 25px;
		border-left: 2px solid color-mix(in srgb, var(--white) 15%, transparent);
	}

	.main-menu .links .sub ul>li.active,
	.main-menu .links .sub ul>li:has(.active) {
		border-left-color: var(--white);
	}

	.main-menu .buttons {
		margin-top: 50px;
		display: flex;
		gap: 10px;
		align-items: center;
	}

	.main-menu .buttons>li {
		flex: 1;
	}

	.main-menu .buttons .btn {
		padding: 0;
		min-width: 0;
	}
}

@media only screen and (min-width: 1024px) {
	.main-menu {
		flex: 1 1 auto;
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.main-menu .links {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: 30px;
		font-weight: 600;
		font-size: 14px;
		line-height: 1.214;
	}

	.main-menu .links>li {
		position: relative;
		flex: 0 0 auto;
	}

	.main-menu .links>li>*:not(.sub) {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.main-menu .links>li:has(.sub)>*:not(.sub):after {
		content: '';
		flex: 0 0 auto;
		background: url(../img/menu-arrow-desktop.svg) no-repeat 50% 50%/contain;
		width: 8px;
		height: 6px;
		opacity: 0.5;
		transition: opacity 0.4s ease;
	}

	.main-menu .links>li:has(.sub):hover>*:not(.sub):after {
		opacity: 1;
	}

	.main-menu .links .sub {
		white-space: nowrap;
		position: absolute;
		top: 100%;
		left: 50%;
		z-index: 100;
		margin-top: 20px;
		background-color: color-mix(in srgb, var(--white) 12%, transparent);
		border-radius: 14px;
		padding: 5px;
		-webkit-backdrop-filter: blur(50px);
		backdrop-filter: blur(50px);
		backface-visibility: hidden;
		min-width: 140px;
		transition-property: transform, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		pointer-events: none;
		opacity: 0;
		transform: translateX(-50%) translateY(20px);
	}

	.main-menu .links>li:hover .sub {
		pointer-events: auto;
		opacity: 1;
		transform: translateX(-50%) translateY(0);
	}

	.main-menu .links>li:has([aria-expanded="true"]) .sub {
		pointer-events: auto;
		opacity: 1;
		transform: translateX(-50%) translateY(0);
	}

	.main-menu .links .sub:before {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		height: 20px;
		border-radius: 25% 25% 0 0 / 100% 100% 0 0;
		margin: 0 14px;
	}

	.main-menu .links .sub ul {
		display: flex;
		flex-direction: column;
		gap: 1px;
	}

	.main-menu .links .sub li>* {
		display: block;
		text-decoration: none;
		transition: background 0.4s ease;
		padding: 10px;
		border-radius: 10px;
	}

	@media (pointer:fine) {
		.main-menu .links .sub li>a:hover {
			background-color: color-mix(in srgb, var(--white) 10%, transparent);
		}
	}

	.main-menu .buttons {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.main-menu .buttons .btn {
		height: 40px;
		padding: 0 20px;
		font-size: 14px;
		border-radius: 10px;
	}
}

.footer {
	flex: 0 0 auto;
	width: 100%;
	background: url(../img/footer.webp) no-repeat 50% 0/cover;
	border-top: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	display: grid;
	gap: 60px;
	grid-template-columns: 100%;
	padding: 80px var(--side) 40px var(--side);
}


.footer .logo {
	line-height: 1;
	font-style: italic;
	font-weight: 900;
	font-size: 36px;
	margin-right: auto;
	margin-bottom: auto;
	color: var(--white);
	text-decoration: none;
	margin-bottom: -20px;
}

.footer .logo img {
	height: 1em;
	width: auto;
	max-width: none;
}

.footer .descr {
	font-size: 14px;
	max-width: 29.64em;
}

.footer-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 60px 20px;
	font-size: 18px;
	max-width: 642px;
}

.footer-menu .sub {
	margin-top: 25px;
	color: var(--white);
	font: inherit;
}

.footer-menu ul.sub {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer-menu .title-small {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	color: var(--gray);
}

.footer .text-bottom {
	padding-top: 60px;
	color: color-mix(in srgb, var(--gray) 40%, transparent);
	font-size: 12px;
	padding-top: 60px;
	border-top: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
}

.footer .copyright {
	font-size: 12px;
	color: color-mix(in srgb, var(--gray) 70%, transparent);
	margin-top: auto;
}

@media only screen and (min-width: 1280px) {
	.footer {
		grid-template-columns: 1fr 642px;
		padding-top: 90px;
		padding-bottom: 75px;
	}

	.footer .logo {
		order: 1;
		margin-bottom: 0;
	}

	.footer-menu {
		order: 2;
		grid-area: 1/2/4/3;
	}

	.footer .descr {
		order: 3;
	}

	.footer .copyright {
		order: 4;
	}

	.footer .text-bottom {
		order: 5;
		grid-column: 1/-1;
	}
}

.content {
	flex: 1 0 auto;
	width: 100%;
}

.main-hero {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	min-height: 100lvh;
	display: flex;
	flex-direction: column;
	gap: 60px;
	padding-top: calc(var(--header) + 46px);
}

.main-hero .bg {
	position: absolute;
}

.main-hero .bg video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

.main-hero .text {
	position: relative;
	width: 100%;
	flex: 0 0 auto;
	padding: 0 var(--side);
}

.main-hero .title {

	font-size: max(44px, 3.5rem);

}

.main-hero .btns {
	margin-top: 20px;
}

.main-hero .btns .btn {
	min-width: 200px;
}


.main-hero .marquee {
	flex: 0 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #232323;
	background-color: color-mix(in srgb, var(--black) 60%, transparent);
	display: flex;
	align-items: center;
	height: 60px;
	color: var(--white);
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
}

.main-hero .marquee ul {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	animation: marquee-scroll 30s linear infinite;
}

@keyframes marquee-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-25%);
	}
}

.main-hero .marquee li {
	flex: 0 0 auto;
	padding: 0 25px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
}

.main-hero .marquee li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1.5px;
	height: 20px;
	transform: translateX(-50%) translateY(-50%);
	background-color: #393939;
}

.main-hero .marquee li>* {
	flex: 0 0 auto;
}

.main-hero .marquee img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
}

.main-hero .marquee .name {
	margin-right: 5px;
}

.main-hero .marquee .pr {
	font-size: 12px;
	padding: 0 5px;
	border-radius: 5px;
}

.main-hero .marquee .bg-green {
	background-color: #10C751;
}

.main-hero .marquee .bg-red {
	background-color: #FF006D;
}

@media only screen and (max-width: 1023px) {
	.main-hero {
		text-align: center;
	}

	.main-hero .text {
		margin-bottom: auto;
	}

	.main-hero .bg {
		position: absolute;
		bottom: 0;
		aspect-ratio: 817/511;
		width: 180%;
		max-width: 1090px;
		right: 0;
		transform: translateX(2.5%);
	}

	.main-hero .btns {
		justify-content: center;
	}
}

@media only screen and (min-width: 1024px) {

	.main-hero .bg {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.main-hero .text {
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 6.875rem;
	}
}

.trade-smarter {
	position: relative;
	overflow: hidden;
	padding-top: max(60px, 5rem);
}

.trade-smarter .head {
	padding: 0 var(--side);
	position: relative;
	z-index: 2;
}

.trade-smarter .top {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 10px 30px;
}

.trade-smarter .title {

	font-size: max(36px, 3.125rem);
	flex: 1 1 auto;
	max-width: 8em;
	margin-right: auto;
}

.trade-smarter .text {

	max-width: 22.666em;
	flex: 0 0 auto;
	width: 100%;
}

.trade-smarter .btns {
	margin-top: 30px;
}

.trade-smarter .btns .btn {
	padding: 0 20px;
}


@media only screen and (max-width: 639px) {
	.trade-smarter .btns {
		flex-wrap: nowrap;
	}

	.trade-smarter .btns>li {
		flex: 1;
	}

	.trade-smarter .btns .btn {
		padding: 0;
		min-width: 0;

	}

	.trade-smarter .btns .btn img,
	.trade-smarter .btns .btn svg {
		display: none;
	}
}

.trade-smarter .bg {
	position: relative;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 891px;
	/*max-width: 2200px;*/
	margin-top: -35px;
}

@media only screen and (min-width: 1024px) {
	.trade-smarter .bg {
		margin-top: calc(min(11.8vw, 226px) * -1);
	}
}

.trade-smarter .bg img,
.trade-smarter .bg video {
	width: 100%;
	height: auto;
}

.achieve-speed {
	position: relative;
	overflow: hidden;
	padding-top: 60px;
}

.achieve-speed .head {
	padding: 0 var(--side);
	position: relative;
	z-index: 2;
}

.achieve-speed .top {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 10px 30px;
}

.achieve-speed .title {

	font-size: max(36px, 3.5rem);
	flex: 1 1 auto;
	max-width: 10.857em;
	margin-right: auto;
}

@media only screen and (max-width: 639px) {
	.achieve-speed .title {
		max-width: 8.8em;
	}
}

.achieve-speed .text {

	max-width: 29.888em;
	flex: 0 0 auto;
	width: 100%;
}

.achieve-speed .btns {
	margin-top: 30px;
}

@media only screen and (min-width: 1024px) {
	.achieve-speed .btns {
		margin-top: 50px;
	}
}

.achieve-speed .btns .btn {
	min-width: 200px;
}


@media only screen and (max-width: 639px) {
	.achieve-speed .btns {
		flex-wrap: nowrap;
	}

	.achieve-speed .btns>* {
		flex: 1;
	}

	.achieve-speed .btns .btn {
		padding: 0;
		min-width: 0;

	}

	.achieve-speed .btns .btn img,
	.achieve-speed .btns .btn svg {
		display: none;
	}
}

.achieve-speed:after {
	content: '';
	display: block;
	clear: both;
}

.achieve-speed .bg {
	position: relative;
	width: 100%;

	min-width: 891px;
	/*max-width: 2200px;*/
	margin-top: -35px;
	float: right;
}

@media only screen and (min-width: 1024px) {
	.achieve-speed .bg {
		margin-top: calc(min(19.02vw, 365px) * -1);
	}
}

.achieve-speed .bg img,
.achieve-speed .bg video {
	width: 100%;
	height: auto;
}

.why-choose-scroll .wrap {
	overflow: hidden;
	position: relative;
}

.why-choose-scroll .head {
	position: relative;
	z-index: 2;
}

.why-choose-scroll .title {

	font-size: max(36px, 2.75rem);
	margin-bottom: max(10px, 0.9375rem);
}

.why-choose-scroll .text {
	font-weight: 500;
	font-size: max(16px, 1.3125rem);
	line-height: 1.4;
	max-width: 25.714em;
}

.why-choose-scroll-slider {


	overflow: visible !important;
	--progress: 0;
	--opacity: 0;
}

.why-choose-scroll-slider .swiper-slide {
	height: auto !important;
}

.why-choose-scroll-slider .title-small {
	font-weight: 500;
	color: var(--white);
	font-size: max(21px, 1.5rem);
	line-height: 1;
	margin-bottom: 5px;
}

.why-choose-scroll .js_detectScroll~.why-choose-scroll-slider,
.why-choose-scroll .js_detectScroll~.why-choose-scroll-slider .swiper-slide {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);

}

.why-choose-scroll .js_detectScroll~.why-choose-scroll-slider {
	transition-delay: calc(var(--delay) * 5);
}

.why-choose-scroll .js_detectScroll~.why-choose-scroll-slider .swiper-slide {
	transition-delay: calc(var(--delay) * 11);
}

.why-choose-scroll .js_detectScroll~.why-choose-scroll-slider .swiper-slide:nth-child(1) {
	transition-delay: calc(var(--delay) * 6);
}

.why-choose-scroll .js_detectScroll~.why-choose-scroll-slider .swiper-slide:nth-child(2) {
	transition-delay: calc(var(--delay) * 7);
}

.why-choose-scroll .js_detectScroll~.why-choose-scroll-slider .swiper-slide:nth-child(3) {
	transition-delay: calc(var(--delay) * 8);
}

.why-choose-scroll .js_detectScroll~.why-choose-scroll-slider .swiper-slide:nth-child(4) {
	transition-delay: calc(var(--delay) * 9);
}

.why-choose-scroll .js_detectScroll~.why-choose-scroll-slider .swiper-slide:nth-child(5) {
	transition-delay: calc(var(--delay) * 10);
}

.why-choose-scroll .js_detectScroll:not(.visible)~.why-choose-scroll-slider {

	opacity: 0;
	pointer-events: none;
}

.why-choose-scroll .js_detectScroll:not(.visible)~.why-choose-scroll-slider .swiper-slide {
	transform: translateY(20px);
	opacity: 0;
}

@media only screen and (max-width: 1023px) {
	.why-choose-scroll .wrap {
		padding-top: max(60px, 5.625rem);
		padding-bottom: 40px;
	}

	.why-choose-scroll .head {
		margin-bottom: 20px;
		padding: 0 var(--side);
	}

	.why-choose-scroll .bg {
		width: 100%;
		min-width: 566px;
		left: 50%;
		transform: translateX(-50%);
		position: relative;
		margin-bottom: -57px;
		margin-top: -90px;
	}

	.why-choose-scroll .bg img,
	.why-choose-scroll .bg video {
		display: block;
		width: 100%;
		height: auto;
		max-height: 566px;
		object-fit: cover;
		object-position: center;
	}

	.why-choose-scroll .bg:after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(to bottom, var(--bodyBg) 0%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 20%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 80%, var(--bodyBg) 100%);
	}

	.why-choose-scroll-slider {
		padding: 0 var(--side) !important;
		max-width: calc(540px + var(--side) * 2);
		margin-left: 0 !important;
	}

	.why-choose-scroll-slider .swiper-slide {
		width: calc(100% - var(--side));
		padding: 15px 15px 15px 28px;
		border-left: 2px solid #262930;
		transition: border 0.4s ease;
	}

	.why-choose-scroll-slider .swiper-slide:last-child {
		width: 100%;
	}

	.why-choose-scroll-slider .swiper-slide-active {
		border-color: var(--white);
	}

	.why-choose-scroll-slider .swiper-slide>* {
		transition: opacity 0.4s ease;
		opacity: 0.5;
	}

	.why-choose-scroll-slider .swiper-slide-active>* {
		opacity: 1;
	}

	.why-choose-scroll .cover {
		display: none;
	}
}

@media only screen and (min-width: 1024px) {
	.why-choose-scroll .wrap {
		position: sticky;
		top: 0;
		min-height: 100vh;
		min-height: 100lvh;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: calc(var(--header) + 16px) var(--side) 0 var(--side);
	}

	.why-choose-scroll .cover {
		position: absolute;
		inset: 0;
		background: linear-gradient(to bottom, var(--bodyBg) 0%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 20%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 80%, var(--bodyBg) 100%);
		z-index: 1;
	}

	.why-choose-scroll .wrap:before,
	.why-choose-scroll .wrap:after {
		content: '';
	}

	.why-choose-scroll .screen {
		height: 100vh;
	}

	.why-choose-scroll .bg {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		height: 900px;
	}


	.why-choose-scroll .bg img,
	.why-choose-scroll .bg video {
		height: 100%;
		width: auto;
		max-width: none;
	}

	.why-choose-scroll .head {
		margin-bottom: 25px;
	}

	.why-choose-scroll-slider {
		position: relative;
		max-width: 540px !important;
		margin: 0 !important;
	}

	.why-choose-scroll-slider:before,
	.why-choose-scroll-slider:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 2px;
	}

	.why-choose-scroll-slider:before {
		background-color: #262930;
	}

	.why-choose-scroll-slider:after {
		background-color: var(--white);
		transform-origin: 50% 0;
		transform: scale(1, var(--progress));
	}

	.why-choose-scroll-slider .swiper-wrapper {
		display: block !important;
	}

	.why-choose-scroll-slider .swiper-slide {
		padding: 15px 0 16px 40px;
	}

	.why-choose-scroll-slider .swiper-slide>* {
		opacity: var(--opacity);
	}
}

.trading-market {
	padding: max(60px, 5.625rem) var(--side);
}

.trading-market-hero {
	padding-top: calc(var(--header) + 56px);
}

.trading-market .title {
	font-size: max(33px, 3.125rem);
	max-width: 13em;
	margin-bottom: 10px;
}

.trading-market-hero .title {
	max-width: 10em;
	font-size: max(44px, 4rem);
}

.trading-market-hero .head {
	font-size: max(16px, 1.6875rem);
	font-weight: normal;
}


.trading-market .list {
	display: grid;
	gap: 50px 30px;
	margin: max(40px, 5rem) auto 0 auto;
	max-width: 850px;
	grid-template-columns: 100%;
}

.trading-market-hero .list {
	margin-top: max(70px, 5rem);
}

@media only screen and (min-width: 768px) {
	.trading-market .list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto auto;
	}
}


.trading-market .list>* {

	width: 100%;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
}

.trading-market .js_detectScroll~.list>* {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
	transition-delay: calc(var(--delay) * 7);
}

.trading-market .js_detectScroll~.list>*:nth-child(1) {
	transition-delay: calc(var(--delay) * 5);
}

.trading-market .js_detectScroll~.list>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 6);
}

.trading-market .js_detectScroll:not(.visible)~.list>* {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.trading-market .list .block {
	flex: 1 0 auto;
	width: 100%;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	border-radius: 30px;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	gap: 0;
}

.trading-market .list .image {
	pointer-events: none;
	position: absolute;
	top: -50px;
	right: 6px;
	width: 205px;
	height: 205px;
	object-fit: contain;
	object-position: center;
}

.trading-market .list .top {
	position: relative;
	padding: 110px 30px 30px 30px;
	font-size: 16px;
	border-radius: 29px 29px 0 0;
	color: var(--white);
	display: flex;
	flex-direction: column;
}

.trading-market .list .bg-gold .top {
	background: linear-gradient(180deg, var(--bodyBg) 0%, #1D2538 100%);
	color: var(--gray);
}

.trading-market .list .bg-platinum .top {
	background: linear-gradient(180deg, #0F141C 0%, #4C5C6D 100%);

}

.trading-market .list .name {
	font-weight: 500;
	font-size: 27px;
	line-height: 1.1;
	color: var(--white);
	margin-bottom: 10px;
}

.trading-market .list .btns {
	margin-top: auto;
	padding-top: 20px;
}

.trading-market .list .btns>* {
	flex: 1;
}

.trading-market .list .middle {
	padding: 30px;
	font-size: max(14px, 1rem);
	color: var(--white);
}

.trading-market .list .title-small {
	font-size: 21px;
	margin-bottom: 20px;
	color: var(--gray);
}

.trading-market .list .middle ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.trading-market .list .middle li {
	position: relative;
	padding-left: 28px;
}

.trading-market .list .middle li:before {
	content: '';
	position: absolute;
	top: 0.5lh;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(../img/checklist.svg) no-repeat 50% 50%/contain;
	transform: translateY(-50%);
}

.trading-market .foot {
	margin-top: 40px;
	font-size: 16px;
}

.trading-market .foot>* {
	max-width: 22.75em;
}

.trading-market .foot .title {
	font-size: 21px;
	margin-bottom: 10px;
}

@media only screen and (min-width: 1024px) {

	.trading-market-hero {
		padding-top: calc(var(--header) + 32px + max(50px, 3.125rem));
	}

	.trading-market .head {

		max-width: 850px;
		margin: 0 auto;
	}

	.trading-market:not(.trading-market-hero) .head {
		text-align: center;
	}

	.trading-market:not(.trading-market-hero) .head .title {
		margin-left: auto;
		margin-right: auto;
	}

	.trading-market .list {
		margin-top: max(80px, 5rem);
	}

	.trading-market .list .image {

		top: -58px;
		right: 0;
		width: 218px;
		height: 218px;
	}

	.trading-market .list .top {
		padding-top: 120px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.trading-market .list .btns {
		padding-top: 30px;
	}

	.trading-market .list .middle {
		padding: 40px;
	}

	.trading-market .foot {
		text-align: center;
		margin-top: 44px;
	}

	.trading-market .foot>* {
		margin-left: auto;
		margin-right: auto;
	}
}

.trading-platforms {
	padding: max(60px, 5.625rem) var(--side);
}

.trading-platforms-hero {
	padding-top: calc(var(--header) + 56px);
}

.trading-platforms .title-mini {
	font-size: 16px;
	color: var(--white);
	margin-bottom: 10px;
}

.trading-platforms .title {
	font-size: max(44px, 4rem);
	margin-bottom: 10px;
}

.trading-platforms-hero .title {
	max-width: 10em;
	font-size: max(44px, 4rem);
}

.trading-platforms .head {
	max-width: 850px;
	margin: 0 auto;
}

.trading-platforms .head p {
	max-width: 29em;
}

.trading-platforms .list {
	display: grid;
	gap: 30px;
	margin: max(40px, 3.125rem) auto 0 auto;
	max-width: 850px;
	grid-template-columns: 100%;

}

@media only screen and (min-width: 768px) {
	.trading-platforms .list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto auto;
	}
}

.trading-platforms .list>* {
	width: 100%;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
}

.trading-platforms .js_detectScroll~.list>* {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
	transition-delay: calc(var(--delay) * 7);
}

.trading-platforms .js_detectScroll~.list>*:nth-child(1) {
	transition-delay: calc(var(--delay) * 5);
}

.trading-platforms .js_detectScroll~.list>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 6);
}

.trading-platforms .js_detectScroll:not(.visible)~.list>* {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.trading-platforms .list .block {
	flex: 1 0 auto;
	width: 100%;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	border-radius: 30px;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	gap: 0;
}

.trading-platforms .list .image {
	pointer-events: none;
	display: block;
	width: 50px;
	height: 50px;
	object-fit: contain;
	object-position: center;
	margin-bottom: 20px;
}

.trading-platforms .list .top {
	position: relative;
	padding: 30px;
	font-size: 16px;
	border-radius: 29px 29px 0 0;
	color: var(--gray);
	background: linear-gradient(180deg, rgba(15, 20, 28, 0) 0%, #4C5C6D 100%);
	display: flex;
	flex-direction: column;
}

.trading-platforms .list .name {
	font-weight: 500;
	font-size: 27px;
	line-height: 1.1;
	color: var(--white);
	margin-bottom: 10px;
}

.trading-platforms .list .btns {
	margin-top: auto;
	padding-top: 30px;
}

.trading-platforms .list .btns>* {
	flex: 1;
}

.trading-platforms .list .middle {
	padding: 30px;
	font-size: max(14px, 1rem);
	color: var(--white);
}

.trading-platforms .list .title-small {
	font-size: 21px;
	margin-bottom: 20px;
	color: var(--gray);
}

.trading-platforms .list .middle ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.trading-platforms .list .middle li {
	position: relative;
	padding-left: 28px;
}

.trading-platforms .list .middle li:before {
	content: '';
	position: absolute;
	top: 0.5lh;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(../img/checklist.svg) no-repeat 50% 50%/contain;
	transform: translateY(-50%);
}

@media only screen and (min-width: 1024px) {

	.trading-platforms-hero {
		padding-top: calc(var(--header) + 32px + max(50px, 3.125rem));
	}

	.trading-platforms .list .top {
		padding: 40px 40px 30px 40px;
	}

	.trading-platforms .list .middle {
		padding: 40px;
	}
}


.cta {
	font-size: 24px;
	padding: 120px var(--side);
}

.cta .title {
	max-width: 11em;
	font-size: max(44px, 4.5rem);
	padding-bottom: 20px;
}

.cta .title>* {
	display: block;
	background: linear-gradient(90deg, #738DA9 9.21%, #FFFFFF 51.86%, #465566 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.cta .title+* {
	position: relative;
}

.cta .btns {
	margin-top: 30px;
}

.cta .btns .btn {
	min-width: 205px;
}

@media only screen and (max-width: 639px) {
	.cta .btns {
		flex-wrap: nowrap;
	}

	.cta .btns>* {
		flex: 1;
	}

	.cta .btns .btn {
		padding: 0;
		min-width: 0;

	}
}

@media only screen and (max-width: 1023px) {
	.cta .title {
		margin-bottom: -10px;
	}
}

@media only screen and (min-width: 1024px) {
	.cta {
		text-align: center;
		padding-top: max(90px, 5.625rem);
		padding-bottom: max(150px, 9.375rem);
	}

	.cta .title {
		margin-left: auto;
		margin-right: auto;
	}

	.cta .btns {
		justify-content: center;
		gap: 20px;
	}
}

.cta.js_detectScroll .title>*,
.cta.js_detectScroll .title+*,
.cta.js_detectScroll .btns>* {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
}

.cta.js_detectScroll .title>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 1);
}

.cta.js_detectScroll .title+* {
	transition-delay: calc(var(--delay) * 2);
}

.cta.js_detectScroll .btns>* {

	transition-delay: calc(var(--delay) * 5);
}

.cta.js_detectScroll .btns>*:nth-child(1) {
	transition-delay: calc(var(--delay) * 3);
}

.cta.js_detectScroll .btns>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 4);
}

.cta.js_detectScroll:not(.visible) .title>*,
.cta.js_detectScroll:not(.visible) .title+*,
.cta.js_detectScroll:not(.visible) .btns>* {
	transform: translateY(20px);
	opacity: 0;
	pointer-events: none;
}

.modal-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	color: var(--white);
}

html:has(.modal-wrap[open]) {
	overflow: hidden;
}

.modal-wrap:not([open]) {
	display: none;
}

.modal-fader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--bodyBg);
	background-image: linear-gradient(20deg, var(--bodyBg) 0%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 70%), radial-gradient(circle 50vw at top center, var(--bodyBg), color-mix(in srgb, var(--bodyBg) 0%, transparent)), radial-gradient(ellipse at center, var(--bodyBg), color-mix(in srgb, var(--bodyBg) 0%, transparent)), repeating-linear-gradient(30deg,
			transparent,
			transparent 9px,
			color-mix(in srgb, var(--white) 10%, transparent) 9px,
			color-mix(in srgb, var(--white) 10%, transparent) 10px), radial-gradient(circle 100vh at 0 0, #4A5A8ACC, #4A5A8A00), radial-gradient(circle 100vh at right, #4A5A8ACC, #4A5A8A00);
	transition: opacity 0.4s ease;
}

.modal-wrap:not(.open) .modal-fader {
	opacity: 0;
}

.modal {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	padding: 35px var(--side);
	max-width: calc(400px + var(--side) * 2);
	width: 100%;
	gap: 35px;
	margin: 0 auto;
	backface-visibility: hidden;

}

.modal-head,
.modal-body {
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
}

.modal-wrap:not(.open) .modal-head,
.modal-wrap:not(.open) .modal-body {
	opacity: 0;
	transform: translateY(20px);
}

.modal-head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 2;
	flex: 0 0 auto;
	width: 100%;
}

.modal-head img {
	height: 25px;
	width: auto;
	flex: 0 0 auto;
}

.modal-close {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: var(--white);
	background-color: #161A22;
	position: relative;
}

.modal-close:before,
.modal-close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15.5px;
	height: 1.5px;
	border-radius: 1px;
	background-color: currentColor;
	transition: transform 0.4s ease;
}

.modal-close:before {
	transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}

.modal-close:after {
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
}

.modal-body {
	flex: 0 0 auto;
	width: 100%;
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
	z-index: 2;
}

.modal-title {
	font-size: max(44px, 3.5rem);
	margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {
	.modal-title {
		margin-bottom: 40px;
	}
}


.why-choose {
	overflow: hidden;
	padding-bottom: 40px;
	padding-top: max(60px, 5.625rem);
	position: relative;
}

.why-choose .wrap {
	position: relative;
}

.why-choose .head {
	position: relative;
	z-index: 2;
}

.why-choose .head p {
	max-width: 27.619em;
}

.why-choose .head .title {
	font-size: max(36px, 2.75rem);
	margin-bottom: 10px;
}


.why-choose-slider {
	overflow: visible !important;
	margin-left: 0 !important;
	width: 100% !important;
}

.why-choose-slider .swiper-slide {
	height: auto !important;
}

.why-choose-slider .title {
	font-size: max(21px, 1.875rem);
}

.why-choose .js_detectScroll~.why-choose-slider,
.why-choose .js_detectScroll~.why-choose-slider .swiper-slide {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);

}

.why-choose .js_detectScroll~.why-choose-slider {
	transition-delay: calc(var(--delay) * 5);
}

.why-choose .js_detectScroll~.why-choose-slider .swiper-slide {
	transition-delay: calc(var(--delay) * 11);
}

.why-choose .js_detectScroll~.why-choose-slider .swiper-slide:nth-child(1) {
	transition-delay: calc(var(--delay) * 6);
}

.why-choose .js_detectScroll~.why-choose-slider .swiper-slide:nth-child(2) {
	transition-delay: calc(var(--delay) * 7);
}

.why-choose .js_detectScroll~.why-choose-slider .swiper-slide:nth-child(3) {
	transition-delay: calc(var(--delay) * 8);
}

.why-choose .js_detectScroll~.why-choose-slider .swiper-slide:nth-child(4) {
	transition-delay: calc(var(--delay) * 9);
}

.why-choose .js_detectScroll~.why-choose-slider .swiper-slide:nth-child(5) {
	transition-delay: calc(var(--delay) * 10);
}

.why-choose .js_detectScroll:not(.visible)~.why-choose-slider {

	opacity: 0;
	pointer-events: none;
}

.why-choose .js_detectScroll:not(.visible)~.why-choose-slider .swiper-slide {
	transform: translateY(20px);
	opacity: 0;
}

@media only screen and (max-width: 1023px) {
	.why-choose .head {
		padding: 0 var(--side);
		margin-bottom: 46px;
	}

	.why-choose-slider {
		padding: 0 var(--side) !important;
		max-width: calc(540px + var(--side) * 2);
		margin-left: 0 !important;
	}

	.why-choose-slider .swiper-slide {
		width: calc(100% - var(--side));
		padding: 15px 20px 15px 28px;
		border-left: 2px solid #262930;
		transition: border 0.4s ease;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 243px;
	}

	.why-choose-slider .swiper-slide:last-child {
		width: 100%;
	}

	.why-choose-slider .swiper-slide-active {
		border-color: var(--white);
	}

	.why-choose-slider .swiper-slide>* {
		transition: opacity 0.4s ease;
		opacity: 0.5;
	}

	.why-choose-slider .swiper-slide-active>* {
		opacity: 1;
	}

}

@media only screen and (min-width: 1024px) {
	.why-choose {
		padding-top: 0;
		padding-bottom: 0;
		display: flex;
		align-items: center;
	}

	.why-choose>* {
		flex: 0 0 auto;
		width: 50%;
	}

	.why-choose .bg-wrap {
		padding: 0 0 0 var(--side);
	}

	.why-choose .wrap {
		padding: max(90px, 5.625rem) var(--side) max(90px, 5.625rem) 50px;
		min-height: max(900px, 56.25rem);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 40px;
	}

	.why-choose .head {
		margin-bottom: 0 !important;
	}


	.why-choose-slider {
		border-left: 2px solid #262930;
	}

	.why-choose-slider .swiper-wrapper {
		display: block !important;
		height: auto !important;
	}

	.why-choose-slider .swiper-slide {
		padding: 1.5625rem 0 1.5625rem 3rem;
		margin-left: -2px;
		position: relative;
		--height: 0;
	}

	.why-choose-slider .swiper-slide.open {
		border-left-color: var(--white);
	}

	.why-choose-slider .swiper-slide>* {
		transition: opacity 0.4s ease;
	}

	.why-choose-slider .swiper-slide:not(.open)>* {
		opacity: 0.5;
	}

	.why-choose-slider .title {
		cursor: pointer;
		margin: -15px 0 -15px -15px !important;
		padding: 15px 0 15px 15px !important;
	}

	.why-choose-slider .title:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 2px;
		background-color: var(--white);
		transition: opacity 0.4s ease;
		opacity: 0;
	}

	.why-choose-slider .swiper-slide.open .title:before {
		opacity: 1;
	}

	.why-choose-slider .text {
		overflow: hidden;
		transition-property: height, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		height: 0;
		opacity: 0;
	}

	.why-choose-slider .text>* {
		padding-top: 15px;
		max-width: 27.777em;
	}

	.why-choose-slider .swiper-slide.open .text {
		height: var(--height);
		opacity: 1;
		transition-duration: 0.4s, 0.8s;
	}
}

.about-why-choose {
	font-size: max(16px, 1.3125rem);
	padding-top: 0;
}

.about-why-choose .bg {
	width: calc(100% - 10px);
	margin: 0 auto;
	max-width: 615px;
}

.about-why-choose .bg img,
.about-why-choose .bg video {
	width: 100%;
	height: auto;
}


.about-why-choose .why-choose-slider .title {
	font-size: max(27px, 2.75rem);
	margin-bottom: 15px;
}

@media only screen and (max-width: 1023px) {
	.about-why-choose .bg {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 1024px) {

	.about-why-choose .why-choose-slider .swiper-slide {
		padding-top: 1.875rem;
		padding-bottom: 1.875rem;
	}
}

.bonus-why-choose {
	padding-top: 0;
}

.bonus-why-choose .bg {
	width: calc(100% - 10px);
	margin: 0 auto;
	max-width: 615px;
}

.bonus-why-choose .bg img,
.bonus-why-choose .bg video {
	width: 100%;
	height: auto;
}

.bonus-why-choose .head {
	font-size: max(16px, 1.3125rem);
}

.bonus-why-choose .head .title {
	font-size: max(36px, 2.75rem);
}

.bonus-why-choose .why-choose-slider .title {
	font-size: max(27px, 2.75rem);
	margin-bottom: 15px;
}

@media only screen and (max-width: 1023px) {
	.bonus-why-choose .bg {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 1024px) {

	.bonus-why-choose .why-choose-slider .swiper-slide {
		padding-top: 1.875rem;
		padding-bottom: 1.875rem;
	}
}

.platforms-why-choose .head {
	font-size: max(16px, 1.3125rem);
}

.platforms-why-choose .why-choose-slider .title {
	font-size: max(21px, 1.875rem);
	margin-bottom: 5px;
}

@media only screen and (max-width: 1023px) {

	.platforms-why-choose .bg {
		width: 100%;
		min-width: 566px;
		left: 50%;
		transform: translateX(-50%);
		position: relative;
		margin-bottom: -57px;
		margin-top: -90px;
	}

	.platforms-why-choose .bg img,
	.platforms-why-choose .bg video {
		display: block;
		width: 100%;
		height: auto;
		max-height: 566px;
		object-fit: cover;
		object-position: center;
	}

	.platforms-why-choose .bg:after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(to bottom, var(--bodyBg) 0%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 20%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 80%, var(--bodyBg) 100%);
	}

	.platforms-why-choose .why-choose-slider .swiper-slide {
		min-height: 0;
	}
}

@media only screen and (min-width: 1024px) {
	.platforms-why-choose {
		min-height: 900px;
	}

	.platforms-why-choose .bg {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -100%;
		height: 900px;
	}

	.platforms-why-choose .bg img,
	.platforms-why-choose .bg video {
		height: 100%;
		width: auto;
		max-width: none;
	}

	.platforms-why-choose .wrap {
		padding-left: var(--side);
		padding-right: 50px;
	}

	.platforms-why-choose .why-choose-slider .text>* {
		padding-top: 10px;
	}

}

.pamm-why-choose {
	font-size: max(16px, 1.3125rem);
}

.pamm-why-choose .why-choose-slider .title {
	font-size: max(27px, 2.0625rem);
}

.pamm-why-choose .bg {
	width: calc(100% - 10px);
	margin: 0 auto;
	max-width: 724px;
}

.pamm-why-choose .bg img,
.pamm-why-choose .bg video {
	width: 100%;
	height: auto;
	transform: translateX(6%);
}


@media only screen and (max-width: 1023px) {
	.pamm-why-choose .bg {
		margin-bottom: 30px;
	}
}


.discover-cfd {
	padding-top: max(40px, 5.625rem);
	padding-bottom: max(40px, 5.625rem);
	overflow: hidden;
}


.discover-cfd .head {
	margin-bottom: max(60px, 3.75rem);
	padding: 0 var(--side);
}

.discover-cfd .title {
	margin-bottom: 10px;
	font-size: max(36px, 3.125rem);
	max-width: 13.5em;
}

.discover-cfd-slider {
	--gap: 20px;
	overflow: visible;
	padding: 0 calc(var(--side) - var(--gap) / 2) !important;
	font-size: 16px;
	text-align: center;
}

.discover-cfd-slider .swiper-pagination {
	position: relative !important;
	display: inline-block;
	vertical-align: top;
	padding: 22px 17px;
	line-height: 0;
	border-radius: 100px;
	background-color: #191A28;
	width: auto !important;
	margin-top: 60px;
	bottom: auto;
	--swiper-pagination-bullet-size: 6px;
	--swiper-pagination-bullet-horizontal-gap: 3px;
	--swiper-pagination-bullet-inactive-opacity: 0.2;
	--swiper-theme-color: var(--white);
	--swiper-pagination-bullet-inactive-color: var(--white);
}

@media only screen and (max-width: 1023px) {
	.discover-cfd-slider .swiper-pagination {
		display: none !important;
	}
}

.discover-cfd-slider .swiper-pagination .swiper-pagination-bullet {
	transition-property: transform, width, opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	border-radius: 3px;
}

.discover-cfd-slider .swiper-pagination .swiper-pagination-bullet-active {
	width: 14px;
}

.discover-cfd-slider .swiper-wrapper {
	counter-reset: di;
	text-align: left;
}

.discover-cfd-slider .swiper-slide {
	width: calc(100% - 20px);
	max-width: calc(380px + var(--gap));
	padding: 0 calc(var(--gap)/2);
}

.discover-cfd-slider .image {
	position: relative;
	overflow: hidden;
	backface-visibility: hidden;
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 30px;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	margin-bottom: 25px;
}

.discover-cfd-slider .image:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 29px;
	background: url(../img/discover-hover.jpg) no-repeat 50% 50%/cover;
	backface-visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s ease;
}

@media (pointer:fine) {
	.discover-cfd-slider .swiper-slide:hover .image:before {
		opacity: 1;
	}
}

.discover-cfd-slider .image img,
.discover-cfd-slider .image video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.discover-cfd-slider .title-small {
	color: var(--white);
	font-weight: 500;
	font-size: 24px;
	line-height: 1.1;
	position: relative;
	margin-bottom: 25px;
	padding-left: 50px;
}

.discover-cfd-slider .title-small:before {
	content: counter(di, decimal-leading-zero);
	counter-increment: di;
	position: absolute;
	top: 7px;
	left: 0;
	font-size: 16px;
	opacity: 0.5;

}

@media only screen and (min-width: 1024px) {
	.discover-cfd {
		padding-bottom: 30px;
	}

	.discover-cfd .head {
		text-align: center;
	}

	.discover-cfd .head,
	.discover-cfd .title {
		margin-left: auto;
		margin-right: auto;
	}

	.discover-cfd-slider {
		--gap: 40px;
	}

	.discover-cfd-slider:before,
	.discover-cfd-slider:after {
		content: '';
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		width: var(--side);
		border-style: solid;
		border-width: 0;
		border-color: var(--bodyBg);
	}

	.discover-cfd-slider:before {
		left: 0;
		background: linear-gradient(to right, var(--bodyBg) 0%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 100%);
	}

	.discover-cfd-slider:after {
		right: 0;
		background: linear-gradient(to right, color-mix(in srgb, var(--bodyBg) 0%, transparent) 0%, var(--bodyBg) 100%);
	}

	@media only screen and (min-width: 1920px) {
		.discover-cfd-slider:before {
			border-left-width: calc(var(--side) - 5.625rem);
		}

		.discover-cfd-slider:after {
			border-right-width: calc(var(--side) - 5.625rem);
		}
	}
}


.discover-cfd .discover-cfd-slider.js_detectScroll,
.discover-cfd .discover-cfd-slider.js_detectScroll .swiper-slide {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);

}

.discover-cfd .discover-cfd-slider.js_detectScroll {
	transition-delay: calc(var(--delay) * 5);
}

.discover-cfd .discover-cfd-slider.js_detectScroll .swiper-slide {
	transition-delay: calc(var(--delay) * 11);
}

.discover-cfd .discover-cfd-slider.js_detectScroll .swiper-slide:nth-child(1) {
	transition-delay: calc(var(--delay) * 6);
}

.discover-cfd .discover-cfd-slider.js_detectScroll .swiper-slide:nth-child(2) {
	transition-delay: calc(var(--delay) * 7);
}

.discover-cfd .discover-cfd-slider.js_detectScroll .swiper-slide:nth-child(3) {
	transition-delay: calc(var(--delay) * 8);
}

.discover-cfd .discover-cfd-slider.js_detectScroll .swiper-slide:nth-child(4) {
	transition-delay: calc(var(--delay) * 9);
}

.discover-cfd .discover-cfd-slider.js_detectScroll .swiper-slide:nth-child(5) {
	transition-delay: calc(var(--delay) * 10);
}

.discover-cfd .discover-cfd-slider.js_detectScroll:not(.visible) {

	opacity: 0;
	pointer-events: none;
}

.discover-cfd .discover-cfd-slider.js_detectScroll:not(.visible) .swiper-slide {
	transform: translateY(20px);
	opacity: 0;
}

.dnw {
	overflow: hidden;
	padding-top: max(40px, 5.625rem);
}

.dnw .head {
	margin-bottom: max(30px, 1.875rem);
	padding: 0 var(--side);
	position: relative;
	z-index: 2;
}

.dnw .title {
	margin-bottom: 10px;
	font-size: max(44px, 3.125rem);
}

.dnw .list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0 var(--side);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: var(--white);
	position: relative;
	z-index: 2;
}

.dnw .list>* {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px;
	border-radius: 10px;
	background-color: #191A28;
	position: relative;

}

.dnw .list img {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
}

.dnw .list .sep {
	margin-right: 10px;
}

.dnw .list .sep:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 16px;
	right: -10px;
	transform: translateX(50%);
	background-color: var(--white);
	opacity: 0.2;
}

.dnw .js_detectScroll~.list>* {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
	transition-delay: calc(var(--delay) * 10);
}

.dnw .js_detectScroll~.list>*:nth-child(1) {
	transition-delay: calc(var(--delay) * 5);
}

.dnw .js_detectScroll~.list>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 6);
}

.dnw .js_detectScroll~.list>*:nth-child(3) {
	transition-delay: calc(var(--delay) * 7);
}

.dnw .js_detectScroll~.list>*:nth-child(4) {
	transition-delay: calc(var(--delay) * 8);
}

.dnw .js_detectScroll~.list>*:nth-child(5) {
	transition-delay: calc(var(--delay) * 9);
}

.dnw .js_detectScroll:not(.visible)~.list>* {
	transform: translateY(20px);
	opacity: 0;
	pointer-events: none;
}

.dnw .bg {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	/*max-width: 2200px;*/
	min-width: 820px;
	margin-top: -9.4vw;
	margin-bottom: -3.2vw;
}

@media only screen and (max-width: 820px) {
	.dnw .bg {
		margin-top: -24vw;
		margin-bottom: 8vw;
	}
}

@media only screen and (min-width: 2200px) {
	.dnw .bg {
		margin-top: -207px;
		margin-bottom: -70px;
	}
}

.dnw .bg img,
.dnw .bg video {
	width: 100%;
	height: auto;
}

@media only screen and (min-width: 1024px) {

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

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

	.dnw .list>* {
		gap: 10px;
	}

	.dnw .list img {
		width: 30px;
		height: 30px;
	}

	.dnw .list .sep {
		margin-right: 30px;
	}

	.dnw .list .sep:after {
		right: -20px;
	}
}

.faq {
	position: relative;
	z-index: 2;
	padding: max(40px, 5.625rem) var(--side);
}

.faq .title {
	font-size: max(36px, 3.125rem);
	max-width: 7.5em;
	margin-bottom: max(30px, 2.5rem);
}

.faq .list {
	margin: 0 auto;
	max-width: max(780px, 48.75rem);
	display: flex;
	flex-direction: column;
	gap: max(15px, 1.25rem);
	font-size: max(14px, 1rem);
}

.faq .list-el {
	position: relative;
	border-radius: 20px;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	overflow: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	--height: 0;
}

.faq .js_detectScroll .list-el {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
	transition-delay: calc(var(--delay) * 13);
}

.faq .js_detectScroll .list-el:nth-child(1) {
	transition-delay: calc(var(--delay) * 3);
}

.faq .js_detectScroll .list-el:nth-child(2) {
	transition-delay: calc(var(--delay) * 4);
}

.faq .js_detectScroll .list-el:nth-child(3) {
	transition-delay: calc(var(--delay) * 5);
}

.faq .js_detectScroll .list-el:nth-child(4) {
	transition-delay: calc(var(--delay) * 6);
}

.faq .js_detectScroll .list-el:nth-child(5) {
	transition-delay: calc(var(--delay) * 7);
}

.faq .js_detectScroll .list-el:nth-child(6) {
	transition-delay: calc(var(--delay) * 8);
}

.faq .js_detectScroll .list-el:nth-child(7) {
	transition-delay: calc(var(--delay) * 9);
}

.faq .js_detectScroll .list-el:nth-child(8) {
	transition-delay: calc(var(--delay) * 10);
}

.faq .js_detectScroll .list-el:nth-child(9) {
	transition-delay: calc(var(--delay) * 11);
}

.faq .js_detectScroll .list-el:nth-child(10) {
	transition-delay: calc(var(--delay) * 12);
}

.faq .js_detectScroll:not(.visible) .list-el {
	transform: translateY(20px);
	opacity: 0;
	pointer-events: none;
}

.faq .list-el:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 14px;
	background-image: linear-gradient(to bottom, var(--bodyBg) calc(100% - max(117px, 7.3125rem)), color-mix(in srgb, var(--bodyBg) 0%, transparent) 80%), url(../img/faq-hover.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover, auto max(117px, 7.3125rem);
	backface-visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s ease;
}

@media (pointer:fine) {
	.faq .list-el:hover:before {
		opacity: 1;
	}
}

.faq .list-el.open:before {
	opacity: 1;
}

.faq .title-small {
	cursor: pointer;
	position: relative;
	font-weight: 600;
	font-size: max(16px, 1.125rem);
	line-height: 1.3;

	color: var(--white);
}

.faq .title-small>* {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: max(25px, 1.875rem) max(40px, 2.5rem) max(25px, 1.875rem) 20px;
	position: relative;
	text-align: left;
}

.faq .title-small>*:after {
	content: '';
	position: absolute;
	top: calc(0.5lh + max(25px, 1.875rem));
	right: 20px;
	background: url(../img/faq-arrow.svg) no-repeat 50% 50%;
	width: 11px;
	height: 8px;
	opacity: 0.5;
	transition-property: transform, opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	transform: translateY(-50%) rotate(0deg);
}

.faq .open .title-small>*:after {
	opacity: 1;
	transform: translateY(-50%) rotate(-180deg);
}

.faq .text {
	overflow: hidden;
	transition: height 0.4s ease;
	position: relative;
	top: calc(max(25px, 1.875rem) * -1 + 5px);
	height: 0;
	opacity: 0;
	transition-property: height, opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease;
}

.faq .open .text {
	height: var(--height);
	opacity: 1;
	transition-duration: 0.4s, 0.8s;
}

.faq .text>* {
	padding: 0 20px 6px 20px;
}

@media only screen and (min-width: 1024px) {

	.faq .title {
		margin-left: auto;
		margin-right: auto;
		text-align: center;

	}

	.faq .title-small>* {
		line-height: 1.1;
	}
}

.dynamic-ll {
	padding: calc(var(--header) + 56px) var(--side) 60px var(--side);
}

.dynamic-ll .max {
	margin: 0 auto;
	max-width: max(980px, 61.25rem);
}

.dynamic-ll .head {
	margin-bottom: 60px;
}

.dynamic-ll .title {
	margin-bottom: 10px;
	font-size: max(44px, 4rem);
}

.dynamic-ll .head p {
	max-width: 33.888em;
}

.dynamic-ll .list-el {
	position: relative;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	border-radius: 20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.dynamic-ll .list-el:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 21px;
	background-image: linear-gradient(to bottom, var(--bodyBg) calc(100% - max(145px, 9.0625rem)), color-mix(in srgb, var(--bodyBg) 0%, transparent) calc(100% - max(145px, 9.0625rem)/2)), url(../img/dynamic-ll-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: auto, auto max(145px, 9.0625rem);
	backface-visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s ease;
}

@media (pointer:fine) {
	.dynamic-ll .list-el:hover:before {
		opacity: 1;
	}
}

.dynamic-ll .title-small {
	font-weight: 600;
	line-height: 1.2;
	color: var(--white);
	font-size: max(21px, 1.6875rem);
	position: relative;
	flex: 0 0 auto;
}

.dynamic-ll .list .image {
	position: absolute;
	pointer-events: none;
	object-fit: contain;
	object-position: center;
}

.dynamic-ll .list .text {
	position: relative;
	flex: 0 0 auto;
}

.dynamic-ll .list-el table {
	border-collapse: separate;
	border-spacing: 5px;
	width: 505px;
	max-width: none;
	margin: -5px;
}

.dynamic-ll .list-el td {
	text-align: center;
	border: 0;
	background-color: color-mix(in srgb, var(--white) 7%, transparent);
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.1;
	color: var(--white);
	min-width: 90px;
	height: 40px;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	backface-visibility: hidden;
}

.dynamic-ll .list-el th {
	width: 125px;
	min-width: 125px;
	max-width: 125px;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.1;
	color: var(--gray);
	text-align: left;
	vertical-align: middle;
	padding: 0;
}

@media only screen and (max-width: 1023px) {
	.dynamic-ll .list-el {
		margin-top: 40px;
	}

	.dynamic-ll .list-el .image {
		width: 140px;
		height: 140px;
		top: -48px;
		right: 4px;
	}

	.dynamic-ll .list-el .title-small {
		width: 100%;
		padding: 25px 120px 0 20px;
		min-height: calc(2lh + 25px);
	}

	.dynamic-ll .list-el .text {
		width: 100%;
		overflow: hidden;
		overflow-x: auto;
		padding: 0 0 25px 20px;
	}
}

@media only screen and (min-width: 1024px) {
	.dynamic-ll {
		padding-top: calc(var(--header) + 32px + max(50px, 3.125rem));
		padding-bottom: max(90px, 5.625rem);
	}

	.dynamic-ll .head {
		margin-bottom: max(50px, 3.125rem);
	}

	.dynamic-ll .list-el {
		padding: max(29px, 1.8125rem) max(29px, 1.8125rem) max(29px, 1.8125rem) max(149px, 9.3125rem);
		justify-content: space-between;
		margin-top: max(30px, 1.875rem);
	}

	.dynamic-ll .list-el .image {
		width: max(130px, 8.125rem);
		height: max(130px, 8.125rem);
		top: 50%;
		left: max(19px, 1.1875rem);
		transform: translateY(-50%);
	}

	.dynamic-ll .list-el .title-small {
		width: 10em;
	}

	.dynamic-ll .list-el .text {
		width: 505px;
	}
}

.dynamic-ll .js_detectScroll .list-el {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
	transition-delay: calc(var(--delay) * 11);
}

.dynamic-ll .js_detectScroll:not(.visible) .list-el {
	transform: translateY(20px);
	opacity: 0;
	pointer-events: none;
}

.dynamic-ll .js_detectScroll .list-el:nth-child(1) {
	transition-delay: calc(var(--delay) * 6);
}

.dynamic-ll .js_detectScroll .list-el:nth-child(2) {
	transition-delay: calc(var(--delay) * 7);
}

.dynamic-ll .js_detectScroll .list-el:nth-child(3) {
	transition-delay: calc(var(--delay) * 8);
}

.dynamic-ll .js_detectScroll .list-el:nth-child(4) {
	transition-delay: calc(var(--delay) * 9);
}

.dynamic-ll .js_detectScroll .list-el:nth-child(5) {
	transition-delay: calc(var(--delay) * 10);
}

.program-hero {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	min-height: 100vh;
	min-height: 100svh;
	position: relative;
	padding: calc(var(--header) + 32px) var(--side) max(30px, 2.5rem) var(--side);
}

@media only screen and (max-width: 1023px) {
	.program-hero {
		padding-top: 40vw;
	}
}

.program-hero .bg {
	position: absolute;

	overflow: hidden;
}

@media only screen and (max-width: 1023px) {
	.program-hero .bg {
		top: 14.5vw;
		left: -5%;
		width: 113%;
	}

	.program-hero .bg:after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(to bottom, var(--bodyBg) 0%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 20%, color-mix(in srgb, var(--bodyBg) 0%, transparent) 80%, var(--bodyBg) 100%);
	}

	.program-hero.js_detectScroll .bg {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s, 0.4s;
		transition-timing-function: ease;
		transform: translateY(0);
	}

	.program-hero.js_detectScroll:not(.visible) .bg {
		opacity: 0;
		pointer-events: none;
		transform: translateY(20px);
	}

	.program-hero .bg img,
	.program-hero .bg video {
		width: 100%;
		height: auto;
	}

}

@media only screen and (min-width: 1024px) {
	.program-hero .bg {

		inset: 0;

	}

	.program-hero .bg:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 20%;
		background: linear-gradient(to bottom, color-mix(in srgb, var(--bodyBg) 0%, transparent) 0%, var(--bodyBg) 100%);
	}

	.program-hero .bg img,
	.program-hero .bg video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

}



.program-hero .text {
	flex: 0 0 auto;
	width: 100%;
	max-width: 44.66em;
	position: relative;
	margin: auto;
}

@media only screen and (max-width: 1023px) {}

.program-hero .title {
	margin: 0 auto 10px auto;
	font-size: max(36px, 3.125rem);
	max-width: 12em;
}

.program-hero .text p {
	margin: 0 auto;
	max-width: 31.555em;
}

.program-hero .text .btns {
	justify-content: center;


	margin-top: 20px;
}

.program-hero .text .btns .btn {
	min-width: 200px;
}

.program-hero .bottom {
	font-size: max(12px, 1rem);
	color: var(--gray);
}

.program-hero .bottom.white {
	color: var(--white);
}

.program-hero .title-small {
	margin-bottom: 10px;
	color: var(--white);
	font-weight: 500;
	line-height: 1.1;
	font-size: max(18px, 1.3125rem);
}

.program-hero .bottom p {
	margin: 0 auto;
	max-width: 20em;
}

.program-hero .bottom.white p {
	max-width: 30.375em;
}

.register-now {
	padding: max(60px, 7.5rem) var(--side);
}

.register-now .head,
.register-now .list {
	max-width: max(850px, 53.125rem);
	margin: 0 auto;
}

.register-now .head {
	margin-bottom: 50px;
}

.register-now .head p {
	max-width: 30em;
}

.register-now .head .btns {
	margin-top: 30px;
}

.register-now .head .btns .btn {
	min-width: 200px;
	padding: 0 16px;
}

@media only screen and (max-width: 639px) {
	.register-now .head .btns>* {
		width: 100%;
	}
}

.register-now .title {
	font-size: max(36px, 4rem);
	margin-bottom: 10px;
}

.register-now .list {
	display: flex;
	flex-direction: column;
	gap: max(15px, 1.875rem);
	font-size: max(18px, 1.5rem);
	line-height: 1.2;
	color: var(--white);
	font-weight: 600;
}

.register-now .list>* {

	position: relative;
	border-radius: 20px;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	display: flex;
	align-items: center;
	padding-right: 20px;
	padding-left: max(64px, 5.9375rem);
	height: max(88px, 7.375rem);

}

.register-now .list>*:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 21px;
	background-image: linear-gradient(to bottom, var(--bodyBg) calc(100% - max(88px, 7.375rem)), color-mix(in srgb, var(--bodyBg) 0%, transparent) calc(100% - max(88px, 7.375rem)/2)), url(../img/register-now-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: auto, auto max(88px, 7.375rem);
	backface-visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s ease;
}

@media (pointer:fine) {
	.register-now .list>*:hover:before {
		opacity: 1;
	}
}


.register-now .list>*>* {
	position: relative;
}

.register-now .list img {
	position: absolute;
	top: 50%;
	left: calc(max(64px, 5.9375rem)/2);
	transform: translateX(-50%) translateY(-50%);
	width: max(24px, 2.1875rem);
	height: max(24px, 2.1875rem);
	object-fit: contain;
	object-position: center;
}


.register-now .list.js_detectScroll>* {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transition-delay: calc(var(--delay) * 7);
}

.register-now .list.js_detectScroll:not(.visible)>* {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.register-now .list.js_detectScroll>*:nth-child(1) {
	transition-delay: calc(var(--delay) * 0);
}

.register-now .list.js_detectScroll>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 1);
}

.register-now .list.js_detectScroll>*:nth-child(3) {
	transition-delay: calc(var(--delay) * 2);
}

.register-now .list.js_detectScroll>*:nth-child(4) {
	transition-delay: calc(var(--delay) * 3);
}

.register-now .list.js_detectScroll>*:nth-child(5) {
	transition-delay: calc(var(--delay) * 4);
}

.register-now .list.js_detectScroll>*:nth-child(6) {
	transition-delay: calc(var(--delay) * 5);
}

.register-now .list.js_detectScroll>*:nth-child(7) {
	transition-delay: calc(var(--delay) * 6);
}

.liquidity {
	padding: max(60px, 7.5rem) var(--side);
	overflow: hidden;
}

.liquidity .head,
.liquidity .list {
	position: relative;
	z-index: 2;
}

.liquidity .title {
	font-size: max(36px, 4.5rem);
	margin-bottom: 10px;
	max-width: 10em;
}

.liquidity .head p {
	max-width: 33.777em;
}

.liquidity .bg {
	width: 100%;
	min-width: 400px;
	max-width: max(940px, 58.75rem);
	aspect-ratio: 940/336;
	position: relative;
	margin: max(50px, 3.75rem) 0;
	left: 50%;
	transform: translateX(-50%);
}

.liquidity .bg img,
.liquidity .bg video {
	width: 153.19%;
	max-width: none;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-57%);
}

.liquidity .list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 30px;
	font-size: 18px;
}

.liquidity .list strong {
	display: block;
	font-weight: 500;
	font-size: max(33px, 2.25rem);
	line-height: 1.1;
	margin-bottom: 10px;
	color: var(--white);
}

@media only screen and (max-width: 767px) {
	.liquidity .list {
		text-align: left;
		margin-top: 80px;
	}

	.liquidity .list>*:nth-child(even) {
		text-align: right;
	}
}

@media only screen and (min-width: 768px) {
	.liquidity .list {
		grid-template-columns: repeat(4, 1fr);
		text-align: center;
	}
}

.liquidity .list.js_detectScroll>* {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transition-delay: calc(var(--delay) * 4);
}

.liquidity .list.js_detectScroll>*:nth-child(1) {
	transition-delay: calc(var(--delay) * 0);
}

.liquidity .list.js_detectScroll>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 1);
}

.liquidity .list.js_detectScroll>*:nth-child(3) {
	transition-delay: calc(var(--delay) * 2);
}

.liquidity .list.js_detectScroll>*:nth-child(4) {
	transition-delay: calc(var(--delay) * 3);
}

.liquidity .list.js_detectScroll:not(.visible)>* {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.liquidity .head .btns {
	margin-top: max(30px, 1.875rem);
}

.liquidity .head .btns .btn {
	min-width: 200px;
}

@media only screen and (max-width: 639px) {
	.liquidity .head .btns>* {
		width: 100%;
	}
}

.contact-us-hor {
	padding-top: max(80px, 5rem);
}

.contact-us-hor .head {
	margin-bottom: 60px;
	font-size: max(16px, 1.3125rem);
}

.contact-us-hor .title {
	font-size: max(36px, 3.125rem);
	margin-bottom: 10px;
	max-width: 9em;
}

.contact-us-hor .head p {
	max-width: 20.95em;
}

.contact-us-hor .form {
	background-color: #0B0F15;
	padding-top: 50px;
	padding-bottom: 50px;
}

.contact-us-hor .form.js_detectScroll>* {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transition-delay: calc(var(--delay) * 10);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(1) {
	transition-delay: calc(var(--delay) * 0);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 1);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(3) {
	transition-delay: calc(var(--delay) * 2);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(4) {
	transition-delay: calc(var(--delay) * 3);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(5) {
	transition-delay: calc(var(--delay) * 4);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(6) {
	transition-delay: calc(var(--delay) * 5);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(7) {
	transition-delay: calc(var(--delay) * 6);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(8) {
	transition-delay: calc(var(--delay) * 7);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(9) {
	transition-delay: calc(var(--delay) * 8);
}

.contact-us-hor .form.js_detectScroll>*:nth-child(10) {
	transition-delay: calc(var(--delay) * 9);
}

.contact-us-hor .form.js_detectScroll:not(.visible)>* {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.contact-us-hor .form .btns {
	margin-top: 50px;
}

@media only screen and (max-width: 639px) {
	.contact-us-hor .form .btns>* {
		width: 100%;
	}
}

.contact-us-hor .form .btns .btn {
	min-width: 200px;
}

.contact-us-hor .form .title-small {
	margin-bottom: 30px;
	font-weight: 600;
	font-size: max(36px, 3.125rem);
	line-height: 1.1;
	color: var(--white);
}

.contact-us-hor .form .info {
	margin-top: 30px;
	font-size: max(12px, 0.875rem);
}

.contact-us-hor .form .info a {
	text-decoration: none;
	color: var(--white);
}

@media only screen and (max-width: 1023px) {
	.contact-us-hor>* {
		padding-left: var(--side);
		padding-right: var(--side);
	}
}

@media only screen and (min-width: 1024px) {
	.contact-us-hor {
		display: flex;
		align-items: flex-start;
		padding-left: var(--side);
		padding-right: var(--side);
		padding-bottom: max(80px, 5rem);
	}

	.contact-us-hor .head {
		margin: 0;
		padding: 50px 50px 50px 0;
		flex: 0 0 auto;
		width: 46.83%;
	}

	.contact-us-hor .form {
		flex: 0 0 auto;
		width: 53.17%;
		padding-left: 50px;
		padding-right: 50px;
		border: 1px solid color-mix(in srgb, var(--white) 12%, transparent);
		border-radius: 20px;
	}

	.contact-us-hor .form .title-small {
		font-size: max(27px, 1.6875rem);
	}
}

.about-text {
	overflow: hidden;
	color: color-mix(in srgb, var(--white) 20%, transparent);
	font-weight: 500;
	line-height: 1.2;
	font-size: max(24px, 2.0625rem);
	padding: max(60px, 5rem) 0;
}

.about-text .max {
	padding: 0 var(--side);
	width: 100%;
	margin: 0 auto;
	max-width: calc(max(850px, 53.125rem) + var(--side)*2);
}


.about-text .title-small {
	font-size: 18px;
	line-height: 1.1;
	margin-bottom: 20px;
	color: color-mix(in srgb, var(--white) 70%, transparent);
}

.about-text .title {
	font-size: max(44px, 4rem);
	margin-bottom: max(50px, 3.125rem);
	margin-top: 0;
}

.about-text p {
	margin-top: 1lh;
}


.about-hero {
	overflow: hidden;
	color: color-mix(in srgb, var(--white) 20%, transparent);
	padding-top: 0;
	padding-bottom: 80px;
}

.about-hero .bg {
	width: 100%;
	/*max-width: 2200px;*/
	min-width: 840px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: -5.5rem;
	aspect-ratio: 2880/1695;
}

.about-hero.js_detectScroll .bg {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateX(-50%) translateY(0);
}

.about-hero.js_detectScroll:not(.visible) .bg {
	opacity: 0;
	pointer-events: none;
	transform: translateX(-50%) translateY(20px);
}

@media only screen and (max-width: 1023px) {
	.about-hero {
		padding-bottom: max(40px, 2.5rem);
	}

	.about-hero .bg {
		margin-top: 87px;
		margin-bottom: -10px;
		transform: translateX(-52.5%) translateY(0);
	}

	.about-hero.js_detectScroll .bg {
		transform: translateX(-52.5%) translateY(0);
	}

	.about-hero.js_detectScroll:not(.visible) .bg {

		transform: translateX(-52.5%) translateY(20px);
	}

}

.about-hero .bg img,
.about-hero .bg video {
	width: 100%;
	height: auto;
}


.about-hero .title {
	font-size: max(40px, 4rem);
	margin-bottom: 70px;
	max-width: 10em;
}

@media only screen and (min-width: 1024px) {
	.about-hero .title {
		margin-bottom: 50px;
	}
}

.invest-steps .title {
	font-size: max(36px, 4rem);
}

.invest-steps .head p {
	max-width: 29em;
}

.invest-steps .btns {
	margin-top: 30px;
}

.invest-steps .btns .btn {
	min-width: 200px;
}

@media only screen and (max-width: 639px) {
	.invest-steps .btns>* {
		width: 100%;
	}
}

@media only screen and (max-width: 1023px) {

	.invest-steps .head {
		padding: max(60px, 6.25rem) var(--side) 50px var(--side);
	}


	.invest-steps .title {
		margin-bottom: 10px;
	}

	.invest-steps .list {
		padding: 0 var(--side) max(60px, 6.25rem) var(--side);
	}

	.invest-steps .list ol {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		border: 1px solid #1F1F21;
		background: url(../img/invest-steps.png) no-repeat 100% 100%/max(720px, 100%) auto;
		border-radius: 20px;
		overflow: hidden;
		transform: translateZ(0);
		backface-visibility: hidden;
		counter-reset: in;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.1;
		color: var(--white);
	}

	.invest-steps .list.js_detectScroll ol {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s, 0.4s;
		transition-timing-function: ease;
	}

	.invest-steps .list.js_detectScroll:not(.visible) ol {
		opacity: 0;
		pointer-events: none;
		transform: translateY(20px);
	}

	.invest-steps+.invest-steps .list ol {
		background-position: 0 100%;
	}

	.invest-steps .list ol>* {
		border-style: solid;
		border-color: #1F1F21;
		border-width: 0 1px 1px 0;
		margin-bottom: -1px;
		margin-right: -1px;
		padding: 20px 15px 58px 15px;
		min-height: 178px;
		position: relative;
	}

	.invest-steps .list ol>*:before {
		content: counter(in, decimal-leading-zero);
		counter-increment: in;
		position: absolute;
		bottom: 20px;
		left: 15px;
		font-size: 16px;
		opacity: 0.3;
	}
}

@media only screen and (min-width: 1024px) {
	.invest-steps {
		display: flex;
		flex-direction: column;
	}

	.invest-steps .bg {
		flex: 0 0 auto;
		width: 100%;
		position: sticky;
		top: 0;
		height: 100vh;
		height: 100lvh;
		z-index: 2;
		order: 1;
		pointer-events: none;
	}

	.invest-steps .bg:after {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 50%;
		height: 100%;
		border-left: 1px solid color-mix(in srgb, var(--white) 12%, transparent);
		background-image: url(../img/invest-steps.png), linear-gradient(to bottom, var(--bodyBg) 20%, color-mix(in srgb, var(--bodyBg) 0%, transparent) calc(50% - 50px), color-mix(in srgb, var(--bodyBg) 0%, transparent) calc(50% + 50px), var(--bodyBg) 80%);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover, auto, auto;
	}


	.invest-steps .head {
		flex: 0 0 auto;
		position: sticky;
		top: 0;
		width: 50%;
		height: 100vh;
		height: 100lvh;
		display: flex;
		flex-direction: column;
		padding: max(150px, 9.375rem) 50px max(100px, 6.25rem) var(--side);
		z-index: 3;
		order: 2;
		margin-top: -100vh;
		margin-top: -100lvh;
	}


	.invest-steps .head .title {
		order: 1;
	}

	.invest-steps .head .btns {
		order: 2;
	}

	.invest-steps .head p {
		margin-top: auto;
		order: 3;
	}

	.invest-steps .list {


		padding-right: calc(var(--side) - 50px);
		padding-left: 50px;
		width: 50%;
		font-weight: 600;
		font-size: max(36px, 2.75rem);
		line-height: 1.1;
		color: var(--white);
		flex: 0 0 auto;
		margin-left: auto;
		order: 3;
	}

	.invest-steps .list.first {
		margin-top: -100vh;
		margin-top: -100lvh;
		padding-top: calc((100vh - 1lh)/2);
		padding-bottom: 25px;
	}

	.invest-steps .list.last {
		padding-top: 25px;
		padding-bottom: calc((100vh - 1lh)/2 - 1lh);
	}

	.invest-steps .list ol {
		max-width: 10.7em;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: max(50px, 3.125rem)
	}

	.invest-steps .js_detectScroll~.list li {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s, 0.4s;
		transition-timing-function: ease;
		transition-delay: calc(var(--delay) * 6);
	}

	.invest-steps .js_detectScroll:not(.visible)~.list li {
		opacity: 0;
		pointer-events: none;
		transform: translateY(20px);
	}

	.invest-steps .js_detectScroll~.list li:nth-child(1) {
		transition-delay: calc(var(--delay) * 0);
	}

	.invest-steps .js_detectScroll~.list li:nth-child(2) {
		transition-delay: calc(var(--delay) * 1);
	}

	.invest-steps .js_detectScroll~.list li:nth-child(3) {
		transition-delay: calc(var(--delay) * 2);
	}

	.invest-steps .js_detectScroll~.list li:nth-child(4) {
		transition-delay: calc(var(--delay) * 3);
	}

	.invest-steps .js_detectScroll~.list li:nth-child(5) {
		transition-delay: calc(var(--delay) * 4);
	}

	.invest-steps .js_detectScroll~.list li:nth-child(6) {
		transition-delay: calc(var(--delay) * 5);
	}

	.invest-steps .head,
	.invest-steps .list {
		transition: opacity 0.4s ease;
	}

	.invest-steps .head.first.hide,
	.invest-steps:has(.head.first.hide) .list.first,
	.invest-steps .head.last:not(.show),
	.invest-steps:has(.head.last:not(.show)) .list.last {
		opacity: 0;
		pointer-events: none;
	}
}

.bonus-hero {
	position: relative;
	overflow: hidden;
	font-size: max(16px, 1.3125rem);
	padding: 0 var(--side);
}

.bonus-hero .head {
	position: relative;
	z-index: 2;
}

.bonus-hero .title {
	font-size: max(36px, 4.5rem);
	margin-top: 10px;
}

.bonus-hero .btns {
	margin-top: 30px;
}

.bonus-hero .btns .btn {
	min-width: 200px;
}

.bonus-hero .bg {
	aspect-ratio: 1/1;
	position: relative;
}

.bonus-hero.js_detectScroll .bg {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
}

.bonus-hero.js_detectScroll:not(.visible) .bg {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.bonus-hero .bg img,
.bonus-hero .bg video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media only screen and (max-width: 1023px) {
	.bonus-hero {
		padding-top: calc(var(--header) + 76px);
		text-align: center;
	}

	.bonus-hero .btns {
		justify-content: center;
	}

	.bonus-hero .bg {
		width: 100%;
		left: 50%;
		position: relative;
		transform: translateX(-50%);
		min-width: 440px;
		max-width: 550px;
		margin-top: -40px;
	}

	.bonus-hero.js_detectScroll .bg {
		transform: translateX(-50%) translateY(0);
	}

	.bonus-hero.js_detectScroll:not(.visible) .bg {
		transform: translateX(-50%) translateY(20px);
	}

}

@media only screen and (min-width: 1024px) {
	.bonus-hero {
		display: flex;
		flex-direction: column;
		justify-content: end;
		padding-top: 8.125rem;
		padding-bottom: 8.125rem;
		min-height: 100vh;
		min-height: 100lvh;
	}

	.bonus-hero .bg {
		position: absolute;
		top: 50%;
		left: 65%;
		height: 100%;
		max-height: max(900px, 56.25rem);
		transform: translateX(-50%) translateY(-50%);
	}

	.bonus-hero.js_detectScroll .bg {
		transform: translateX(-50%) translateY(-50%);
	}

	.bonus-hero.js_detectScroll:not(.visible) .bg {
		transform: translateX(-50%) translateY(calc(-50% + 20px));
	}
}

.payment-hero {
	position: relative;
	overflow: hidden;
	font-size: max(16px, 1.3125rem);
	padding: 0 var(--side);
}

.payment-hero.js_detectScroll .bg {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
}

.payment-hero.js_detectScroll:not(.visible) .bg {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.payment-hero:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 200px;
	background: linear-gradient(to bottom, color-mix(in srgb, var(--bodyBg) 0%, transparent) 0%, var(--bodyBg) 100%);
}

.payment-hero .head {
	position: relative;
	z-index: 2;
}

.payment-hero .title {
	font-size: max(36px, 4.5rem);
	margin-bottom: 10px;
}

.payment-hero .btns {
	margin-top: 30px;
}

.payment-hero .btns .btn {
	min-width: 200px;
}

.payment-hero .bg {

	position: relative;
}

.payment-hero .bg img,
.payment-hero .bg video {
	width: 100%;
	height: auto;
}

.payment-hero p {
	max-width: 17em;
}

@media only screen and (max-width: 1023px) {
	.payment-hero {
		padding-top: calc(var(--header) + 76px);
		text-align: center;
	}


	.payment-hero .btns {
		justify-content: center;
	}

	.payment-hero .bg {
		width: 800px;
		left: 50%;
		position: relative;
		transform: translateX(-50%);
		margin-top: -110px;
	}

	.payment-hero.js_detectScroll .bg {
		transform: translateX(-50%) translateY(0);
	}

	.payment-hero.js_detectScroll:not(.visible) .bg {
		transform: translateX(-50%) translateY(20px);
	}

	.payment-hero .title br {
		display: none;
	}

	.payment-hero p {
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1024px) {
	.payment-hero {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 8.125rem;
		padding-bottom: 8.125rem;
		min-height: 100vh;
		min-height: 100lvh;
	}

	.payment-hero .bg {
		position: absolute;
		top: 50%;
		left: 61%;
		width: 100%;
		max-width: 1920px;
		transform: translateX(-50%) translateY(-50%);
	}

	.payment-hero.js_detectScroll .bg {
		transform: translateX(-50%) translateY(-50%);
	}

	.payment-hero.js_detectScroll:not(.visible) .bg {
		transform: translateX(-50%) translateY(calc(-50% + 20px));
	}
}


.offer-details {
	padding: max(50px, 3.125rem) var(--side) max(50px, 5.625rem) var(--side);


}

.offer-details .max {
	margin: 0 auto;
	max-width: max(850px, 53.125rem);
}

.offer-details .title {
	font-size: max(36px, 4rem);
	margin-bottom: max(40px, 3.125rem);
}

.offer-details-inner {
	display: grid;
	gap: 30px;
	grid-template-columns: 100%;
	font-size: max(14px, 1rem);
	color: var(--white);
	line-height: 1.4;
	font-weight: 500;
	margin-top: 50px;
}

.offer-details .title+.offer-details-inner {
	margin-top: 0;
}

@media only screen and (min-width: 768px) {
	.offer-details-inner {
		grid-template-columns: repeat(2, 1fr);
	}
}

.offer-details-inner .block {
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	border-radius: 30px;
	padding: max(30px, 2.5rem);
}

.offer-details-inner .title-small {
	line-height: 1.1;
	font-size: max(27px, 1.6875rem);
	margin-bottom: max(30px, 2.5rem);
	color: var(--white);
}

.offer-details .offer-details-inner .title-small {
	font-size: max(24px, 1.6875rem);
}

.offer-details-inner .title-mini {
	font-size: max(18px, 1.3125rem);
	color: var(--gray);
	margin-top: max(30px, 2.5rem);
	margin-bottom: 20px;
}

.offer-details .offer-details-inner .title-mini {
	font-size: max(21px, 1.3125rem);
}

.offer-details-inner .checklist {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.offer-details-inner .checklist+.checklist {
	margin-top: max(30px, 2.5rem);
}

.offer-details-inner .checklist>li {
	position: relative;
	padding-left: 29px;
}

.offer-details-inner .checklist>li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	background: url(../img/checklist.svg) no-repeat 50% 50%;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
}

.offer-details-inner .block p {
	margin-top: 1lh;
}

.js_detectScroll .offer-details-inner .block {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transition-delay: calc(var(--delay) * 2);
}

.js_detectScroll .offer-details-inner .block:nth-child(1) {
	transition-delay: calc(var(--delay) * 0);
}

.js_detectScroll .offer-details-inner .block:nth-child(2) {
	transition-delay: calc(var(--delay) * 1);
}

.js_detectScroll .title+.offer-details-inner .block {
	transition-delay: calc(var(--delay) * 4);
}

.js_detectScroll .title+.offer-details-inner .block:nth-child(1) {
	transition-delay: calc(var(--delay) * 2);
}

.js_detectScroll .title+.offer-details-inner .block:nth-child(1) {
	transition-delay: calc(var(--delay) * 3);
}

.js_detectScroll:not(.visible) .offer-details-inner .block {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.termsncond {
	padding: max(60px, 5rem) var(--side);
	line-height: 1.2;
	font-size: max(16px, 1.3125rem);
}

.termsncond .max {
	margin: 0 auto;
	max-width: max(780px, 48.75rem);
}

.termsncond .title {
	font-size: max(36px, 4rem);
	margin-bottom: max(20px, 3.125rem);
}

.termsncond p {
	margin-top: 0.7lh;
}

.termsncond .more {
	margin-top: max(30px, 1.2lh);
	font-size: max(14px, 1.3125rem);
}

.termsncond a:not(.btn) {
	color: var(--white);
	text-decoration: none;
}

.risk-warning {
	border-radius: 30px;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	font-weight: 500;
	font-size: max(12px, 0.875rem);
	line-height: 1.4;
	color: var(--gray);
	padding: max(30px, 2.5rem) max(20px, 2.5rem);
	margin-top: 50px;
}

.risk-warning.js_detectScroll {
	transition: border 0.4s ease;
}

.risk-warning.js_detectScroll:not(.visible) {
	border-color: transparent;
}

.risk-warning .risk-title {
	font-weight: 600;
	font-size: max(21px, 1.6875rem);
	line-height: 1.1;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 10px;
	color: var(--white);
}

.risk-warning .risk-title>*:first-child>*:first-child:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: url(../img/warning.svg) no-repeat 0 50%/contain;
	width: 1.6em;
	height: 0.888em;
	margin-top: calc((1lh - 0.888em)/2);
}

.risk-warning p {
	margin-top: 0.5lh;
}

.risk-warning .b {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
	gap: 10px;
	font-size: max(16px, 1.3125rem);
	line-height: 1.4;
	color: var(--white);
}

.risk-warning .b>* {
	margin: 0;
}

.risk-warning .b .btn {
	font-size: 14px;
	height: 40px;
	padding: 0 20px;
	border-radius: 10px;
}

.how-to-fund {
	padding: max(60px, 5rem) var(--side);
}

.how-to-fund .max {
	margin: 0 auto;
	max-width: max(850px, 53.125rem);
}

.how-to-fund .title {
	margin-bottom: max(30px, 3.125rem);
	font-size: max(36px, 4rem);
}

.how-to-fund .list {
	display: flex;
	flex-direction: column;
	gap: max(20px, 1.875rem);
	font-weight: 600;
	line-height: 1.2;
	color: var(--white);
	font-size: max(18px, 1.5rem);
	counter-reset: ho;
}

.how-to-fund .list>* {
	flex: 0 0 auto;
	width: 100%;
	position: relative;
	border-radius: 20px;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	display: flex;
	align-items: center;
	padding: max(30px, 2.5rem) max(30px, 2.5rem) max(30px, 2.5rem) 100px;
	overflow: hidden;
	min-height: max(110px, 8.625rem);
}

@media only screen and (max-width: 767px) {
	.how-to-fund .list br {
		display: none;
	}
}

.how-to-fund .list>*:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 19px;
	background-image: linear-gradient(to bottom, var(--bodyBg) calc(100% - max(110px, 8.625rem)), color-mix(in srgb, var(--bodyBg) 0%, transparent) 80%), url(../img/faq-hover.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover, auto max(110px, 8.625rem);
	backface-visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s ease;
}

@media (pointer:fine) {
	.how-to-fund .list>*:hover:before {
		opacity: 1;
	}
}

.how-to-fund .list>*:after {
	content: counter(ho, decimal-leading-zero);
	counter-increment: ho;
	position: absolute;
	top: 50%;
	left: 0;
	font-weight: 600;
	font-size: 75.41px;
	line-height: 1.2;
	transform: translateY(-50%);
	margin-left: -0.4em;
	background: linear-gradient(180deg, #B1C6E3 20%, rgba(0, 0, 0, 0) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	opacity: 0.5;
}

.how-to-fund .list>*>* {
	position: relative;
}

.how-to-fund .js_detectScroll .list>* {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transition-delay: calc(var(--delay) * 9);
}

.how-to-fund .js_detectScroll .list>*:nth-child(1) {
	transition-delay: calc(var(--delay) * 3);
}

.how-to-fund .js_detectScroll .list>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 4);
}

.how-to-fund .js_detectScroll .list>*:nth-child(3) {
	transition-delay: calc(var(--delay) * 5);
}

.how-to-fund .js_detectScroll .list>*:nth-child(4) {
	transition-delay: calc(var(--delay) * 6);
}

.how-to-fund .js_detectScroll .list>*:nth-child(5) {
	transition-delay: calc(var(--delay) * 7);
}

.how-to-fund .js_detectScroll .list>*:nth-child(6) {
	transition-delay: calc(var(--delay) * 8);
}

.how-to-fund .js_detectScroll:not(.visible) .list>* {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.legal-documents {
	padding: calc(var(--header) + 56px) var(--side) max(60px, 5rem) var(--side);
}

.legal-documents .max {
	margin: 0 auto;
	max-width: max(850px, 53.125rem);
}

.legal-documents .title {
	margin-bottom: max(30px, 3.125rem);
	font-size: max(44px, 4.5rem);
}

.legal-documents .list {
	display: grid;
	gap: max(10px, 1.875rem);
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
}

.legal-documents .list>* {
	display: flex;
	flex-direction: column;
}

.legal-documents .list .block {
	flex: 1 0 auto;
	width: 100%;
	text-decoration: none;
	position: relative;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	border-radius: 30px;
	padding: max(25px, 1.875rem) max(20px, 1.875rem);
	display: flex;
	flex-direction: column;
	gap: max(5px, 0.625rem);
}

.legal-documents .list .block:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 29px;
	background: url(../img/legal-documents-bg.jpg) no-repeat 50% 50%/cover;
	transition: opacity 0.4s ease;
	opacity: 0;
}

@media (pointer:fine) {
	.legal-documents .list .block:hover:before {
		opacity: 1;
	}
}

.legal-documents .list .block>* {
	position: relative;
}

.legal-documents .list .btn {
	align-self: flex-start;
	height: 40px;
	border-radius: 10px;
	font-size: 14px;
	padding: 0 20px;
}

@media only screen and (max-width: 639px) {
	.legal-documents .list .btn {
		width: 100%;
		padding: 0;
	}
}

.legal-documents .list .small {
	font-size: max(10px, 0.875rem);
	line-height: 1.4;
	text-transform: uppercase;
	font-weight: 500;
}

.legal-documents .list .big {
	flex: 1 0 auto;
	font-weight: 500;
	line-height: 1.2;
	font-size: max(21px, 1.6875rem);
	color: var(--white);
	margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {
	.legal-documents {
		padding-top: calc(var(--header) + 32px + max(80px, 5rem));
	}
}

.contact-us {
	padding: max(60px, 5rem) 0;
	overflow: hidden;
}

.contact-us:has(.bg) {
	padding-top: 0;
}

.contact-us .max {
	padding: 0 var(--side);
	margin: 0 auto;
	max-width: calc(max(850px, 53.125rem) + var(--side)*2);
}

.contact-us .bg {
	position: relative;
	width: 100%;
	min-width: 600px;
	left: 50%;
	transform: translateX(-50%);
	/*max-width: 2200px;*/
	aspect-ratio: 2880/1800;
	margin-bottom: -12.25rem;
}

@media only screen and (max-width: 1023px) {
	.contact-us .bg {
		margin-top: 70px;
		margin-bottom: 0;
	}
}

.contact-us .bg.js_detectScroll {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateX(-49%) translateY(0);
}

.contact-us .bg.js_detectScroll:not(.visible) {
	opacity: 0;
	pointer-events: none;
	transform: translateX(-49%) translateY(20px);
}

.contact-us .bg img,
.contact-us .bg video {
	width: 100%;
	height: auto;
}

.contact-us .head {
	font-size: max(16px, 1.3125rem);
	margin-bottom: max(50px, 3.125rem);
}

.contact-us .head .title {
	margin-top: 10px;
	font-size: max(44px, 4.5rem);
}

.contact-us .form {
	background-color: #0B0F15;
	padding-top: max(30px, 3.125rem);
	padding-bottom: max(30px, 3.125rem);
	display: grid;
	grid-template-columns: 100%;
	gap: 0 25px;
}

.contact-us .form.js_detectScroll {
	transition-property: border, background;
	transition-duration: 0.4s;
	transition-timing-function: ease;
}

.contact-us .form.js_detectScroll:not(.visible) {
	border-color: transparent;
	background-color: transparent;
}

@media only screen and (max-width: 1023px) {
	.contact-us .form {
		margin-left: calc(var(--side)*-1);
		margin-right: calc(var(--side)*-1);
		padding-left: var(--side);
		padding-right: var(--side);
	}
}

@media only screen and (min-width: 768px) {
	.contact-us .form {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (min-width: 1024px) {
	.contact-us .form {
		padding-left: max(50px, 3.125rem);
		padding-right: max(50px, 3.125rem);
		border: 1px solid color-mix(in srgb, var(--white) 12%, transparent);
		border-radius: 20px;
	}
}

.contact-us .form .title-small {
	font-weight: 600;
	line-height: 1.1;
	font-size: max(27px, 2.25rem);
	grid-column: 1/-1;
	color: var(--white);
	margin-bottom: max(30px, 1.875rem);
}

.contact-us .form .row {
	margin-bottom: max(20px, 1.5625rem);
}

.contact-us .form .input-label {
	margin-top: 0;
}

.contact-us .form .btns {
	margin-top: calc(50px - max(20px, 1.5625rem));
	grid-column: 1/-1;
}

.contact-us .form .btns .btn {
	min-width: 200px;
}

@media only screen and (max-width: 639px) {
	.contact-us .form .btns>* {
		width: 100%;
	}
}

.contact-us .form .info {
	margin-top: 30px;
	font-size: max(12px, 0.875rem);
	grid-column: 1/-1;
}

.contact-us .form .info a {
	text-decoration: none;
	color: var(--white);
}

.contact-us .form.js_detectScroll>* {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transition-delay: calc(var(--delay) * 10);
}

.contact-us .form.js_detectScroll>*:nth-child(1) {
	transition-delay: calc(var(--delay) * 0);
}

.contact-us .form.js_detectScroll>*:nth-child(2) {
	transition-delay: calc(var(--delay) * 1);
}

.contact-us .form.js_detectScroll>*:nth-child(3) {
	transition-delay: calc(var(--delay) * 2);
}

.contact-us .form.js_detectScroll>*:nth-child(4) {
	transition-delay: calc(var(--delay) * 3);
}

.contact-us .form.js_detectScroll>*:nth-child(5) {
	transition-delay: calc(var(--delay) * 4);
}

.contact-us .form.js_detectScroll>*:nth-child(6) {
	transition-delay: calc(var(--delay) * 5);
}

.contact-us .form.js_detectScroll>*:nth-child(7) {
	transition-delay: calc(var(--delay) * 6);
}

.contact-us .form.js_detectScroll>*:nth-child(8) {
	transition-delay: calc(var(--delay) * 7);
}

.contact-us .form.js_detectScroll>*:nth-child(9) {
	transition-delay: calc(var(--delay) * 8);
}

.contact-us .form.js_detectScroll>*:nth-child(10) {
	transition-delay: calc(var(--delay) * 9);
}

.contact-us .form.js_detectScroll:not(.visible)>* {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}

.contact-us .contacts {
	display: grid;
	grid-template-columns: 100%;
	grid-auto-rows: 1fr;
	gap: 30px;
	margin-top: max(40px, 3.125rem);
	font-weight: 500;
	font-size: 21px;
	line-height: 1.2;
	color: var(--white);
}

@media only screen and (min-width: 768px) {
	.contact-us .contacts {
		grid-template-columns: repeat(2, 1fr);
	}
}

.contact-us .contacts .el {
	position: relative;
	border: 1px solid color-mix(in srgb, var(--white) 15%, transparent);
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: max(190px, 12.5rem);
	padding: max(25px, 1.875rem) max(20px, 1.875rem);
}

.contact-us .contacts .el:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 29px;
	background: url(../img/contacts-bg.jpg) no-repeat 50% 50%/cover;
	transition: opacity 0.4s ease;
	opacity: 0;
}

@media (pointer:fine) {
	.contact-us .contacts .el:hover:before {
		opacity: 1;
	}
}

.contact-us .contacts .el>* {
	position: relative;
}

.contact-us .contacts .title-mini {
	margin-bottom: auto;
	font-size: max(10px, 0.875rem);
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--gray);
}

.contact-us .small {
	font-size: max(14px, 0.875rem);
	color: var(--gray);
}

.contact-us .contacts.js_detectScroll .el {
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transition-delay: calc(var(--delay) * 5);
}

.contact-us .contacts.js_detectScroll .el:nth-child(1) {
	transition-delay: calc(var(--delay) * 0);
}

.contact-us .contacts.js_detectScroll .el:nth-child(2) {
	transition-delay: calc(var(--delay) * 1);
}

.contact-us .contacts.js_detectScroll .el:nth-child(3) {
	transition-delay: calc(var(--delay) * 2);
}

.contact-us .contacts.js_detectScroll .el:nth-child(4) {
	transition-delay: calc(var(--delay) * 3);
}

.contact-us .contacts.js_detectScroll .el:nth-child(5) {
	transition-delay: calc(var(--delay) * 4);
}

.contact-us .contacts.js_detectScroll:not(.visible) .el {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
}