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

/* .header */

.header {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	background: var(--shark-shark-600);
	transition: top 0.4s, background 0.4s;
}

html.-scroll-lock .header {
	right: var(--scrollbar-width);
}

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

.header .logo {
	position: relative;
	height: 40px;
}

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

.header .logo img:last-child {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.header.-light {
	background: var(--white, #FFF);
}

.header.-light .logo img:last-child {
	opacity: 1;
}

.header.-light .logo img:first-child {
	opacity: 0;
}

/** conveyor belt */

body.-has-conveyor .header {
	top: 40px;
}


body.-has-conveyor .header.-after-scroll {
	top: 0;
}

html.-scroll-lock .conveyor-container {
	right: var(--scrollbar-width);
}

.conveyor-container {
	position: relative;
	width: 100%;
	height: 40px;
	background: var(--accent, #512CCC);
	color: var(--white, #FFF);
}

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

.conveyor-belt__belt-part {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	height: 100%;
	white-space: nowrap;
	color: var(--white);
	transition: color 0.4s;
	padding: 0 16px 0 40px;
}

.conveyor-belt__belt-part:before {
	content: '';
	position: absolute;
	left: 0;
	width: 24px;
	height: 24px;
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNjY2NjcgMTBMNi42NjY2NyA4TDQuNjY2NjcgNk04LjY2NjY3IDEwSDExLjMzMzNNNS4yIDE0SDEwLjhDMTEuOTIwMSAxNCAxMi40ODAyIDE0IDEyLjkwOCAxMy43ODJDMTMuMjg0MyAxMy41OTAzIDEzLjU5MDMgMTMuMjg0MyAxMy43ODIgMTIuOTA4QzE0IDEyLjQ4MDIgMTQgMTEuOTIwMSAxNCAxMC44VjUuMkMxNCA0LjA3OTkgMTQgMy41MTk4NCAxMy43ODIgMy4wOTIwMkMxMy41OTAzIDIuNzE1NjkgMTMuMjg0MyAyLjQwOTczIDEyLjkwOCAyLjIxNzk5QzEyLjQ4MDIgMiAxMS45MjAxIDIgMTAuOCAySDUuMkM0LjA3OTkgMiAzLjUxOTg0IDIgMy4wOTIwMiAyLjIxNzk5QzIuNzE1NjkgMi40MDk3MyAyLjQwOTczIDIuNzE1NjkgMi4yMTc5OSAzLjA5MjAyQzIgMy41MTk4NCAyIDQuMDc5OSAyIDUuMlYxMC44QzIgMTEuOTIwMSAyIDEyLjQ4MDIgMi4yMTc5OSAxMi45MDhDMi40MDk3MyAxMy4yODQzIDIuNzE1NjkgMTMuNTkwMyAzLjA5MjAyIDEzLjc4MkMzLjUxOTg0IDE0IDQuMDc5OSAxNCA1LjIgMTRaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.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;
}

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

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

.-apple .conveyor-belt__belt-part {
	padding-top: 5px;
}

.-apple .conveyor-belt__belt-part:before {
	margin-top: -2px;
}

/* Footer */

.footer {
	margin-top: var(--default-section-margin);
	padding: 80px 0;
}

.footer__wrapper {
	width: 100%;
}

.footer__wrapper .logo {
	display: block;
	width: 64px;
}

.footer__wrapper .logo img {
	display: block;
	width: 100%;
}

.footer__named-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 80px;
	margin-top: 80px;
}

.footer__named-col:not(:first-child) {
	max-width: 270px;
}

.footer__named-col .name {
	color: var(--shark-shark-375, #6A6B6F);
}

.footer__named-col *:not(:first-child, .title-1) {
	display: block;
	margin-top: 16px;
}

.footer__named-col>a {
	display: block;
}

.footer__named-col .title {
	margin-top: 24px;
}

.footer__bottom-menu {
	display: none;
}

.footer__bottom-row {
	margin-top: 120px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 32px;
}

.footer__bottom-row .developed-by {
	margin: 0 0 0 auto;
}

.footer__bottom-row p {
	color: var(--shark-shark-375, #6A6B6F);
}


/* section-label */
.section-label {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: min(40px, 2.778vw);
	height: min(32px, 2.222vw);
	width: fit-content;
	background: var(--secondary-sun, #FCB000);
	line-height: 100% !important;
	padding: 0 min(13px, 0.903vw) min(3px, 0.208vw) min(36px, 2.500vw);
	color: var(--shark-shark-600, #0A0B0D);
}

.section-label:before {
	content: '';
	position: absolute;
	left: min(12px, 0.833vw);
	display: block;
	width: min(16px, 1.111vw);
	min-width: min(16px, 1.111vw);
	aspect-ratio: 1/1;
	margin-top: min(2px, 0.139vw);
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5NjcgMS4zMzM1TDkuMzQwOTggNC44MjA4OUM5LjUyODk5IDUuMzA5NzEgOS42MjI5OSA1LjU1NDEyIDkuNzY5MTcgNS43NTk3QzkuODk4NzMgNS45NDE5MSAxMC4wNTc5IDYuMTAxMSAxMC4yNDAxIDYuMjMwNjZDMTAuNDQ1NyA2LjM3Njg1IDEwLjY5MDEgNi40NzA4NSAxMS4xNzg5IDYuNjU4ODZMMTQuNjY2MyA4LjAwMDE2TDExLjE3OSA5LjM0MTQ3QzEwLjY5MDEgOS41Mjk0NyAxMC40NDU3IDkuNjIzNDggMTAuMjQwMSA5Ljc2OTY2QzEwLjA1NzkgOS44OTkyMiA5Ljg5ODczIDEwLjA1ODQgOS43NjkxNyAxMC4yNDA2QzkuNjIyOTkgMTAuNDQ2MiA5LjUyODk5IDEwLjY5MDYgOS4zNDA5OCAxMS4xNzk0TDcuOTk5NjcgMTQuNjY2OEw2LjY1ODM3IDExLjE3OTRDNi40NzAzNiAxMC42OTA2IDYuMzc2MzYgMTAuNDQ2MiA2LjIzMDE4IDEwLjI0MDZDNi4xMDA2MiAxMC4wNTg0IDUuOTQxNDIgOS44OTkyMiA1Ljc1OTIxIDkuNzY5NjZDNS41NTM2MyA5LjYyMzQ4IDUuMzA5MjIgOS41Mjk0NyA0LjgyMDQgOS4zNDE0N0wxLjMzMzAxIDguMDAwMTZMNC44MjA0IDYuNjU4ODZDNS4zMDkyMiA2LjQ3MDg1IDUuNTUzNjMgNi4zNzY4NSA1Ljc1OTIxIDYuMjMwNjZDNS45NDE0MiA2LjEwMTEgNi4xMDA2MSA1Ljk0MTkxIDYuMjMwMTggNS43NTk3QzYuMzc2MzYgNS41NTQxMiA2LjQ3MDM2IDUuMzA5NzEgNi42NTgzNyA0LjgyMDg5TDcuOTk5NjcgMS4zMzM1WiIgZmlsbD0iIzBBMEIwRCIvPgo8L3N2Zz4K);
}

.-apple .section-label {
	padding-top: min(2px, 0.139vw);
	padding-bottom: 0;
}

.-apple .section-label:before {
	margin-top: max(-2px, -0.139vw);
}

.section-title .img {
	display: inline-block;
	position: relative;
	width: min(96px, 6.667vw);
	aspect-ratio: 1/1;
	vertical-align: top;
}

.section-title .img .img-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: min(112px, 7.778vw);
	border: 1px solid var(--shark-shark-100, #E4E7E9);
	margin-top: min(19px, 1.319vw);
}

.--black-section .section-title .img .img-wrapper {
	border: 1px solid var(--shark-shark-475, #3C3D42);
	margin-top: min(13px, 0.903vw);
}

.-apple .section-title .img .img-wrapper {
	margin-top: 0;
}

.-apple .--black-section .section-title .img .img-wrapper {
	margin-top: max(-7px, -0.486vw);
}

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

.section-title i {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSI4OCIgdmlld0JveD0iMCAwIDEgODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9Ijg4IiByeD0iMC41IiBmaWxsPSIjMzEzMjM3Ii8+Cjwvc3ZnPgo=);
	background-position: left min(-7px, -0.486vw) bottom min(18px, 1.250vw);
	background-repeat: repeat-x;
	background-size: auto min(88px, 6.111vw);
	font-style: normal !important;
	position: relative;
	z-index: 1;
	padding-right: min(8px, 0.556vw);
	margin-right: max(-8px, -0.556vw);
	padding-left: min(2px, 0.139vw);
	margin-left: max(-2px, -0.139vw);
}

/* bordered-container */

.bordered-container {
	width: min(994px, 69.028vw);
	padding: min(80px, 5.556vw);
	margin: 0 auto;
	border-radius: 16px;
	border: 1px solid var(--shark-shark-100, #E4E7E9);
}

/* labeled-title */

.labeled-title {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.labeled-title .title {
	margin-top: max(-14px, -0.972vw);
}

.labeled-title .title .tab {
	width: min(75px, 5.208vw);
}

.labeled-title .label {
	margin-left: min(32px, 2.222vw);
}

.labeled-title .label {
	border-radius: min(40px, 2.778vw);
	background: var(--shark-shark-50, #EFF2F4);
	color: var(--shark-shark-600, #0A0B0D);
	line-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: min(32px, 2.222vw);
	padding: 0 min(12px, 0.833vw) min(2px, 0.139vw) min(12px, 0.833vw);
	white-space: nowrap;
}

.-apple .labeled-title .title {
	margin-top: 0;
}

.-apple .labeled-title .label {
	padding-bottom: 0;
	padding-top: min(2px, 0.139vw);
}


/* blockquote */

.review {
	border: 1px solid var(--shark-shark-100, #E4E7E9);
	padding: min(36px, 2.500vw) min(40px, 2.778vw) min(40px, 2.778vw) min(40px, 2.778vw);
	border-radius: min(16px, 1.111vw);
}

.review__person {
	margin-top: min(24px, 1.667vw);
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.review__person-img {
	display: block;
	width: min(48px, 3.333vw);
	aspect-ratio: 1/1;
	border-radius: 50%;
	overflow: hidden;
	background: #C3C9D9;
}

.review__person-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 50%;
}

.review__person-name {
	margin: max(-2px, -0.139vw) 0 0 min(16px, 1.111vw);
}

.review__person-name .position {
	color: var(--shark-shark-300, #8C8F90);
}

.-apple .review__person-name {
	margin-top: 0;
}


/* tabs */

.--tabs-container__items,
.--tabs-container__items-inner {
	position: relative;
}

.--tabs-container__items-inner {
	overflow: hidden;
	transition: height 0.7s;
}

.--tabs-container__item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;

	opacity: 0;
	pointer-events: none;
	transition: 0.4s opacity;
}

.--tabs-container__menu-item.-active {
	pointer-events: none;
}

.--tabs-container__item.-active {
	position: relative;
	z-index: 1;

	opacity: 1;
	pointer-events: auto;
}

.colored-tabs .--tabs-container__menu {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: min(8px, 0.556vw);
}

.colored-tabs .--tabs-container__menu-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: min(8px, 0.556vw);
	height: min(40px, 2.778vw);
	padding: 0 min(16px, 1.111vw) min(2px, 0.139vw) min(16px, 1.111vw);
	border-radius: min(100px, 6.944vw);
	border: 1px solid var(--shark-shark-100, #E4E7E9);
	line-height: 100% !important;
	cursor: pointer;
	transition: background 0.4s;
}

.colored-tabs .--tabs-container__menu-item img {
	display: block;
	width: min(16px, 1.111vw);
	min-width: min(16px, 1.111vw);
	aspect-ratio: 1/1;
	margin-top: min(2px, 0.139vw);
}

.-apple .colored-tabs .--tabs-container__menu-item {
	padding-bottom: 0;
	padding-top: min(2px, 0.139vw);
}

.-apple .colored-tabs .--tabs-container__menu-item img {
	margin-top: max(-2px, -0.139vw);
}


.colored-tabs .--tabs-container__menu-item[data-active-color="yellow"].-active,
.colored-tabs .--tabs-container__item[data-active-color="yellow"] {
	background: var(--solids-dolly-solid, #FFFCA8);
}

.colored-tabs .--tabs-container__menu-item[data-active-color="green"].-active,
.colored-tabs .--tabs-container__item[data-active-color="green"] {
	background: var(--solids-gossip-solid, #E4FAC8);
}

.colored-tabs .--tabs-container__menu-item[data-active-color="blue"].-active,
.colored-tabs .--tabs-container__item[data-active-color="blue"] {
	background: var(--solids-mabel-solid, #DEF3FC);
}

.colored-tabs .--tabs-container__menu-item[data-active-color="pink"].-active,
.colored-tabs .--tabs-container__item[data-active-color="pink"] {
	background: var(--solids-perfume-solid, #DDD1F5);
}

.colored-tabs .--tabs-container__items {
	margin-top: min(24px, 1.667vw);
}

.colored-tabs .--tabs-container__item {
	border-radius: min(16px, 1.111vw);
	padding: min(40px, 2.778vw);
}

/* Accordions */

.--accordion__content-container {
	height: 0;
	transition: height 0.7s;
	overflow: hidden;
}

/* FAQ */

.faq-item {
	position: relative;
	border: 1px solid var(--shark-shark-475, #3C3D42);
	padding: 0 0 min(43px, 2.986vw) 0;
	transition: background 0.4s;
}

.faq-item__open {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	padding: min(35px, 2.431vw) min(40px, 2.778vw) 0 min(40px, 2.778vw);
}

.faq-item__open:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.faq-item__open .plus {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: min(6px, 0.417vw) min(32px, 2.222vw) 0 0;
}

.faq-item__open .plus span {
	display: block;
	width: min(23px, 1.597vw);
	height: min(3px, 0.208vw);
	background: var(--white);
	transition: background 0.4s, transform 0.4s;
}

.faq-item__open .plus span:last-child {
	position: absolute;
	transform: rotate(90deg);
}

.faq-item__content {
	color: var(--shark-shark-250, #A3A5A6);
	padding: min(24px, 1.667vw) min(40px, 2.778vw) 0 min(40px, 2.778vw);
	max-width: min(940px, 65.278vw);
}

.faq-list .faq-item:first-child {
	border-radius: min(16px, 1.111vw) min(16px, 1.111vw) 0 0;
}

.faq-list .faq-item:last-child {
	border-radius: 0 0 min(16px, 1.111vw) min(16px, 1.111vw);
}

.faq-list .faq-item+.faq-item {
	border-top: none;
}

.faq-item.-open .faq-item__open {
	position: relative;
}

.faq-item.-open .faq-item__open .plus span:last-child {
	transform: rotate(180deg);
}

.faq-item.-open .faq-item__open:before {
	height: calc(100% + min(24px, 1.667vw));
}

.faq-item.-open {
	background: var(--shark-shark-550, #1A1B21);
}

.-apple .faq-item {
	padding: 0 0 min(35px, 2.431vw) 0;
}

.-apple .faq-item__open {
	padding: min(40px, 2.778vw) min(40px, 2.778vw) 0 min(40px, 2.778vw);
}

.-apple .faq-item__open .plus {
	margin-top: max(-4px, -0.278vw);
}

/* checked list */

.checked-list li {
	position: relative;
	padding-left: min(36px, 2.500vw);
}

.checked-list li:before {
	content: '';
	position: absolute;
	left: max(-1px, -0.069vw);
	top: min(7px, 0.486vw);
	display: block;
	width: min(20px, 1.389vw);
	min-width: min(20px, 1.389vw);
	height: min(20px, 1.389vw);
	border-radius: 50%;
	background: no-repeat center / min(12px, 0.833vw) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMNC41IDguNUwyIDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
	background-color: var(--shark-shark-600, #0A0B0D);
}

.--black-section .checked-list li:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMNC41IDguNUwyIDYiIHN0cm9rZT0iIzBBMEIwRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
	background-color: var(--white);
}

.checked-list li+li {
	margin-top: min(16px, 1.111vw);
}

.-apple .checked-list li:before {
	top: min(3px, 0.208vw);
	left: 0;
}


/* steps card slider */

.steps-slider {
	position: relative;
	max-width: 994px;
	margin: 0 auto;
}

.steps-slider__item {
	border-radius: min(16px, 1.111vw);
	border: 1px solid var(--shark-shark-100, #E4E7E9);
	background: var(--white, #FFF);
	padding: min(40px, 2.778vw) min(80px, 5.556vw) min(40px, 2.778vw) min(40px, 2.778vw);

	display: grid;
	grid-template-columns: min(380px, 26.389vw) 1fr;
	gap: min(80px, 5.556vw);
	width: 100%;
	transform: translateY(150%);
	opacity: 0;
}

.steps-slider__item:not(:first-child) {
	position: absolute;
	left: 0;
	top: 0;
}

.steps-slider__item .img {
	grid-column: span 1;
	border-radius: min(16px, 1.111vw);
}

.steps-slider__item .img img {
	display: block;
	width: 100%;
	border-radius: min(16px, 1.111vw);
}

.steps-slider__item .img img:not(.-loaded) {
	aspect-ratio: 19/26;
}

.steps-slider__item .img.-purple {
	background: var(--solids-french-lilac-solid, #F8E5FE);
}

.steps-slider__item .img.-blue {
	background: var(--solids-mabel-solid, #DEF3FC);
}

.steps-slider__item .img.-yellow {
	background: var(--solids-dolly-solid, #FFFCA8);
}

.steps-slider__item .img.-green {
	background: var(--solids-padua-solid, #D0F5DA);
}

.steps-slider__item .list {
	margin-top: min(40px, 2.778vw);
}

.steps-slider__item .content {
	padding-top: min(40px, 2.778vw);
}

/* reviews-slider */

.reviews-slider .progress {
	position: relative;
	margin-top: min(40px, 2.778vw);
}

.reviews-slider .swiper-wrapper {
	align-items: stretch;
}

.reviews-slider .review {
	width: min(834px, 57.917vw);
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.reviews-slider .review {
	margin-right: min(80px, 5.556vw);
	transition: transform 0.4s;
}

.reviews-slider .review.swiper-slide-prev {
	transform: translateX(-7vw)
}

.reviews-slider .review__img {
	height: min(24px, 1.667vw);
	margin-bottom: min(40px, 2.778vw);
}

.reviews-slider .review__img img {
	display: block;
	height: 100%;
}

.reviews-slider .review .text {
	margin-bottom: auto;
	user-select: none;
}

.reviews-slider .slider {
	cursor: url(../images/icons/drag-cursor.svg) 40 40, pointer;
}

.reviews-slider .progress {
	display: flex;
	justify-content: center;
	align-items: center;
}

.reviews-slider .swiper-pagination {
	position: relative;
	top: 0;
	left: 0;
	max-width: min(930px, 64.583vw);
	height: min(5px, 0.347vw);
	display: flex;
	justify-content: center;
	align-items: center;
	background: none;
}

.reviews-slider .swiper-pagination:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: min(1px, 0.069vw);
	left: 0;
	background: var(--shark-shark-100, #E4E7E9);
}

.reviews-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	height: min(3px, 0.208vw);
	left: 0;
	top: auto;
	position: absolute;
	border-radius: min(8px, 0.556vw);
	background: var(--shark-shark-600, #0A0B0D);
}

.progress .start,
.progress .end,
.key-features__progress .start,
.key-features__progress .end {
	color: var(--shark-shark-375, #6A6B6F);
	width: min(32px, 2.222vw);
	height: min(32px, 2.222vw);
	display: flex;
	justify-content: center;
	align-items: center;
}

.-apple .progress .start,
.-apple .progress .end,
.-apple .key-features__progress .start,
.-apple .key-features__progress .end {
	padding-top: min(1px, 0.069vw);
}


/* default swiper pagination */

.swiper-pagination-bullets {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: var(--shark-shark-100, #E4E7E9);
	transition: background 0.4s;
	margin: 0 4px;
	opacity: 1 !important;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: var(--shark-shark-600, #0A0B0D);
}

/* form */

.form {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	border-radius: min(16px, 1.111vw);
	background: var(--accent, #512CCC);
	transition: height 0.4s;
	overflow: hidden;
}

.form-start,
.form-complete {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: min(80px, 5.556vw);
	padding: min(40px, 2.778vw);
	transition: opacity 0.4s;
}

.form-start__left,
.form-complete__left {
	padding: min(40px, 2.778vw);
	color: var(--white, #fff);
}

.form-start__left .title .img,
.form-complete__left .title .img {
	position: relative;
	width: min(64px, 4.444vw);
	height: min(64px, 4.444vw);
	border-radius: min(80px, 5.556vw);
	vertical-align: middle;
	display: inline-block;
}

.form-start__left .title .img .img__wrapper,
.form-complete__left .img .img__wrapper {
	position: absolute;
	left: 0;
	top: max(-5px, -0.347vw);
}

.form-start__left .title .img *,
.form-complete__left .title .img * {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: contain;
	display: block;
}

.form-start__left .title .img:not(:first-of-type) {
	margin-left: max(-20px, -1.389vw);
}

.form-start__left .text,
.form-complete__left .text {
	margin-top: min(24px, 1.667vw);
}

.form-start__wrapper {
	width: min(540px, 37.500vw);
	min-width: min(540px, 37.500vw);
	border-radius: min(16px, 1.111vw);
	background: var(--white, #FFF);
	padding: min(48px, 3.333vw) min(40px, 2.778vw);
}

.form-start__wrapper .input {
	margin-bottom: min(32px, 2.222vw);
}

.form-start__wrapper .default-button {
	width: 100%;
}

.form-start__wrapper .text {
	margin-top: min(32px, 2.222vw);
}

.form-complete__wrapper {
	width: min(540px, 37.500vw);
	min-width: min(540px, 37.500vw);
	padding: min(8px, 0.556vw) min(2px, 0.139vw);
}

.form-complete__wrapper img {
	display: block;
	width: 100%;
}

.form-complete {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
}

.form.-complete .form-complete {
	opacity: 1;
	pointer-events: auto;
	position: relative;

}

.form.-complete .form-start {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
}


@media screen and (max-width: 1100px) {
	/* .header */

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

	.header .logo {
		height: 24px;
	}

	/* Footer */

	.footer {
		padding: 40px 8px;
	}

	.footer__wrapper .logo {
		width: 48px;
	}

	.footer__named-row {
		flex-direction: column;
		gap: 40px;
		margin-top: 40px;
	}

	.footer__named-col:not(:first-child) {
		max-width: 340px;
	}

	.footer__named-col .title {
		margin-top: 16px;
	}

	.footer__bottom-menu {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 24px;
		margin-top: 80px;
	}

	.footer__bottom-row {
		margin-top: 24px;
		gap: 24px;
	}

	.footer__bottom-row>a {
		display: none;
	}


	/* section-label */
	.section-label {
		border-radius: 40px;
		height: 24px;
		padding: 0 10px 2px 28px;
	}

	.section-label:before {
		left: 10px;
		width: 12px;
		margin-top: 2px;
	}

	.-apple .section-label {
		padding-top: 2px;
		padding-bottom: 0;
	}

	.-apple .section-label:before {
		margin-top: -2px;
	}

	.section-title .img {
		width: 40px;
	}

	.section-title .img .img-wrapper {
		border-radius: 50%;
		margin-top: 5px;
	}

	.section-title .img img {
		width: 16px;
	}

	.section-title i {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIzNyIgdmlld0JveD0iMCAwIDEgMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjM3IiByeD0iMC41IiBmaWxsPSIjMzEzMjM3Ii8+Cjwvc3ZnPgo=);
		background-position: left 0px bottom 6px;
		background-size: auto 37px;
		padding-right: 5px;
		margin-right: -5px;
		padding-left: 2px;
		margin-left: -2px;
	}

	.-apple .section-title .img .img-wrapper {
		margin-top: 0;
	}

	.-apple .--black-section .section-title .img .img-wrapper {
		margin-top: 0;
	}


	/* bordered-container */

	.bordered-container {
		width: 100%;
		padding: 24px 16px;
		margin: 0;
	}

	/* labeled-title */

	.labeled-title {
		flex-direction: column-reverse;
	}

	.labeled-title .title {
		margin-top: 20px;
	}

	.labeled-title .label {
		margin-left: 0;
	}

	.labeled-title .label {
		border-radius: 40px;
		height: 24px;
		padding: 0 10px 2px 10px;
	}

	.-apple .labeled-title .title {
		margin-top: 16px;
	}

	.-apple .labeled-title .label {
		padding-bottom: 0;
		padding-top: 2px;
	}

	.labeled-title .title .tab {
		width: 35px;
	}


	/* blockquote */

	.review {
		padding: 16px;
		border-radius: 16px;
	}

	.review__person {
		margin-top: 16px;
		align-items: center;
	}

	.review__person-img {
		width: 48px;
	}

	.review__person-name {
		margin: -2px 0 0 12px;
	}

	.review__person-name .position {
		margin-top: 8px;
	}

	.review__person-name * {
		line-height: 100% !important;
	}


	/* tabs */

	.colored-tabs .--tabs-container__menu {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}

	.colored-tabs .--tabs-container__menu-item {
		gap: 6px;
		height: 36px;
		padding: 0 11px 0 11px;
		border-radius: min(100px, 6.944vw);
	}

	.colored-tabs .--tabs-container__menu-item img {
		width: 16px;
		min-width: 16px;
		margin-top: 0;
	}

	.colored-tabs .--tabs-container__items {
		margin-top: 16px;
	}

	.colored-tabs .--tabs-container__item {
		border-radius: 16px;
		padding: 16px;
	}

	.-apple .colored-tabs .--tabs-container__menu-item {
		padding-bottom: 0;
		padding-top: 3px;
	}

	.-apple .colored-tabs .--tabs-container__menu-item img {
		margin-top: -3px;
	}



	/* FAQ */

	.faq-item {
		padding: 0;
	}

	.faq-item__open {
		align-items: flex-start;
		padding: 16px;
	}

	.faq-item__open:before {
		display: none;
	}

	.faq-item__open .plus {
		margin: 12px 15px 0 0;
	}

	.faq-item__open .plus span {
		width: 16px;
		min-width: 16px;
		height: 2px;
	}

	.faq-item__content {
		padding: 0 16px 16px 16px;
		max-width: 100%;
	}

	.faq-list .faq-item:first-child {
		border-radius: 16px 16px 0 0;
	}

	.faq-list .faq-item:last-child {
		border-radius: 0 0 16px 16px;
	}

	.-apple .faq-item {
		padding: 0;
	}

	.-apple .faq-item__open {
		padding: 18px 16px 14px 16px;
	}

	.-apple .faq-item__open .plus {
		margin-top: 9px;
	}

	/* checked list */

	.checked-list li {
		padding-left: 28px;
	}

	.checked-list li:before {
		left: 0px;
		top: 6px;
		width: 16px;
		min-width: 16px;
		height: 16px;
		background-size: 9.6px;
	}

	.checked-list li+li {
		margin-top: 16px;
	}

	.-apple .checked-list li:before {
		top: 2px;
		left: 0;
	}

	/* steps card slider */


	.steps-slider__item {
		border-radius: 16px;
		border: 1px solid var(--shark-shark-100, #E4E7E9);
		background: var(--white, #FFF);
		padding: 20px 40px 20px 20px;

		display: grid;
		grid-template-columns: repeat(12, 1fr);
		gap: 0;
	}


	.steps-slider__item .img {
		grid-column: span 5;
		border-radius: 16px;
	}

	.steps-slider__item .img img {
		border-radius: 16px;
	}

	.steps-slider__item .list {
		margin-top: 24px;
	}

	.steps-slider__item .content {
		padding-top: 24px;
		grid-column-start: 7;
		grid-column-end: span 6;
	}

	/* reviews-slider */

	.reviews-slider .progress {
		margin-top: 16px;
	}

	.reviews-slider .review {
		width: 596px;
	}

	.reviews-slider .review {
		margin-right: 16px;
	}

	.reviews-slider .review.swiper-slide-prev {
		transform: none;
	}

	.reviews-slider .review__img {
		height: 24px;
		margin-bottom: 40px;
	}

	.reviews-slider .slider {
		cursor: pointer;
	}

	.reviews-slider .swiper-pagination {
		max-width: calc(100% - 64px);
		height: 5px;
	}

	.reviews-slider .swiper-pagination:before {
		height: 1px;
	}

	.reviews-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		height: 3px;
		border-radius: 8px;
	}

	.progress .start,
	.progress .end,
	.key-features__progress .start,
	.key-features__progress .end {
		width: 32px;
		min-width: 32px;
		height: 32px;
		display: flex;
		justify-content: center;
		align-items: center;
	}


	/* form */

	.form {
		border-radius: 16px;
	}

	.form-start,
	.form-complete {
		flex-direction: column;
		gap: 24px;
		padding: 24px 16px 48px 16px;
	}

	.form-start__left,
	.form-complete__left {
		padding: 0 8px 0 8px;
	}

	.form-start__left .title .img,
	.form-complete__left .title .img {
		width: 34px;
		height: 34px;
		border-radius: 34px;
	}

	.form-start__left .title .img:not(:first-of-type) {
		margin-left: -11px;
	}

	.form-start__left .text,
	.form-complete__left .text {
		margin-top: 16px;
	}

	.form-start__wrapper {
		width: 100%;
		min-width: 100%;
		border-radius: 16px;
		padding: 24px 16px;
	}

	.form-start__wrapper .input {
		margin-bottom: 24px;
	}

	.form-start__wrapper .text {
		margin-top: 16px;
	}

	.form-complete__wrapper {
		width: 100%;
		min-width: 100%;
		padding: 0;
	}

}


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

	/* steps card slider */

	.steps-slider__item {
		padding: 16px;

		display: block;
		/* position: relative !important;
		transform: none;
		opacity: 1; */
	}

	.steps-slider__item .img {
		width: 100%;
		max-height: 300px;
	}

	@media screen and (max-height: 800px) {
		.steps-slider__item .img {
			max-height: 20vh;
		}
	}


	.steps-slider__item .img img {
		border-radius: 16px;
		object-fit: contain;
		max-height: inherit;
	}

	.steps-slider__item .list {
		margin-top: 24px;
	}

	.steps-slider__item .content {
		width: 100%;
		padding-top: 24px;
		grid-column-start: 7;
		grid-column-end: span 6;
	}

	/* review slider */

	.reviews-slider .review {
		width: 296px;
	}

}

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