/*
	Here are css blocks that are duplicated twice or more
	or may be duplicated twice or more in future
*/

@import url('ui-kit/accordions.css');
@import url('ui-kit/tabs.css');
@import url('ui-kit/form-elements.css');

/* .pagination */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	gap: 10px;
	border-radius: 24px;
	border: 1px solid var(--Grey, #DAE1E7);
	background: var(--White, #FFF);
}

.pagination ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.pagination ul li a,
.pagination .arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	aspect-ratio: 1/1;
	border-radius: 16px;
}

.pagination a {
	color: var(--Black);
	transition: color 0.4s, background 0.4s;
}

.pagination a:hover {
	background: var(--Light-grey, #EEF2F6);
}

.pagination .page.-active {
	pointer-events: none;
	background: var(--Black, #0E0F11);
	color: var(--White, #FFF);
}

.pagination .arrow {
	background: var(--White);
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination .arrow.hidden {
	display: none;
}

.pagination .arrow.light-fade .fade-border:after {
	background: var(--Grey);
}

/* .pagination .arrow:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: no-repeat -0.347vw
		/*-5px*/
/* center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS40MTIxIDEwTDEyLjcyMjggMTYuNzA2MkMxMi4zMzI4IDE3LjA5NzIgMTEuNjk5NiAxNy4wOTggMTEuMzA4NiAxNi43MDhDMTAuOTE3NiAxNi4zMTggMTAuOTE2OCAxNS42ODQ4IDExLjMwNjggMTUuMjkzOEwxNS41ODk4IDExTDEuOTk5NjggMTFDMS40NDczOSAxMSAwLjk5OTY3NSAxMC41NTIzIDAuOTk5Njc1IDEwQzAuOTk5Njc1IDkuNDQ3NzEgMS40NDczOSA5IDEuOTk5NjggOUwxNS41ODk4IDlMMTEuMzA2OCA0LjcwNjIxQzEwLjkxNjggNC4zMTUyIDEwLjkxNzYgMy42ODIwMyAxMS4zMDg2IDMuMjkyQzExLjY5OTYgMi45MDE5NyAxMi4zMzI4IDIuOTAyNzcgMTIuNzIyOCAzLjI5Mzc5TDE5LjQxMjEgMTBaIiBmaWxsPSIjMEUwRjExIi8+Cjwvc3ZnPgo=);
	transition: background 0.4s, transform 0.4s;
	transform: translateX(3px);
} */

.pagination .arrow::after {
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDE1MTEgMUwxNSA3TDkuMDE1MTEgMTMiIHN0cm9rZT0iIzBFMEYxMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgo8L3N2Zz4=);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.4s, transform 0.4s;

	z-index: 1;
}

.pagination .arrow:before {
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgN0wxNSA3IiBzdHJva2U9IiMwRTBGMTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+Cjwvc3ZnPg==);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	transition: background 0.4s, transform 0.4s;
}

/* .pagination .arrow.-prev:before {
	transform: rotate(180deg) translateX(3px);
} */

.pagination .arrow.-prev {
	transform: scaleX(-1);
}

/* slider navigation */

.slider-navigation {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
}

.slider-navigation .arrow {
	border-radius: 20px;
	width: 64px;
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--White);
	cursor: pointer;
	transition: background 0.4s;
}

.slider-navigation .arrow.light-fade .fade-border:after {
	background: var(--Grey);
}

/* .slider-navigation .arrow:before {
	content: '';
	display: block;
	width: 20px;
	aspect-ratio: 1/1;
	background: no-repeat -0.347vw */
/*-5px*/
/* center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS40MTIxIDEwTDEyLjcyMjggMTYuNzA2MkMxMi4zMzI4IDE3LjA5NzIgMTEuNjk5NiAxNy4wOTggMTEuMzA4NiAxNi43MDhDMTAuOTE3NiAxNi4zMTggMTAuOTE2OCAxNS42ODQ4IDExLjMwNjggMTUuMjkzOEwxNS41ODk4IDExTDEuOTk5NjggMTFDMS40NDczOSAxMSAwLjk5OTY3NSAxMC41NTIzIDAuOTk5Njc1IDEwQzAuOTk5Njc1IDkuNDQ3NzEgMS40NDczOSA5IDEuOTk5NjggOUwxNS41ODk4IDlMMTEuMzA2OCA0LjcwNjIxQzEwLjkxNjggNC4zMTUyIDEwLjkxNzYgMy42ODIwMyAxMS4zMDg2IDMuMjkyQzExLjY5OTYgMi45MDE5NyAxMi4zMzI4IDIuOTAyNzcgMTIuNzIyOCAzLjI5Mzc5TDE5LjQxMjEgMTBaIiBmaWxsPSIjMEUwRjExIi8+Cjwvc3ZnPgo=);
	transition: background 0.4s, transform 0.4s, opacity 0.4s;
	transform: translateX(3px);
} */

/* .slider-navigation .arrow.-prev:before {
	transform: rotate(180deg) translateX(3px);
} */

.slider-navigation .arrow.-prev {
	transform: scaleX(-1);
}

.slider-navigation .arrow::after {
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDE1MTEgMUwxNSA3TDkuMDE1MTEgMTMiIHN0cm9rZT0iIzBFMEYxMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgo8L3N2Zz4=);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.4s, transform 0.4s;

	z-index: 1;
}

.slider-navigation .arrow:before {
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgN0wxNSA3IiBzdHJva2U9IiMwRTBGMTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+Cjwvc3ZnPg==);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	transition: background 0.4s, transform 0.4s;
}


.slider-navigation .arrow.-disabled,
.slider-navigation .arrow.swiper-button-disabled {
	pointer-events: none;
	background: var(--Light-grey, #EEF2F6);
}

.slider-navigation .arrow.-disabled:before,
.slider-navigation .arrow.-disabled:after,
.slider-navigation .arrow.swiper-button-disabled:before,
.slider-navigation .arrow.swiper-button-disabled:after {
	filter: invert(0.6);
}

.slider-navigation .arrow.-disabled .fade-container,
.slider-navigation .arrow.swiper-button-disabled .fade-container {
	opacity: 0;
}

.slider-navigation .pages-info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.slider-navigation .pages-info .separator {
	height: 1.5px;
	width: 16px;
	border-radius: 1.5px;
	background: var(--Black, #0E0F11);
	opacity: 0.3;
}

.slider-navigation .pages-info .total {
	opacity: 0.3;
}

/* tabs-list */

.tabs-list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.tab {
	cursor: pointer;
	user-select: none;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 16px
		/*1.111vw*/
	;
	border: 1px solid var(--Grey);
	background: var(--White);
	transition: color 0.4s, border 0.4s, background 0.4s;
	height: 48px
		/*3.333vw*/
	;
	padding: 0 24px
		/*1.667vw*/
	;
	color: rgba(14, 15, 17, 0.5);
}

.tab .text {
	opacity: 0.5;
	transition: opacity 0.4s;
	color: inherit;
}

.tab.-active {
	pointer-events: none;
	background: var(--Black);
	border-color: var(--Black);
	color: var(--White);
}

.tab.-active .text {
	opacity: 1;
}


/* light-fade */

.light-fade {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: var(--White);
}

.light-fade .fade-container {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 19px;
	background: inherit;
	transition: opacity 0.4s;
}

.light-fade .fade-border {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 19px;
}

.light-fade .fade-border:before {
	content: '';
	background: var(--Gray-gradient, #F0F2F5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 19px;
	transition: all 0.4s;
}

.light-fade .fade-border:after {
	content: '';
	background: var(--Light-grey, #EEF2F6);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 19px;
	opacity: 0;
	transition: all 0.4s;
}

.light-fade .fade-gradient {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: 19px;
}

.light-fade .fade-border+.fade-gradient {
	left: 1px;
	top: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
}

.light-fade .fade-gradient:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--Light-gradient-for-buttons);
	transition: all 0.4s;
	border-radius: 19px;
}

.light-fade .fade-gradient:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	transition: all 0.4s;
	border-radius: 19px;
	opacity: 0;
}

.light-fade.-small .fade-container,
.light-fade.-small .fade-border,
.light-fade.-small .fade-border:before,
.light-fade.-small .fade-border:after,
.light-fade.-small .fade-gradient,
.light-fade.-small .fade-gradient:before,
.light-fade.-small .fade-gradient:after {
	border-radius: 11px;
}


/* use-case-card */

.use-case-card {
	gap: 20px
		/* 1.389vw*/
	;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

	border-radius: 32px
		/*2.222vw*/
	;
	padding: 32px
		/*2.222vw*/
	;
	background: var(--Light-grey);
}

.use-case-card .img,
.use-case-card .img img {
	width: 100%;
	display: block;
	aspect-ratio: 1/1;
}

.use-case-card .title {
	margin-top: auto;
	text-align: center;
}

/* checkout-card */

.checkout-card {
	position: relative;
	border-radius: 40px
		/*2.778vw*/
	;
	background: var(--Light-grey);
	overflow: hidden;
	width: 632px;
}

.checkout-card__main-info {
	position: relative;
	transition: opacity 0.4s;
}

.checkout-card__main-info .img,
.checkout-card__main-info .img img {
	width: 100%;
	display: block;
	aspect-ratio: 23/15;
}

.checkout-card__main-info,
.checkout-card__additional-info {
	display: flex;
	flex-direction: column;
	padding: 40px 40px 128px 40px;
	/* padding: 2.778vw 2.778vw 8.889vw 2.778vw; */
	gap: 24px
		/*1.667vw*/
	;
}

.checkout-card__additional-info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: opacity 0.4s;
	pointer-events: none;
	opacity: 0;
	gap: 0;
}

.checkout-card__additional-info .info-wrapper {
	max-height: 408px;
	overflow: hidden;
	height: 100%;
	padding-right: 20px;
	padding-top: 12px;
	margin-top: 12px;
}

/* .checkout-card__additional-info .info-wrapper__inner {
	padding-bottom: 3.33vw;
} */

.checkout-card__additional-info .info-wrapper p {
	opacity: 0.6;
}

.checkout-card__additional-info .info-wrapper p+p {
	margin-top: 24px
		/*1.667vw*/
	;
}

.checkout-card__additional-info .info-wrapper .os-padding::before {
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 24px
		/*0.833vw*/
	;
	background: linear-gradient(to top, rgba(238, 242, 246, 0.00) 0%, #EEF2F6 100%);
}

.checkout-card__additional-info .info-wrapper .os-padding::after {
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 48px
		/*3.333vw*/
	;
	background: linear-gradient(180deg, rgba(238, 242, 246, 0.00) 0%, #EEF2F6 100%);
}

.checkout-card__additional-info .info-wrapper p:last-child {
	padding-bottom: 48px;
}


.checkout-card__plus {
	position: absolute;
	right: 40px
		/* 2.778vw*/
	;
	bottom: 40px
		/*2.778vw*/
	;
	width: 64px
		/*4.444vw*/
	;
	border-radius: 20px
		/*1.389vw*/
	;
	aspect-ratio: 1/1;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--Light-grey);
}

.checkout-card__plus .inner {
	width: 20px
		/*1.389vw*/
	;
	aspect-ratio: 1/1;
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc5MV8xMDc0NikiPgo8cGF0aCBkPSJNMy4xMjUgMTBIMTYuODc1IiBzdHJva2U9IiMwRTBGMTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCAzLjEyNVYxNi44NzUiIHN0cm9rZT0iIzBFMEYxMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83OTFfMTA3NDYiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
	transition: opacity 0.4s, transform 0.4s;
}

.checkout-card__plus.light-fade .fade-border:after {
	background: var(--Grey);
}

.checkout-card.-active .checkout-card__main-info {
	opacity: 0;
	pointer-events: none;
}

.checkout-card.-active .checkout-card__additional-info {
	opacity: 1;
	pointer-events: auto;
}

.checkout-card.-active .fade-border:after,
.checkout-card.-active .fade-gradient:after {
	opacity: 1;
}

.checkout-card.-active .inner {
	transform: rotate(45deg);
	opacity: 0.5;
}

.checkout-card .os-scrollbar-track {
	top: 24px
		/*1.667vw*/
	;
}


/*article-preview*/

.article-preview {
	border: 1px solid var(--Grey);
	background: var(--Light-grey, #EEF2F6);
	color: var(--Black, #0E0F11);

	padding: 32px
		/*2.222vw*/
	;
	border-radius: 32px
		/*2.222vw*/
	;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	aspect-ratio: 77/95;
	transition: background 0.4s, opacity 0.4s;
}

.article-preview .title {
	margin-top: 32px
		/*2.222vw*/
	;
	transition: opacity 0.4s;
}

.article-preview .text {
	margin-top: 16px
		/*1.111vw*/
	;
	margin-bottom: 24px
		/*1.667vw*/
	;
	opacity: 0.6;
}

.article-preview__tags {
	display: flex;
	gap: 8px
		/*0.556vw*/
	;
	flex-wrap: wrap;
}

.article-preview__info {
	margin-top: auto;
	opacity: 0.5;
	display: flex;
	gap: 16px
		/*1.111vw*/
	;
}

.article-preview__info p {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px
		/*0.417vw*/
	;
}

.article-preview__info p:before {
	content: '';
	display: block;
	width: 14px
		/*0.972vw*/
	;
	aspect-ratio: 1/1;
}

.article-preview__info .time:before {
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc5MF83NjI4NSkiPgo8cGF0aCBkPSJNNy43NSAzLjkzNzVWMy4xODc1SDYuMjVWMy45Mzc1SDcuNzVaTTcgN0g2LjI1VjcuNzVIN1Y3Wk0xMC4wNjI1IDcuNzVIMTAuODEyNVY2LjI1SDEwLjA2MjVWNy43NVpNMTEuOTM3NSA3QzExLjkzNzUgOS43MjY5MSA5LjcyNjkxIDExLjkzNzUgNyAxMS45Mzc1VjEzLjQzNzVDMTAuNTU1MyAxMy40Mzc1IDEzLjQzNzUgMTAuNTU1MyAxMy40Mzc1IDdIMTEuOTM3NVpNNyAxMS45Mzc1QzQuMjczMDkgMTEuOTM3NSAyLjA2MjUgOS43MjY5MSAyLjA2MjUgN0gwLjU2MjVDMC41NjI1IDEwLjU1NTMgMy40NDQ2NyAxMy40Mzc1IDcgMTMuNDM3NVYxMS45Mzc1Wk0yLjA2MjUgN0MyLjA2MjUgNC4yNzMwOSA0LjI3MzA5IDIuMDYyNSA3IDIuMDYyNVYwLjU2MjVDMy40NDQ2NyAwLjU2MjUgMC41NjI1IDMuNDQ0NjcgMC41NjI1IDdIMi4wNjI1Wk03IDIuMDYyNUM5LjcyNjkxIDIuMDYyNSAxMS45Mzc1IDQuMjczMDkgMTEuOTM3NSA3SDEzLjQzNzVDMTMuNDM3NSAzLjQ0NDY3IDEwLjU1NTMgMC41NjI1IDcgMC41NjI1VjIuMDYyNVpNNi4yNSAzLjkzNzVWN0g3Ljc1VjMuOTM3NUg2LjI1Wk03IDcuNzVIMTAuMDYyNVY2LjI1SDdWNy43NVoiIGZpbGw9IiMwRTBGMTEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83OTBfNzYyODUiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.article-preview__info .date:before {
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc5MF83NjMxMykiPgo8cGF0aCBkPSJNOS42MjUgMC40Mzc1VjIuMTg3NU00LjM3NSAwLjQzNzVWMi4xODc1TTEuMzEyNSA0LjgxMjVIMTIuNjg3NU0xLjgyOTU1IDEuMzEyNUgxMi4xNzA1QzEyLjQ1NiAxLjMxMjUgMTIuNjg3NSAxLjU0Mzk5IDEyLjY4NzUgMS44Mjk1NVYxMi4xNzA1QzEyLjY4NzUgMTIuNDU2IDEyLjQ1NiAxMi42ODc1IDEyLjE3MDUgMTIuNjg3NUgxLjgyOTU1QzEuNTQzOTkgMTIuNjg3NSAxLjMxMjUgMTIuNDU2IDEuMzEyNSAxMi4xNzA1VjEuODI5NTVDMS4zMTI1IDEuNTQzOTkgMS41NDM5OSAxLjMxMjUgMS44Mjk1NSAxLjMxMjVaIiBzdHJva2U9IiMwRTBGMTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzkwXzc2MzEzIj4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

.article-tag {
	border-radius: 8px
		/*0.556vw*/
	;
	border: 1px solid var(--purple-20, rgba(113, 78, 255, 0.20));
	background: var(--purple-10, rgba(113, 78, 255, 0.10));
	color: var(--Purple, #714EFF);
	padding: 8px
		/*0.556vw*/
		12px
		/*0.833vw*/
	;
}

.article-preview .img,
.article-preview .img img {
	display: block;
	width: 100%;
	aspect-ratio: 48/31;
	border-radius: 16px
		/*1.111vw*/
	;
	transition: transform 0.4s;
	overflow: hidden;
}

.article-preview.-img {
	padding: 16px
		/*1.111vw*/
	;
	aspect-ratio: auto;
	background: var(--White);
}

.article-preview.-img .img {
	margin-bottom: 24px
		/*1.667vw*/
	;
}

.article-preview.-img .title {
	margin-top: 24px
		/*1.667vw*/
	;
}

.article-preview.-img .text {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.article-preview.-img .content {
	padding: 0 16px
		/*1.111vw*/
		16px
		/*1.111vw*/
		16px
		/*1.111vw*/
	;
}

.article-preview.-disable {
	opacity: 0.4;
	pointer-events: none;
}


.article-preview.-big {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	padding: 16px
		/*1.111vw*/
	;
	gap: 40px
		/*2.778vw*/
	;
	width: 100%;
	aspect-ratio: auto;
	background: var(--White);
}


.article-preview.-big .img,
.article-preview.-big .img img {
	aspect-ratio: 150/97;
	border-radius: 24px
		/*1.667vw*/
	;
	width: 100%;
}

.article-preview.-big .img {
	width: 50%;
	min-width: 50%;
}

.article-preview.-big .content {
	padding: 0 24px
		/*1.667vw*/
		0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.article-preview.-big .content .text {
	max-width: 80%;
}

.article-preview.-big .article-preview__info {
	margin-top: 0;
}

.article-preview.-big .text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* widget */

.widget {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	border-radius: 20px;
	border: 1px solid var(--White, #FFF);
	background: var(--white-70, rgba(255, 255, 255, 0.70));
	width: fit-content;
	box-sizing: border-box;
}

.widget .img {
	width: 48px;
}

.widget .img img {
	display: block;
	width: 100%;
	;
}

.widget .img.--rounded img {
	border-radius: 14px
}

.title .widget {
	position: relative;
	z-index: -1;
	display: inline-flex;
	vertical-align: middle;
}

.title .widget.-bigger {
	vertical-align: bottom;
}

.widget.-full-width .img {
	width: 100%;
}

.widget.-full-width {
	padding: 0;
}

.widget.-full-width {
	width: 64px;
}

.widget.-multiple:not(.-contain) {
	border: 1px solid var(--White, #FFF);
	background: var(--white-70, rgba(255, 255, 255, 0.70));
}

.widget.-multiple:not(.-contain) .img {
	border-radius: 14px;
	border: 2px solid var(--White, #FFF);
	background: var(--Grey, #DAE1E7);
}

.widget.-multiple:not(.-contain) .img:not(:first-child) {
	margin-left: 8px;
}

.widget.-multiple:not(.-contain) .img img {
	border-radius: inherit;
}

.widget.-bigger {
	height: 96px;
	border-radius: 32px;
	border: 1px solid var(--White, #FFF);
	background: var(--white-70, rgba(255, 255, 255, 0.70));
	padding: 14px 16px;
}

.widget.-bigger img {
	display: block;
	height: 100%;
}

.widget.-bigger.-multiple {
	border-radius: 32px;
	border: 1px solid var(--White, #FFF);
	background: var(--white-70, rgba(255, 255, 255, 0.70));
	padding: 8px;
}

.widget.-bigger.-multiple img {
	display: block;
	height: 100%;
	border-radius: 24px;
}


.widget.-border img {
	border: 4px solid var(--White, #FFF);
}

.widget.-multiple img+img {
	margin-left: -12px;
}

.widget.-multiple .img+.img {
	margin-left: -9px !important;
}


.widget.-cta-hero {
	height: 96px;
	padding: 12px;
	border-radius: 32px;
}

.widget.-cta-hero .img {
	height: 100%;
	width: 100%;
}

.widget.-cta-hero .img.-small {
	height: 75%;
}

.widget.-widget-logo {
	display: none;
}

.widget.-cta-hero .img img {
	height: 100%;
	display: block;
	width: auto;
}


/* cta */

.cta {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 40px
		/*2.778vw*/
	;
	background: var(--Light-grey);
	padding: 67px
		/*4.653vw*/
		80px
		/*5.556vw*/
	;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.cta.-cta-hero {
	padding: 130px 56px;
}

.cta .bg {
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}

.cta .bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cta .title {
	margin-top: 16px
		/*1.111vw*/
	;
}



.cta.-cta-hero .title {
	margin-top: 0
}

.cta .text {
	margin-top: 24px
		/*1.667vw*/
	;
	color: var(--Black-70);
}

.cta .text.-cta-hero {
	margin-top: 40px;
}

.cta .button,
.cta .buttons-container {
	margin-top: 40px
		/*2.778vw*/
	;
}

.cta .buttons-container .button {
	margin: 0;
}

.section-tag {
	border-radius: 8px
		/*0.556vw*/
	;
	border: 1px solid var(--green-20, rgba(20, 183, 128, 0.20));
	background: var(--green-10, rgba(20, 183, 128, 0.10));
	color: var(--Green, #00CB87);
	width: fit-content;
	padding: 8px
		/*0.556vw*/
		12px
		/*0.833vw*/
	;
}



.cta.-form-cta {
	padding: 80px
		/*5.556vw*/
		56px
		/*3.889vw*/
	;
	text-align: left;
}

.cta__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row;
	gap: 16px
		/*1.111vw*/
	;
}

.cta__left {
	width: 40%;
	min-width: 40%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.cta__right {
	width: 100%;
}

.cta .cta__left .title {
	margin-top: 24px
		/*1.667vw*/
	;
}

.cta .cta__left .text {
	margin-top: 32px
		/*2.222vw*/
	;
}

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

.form-wrapper .form,
.form-wrapper .thanks-window {
	transition: opacity 0.4s
}

.form-wrapper.-valid .form {
	opacity: 0;
	pointer-events: none;
}

.form-wrapper.-valid .thanks-window {
	opacity: 1;
	pointer-events: auto;
}

.form-wrapper .thanks-window {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.thanks-window .img,
.thanks-window .img img {
	border-radius: 32px
		/*2.222vw*/
	;
	width: 96px
		/*6.667vw*/
	;
	aspect-ratio: 1/1;
	display: block;
}

.thanks-window .title {
	margin-top: 48px
		/*3.333vw*/
	;
	text-align: center;
}

.thanks-window .text {
	opacity: 0.8;
	margin-top: 24px
		/*1.667vw*/
	;
	text-align: center;
}

.cta-subscribe__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}

.subscribe-form {
	margin-top: 40px
		/*2.778vw*/
	;
	width: 440px
		/*30.556vw*/
	;
}

.subscribe-form .input {
	position: relative;
	margin: 0;
}

.subscribe-form .input__wrapper input {
	height: 72px
		/*5.000vw*/
	;
	padding: 8px
		/*0.556vw*/
		70px
		/*4.861vw*/
		8px
		/*0.556vw*/
		32px
		/*2.222vw*/
	;
}

.subscribe-form .submit,
.input.-search .submit {
	position: absolute;
	z-index: 1;
	width: 56px
		/*3.889vw*/
	;
	aspect-ratio: 1/1;
	top: 8px
		/*0.556vw*/
	;
	right: 8px
		/*0.556vw*/
	;
	border-radius: 16px
		/*1.111vw*/
	;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--Black);
	cursor: pointer;
	border: none;
}

.subscribe-form .submit:before,
.input.-search .submit:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: var(--Dark-gradient-for-buttons, radial-gradient(75.69% 100% at 50% 0%, #34383F 16.88%, #0E0F11 100%));
	transition: opacity 0.4s;
}

.subscribe-form .submit img {
	width: 20px
		/*1.389vw*/
	;
}

.subscribe-form .text {
	margin-top: 24px
		/*1.667vw*/
	;
	color: var(--Black-70);
	text-align: center;
	text-transform: none;
}

.cta .buttons-container {
	display: flex;
	align-items: center;
	gap: 16px
		/*1.111vw*/
	;
}

.cta-buttons {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px;
	margin-top: 40px;
}

.cta-buttons .button {
	margin-top: 0;
	width: 100%;
	grid-column: span 6;
}

/* logo-card */
.logo-card {
	border-radius: 28px;
	border: 1px solid var(--Grey, #DAE1E7);
	background-color: var(--White, #FFF);
	padding: 8px 24px 8px 8px;
	display: flex;
	align-items: center;
	gap: 16px;

}

.logo-card img {
	width: 64px;
	aspect-ratio: 1/1;
	border-radius: 20px;
}


/* footer */

.footer {
	padding-top: 80px
		/*5.556vw*/
	;
	width: 100%;
}

.footer__top-wraper {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px
		/*1.111vw*/
	;
}

.footer__img {
	width: 100%;
	margin-top: -70px;
	pointer-events: none;
	padding: 0;
}

.footer__img img {
	display: block;
	width: 100%;
}

.footer__col {
	grid-column: span 3;
}

.footer__col:last-child {
	grid-column: span 2;
}

.footer__col.-contacts {
	grid-column: span 4;
}

.footer__col .title {
	opacity: 0.3;
	margin-bottom: 24px
		/*1.667vw*/
	;
}

.socials-list {
	display: flex;
	gap: 8px
		/*0.556vw*/
	;
}

.socials-list a {
	border-radius: 20px
		/*1.389vw*/
	;
	width: 64px
		/*4.444vw*/
	;
}

.footer__col .mail {
	margin-top: 40px
		/*2.778vw*/
	;
}

.footer__col.-contacts .menu {
	margin-top: 40px
		/*2.778vw*/
	;
}

.footer__col .link {
	display: flex;
	width: fit-content;
}

.footer__col .link.-disabled {
	pointer-events: none;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--Black-30);
}

.footer__col .menu a+a {
	margin-top: 20px
		/*1.389vw*/
	;
}

.footer__col .separator {
	opacity: 0.15;
	height: 1px;
	background: var(--Black);
	width: 160px
		/*11.111vw*/
	;
	margin: 20px
		/*1.389vw*/
		0;
}

.footer__bottom-wraper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 80px
		/*5.556vw*/
	;
}

.footer__bottom-wraper .copyright {
	opacity: 0.3;
}

.footer__bottom-wraper .goodface .text {
	opacity: 0.3;
}

.footer__bottom-wraper .goodface {
	padding-right: 20px
		/*1.389vw*/
	;
}

.footer__col .mobile-menu {
	display: none;
}

/* header */

.header {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 16px
		/*1.111vw*/
	;
}

.header__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__bg {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(8, 28, 69, 0.2);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.7s;
}

.header .logo {
	position: relative;
	height: 40px
		/*2.778vw*/
	;
	transition: opacity 0.4s;
}

.header .logo img {
	width: auto;
	height: 100%;
	display: block;
	transition: opacity 0.4s;
}

.header .logo img:last-child {
	position: absolute;
	left: 0;
	top: 0;
	transition: transform 0.4s;
}

.header.-scrolled .logo img:last-child {
	transition-delay: 0.4s;
	transform: scale(1.3);
}


.header__right-wrapper {
	position: relative;
	z-index: 11;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px
		/*0.556vw*/
	;
	padding: 8px
		/*0.556vw*/
	;
	border-radius: 20px
		/*1.389vw*/
	;
	transition: background 0.7s, filter 0.7s;
}

.header__right-wrapper .button-container {
	position: relative;
	display: flex;
}

.header__right-wrapper .button-container .button {
	transition: opacity 0.4s;
}

.header__right-wrapper .button-container .button:last-child {
	position: absolute;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.header__menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px
		/*0.556vw*/
	;
}

.header__menu.mobile {
	display: none !important;
}

.header__menu-item:not(.-has-child),
.header__menu-item .header__dropdown-parent {
	padding: 13px
		/*0.903vw*/
		16px
		/*1.111vw*/
	;
	border-radius: 12px
		/*0.833vw*/
	;
	transition: background 0.4s;
	color: var(--Black);
	position: relative;
}


.header__menu-item:not(.-has-child) .text,
.header__menu-item .header__dropdown-parent .text {
	transition: .4s;
}

.header__menu-item:not(.-has-child) .disable-text,
.header__menu-item .header__dropdown-parent .disable-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: .4s;
}

div.header__menu-item.-disable {
	cursor: default;
}


.header__dropdown-parent {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	gap: 8px
		/*0.556vw*/
	;
	user-select: none;
}

.header__dropdown-parent .plus {
	position: relative;
	width: 14px
		/*0.972vw*/
	;
	aspect-ratio: 1/1;
	opacity: 0.5;
	transition: opacity 0.4s;
}

.header__dropdown-parent .plus span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgN0gxMSIgc3Ryb2tlPSIjMEUwRjExIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMSA3TDMgNyIgc3Ryb2tlPSIjMEUwRjExIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
	transition: transform 0.4s;
}

.header__dropdown-parent .plus span:last-child {
	transform: rotate(90deg) translateZ(0);
}

.header__dropdown-parent>span {
	padding-top: 1px
		/*0.069vw*/
	;
}

.header__dropdown-childlist {
	position: absolute;
	left: 0;
	top: 100%;
	transform: translateY(8px
			/*0.556vw*/
		);
	width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: transform 0.4s, opacity 0.4s;
	background: var(--white-70, rgba(255, 255, 255, 0.70));
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
	border-radius: 20px
		/*1.389vw*/
	;
}

.header__dropdown-childlist-inner {

	padding: 32px
		/*2.222vw*/
	;

	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px
		/*0.833vw*/
	;
}

.header__dropdown-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px
		/*0.833vw*/
	;
	border-radius: 12px
		/*0.833vw*/
	;
	padding: 4px
		/*0.278vw*/
	;
	color: var(--Black);
	background: var(--white-50, rgba(255, 255, 255, 0.50));
	transition: background 0.4s;
}

.header__dropdown-item .text {
	transition: opacity 0.4s;
}

.header__dropdown-item .img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px
		/*2.778vw*/
	;
	aspect-ratio: 1/1;
	border-radius: 8px
		/*0.556vw*/
	;
	background: var(--White, #FFF);
}

.header__dropdown-item .img img {
	display: block;
	width: 20px
		/*1.389vw*/
	;
	aspect-ratio: 1/1;
}

.header__dropdown-item.-target .text {
	display: flex;
	justify-content: flex-start;
	gap: 12px
		/*0.833vw*/
	;
}

.header__dropdown-item.-target .text:after {
	content: '';
	display: block;
	width: 14px
		/*0.972vw*/
	;
	aspect-ratio: 1/1;
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAxMC41TDEwLjUgMy41TTEwLjUgMy41SDQuMjQzNzVNMTAuNSAzLjVWOS43NTYyNSIgc3Ryb2tlPSIjMEUwRjExIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.header__dropdown-item.-disable {
	pointer-events: none;
}

.header__dropdown-item.-disable .text {
	opacity: 0.3;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 165px;
}

.article-tag.-soon {
	padding: 2px 4px;
	border-radius: 4px;

}

.header__dropdown-item .article-tag.-soon {
	margin-left: -4px;
}

.header__dropdown.-active .header__dropdown-parent .plus {
	opacity: 1;
}

.header__dropdown.-active .header__dropdown-parent .plus span:last-child {
	transform: rotate(0);
}

.header__dropdown.-active .header__dropdown-parent {
	background: var(--White);
}

.header__dropdown.-active .header__dropdown-childlist {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(8px);
}

.header.-open-menu {
	padding-right: var(--scrollbar-width);
}

.header.-open-menu .header__bg {
	opacity: 1;
	pointer-events: auto;
}

.header__right-wrapper:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	background: var(--white-70, rgba(255, 255, 255, 0.70));
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
	border-radius: inherit;
	opacity: 0;
	transition: opacity 0.4s;
}

.header.-open-menu .header__right-wrapper:before {
	opacity: 1;
}

.header.-open-menu .header__right-wrapper .button-container .button:first-child {
	opacity: 0;
	pointer-events: none;
}

.header.-open-menu .header__right-wrapper .button-container .button:last-child {
	opacity: 1;
	pointer-events: auto;
}

.header__menu-opener {
	display: none;
}

.header.-scrolled .logo img:first-child {
	opacity: 0;
	pointer-events: none;
}

.header.-scrolled .logo img:last-child {
	opacity: 1;
	pointer-events: auto;
}

.header.-scrolled .header__right-wrapper:before {
	opacity: 1;
}

.header.-scrolled .header__right-wrapper .button-container .button:first-child {
	opacity: 0;
	pointer-events: none;
}

.header.-scrolled .header__right-wrapper .button-container .button:last-child {
	opacity: 1;
	pointer-events: auto;
}

/* paralax-cols-section */

.parallax-cols-section {
	position: relative;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.parallax-cols__wrapper {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	padding: 0 80px;
	gap: 16px;
}

.parallax-cols-section:before,
.parallax-cols-section:after {
	content: '';
	position: absolute;
	background: var(--Light-grey, #EEF2F6);
	height: 308px;
	width: 64px;
}

.parallax-cols-section:before {
	left: 0;
	border-radius: 0 min(32px, 2.222vw) min(32px, 2.222vw) 0;
	top: min(260px, 18.056vw);
}

.parallax-cols-section:after {
	border-radius: min(32px, 2.222vw) 0 0 min(32px, 2.222vw);
	right: 0;
	top: min(23.889vw, 344px);
}

.parallax-col {
	grid-column: span 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 16px;
	width: 100%;
}

.parallax-cols__wrapper.mob {
	display: none;
}

.parallax-col:nth-child(1) {
	margin-top: min(136px, 9.444vw);
}

.parallax-col:nth-child(3) {
	margin-top: min(88px, 6.111vw);

}

.parallax-col:nth-child(4) {
	margin-top: min(188px, 13.056vw);
}

.parallax-item {
	border-radius: min(32px, 2.222vw);
	overflow: hidden;
	width: 100%;
}

.parallax-item>img {
	border-radius: inherit;
	display: block;
	width: 100%;
}

.parallax-item.-text {
	padding: min(32px, 2.222vw);
	background: var(--Light-grey, #EEF2F6);
	aspect-ratio: 1/1;
	display: flex;
	flex-direction: column;
}

.parallax-item .icon {
	aspect-ratio: 1/1;
	border-radius: min(24px, 1.667vw);
	background: var(--white-70, rgba(255, 255, 255, 0.70));
	width: min(72px, 5.000vw);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 24px;
}

.parallax-item .icon img {
	width: min(24px, 1.667vw);
	aspect-ratio: 1/1;
	display: block;
}

.parallax-item .icon.-big img {
	width: 32px;
}

.parallax-item .title {
	margin: auto 0 0 0;
}

.parallax-item .text {
	margin-top: min(12px, 0.833vw);
	opacity: 0.5;
}

.parallax-item .desc.-mt-auto {
	margin-top: auto;
}

.parallax-item.-purple {
	background: var(--Purple, #714EFF);
	color: var(--White);
}

.parallax-item.-bright-green .text {
	opacity: 0.7;
}

.parallax-item.-purple .desc,
.parallax-item.-bright-green .desc {
	opacity: 1;
}


.parallax-item.-purple .icon,
.parallax-item.-bright-green .icon {
	background-color: var(--White);
}

.parallax-item.-bright-green {
	background: var(--Bright-green, #0CFFC4);
}

.parallax-item.-conveyers {
	background: var(--Purple, #714EFF);
	padding: min(38px, 2.639vw) 0;
	color: var(--White);
	pointer-events: none;
}

.parallax-item.-conveyers .conveyor-belt__belt+.conveyor-belt__belt {
	margin-top: min(20px, 1.389vw);
}

.parallax-item.-conveyers .payment-method-card {
	margin-right: min(8px, 0.556vw);
}


/* text-section */

.text-section {
	padding: 80px 0 0 0;
}

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

.text-section.-center .section-tag {
	margin: 0 auto;
}

.text-section.-center .title {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}


.text-section.-bigpt {
	padding: 120px 0 0 0;
}

.text-section .title {
	margin-top: 24px
		/*1.667vw*/
	;
}

.text-section .title.-parallax {
	margin-bottom: 80px;
}

.text-section .text {
	margin-top: 40px
		/*2.778vw*/
	;
	color: var(--Black-70);
	max-width: 632px
		/*43.889vw*/
	;
}

.text-section.-smaller-inner-margin .text {
	margin-top: 24px;
}

/* Conveyor */

.conveyor-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.conveyor-belt__belt {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	overflow: hidden;
	user-select: none;
}

.conveyor-belt__belt-part {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.conveyor-belt__belt.-in-viewport .conveyor-belt__belt-part {
	animation-play-state: running !important;
}

.conveyor-belt__belt .conveyor-belt__belt-part {
	animation-play-state: paused !important;
}

.conveyor-belt__belt.-reverse {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

@keyframes conveyor-part {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-100%);
	}
}

@keyframes conveyor-part-reverse {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(100%);
	}
}


/* scrolled-slider */

.scrolled-slider {
	padding-bottom: 40px;
}

.scrolled-slider__container {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 60px;
	padding: 80px 0;
	align-items: center;
}

.scrolled-slider__container.-mob {
	display: none;
}

.scrolled-slider__img {
	position: relative;
	grid-column: span 6;
	width: 100%;
	border-radius: 32px;
	background: var(--Light-grey, #EEF2F6);
	height: fit-content;
	max-height: 80vh;
	aspect-ratio: 79/85;

	display: flex;
	justify-content: center;
	align-items: center;
}

.scrolled-slider__img img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	max-height: 100%;
	opacity: 0;
	transition: opacity 0.4s;
	object-fit: contain;
}

.scrolled-slider__img img.-active {
	opacity: 1;
	position: relative;
}

.scrolled-slider__wrapper {
	grid-column: span 6;
	padding: 32px 0;
}

.scrolled-slider__item {
	cursor: pointer;
	position: relative;
	padding-left: 64px;
}

.scrolled-slider__item .title {
	position: static;
	z-index: 2;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	pointer-events: none;
}

.scrolled-slider__item .title .text {
	transition: opacity 0.7s;
}

.scrolled-slider__item .title:before {
	content: '';
	display: block;
	width: 8px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	position: absolute;
	left: 16px;
	background: var(--Grey, #DAE1E7);
	pointer-events: none;
	transition: background 0.7s;
}

.scrolled-slider__item .text-overflow {
	position: relative;
	z-index: -1;
	transition: height 0.7s;
	height: 0;
	overflow: hidden;
	max-width: 540px;
}

.scrolled-slider__item .text-overflow:after {
	content: '';
	display: block;
	width: 100%;
	height: 20px;
	background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
	position: absolute;
	left: 0;
	bottom: 0;
	transition: opacity 0.4s;
}

.scrolled-slider__item .text-overflow p {
	padding-top: 24px;
	color: var(--Black-70);
}

.scrolled-slider__item+.scrolled-slider__item {
	margin-top: 40px;
}

.scrolled-slider__item.-active .title:before {
	background: var(--Purple, #714EFF);
}

.scrolled-slider__item.-active .text-overflow:after {
	transition-delay: 0.6s;
	opacity: 0;
}

.scrolled-slider__item.-active .title {
	pointer-events: auto;
}

.scrolled-slider__item.-active {
	cursor: auto;
}




/* adaptive styles */

@media screen and (min-width: 1600px) {
	.parallax-cols-section:before {
		border-radius: min(32px, 2.222vw);
	}

	.parallax-cols-section:after {
		border-radius: min(32px, 2.222vw);
	}
}

@media screen and (max-width: 1260px) {
	.parallax-item.-text {
		aspect-ratio: auto;
	}
}

@media screen and (max-width: 1100px) {
	.input.-search .submit {
		width: 48px;
	}
}

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

	.light-fade .fade-container,
	.light-fade .fade-border,
	.light-fade .fade-border:before,
	.light-fade .fade-border:after,
	.light-fade .fade-gradient,
	.light-fade .fade-gradient:before,
	.light-fade .fade-gradient:after {
		/* border-radius: 15px; */
		display: none;
	}

	.button.-white,
	.arrow.light-fade {
		border: 1px solid var(--Light-grey);
		background: var(--Light-gradient-for-buttons);
	}

	/* use-case-card */

	.use-case-card {
		gap: 20px
			/*clamp(16px, 5.128vw, 24px)*/
		;

		border-radius: 24px
			/*clamp(24px, 6.154vw, 28px)*/
		;
		padding: 27px
			/*clamp(23px, 6.923vw, 31px)*/
		;
		background: var(--Light-grey);
		width: 100%;
	}

	/* checkout-card */

	.checkout-card {
		position: relative;
		border-radius: 24px;
		/* clamp(20px, 6.154vw, 28px)*/
		width: 350px;
	}

	.checkout-card__main-info,
	.checkout-card__additional-info {
		display: flex;
		flex-direction: column;
		padding: 24px 24px 88px 24px;
		/* padding: clamp(20px, 6.154vw, 28px) clamp(20px, 6.154vw, 28px) clamp(84px, 22.564vw, 96px) clamp(20px, 6.154vw, 28px); */
		gap: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.checkout-card__additional-info {
		gap: 0;
	}

	.checkout-card__additional-info .info-wrapper {
		max-height: 296px;
		padding-right: 14px;
		padding-top: 8px;
		margin-top: 8px;
		/* max-height: clamp(296px, 75.897vw, 360px);
		padding-right: clamp(12px, 3.590vw, 14px);
		padding-top: clamp(4px, 2.051vw, 12px);
		margin-top: clamp(4px, 2.051vw, 12px); */

	}

	.checkout-card__additional-info .info-wrapper p+p {
		margin-top: 24px
			/*clamp(13px, 3.333vw, 16px)*/
		;
	}

	.checkout-card__additional-info .info-wrapper .os-padding::before {
		height: 8px;
		/* clamp(4px, 2.051vw, 12px) */
	}

	.checkout-card__additional-info .info-wrapper .os-padding::after {
		height: 48px;
		/* clamp(48px, 12.308vw, 52px) */
	}

	.checkout-card__additional-info .info-wrapper p:last-child {
		padding-bottom: 48px;
		/* clamp(48px, 12.308vw, 52px) */
	}


	.checkout-card__plus {
		right: 16px;
		bottom: 16px;
		width: 56px;
		border-radius: 14px;
		/* right: clamp(12px, 4.103vw, 20px);
		bottom: clamp(12px, 4.103vw, 20px);
		width: clamp(52px, 14.359vw, 60px);
		border-radius: clamp(14px, 4.487vw, 16px); */
	}

	.checkout-card__plus .inner {
		width: 17.5px;
		/* width: clamp(14px, 4.487vw, 20px); */
	}

	/*article-preview*/

	.article-preview {
		padding: 24px
			/*clamp(20px, 6.154vw, 28px)*/
		;
		border-radius: 24px
			/*clamp(20px, 6.154vw, 28px)*/
		;
		aspect-ratio: 33/37;
	}

	.article-preview .title {
		margin-top: 24px
			/*clamp(20px, 6.154vw, 28px)*/
		;
	}

	.article-preview .text {
		margin-top: 12px;
		/* clamp(8px, 3.077vw, 16px); */
		margin-bottom: 24px
			/*clamp(20px, 6.154vw, 28px)*/
		;
	}

	.article-preview__tags {
		gap: 6px
			/*clamp(3px, 1.538vw, 8px)*/
		;
	}

	.article-preview__info {
		gap: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.article-preview__info p {
		gap: 4px
			/*clamp(2px, 1.026vw, 6px)*/
		;
	}

	.article-preview__info p:before {
		width: 14px;
		/* clamp(10px, 3.590vw, 18px) */
	}

	.article-tag,
	.section-tag {
		border-radius: 8px;
		/* border-radius: clamp(4px, 2.051vw, 12px); */
		padding: 8px 12px;
		/* padding: clamp(6px, 2.051vw, 10px) clamp(8px, 3.077vw, 16px); */
	}


	.article-preview .img,
	.article-preview .img img {
		aspect-ratio: 318/205;
		border-radius: 12px;
		/*  clamp(8px, 3.077vw, 16px) */
	}

	.article-preview.-img,
	.article-preview.-big {
		padding: 16px;
		/* clamp(12px, 4.103vw, 20px) */
		gap: 0;
		flex-direction: column;
	}

	.article-preview.-img .img,
	.article-preview.-big .img {
		width: 100%;
		margin-bottom: 24px;
		/* clamp(20px, 6.154vw, 28px) */
	}

	.article-preview.-img .title {
		margin-top: 24px;
		/* clamp(20px, 6.154vw, 28px) */
	}


	.article-preview.-img .content,
	.article-preview.-big .content {
		padding: 0 8px 16px 8px;
		/* padding: 0 clamp(4px, 2.051vw, 12px) clamp(12px, 4.103vw, 20px) clamp(4px, 2.051vw, 12px); */
	}

	.article-preview.-big .img,
	.article-preview.-big .img img {
		aspect-ratio: 318/205;
		border-radius: 12px;
		/* clamp(8px, 3.077vw, 16px) */
	}

	.article-preview.-big .content {
		justify-content: flex-start;
	}

	.article-preview.-big .content .text {
		max-width: 100%;
	}

	.article-preview.-big .text {
		-webkit-line-clamp: 3;
	}


	/* widget */

	.title .widget {
		display: none;
	}

	.widget.-cta-hero {
		height: 80px;
		padding: 12px;
		border-radius: 27px;
	}

	.widget.-widget-logo {
		display: flex;
	}

	.widget.-bigger {
		height: 80px;
		border-radius: 26px;
		padding: 12px 14px;
	}

	.widget.-bigger.-multiple {
		border-radius: 26.667px;
		border: 0.833px solid var(--White, #FFF);
		background: var(--white-70, rgba(255, 255, 255, 0.70));
		padding: 7px;
	}

	.widget.-bigger.-multiple img {
		border-radius: 20px;

	}

	.widget.-border img {
		border: 3px solid var(--White, #FFF);
	}

	.widget.-bigger.-multiple img+img {
		margin-left: -8px;
	}


	/* cta */

	.cta {
		/* margin: 0 -20px !important; */
		border-radius: 24px;
		/* clamp(20px, 6.154vw, 28px); */
		padding: 56px
			/*clamp(56px, 14.359vw, 60px)*/
			20px
			/*clamp(16px, 5.128vw, 24px)*/
		;
	}

	.cta .title {
		margin-top: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.cta .text {
		margin-top: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.cta .button,
	.cta .buttons-container {
		margin-top: 32px
			/*clamp(28px, 8.205vw, 36px)*/
		;
	}



	.cta.-form-cta {
		padding: 56px
			/*clamp(52px, 14.359vw, 60px)*/
			20px
			/*clamp(16px, 5.128vw, 24px)*/
		;
	}

	.cta__wrapper {
		gap: 40px
			/*clamp(36px, 10.256vw, 44px)*/
		;
		flex-direction: column;
	}

	.cta__left {
		width: 100%;
		min-width: 100%;
		align-items: center;
		text-align: center !important;
	}

	.cta .cta__left .title {
		margin-top: 20px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.cta .cta__left .text {
		margin-top: 20px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.cta .submit {
		width: 100%;
	}

	.cta .text.-cta-hero {
		margin-top: 16px;
	}


	.form-wrapper {
		transition: height 0.7s;
	}

	.form-wrapper .thanks-window {
		height: auto;
	}

	.thanks-window .img,
	.thanks-window .img img {
		border-radius: 32px
			/*2.222vw*/
		;
		width: 96px
			/*6.667vw*/
		;
		aspect-ratio: 1/1;
	}

	.thanks-window .title {
		margin-top: 48px
			/*3.333vw*/
		;
	}

	.thanks-window .text {
		opacity: 0.8;
		margin-top: 24px
			/*1.667vw*/
		;
	}

	.cta .buttons-container {
		gap: 16px;
	}

	.cta.-cta-hero {
		padding: 40px 20px 102px;
	}

	.cta.-cta-hero .title {
		margin-top: 40px;
	}



	.subscribe-form {
		margin-top: 40px
			/*clamp(36px, 10.256vw, 44px)*/
		;
		width: 100%;
	}

	.subscribe-form .input__wrapper input {
		height: 64px
			/*clamp(60px, 16.410vw, 68px)*/
		;
		padding: 0 60px
			/*clamp(56px, 15.385vw, 64px)*/
			0 24px
			/*clamp(20px, 6.154vw, 28px)*/
		;
	}

	.subscribe-form .submit {
		width: 48px
			/*clamp(44px, 12.308vw, 52px)*/
		;
		top: 8px
			/*clamp(4px, 2.051vw, 12px)*/
		;
		right: 8px
			/*clamp(4px, 2.051vw, 12px)*/
		;
		border-radius: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}


	.subscribe-form .submit img {
		width: 20px
			/*clamp(16px, 5.128vw, 24px)*/
		;
	}

	.subscribe-form .text {
		margin-top: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	/* tabs  */

	.tab {
		height: 40px;
		padding: 0 20px;
	}


	/* footer */

	.footer {
		padding-top: 56px
			/*clamp(52px, 14.359vw, 60px)*/
		;
	}

	.footer__top-wraper {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px
			/*clamp(36px, 10.256vw, 44px)*/
		;
	}

	.footer__img {
		margin-top: 24px
			/*clamp(20px, 6.154vw, 28px)*/
		;
	}

	.footer__col {
		grid-column: span 1 !important;
	}

	.footer__col .title {
		margin-bottom: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.socials-list {
		gap: 8px
			/*clamp(4px, 2.051vw, 12px)*/
		;
	}

	.socials-list a {
		border-radius: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
		width: 48px
			/*clamp(44px, 12.308vw, 52px)*/
		;
	}

	.footer__col .mail {
		margin-top: 24px
			/*clamp(20px, 6.154vw, 28px)*/
		;
	}

	.footer__col.-contacts .menu {
		margin-top: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.footer__col .menu a+a {
		margin-top: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.footer__col .separator {
		width: 160px
			/*clamp(156px, 41.026vw, 164px)*/
		;
		margin: 16px
			/*clamp(12px, 4.103vw, 20px)*/
			0;
	}

	.footer__bottom-wraper {
		gap: 8px
			/*clamp(4px, 2.051vw, 12px)*/
		;
		margin-top: 40px;
		/* clamp(36px, 10.256vw, 44px) */
	}

	.footer__bottom-wraper .goodface {
		padding-right: 0;
	}

	.footer__col .pc-menu {
		display: none;
	}

	.footer__col .mobile-menu {
		display: block;
	}

	.footer__col .menu+.menu {
		margin-top: 40px
			/*clamp(36px, 10.256vw, 44px)*/
		;
	}

	.footer__col .link.-disabled .article-tag.-soon {
		font-size: 10px;
	}


	/* header */

	.header {
		padding: 8px
			/*clamp(4px, 2.051vw, 12px) clamp(8px, 3.077vw, 16px)*/

			/*12px*/
			!important;
	}

	.header .container {
		width: 100%;
	}

	.header__wrapper {
		position: relative;
		justify-content: flex-end;
		width: 100%;
	}

	.header .logo {
		position: absolute;
		left: 8px;
		/* clamp(4px, 2.051vw, 12px) */
		height: 40px;
		/* clamp(36px, 10.256vw, 44px) */
	}

	.header .logo img:first-child {
		display: none;
	}

	.header .logo img:last-child {
		position: relative;
		opacity: 1;
		pointer-events: auto;
	}

	.header.-scrolled .logo img:last-child {
		transform: scale(1);
	}

	.header__right-wrapper {
		gap: 8px
			/*clamp(4px, 2.051vw, 12px)*/
		;
		padding: 8px
			/*clamp(4px, 2.051vw, 12px)*/
		;
		border-radius: 20px
			/*clamp(16px, 5.128vw, 24px)*/
		;
		width: fit-content;
		transition: width 0.7s;
	}

	/* .header__right-wrapper .button-container .button:first-child {
		display: none;
	}

	.header__right-wrapper .button-container .button:last-child {
		position: relative;
		opacity: 1;
		pointer-events: auto;
	} */

	.header__menu {
		position: fixed;
		left: 12px
			/*clamp(8px, 3.077vw, 16px)*/
		;
		right: 12px
			/* clamp(8px, 3.077vw, 16px)*/
		;
		top: 72px
			/*clamp(68px, 18.462vw, 92px)*/
		;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.7s, transform 0.7s;

		flex-direction: column;

		border-radius: 20px;
		border-radius: clamp(16px, 5.128vw, 24px);
		background: var(--white-70, rgba(255, 255, 255, 0.70));
		backdrop-filter: blur(40px);
		-webkit-backdrop-filter: blur(40px);
		transform: translateY(20px);
		box-sizing: border-box;
		overflow: hidden;
	}

	.header__menu-container {
		max-height: calc(100vh - 72px - 20px);
		/* max-height: calc(100vh - clamp(68px, 18.462vw, 92px) - 20px); */
		overflow: auto;
		padding: 24px 16px;
		/* padding: clamp(20px, 6.154vw, 28px) clamp(12px, 4.103vw, 20px); */
		box-sizing: border-box;
	}

	.header__menu-item:not(.-has-child),
	.header__menu-item .header__dropdown-parent {
		padding: 0;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.header__menu-item .-disable {
		color: var(--Black-50);
	}

	.header__menu-item .-soon {
		font-size: 10px;
	}

	.header__menu-item+.header__menu-item {
		margin-top: clamp(20px, 6.154vw, 28px);
	}

	.header__menu-item {
		width: 100%;
	}

	.header__dropdown-parent {
		gap: 20px;
		width: 100%;
		justify-content: space-between;
		background: none !important;
	}

	.header__dropdown-parent .plus {
		width: 22px;
		/* width: clamp(18px, 5.641vw, 26px); */
	}


	.header__dropdown-childlist {
		position: relative;
		opacity: 1;
		top: 0;
		transform: none;
		transition: height 0.7s;
		background: none;
		backdrop-filter: none;
		border-radius: 0;
		height: 0;
		overflow: hidden;
		transition: height 0.7s;
	}

	.header__dropdown-childlist-inner {

		padding: 24px
			/*clamp(20px, 6.154vw, 28px)*/
			0 0 0;
		grid-template-columns: repeat(1, 1fr);
		gap: 12px
			/* clamp(8px, 3.077vw, 16px)*/
		;
	}

	.header__dropdown-item {
		gap: 12px
			/*clamp(8px, 3.077vw, 16px)*/
		;
		border-radius: 12px
			/*clamp(8px, 3.077vw, 16px)*/
		;
		padding: 4px;
		/* clamp(4px, 1.026vw, 6px)*/
	}

	.header__dropdown-item .img {
		width: 40px
			/*clamp(36px, 10.256vw, 44px)*/
		;
		border-radius: 8px
			/*clamp(4px, 2.051vw, 12px)*/
		;
	}

	.header__dropdown-item .img img {
		width: 20px
			/*clamp(16px, 5.128vw, 24px)*/
		;
	}

	.header__dropdown.-active .header__dropdown-childlist {
		transform: none;
	}

	.header__menu.pc {
		display: none !important;
	}

	.header__menu.mobile {
		display: block !important;
	}

	.header__right-wrapper:before {
		background: var(--white-70, rgba(255, 255, 255, 0.70));
		backdrop-filter: blur(40px);
		-webkit-backdrop-filter: blur(40px);
	}

	.header__menu-opener {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
		border-radius: 12px
			/*clamp(8px, 3.077vw, 16px)*/
		;
		height: 40px;
		/* clamp(36px, 10.256vw, 44px) */
		gap: 8px;
		/* clamp(4px, 2.051vw, 12px) */
		transition: width 0.7s, background 0.4s;
		width: 100%;
	}

	.header__menu-opener .burger {
		position: relative;
		width: 16px;
		/* clamp(12px, 4.103vw, 20px) */
		aspect-ratio: 1/1;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: opacity 0.4s;
	}

	.header__menu-opener .burger span {
		position: absolute;
		width: 100%;
		aspect-ratio: 1/1;
		transition: transform 0.4s;
		background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgOEgxNCIgc3Ryb2tlPSIjMEUwRjExIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
	}

	.header__menu-opener .burger span:first-child {
		transform: translateY(3px);
	}

	.header__menu-opener .burger span:last-child {
		transform: translateY(-3px);
	}

	.header__menu-opener .text {
		transition: opacity 0.4s;
	}

	.header.-open-menu .header__menu {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	.header.-open-menu .header__menu-opener .burger,
	.header.-open-menu .header__menu-opener .text {
		opacity: 0.5;
	}

	.header.-open-menu .burger span:first-child {
		transform: rotate(-45deg) translateY(0);
	}

	.header.-open-menu .burger span:last-child {
		transform: rotate(45deg) translateY(0);
	}

	.header.-open-menu .header__right-wrapper {
		width: 100% !important;
	}

	.header.-open-menu .header__menu-opener,
	.header.-scrolled .header__menu-opener {
		background: var(--White, #FFF);
	}

	.header.-open-menu .logo {
		opacity: 0;
	}



	/* paralax-cols-section */

	.parallax-cols__wrapper {
		padding: 0 clamp(18px, 5.128vw, 22px);
		gap: clamp(6px, 2.051vw, 10px);
	}

	.parallax-cols__side {
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.parallax-cols__side .left,
	.parallax-cols__side .right {
		position: absolute;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: clamp(6px, 2.051vw, 10px);
	}


	.parallax-cols-section:before,
	.parallax-cols-section:after {
		display: none;
		height: clamp(212px, 55.385vw, 220px);
		width: clamp(10px, 3.077vw, 14px);
	}

	.parallax-cols__side .left {
		left: 0;
		top: clamp(94px, 24.615vw, 98px);
	}

	.parallax-cols__side .right {
		right: 0;
		top: clamp(126px, 32.821vw, 130px);
	}

	.parallax-cols__side .left:before,
	.parallax-cols__side .left:after {
		content: '';
		display: block;
		background: var(--Light-grey, #EEF2F6);
		height: clamp(212px, 55.385vw, 220px);
		width: clamp(10px, 3.077vw, 14px);
		border-radius: 0 clamp(14px, 4.103vw, 18px) clamp(14px, 4.103vw, 18px) 0;
	}

	.parallax-cols__side .right:before,
	.parallax-cols__side .right:after {
		content: '';
		display: block;
		background: var(--Light-grey, #EEF2F6);
		height: clamp(212px, 55.385vw, 220px);
		width: clamp(10px, 3.077vw, 14px);
		border-radius: clamp(14px, 4.103vw, 18px) 0 0 clamp(14px, 4.103vw, 18px);
	}

	.parallax-col {
		gap: clamp(6px, 2.051vw, 10px);
	}

	.parallax-item {
		border-radius: clamp(14px, 4.103vw, 18px);
	}

	.parallax-item.-text {
		aspect-ratio: auto;
		padding: clamp(14px, 4.103vw, 18px)
			/*16px*/
		;
	}

	.parallax-item .icon {
		border-radius: clamp(14px, 4.308vw, 17px);
		width: clamp(54px, 14.359vw, 58px);
		height: clamp(54px, 14.359vw, 58px);
		margin-bottom: 10px;
	}

	.parallax-item .icon img {
		width: clamp(18px, 5.128vw, 22px);
	}

	.parallax-item .text {
		margin-top: clamp(6px, 2.051vw, 10px);
	}

	.parallax-item.-conveyers {
		padding: clamp(14px, 4.103vw, 17px) 0;
	}

	.parallax-item.-conveyers .conveyor-belt__belt+.conveyor-belt__belt {
		margin-top: clamp(10px, 3.077vw, 13px);
	}

	.parallax-item.-conveyers .conveyor-belt__belt p {
		font-size: 12.088px;
		font-weight: 600;
		line-height: 140%;
		letter-spacing: 0.302px;
	}

	.parallax-item.-conveyers .payment-method-card {
		margin-right: clamp(4px, 1.282vw, 6px);
	}


	/* text-section */

	.text-section,
	.text-section.-bigpt {
		padding: 64px 0 20px 0;
		/* padding: clamp(60px, 16.410vw, 68px) 0 clamp(16px, 5.128vw, 24px) 0; */
	}

	.text-section.--smallpt {
		padding: 40px 0 20px 0;
	}

	.text-section .title {
		margin-top: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.text-section .title.-parallax {
		margin-bottom: 50px;
	}

	.text-section .text {
		margin-top: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
		max-width: 632px;
	}

	/* .slider-navigation */
	.slider-navigation .arrow {
		border-radius: 16px;
	}

	/* logo-card */
	.logo-card {
		border-radius: 16px;
		padding: 6px 20px 6px 6px;
		gap: 12px;
	}

	.logo-card img {
		width: 32px;
		border-radius: 10px;
	}

	.swiper-pagination {
		position: relative;
		left: auto;
		bottom: auto;
		border-radius: 80px;
		border: 1px solid var(--Light-grey, #EEF2F6);
		padding: 11px;
		gap: 6px;
		margin: 24px auto 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		width: fit-content !important;
	}

	.swiper-pagination-bullet {
		width: 6px;
		border-radius: 50%;
		aspect-ratio: 1/1;
		height: auto;
		opacity: 1 !important;
		background: var(--Grey, #DAE1E7);
		margin: 0 !important;
		transition: background 0.4s;
	}

	.swiper-pagination-bullet-active {
		background: var(--Purple, #714EFF);
	}


	.cta-buttons {
		margin-top: 32px;
	}

	.cta-buttons .button {
		margin-top: 0;

	}

}

@media screen and (max-width: 760px) {
	.cta .buttons-container {
		flex-direction: column;
		gap: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
		width: 100%;
	}

	.cta .buttons-container .button {
		min-width: 220px;
	}


	/* footer */

	.footer__top-wraper {
		grid-template-columns: repeat(1, 1fr);
	}

	.footer__col {
		grid-column: span 1 !important;
	}

	.footer__bottom-wraper {
		flex-direction: column;
		align-items: flex-start;
	}

	/* parallax section */

	.parallax-cols__wrapper {
		grid-template-columns: repeat(12, 1fr);
	}

	.parallax-cols__wrapper.pc {
		display: none;
	}

	.parallax-cols__wrapper.mob {
		display: grid;
	}

	.parallax-col:nth-child(1) {
		margin: 0;
	}

	.parallax-col:nth-child(2) {
		margin: clamp(38px, 10.256vw, 42px) 0 0 0;
	}

	.parallax-cols__wrapper .parallax-col {
		grid-column: span 6;
	}

	.parallax-item.-text {
		aspect-ratio: 19/24;
	}

	.parallax-item .icon.-big img {
		width: 24px;
	}

	/* scrolled slider*/


	.scrolled-slider {
		overflow: hidden;
	}

	.scrolled-slider__container.-pc {
		display: none;
	}

	.scrolled-slider__container.-mob {
		display: block;
	}

	.scrolled-slider__container {
		padding: 40px 0 0 0;
	}

	.scrolled-slider__container .slider {
		position: relative;
	}

	.scrolled-slider__slide {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}

	.scrolled-slider__slide .img {
		border-radius: 24px;
		background: var(--Light-grey, #EEF2F6);
		width: 100%;
	}

	.scrolled-slider__slide .img img {
		display: block;
		width: 100%;
	}

	.scrolled-slider__slide .title {
		margin-top: 24px;
	}

	.scrolled-slider__slide .text {
		margin-top: 16px;
		color: var(--Black-70);
		;
		text-align: center;
	}

	.scrolled-slider__slide .button {
		margin-top: 24px;
		width: 100%;
	}

	.swiper-pagination {
		position: relative;
		left: auto;
		bottom: auto;
		border-radius: 80px;
		border: 1px solid var(--Light-grey, #EEF2F6);
		padding: 11px;
		gap: 6px;
		margin: 24px auto 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		width: fit-content !important;
	}

	.swiper-pagination-bullet {
		width: 6px;
		border-radius: 50%;
		aspect-ratio: 1/1;
		height: auto;
		opacity: 1 !important;
		background: var(--Grey, #DAE1E7);
		margin: 0 !important;
		transition: background 0.4s;
	}

	.swiper-pagination-bullet-active {
		background: var(--Purple, #714EFF);
	}


	.cta-buttons {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.cta-buttons .button {
		width: 100%;
		grid-column: span 6;
	}
}

• [D] .idea
• [D] lib
• [D] ui-kit
• [F] adaptive.css
  Delete
• [F] hovers.css
  Delete
• [F] styles.css
  Delete
• [F] ui-blocks.css
  Delete
• [F] ui-kit.css
  Delete