@font-face {
	font-family: "Fixel Text";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/FixelText-Regular.woff2") format("woff2"),
		url("../fonts/FixelText-Regular.woff") format("woff");
}

@font-face {
	font-family: "Fixel Text";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/FixelText-Medium.woff2") format("woff2"),
		url("../fonts/FixelText-Medium.woff") format("woff");
}

@font-face {
	font-family: "Fixel Text";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/FixelText-SemiBold.woff2") format("woff2"),
		url("../fonts/FixelText-SemiBold.woff") format("woff");
}

@font-face {
	font-family: "Segoe UI";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/SegoeUI.woff2") format("woff2"),
		url("../fonts/SegoeUI.woff") format("woff");
}

@font-face {
	font-family: "Segoe UI";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/SegoeUI-SemiBold.woff2") format("woff2"),
		url("../fonts/SegoeUI-SemiBold.woff") format("woff");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/Inter-Medium.woff2") format("woff2"),
		url("../fonts/Inter-Medium.woff") format("woff");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/Inter-V.ttf") format("truetype-variations");
}

:root {
	--colors-amber-100: #faf9ea;
	--colors-amber-200: #f8f6df;
	--colors-amber-300: #f5f3d5;
	--colors-amber-400: #f2f0ca;
	--colors-amber-50: #fdfcf4;
	--colors-amber-500: #efedc0;
	--colors-amber-600: #c3c19d;
	--colors-amber-700: #98977c;
	--colors-amber-800: #706f5c;
	--colors-amber-900: #4a4a3d;
	--colors-amber-950: #272721;
	--colors-Blue-100: #eaeafa;
	--colors-Blue-200: #e0e0f7;
	--colors-blue-300: #d5d6f4;
	--colors-blue-400: #cbccf2;
	--colors-Blue-50: #f5f5fc;
	--colors-blue-500: #c0c2ef;
	--colors-Blue-600: #9d9fc3;
	--colors-Blue-700: #7c7d98;
	--colors-Blue-800: #5c5c70;
	--colors-Blue-900: #3d3e4a;
	--colors-Blue-950: #222227;
	--colors-fuchsia-100: #faeaf7;
	--colors-fuchsia-200: #f8dff3;
	--colors-fuchsia-300: #f5d5ef;
	--colors-fuchsia-400: #f2cbeb;
	--colors-Fuchsia-50: #fdf4fb;
	--colors-Fuchsia-500: #efc0e7;
	--colors-Fuchsia-600: #c39dbc;
	--colors-fuchsia-700: #987c93;
	--colors-fuchsia-800: #705c6c;
	--colors-fuchsia-900: #4a3d48;
	--colors-Fuchsia-950: #272226;
	--colors-green-100: #eafaed;
	--colors-green-200: #e0f7e3;
	--colors-green-300: #d5f5da;
	--colors-green-400: #cbf2d1;
	--colors-green-50: #f5fcf6;
	--colors-green-500: #c0efc8;
	--colors-Green-600: #9dc3a3;
	--colors-Green-700: #7c9880;
	--colors-green-800: #5c705f;
	--colors-green-900: #3e4a40;
	--colors-green-950: #222722;
	--colors-lime-100: #f1faea;
	--colors-lime-200: #eaf7df;
	--colors-lime-300: #e3f4d5;
	--colors-Lime-400: #dcf2ca;
	--colors-lime-50: #f8fcf4;
	--colors-lime-500: #d5efc0;
	--colors-lime-600: #aec39d;
	--colors-lime-700: #88987c;
	--colors-lime-800: #65705c;
	--colors-lime-900: #434a3d;
	--colors-lime-950: #242721;
	--colors-Pink-100: #faeaed;
	--colors-pink-200: #f8dfe5;
	--colors-pink-300: #f5d5dc;
	--colors-pink-400: #f2cad4;
	--colors-pink-50: #fdf4f6;
	--colors-pink-500: #efc0cb;
	--colors-pink-600: #c39da6;
	--colors-pink-700: #987c82;
	--colors-Pink-800: #705c60;
	--colors-pink-900: #4a3d40;
	--colors-pink-950: #272123;
	--colors-Red-100: #faf0ea;
	--colors-Red-200: #f8e8df;
	--colors-Red-300: #f5e0d5;
	--colors-Red-400: #f2d9ca;
	--colors-Red-50: #fdf7f4;
	--colors-Red-500: #efd1c0;
	--colors-Red-600: #c3ab9d;
	--colors-Red-700: #98867b;
	--colors-Red-800: #70635b;
	--colors-Red-900: #4a423d;
	--colors-Red-950: #272421;
	--colors-Sky-100: #eaf4fa;
	--colors-sky-200: #e0eef7;
	--colors-sky-300: #d5e9f4;
	--colors-sky-400: #cbe3f2;
	--colors-Sky-50: #f5f9fc;
	--colors-sky-500: #c0deef;
	--colors-sky-600: #9db5c3;
	--colors-sky-700: #7c8e98;
	--colors-sky-800: #5c6970;
	--colors-sky-900: #3e454a;
	--colors-sky-950: #222527;
	--colors-teal-100: #eafaf6;
	--colors-teal-200: #e0f7f1;
	--colors-teal-300: #d5f4ed;
	--colors-teal-400: #cbf2e8;
	--colors-teal-50: #f5fcfa;
	--colors-teal-500: #c0efe4;
	--colors-teal-600: #9dc3ba;
	--colors-teal-700: #7c9892;
	--colors-teal-800: #5c706b;
	--colors-teal-900: #3e4a47;
	--colors-teal-950: #222726;
	--colors-violet-100: #f3eafa;
	--colors-violet-200: #eddff7;
	--colors-violet-300: #e7d5f4;
	--colors-violet-400: #e0caf2;
	--colors-violet-50: #f9f4fc;
	--colors-violet-500: #dac0ef;
	--colors-violet-600: #b29dc3;
	--colors-violet-700: #8c7b98;
	--colors-violet-800: #675c70;
	--colors-violet-900: #443d4a;
	--colors-Violet-950: #252127;
	--colors-base-black-10: #0000001a;
	--colors-base-black-100: #000000;
	--colors-base-black-15: #00000026;
	--colors-base-black-25: #00000040;
	--colors-base-red: #ff3800;
	--colors-base-white-100: #ffffff;
	--colors-base-white-15: #ffffff26;
	--colors-base-white-25: #ffffff40;
	--colors-base-yellow100: #fd8e1f;
	--fonts-size-12: 12px;
	--fonts-size-14: 14px;
	--fonts-size-16: 16px;
	--fonts-size-18: 18px;
	--fonts-size-20: 20px;
	--fonts-size-24: 24px;
	--fonts-size-28: 28px;
	--fonts-size-33: 33px;
	--fonts-size-40: 40px;
	--fonts-size-48: 48px;
	--fonts-size-58: 58px;
	--fonts-size-83: 83px;
	--fonts-size-100: 100px;
	--fonts-family-fixel-text: "Fixel Text", sans-serif;
	--fonts-family-Segoe-UI: "Segoe UI", sans-serif;
	--fonts-weight-regular: 400;
	--fonts-weight-medium: 500;
	--fonts-weight-semi-bold: 600;
	--fonts-weight-bold: 700;
}


* {
	box-sizing: border-box;
	outline: none;
}

body {
	font-family: var(--fonts-family-fixel-text);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-regular);
	line-height: 1.2;
	font-style: normal;
	overflow-x: hidden;
	min-height: 100vh;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
}

input {
	height: 44px;
	padding: 12px;
	border-radius: 99px;
	border: none;
	outline: 1.5px solid var(--colors-Blue-50);
	background: var(--colors-base-white-100);
	color: var(--colors-Blue-700);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-14);
	line-height: 1.1;
	width: 100%;
	flex: 1;
	transition: all 0.4s;
}

input::placeholder {
	color: var(--colors-Blue-700);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-14);
	line-height: 1.1;
}

input:hover {
	outline: 1px solid var(--colors-Blue-600);
	background: var(--colors-Blue-50);
}

input:focus {
	outline: 1px solid var(--colors-Blue-600);
	background: var(--colors-Blue-50);
}

input:active {
	outline: 1px solid var(--colors-Blue-600);
	background: var(--colors-Blue-50);
}



select {
	height: 44px;
	padding: 12px;
	width: 100%;
	border-radius: 99px;
	border: none;
	outline: 1.5px solid var(--colors-Blue-50);
	background: var(--colors-base-white-100);
	color: var(--colors-Blue-700);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-14);
	line-height: 1.1;
	transition: all 0.4s;
}

#contact-method {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#contact-method2 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* CF7 can render select without stable id, so disable native arrow by class/name too. */
select.wpcf7-form-control.wpcf7-select,
select[name="contact-method"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: none;
}

select.wpcf7-form-control.wpcf7-select::-ms-expand,
select[name="contact-method"]::-ms-expand {
	display: none;
}

.select-wrapper::after {
	content: "";
	background: url(../img/select.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

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

select:hover {
	outline: 1px solid var(--colors-Blue-600);
	background: var(--colors-Blue-50);
}

select:focus {
	outline: 1px solid var(--colors-Blue-600);
	background: var(--colors-Blue-50);
}

select:active {
	outline: 1px solid var(--colors-Blue-600);
	background: var(--colors-Blue-50);
}

.wrapper {
	max-width: 1176px;
	width: 100%;
	margin: 0 auto;
}

.button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	border-radius: 12px;
	outline: 3px solid var(--colors-base-white-15);
	background: var(--colors-Blue-800);
	color: var(--colors-Red-50);
	font-size: var(--fonts-size-14);
	font-family: var(--fonts-family-Segoe-UI);
	font-weight: var(--fonts-weight-semi-bold);
	border: none;
	transition: all 0.4s;
}

.button:hover {
	outline: 5px solid var(--colors-base-white-15);
	background: var(--colors-Blue-900);
}

.button:active {
	outline: 1px solid var(--colors-base-white-15);
	background: var(--colors-Blue-950);
}

.button:default {
	color: var(--colors-base-black-25);
	background: var(--colors-base-black-15);
}

.button--primary {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 12px;
	outline: 3px solid var(--colors-base-white-15);
	background: var(--colors-Blue-950);
	color: var(--colors-Red-50);
	font-family: var(--fonts-family-Segoe-UI);
	font-weight: var(--fonts-weight-semi-bold);
	border: none;
	transition: all 0.4s;
}

.button--primary:hover {
	outline: 5px solid var(--colors-base-white-15);
	background: var(--colors-Blue-900);
}

.button--primary:active {
	outline: 1px solid var(--colors-base-white-15);
	background: var(--colors-Blue-800);
}

.button--primary:default {
	color: var(--colors-base-black-25);
	background: var(--colors-base-black-15);
}

.button--secondary {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 12px;
	outline: 2px solid var(--colors-Red-100);
	background: var(--colors-base-white-100);
	color: var(--colors-Red-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-weight: var(--fonts-weight-semi-bold);

	border: none;
	transition: all 0.4s;
}

.button--secondary:hover {
	outline: 2px solid var(--colors-Red-200);
	background: var(--colors-Red-500);
}

.button--secondary:active {
	outline: 2px solid var(--colors-Red-200);
	background: var(--colors-Red-700);
	color: var(--colors-Red-50);
}

.button--secondary:default {
	color: var(--colors-base-black-25);
	background: var(--colors-base-black-15);
}

.button--light {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 12px;
	background: var(--colors-Blue-50);
	color: var(--colors-Red-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-weight: var(--fonts-weight-semi-bold);

	border: none;
	transition: all 0.4s;
}

.button--light:hover {
	background: var(--colors-Blue-200);
	color: var(--colors-Blue-900);
}

.button--light:active {
	background: var(--colors-Blue-300);
	color: var(--colors-Blue-900);
}

.button--light:default {
	color: var(--colors-base-black-25);
	background: var(--colors-base-black-15);
}

.promo-bar {
	display: flex;
	padding: 7px 24px;
	border: 1.5px solid var(--colors-base-black-10);
	background: var(--colors-Fuchsia-950);
	position: relative;
	z-index: 10;
}

.promo-bar .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 12px 8px;
	align-self: stretch;
	flex-wrap: wrap;
}

.promo-bar__icon {
	width: 24px;
	height: 24px;
}

.promo-bar .wrapper p {
	margin-left: 4px;
	flex: 1 0 0;
	color: var(--colors-Red-50);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	line-height: 107%;
}

.promo-bar button {
	display: flex;
	max-width: 117px;
	width: 100%;
	height: 28px;
	padding: 0 0 0 14px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	background: transparent;
	border: none;
	color: var(--colors-Fuchsia-50);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);

	cursor: pointer;
	transition: all 0.4s;
}

.promo-bar button:hover {
	color: var(--colors-Fuchsia-600);
}

.promo-bar button:hover img {
	filter: brightness(0) saturate(100%) invert(72%) sepia(13%) saturate(576%) hue-rotate(259deg) brightness(92%) contrast(88%);
}

.promo-bar button:active {
	color: var(--colors-Fuchsia-500);
}

.promo-bar button:active img {
	filter: brightness(0) saturate(100%) invert(93%) sepia(4%) saturate(3242%) hue-rotate(275deg) brightness(94%) contrast(99%);
}

.hero__picture {
	display: block;
}

.hero__picture img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 8;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease-in-out, visibility 0.4s;
}

.menu-overlay.active {
	opacity: 1;
	visibility: visible;
}

body.menu-open {
	overflow: hidden;
}

.burger {
	overflow: hidden;
	flex-direction: column;
	outline: 3px solid #262626;
	width: 52px;
	height: 48px;
	padding: 14px 16px;
	cursor: pointer;
	gap: 3px;
}

.burger-line {
	background-color: #fff;
	height: 2px;
	width: 16px;
	border-radius: 2px;
	transition: transform 0.5s, opacity 0.5s;
}

.burger.open .burger-line:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}

.burger.open .burger-line:nth-child(2) {
	opacity: 0;
}

.burger.open .burger-line:nth-child(3) {
	transform: translateY(-4px) rotate(-45deg);
}

.header {
	background: var(--colors-base-black-100);
	padding: 10px 16px;
	min-width: 320px;
	max-width: 1279px;
	position: relative;
	z-index: 10;
}

.header .container {
	display: flex;
	max-width: 800px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	margin: 0 auto;
}

.header__logo-desktop {
	display: none;
}

.nav {
	display: none;
}

.header__actions {
	display: none;
}

.mobile-links {
	list-style: none;
	position: absolute;
	display: flex;
	overflow: hidden;
	top: 70px;
	gap: 64px;
	padding: 0 16px;
	right: 0;
	background: var(--colors-base-black-100);
	width: 100%;
	height: max-content;
	flex-direction: column;
	z-index: 9;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out,
		transform 0.4s ease-in-out, visibility 0.4s;
}

.nav__list__nav {
	padding-top: 24px;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease-in-out 0.1s, transform 0.5s ease-in-out 0.1s;
}

.mobile-links.open .nav__list__nav {
	opacity: 1;
	transform: translateY(0);
}

.nav__list__list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.nav__list__list li {
	width: 100%;
	text-align: center;
	position: relative;
}

.nav__list__list li>a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: var(--colors-Fuchsia-50);
	text-decoration: none;
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);
	line-height: 1;
	padding: 6px 4px;
	transition: color 0.3s ease;
}

.nav__list__list li.menu-item-has-children>a::after {
	content: "";
	width: 5px;
	height: 5px;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg) translateY(-1px);
	transition: transform 0.25s ease;
	position: relative;
	top: 2px;
}

.nav__list__list li>.sub-menu {
	display: none;
	margin-top: 6px;
	padding: 8px 0 0;
	list-style: none;
}

.nav__list__list li.submenu-open>.sub-menu {
	display: block;
}

.nav__list__list li.submenu-open>a::after {
	transform: rotate(-135deg) translateY(-1px);
}

.nav__list__item {
	padding: 4px;
	text-align: center;
}

.nav__list__link {
	color: var(--colors-Fuchsia-50);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);

	text-decoration: none;
}

.mobile-links.open {
	max-height: 100vh;
	min-height: 100vh;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.header__logo {
	display: flex;
	width: 156px;
	padding: 12px;
}

.mobile-links .header__actions {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 12px;
	align-self: stretch;
	flex-wrap: wrap;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease-in-out 0.2s, transform 0.5s ease-in-out 0.2s;
}

.mobile-links.open .header__actions {
	opacity: 1;
	transform: translateY(0);
}

.mobile-links .header__actions .header__join-button {
	height: 48px;
	padding: 14px 16px;
}

.mobile-links .header__actions .header__login-link {
	display: flex;
	height: 48px;
	padding: 14px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 12px;
	border: 2px solid var(--colors-Red-100);
	background: var(--colors-base-white-100);
	color: var(--colors-Red-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);

	transition: all 0.4s;
}

.mobile-links .header__actions .header__login-link:hover {
	border: 2px solid var(--colors-Red-200);
	background: var(--colors-Red-500);
}

.mobile-links .header__actions .header__login-link:active {
	border: 2px solid var(--colors-Red-200);
	background: #98867b;
}

.nav__list__social {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	align-self: stretch;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease-in-out 0.3s, transform 0.5s ease-in-out 0.3s;
}

.mobile-links.open .nav__list__social {
	opacity: 1;
	transform: translateY(0);
}

.nav__list__social--item {
	height: 28px;
	padding: 4px;
}

.hero {
	height: 759px;
	position: relative;
	display: flex;
	overflow: hidden;
	align-items: center;
	padding: 0 16px;
	background: linear-gradient(180deg, #8c7b98 0%, #f8e8df 100%);
}

.hero__content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	gap: 128px;
}

.hero__picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.hero__picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero__picture--noize {
	position: absolute;
	top: 0;
	overflow: hidden;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.15;
	background-blend-mode: luminosity;
	mix-blend-mode: hard-light;
}

.hero__title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	align-self: stretch;
}

.hero__title h1 {
	color: rgba(253, 247, 244, 0.5);
	text-align: center;
	text-shadow: 0px 0px 88.464px rgba(0, 0, 0, 0.3);
	font-size: 50px;
	font-weight: var(--fonts-weight-semi-bold);
	line-height: 1.04;
	letter-spacing: -0.5px;
}

.hero__title h1 span {
	display: inline;
	padding: 0.03em 0.05em 0.02em;
	border-radius: 0;
	color: rgba(253, 247, 244, 0.8);
	/* background: rgba(226, 235, 255, 0.24); */
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.hero__subtitle {
	color: var(--colors-Red-50);
	text-align: center;
	text-shadow: 0px 0px 44px rgba(0, 0, 0, 0.45);
	font-size: var(--fonts-size-40);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
}

.hero__promo {
	display: flex;
	width: 100%;
	max-width: 1176px;
	padding: 12px 16px;
	margin: 0 auto;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	border-radius: 12px;
	gap: 24px;
	outline: 4px solid rgba(255, 255, 255, 0.15);
	background: var(--colors-Red-50);
}

.hero__promo-text {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 12px;
	align-self: stretch;
	flex-wrap: wrap;
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-14);
	line-height: 1;
}

.hero__promo-text span {
	padding: 4px;
	border-radius: 99px;
	background: var(--colors-Pink-800);
}

.hero__promo .hero__cta {
	border: none;
	text-decoration: none;
	font-size: var(--fonts-size-12);
	height: 48px;
	padding: 14px 16px;
}

.feature {
	padding: 0px 16px 64px 16px;
	background: var(--colors-Red-500);
	position: relative;
}

.feature .wrapper {
	position: relative;
	z-index: 4;
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.feature__row {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 16px;
	align-self: stretch;
	flex-wrap: wrap;
}

.feature-card {
	display: flex;
	height: 376px;
	min-width: 256px;
	padding: 21px 24px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	border-radius: 12px;
	outline: 2px solid var(--colors-base-white-25);
	background: var(--colors-Red-50);
}

.feature-card h3 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);

	margin-bottom: 7px;
	position: relative;
	z-index: 1;
}

.feature-card p {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-12);

	margin-bottom: 44px;
	position: relative;
	z-index: 1;
}

.feature-card4 p {
	margin-bottom: 28px;
}

.feature-card img {
	width: 164px;
	height: 164px;
	object-fit: contain;
	margin: 0 auto;
}

.hero {
	overflow-x: hidden;
}

.hero::after {
	content: "";
	background: #efd1c0;
	filter: blur(50px);
	width: 2400px;
	height: 350px;
	position: absolute;
	bottom: -175px;
	left: -240px;
	z-index: 2;
}

.feature-card.feature-card2 {
	outline: 2px solid var(--colors-base-white-25);
	background: image-set(url(../img/bg-img.webp) type("image/webp"),
			url(../img/bg-img.png) type("image/png")),
		var(--colors-Pink-100);
	background-repeat: no-repeat;
	background-size: calc(100% + 4px);
	background-position: -2px bottom;
}

.feature-card.feature-card2 img {
	display: none;
}

.feature-card4 {
	height: auto;
	overflow: hidden;
}

.feature-swiper {
	width: calc(100% + 48px);
	margin-left: -24px;
}

.feature-slide {
	max-width: 124px !important;
	height: 124px;
	border-radius: 12px;
	overflow: hidden;
}

.feature-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.feature-card3 {
	padding: 0px 24px 24px 24px;
	min-height: 328px;
	border-radius: 12px;
	height: auto;
	background: image-set(url(../img/card-bg.webp) type("image/webp"),
			url(../img/card-bg.png) type("image/png"));
	background-repeat: no-repeat;
	background-size: 150%;
	background-position: -20px;
	overflow: hidden;
	position: relative;
}



.feature-card3 .button img {
	width: 20px;
	height: 20px;
	min-height: 20px;
}

.feature-card3 h3 {
	color: var(--colors-Red-50);
	margin-top: auto;
	position: relative;
	z-index: 20;
}

.feature-card3 p {
	color: var(--colors-Red-50);
	margin-bottom: 20px;
	position: relative;
	z-index: 20;
}

.feature-card3 a {
	padding: 14px 16px;
	width: 100%;
	text-decoration: none;
	font-size: var(--fonts-size-12);
	position: relative;
	z-index: 25;
}

.feature-card3 a img {
	width: 20px;
	height: 20px;
	margin: 0;
}

.feature-card3 svg {
	width: 561.415px;
	height: 538.578px;
	z-index: -1;
	mix-blend-mode: color-dodge;
	background: radial-gradient(46.54% 46.44% at 66% 27.65%,
			rgba(203, 204, 242, 0.25) 0%,
			rgba(195, 157, 188, 0) 100%,
			rgba(248, 223, 229, 0) 100%);
	position: absolute;
	top: 30%;
	left: -103%;
	transform: rotate(115deg);
}

.accordion-content {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(-10px);
	transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out,
		transform 0.4s ease-in-out;
}

@media (min-width: 769px) {
	.accordion-item:hover .accordion-content {
		max-height: 200px;
		opacity: 1;
		transform: translateY(0);
	}

	.accordion-item .accordion-content {
		padding-bottom: 16px;
	}

	.accordion-item:nth-of-type(1) .accordion-content,
	.accordion-item:last-child .accordion-content {
		padding-bottom: 0;
	}




	.accordion-item:hover {
		background: var(--colors-Red-900);
		z-index: 10;
	}

	.accordion-item:nth-of-type(1):hover {
		transform: translateY(-5px) !important;
	}

	.accordion-item:nth-of-type(2):hover {
		transform: translateY(-29px) !important;
	}

	.accordion-item:nth-of-type(3):hover {
		transform: translateY(-75px) !important;
	}

	.accordion-item:nth-of-type(4):hover {
		transform: translateY(-120px) !important;
	}

	.accordion-item:hover .accordion-header {
		color: var(--colors-Red-50);
	}

	.accordion-item:hover .accordion-header-arrow {
		transform: rotate(90deg);
		filter: brightness(0) saturate(100%) invert(99%) sepia(21%) saturate(468%) hue-rotate(259deg) brightness(120%) contrast(100%);
	}
}

@media (max-width: 768px) {
	.accordion-content {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transform: translateY(-10px);
		transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out,
			transform 0.4s ease-in-out;
	}

	.accordion-item.active .accordion-content {
		max-height: 200px;
		opacity: 1;
		transform: translateY(0);
	}
}

.system-fit {
	padding: 61px 16px 64px 16px;
	background: var(--colors-Red-50);
}

.system-fit .wrapper {
	display: flex;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 54px;
	align-self: stretch;
}

.system-fit .wrapper h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.system-fit__box {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 24px;
	align-self: stretch;
	flex-wrap: wrap;
}

.system-fit__box-img {
	border-radius: 12px;
	outline: 2px solid var(--colors-base-white-25);
	height: 376px;
	flex: 1;
	min-width: 288px;
	overflow: hidden;
}

.system-fit__box-accardion {
	min-width: 288px;
	flex: 1 0 0;
	max-height: 520px;
	padding-top: 24px;
}

.system-fit__box-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.accordion-header {
	display: flex;
	align-items: center;
	gap: 16px;
	color: var(--colors-Red-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);

	transition: color 0.3s ease-in-out;
}

.accordion-header-icon {
	width: 40px;
	height: 40px;
	padding: 8px;
	object-fit: contain;
	border-radius: 8px;
	background: var(--colors-base-white-100);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}

.accordion-header-arrow {
	margin-left: auto;
	transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
}

.accordion-item {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 22px 16px 40px 14px;
	border-radius: 12px;
	border: 2px solid var(--colors-base-white-25);
	background: var(--colors-Blue-100);
	cursor: pointer;
}

.accordion-item:hover {
	border-color: var(--colors-Red-200);
}

.accordion-item.active {
	background: var(--colors-Red-900);
	z-index: 10;
	transform: translateY(-5px) !important;
}

.accordion-item.active:nth-of-type(1) {
	transform: translateY(-5px) !important;
}

.accordion-item.active:nth-of-type(2) {
	transform: translateY(-29px) !important;
}

.accordion-item.active:nth-of-type(3) {
	transform: translateY(-75px) !important;
}

.accordion-item.active:nth-of-type(4) {
	transform: translateY(-120px) !important;
}

.accordion-item.active .accordion-content {
	max-height: 200px;
	opacity: 1;
	transform: translateY(0);
}

.accordion-item.active .accordion-header {
	color: var(--colors-Red-50);
}

.accordion-item.active .accordion-header-arrow {
	transform: rotate(90deg);
	filter: brightness(0) saturate(100%) invert(99%) sepia(21%) saturate(468%) hue-rotate(259deg) brightness(120%) contrast(100%);
}

.accordion-content p {
	color: var(--colors-Red-50);
	font-size: var(--fonts-size-12);
}

.accordion-item:nth-of-type(1) {
	transform: translateY(0);
	z-index: 4;
	transition: transform 0.3s ease-in-out, background 0.3s ease-in-out,
		border-color 0.3s ease-in-out;
}

.accordion-item:nth-of-type(2) {
	transform: translateY(-24px);
	z-index: 3;
	transition: transform 0.3s ease-in-out, background 0.3s ease-in-out,
		border-color 0.3s ease-in-out;
}

.accordion-item:nth-of-type(3) {
	transform: translateY(-70px);
	z-index: 2;
	transition: transform 0.3s ease-in-out, background 0.3s ease-in-out,
		border-color 0.3s ease-in-out;
}

.accordion-item:nth-of-type(4) {
	transform: translateY(-115px);
	z-index: 1;
	padding-bottom: 20px;
	transition: transform 0.3s ease-in-out, background 0.3s ease-in-out,
		border-color 0.3s ease-in-out;
}

.accordion-header-arrow {
	margin-left: auto;
}

.education {
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	height: auto;
	width: 100%;
	padding: 64px 16px;
}

.parallax {
	background-image: image-set(url(../img/paralax.webp) type("image/webp"),
			url(../img/paralax.jpg) type("image/jpeg"));
	position: relative;
}

.parallax-marketing {
	background-image: image-set(url(../img/parallax-marketing.webp) type("image/webp"),
			url(../img/parallax-marketing.jpg) type("image/jpeg"));
	position: relative;
	background-position: top;
}

.parallax::before {
	content: "";
	background: linear-gradient(0deg,
			rgba(39, 36, 33, 0.5) 0%,
			rgba(39, 36, 33, 0.5) 100%);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.education .wrapper {
	display: flex;
	max-width: 800px;
	align-items: flex-start;
	align-content: flex-start;
	align-self: stretch;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	border-radius: 12px;
	outline: 2px solid rgba(255, 255, 255, 0.25);
	background: var(--colors-Red-50);
	position: relative;
	z-index: 2;
}

.education__img {
	display: flex;
	height: 432px;
	min-width: 280px;
	justify-content: center;
	flex: 1 0 0;
	overflow: hidden;
}

.education__img img {
	height: 432px;
	object-fit: cover;
	margin: 0 auto;
	display: block;
	object-position: top;
	max-width: 366px;
}

.education__content {
	display: flex;
	min-width: 288px;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 43px;
}

.education__content-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.education__content-title h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-semi-bold);
	line-height: 1;
	margin-bottom: 5px;
}

.education__content-title h3 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-24);

	margin-bottom: 12px;
}

.education__content-title p {
	color: var(--colors-Blue-800);
	font-size: var(--fonts-size-12);
}

.education__content-grid {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.education__content-card {
	display: flex;
	padding: 14px 16px 10px 12px;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	border-radius: 8px;
	background: var(--colors-base-white-100);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
}

.education__content-img {
	display: none;
}

.education__content-card p {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-12);

	max-width: 150px;
	width: 100%;
}

.education__content-card a {
	font-size: 0;
	text-decoration: none;
	padding: 8px;
	border-radius: 12px;
	outline: 3px solid var(--colors-base-white-15);
	background: var(--colors-Blue-800);
	transition: all 0.4s;
	margin-left: auto;
	white-space: nowrap;
}

.education__content-card a:hover {
	outline: 5px solid var(--colors-base-white-15);
	background: var(--colors-Blue-900);
}

.education__content-card a:active {
	outline: 1px solid var(--colors-base-white-15);
	background: var(--colors-Blue-950);
}

.subscription-service {
	padding: 96px 16px 90px 16px;
	background: var(--colors-Red-50);
}

.subscription-service .wrapper {
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: flex-start;
	gap: 51px;
	align-self: stretch;
	margin: 0 auto;
}

.subscription-service__title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 17px;
	align-self: stretch;
}

.subscription-service__content {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	align-self: stretch;
	flex-wrap: wrap;
}

.subscription-service__title-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	align-self: stretch;
}

.subscription-service__title-text h2 {
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.subscription-service__title-text h3 {
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.subscription-service__title-text p {
	color: var(--colors-Blue-900);
	text-align: center;
	font-size: var(--fonts-size-18);
}

.subscription-service__title-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 8px;
	align-self: stretch;
	flex-wrap: wrap;
}

.subscription-service__title-btn a {
	width: 200px;
	height: 48px;
	padding: 14px 16px;
	text-decoration: none;
	gap: 4px;
	font-size: var(--fonts-size-12);
}

.subscription-service__card {
	min-width: 200px;
	padding: 14px 16px;
	flex: 1 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.subscription-service__card-img {
	height: 228px;
	border-radius: 12px;
	overflow: hidden;
}

.subscription-service__card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.subscription-service__card-content {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-self: stretch;
}

.subscription-service__card-content h3 {
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);

}

.subscription-service__card-content p {
	color: var(--colors-Blue-900);
	text-align: center;
	font-size: var(--fonts-size-12);
}

.advantages-cta {
	padding: 64px 16px;
	position: relative;
	background: var(--colors-Red-500);
	overflow: hidden;
}

.advantages-cta-banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.advantages-cta-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.advantages-cta .wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	max-width: 800px;
	width: 100%;
	position: relative;
	z-index: 2;
	padding-bottom: 69px;
	border-radius: 12px;
	outline: 2px solid rgba(0, 0, 0, 0.03);
	background: url("../img/bg-dots1.png") repeat-x bottom, #faf0ea;
	background-size: auto;
	background-position: bottom;
}

.advantages-cta-img {
	position: relative;
	margin-top: -67px;
	left: 50%;
	transform: translateX(-50%);
	width: 550px;
	height: auto;
	overflow: hidden;
}

.advantages-cta-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.advantages-cta-content {
	display: flex;
	margin-top: -46px;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: 56px;
	align-self: stretch;
	flex-wrap: wrap;
}

.advantages-cta-conten-card1 {
	display: flex;
	width: 294px;
	min-width: 295px;
	transform: rotate(-2.25deg);
	padding: 61px 16px 13px 16px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 8px;
	border-radius: 12px;
	outline: 2px solid rgba(0, 0, 0, 0.03);
	background: var(--colors-base-white-100);
}

.advantages-cta-conten-card2 {
	display: flex;
	width: 276px;
	transform: rotate(1.24deg);
	padding: 16px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 8px;
	border-radius: 12px;
	border: 2px solid rgba(0, 0, 0, 0.03);
	background: var(--colors-base-white-100);
}

.advantages-cta-conten-card1-content1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 21px;
	align-self: stretch;
}

.advantages-cta-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	align-self: stretch;
}

.advantages-cta-title h3 {
	color: var(--colors-Red-950);
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-medium);
}

.advantages-cta-title p {
	color: var(--colors-Red-800);
	font-size: var(--fonts-size-12);
}

.advantages-cta-date {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.advantages-cta-date-text {
	color: var(--colors-Red-950);
	font-size: var(--fonts-size-12);
	padding: 6px 4px;
	border-radius: 4px;
	background: var(--colors-Sky-50);
}

.advantages-cta-badge {
	padding: 7px 8px;
	position: absolute;
	right: 21px;
	top: 20px;
	border-radius: 6px;
	background: var(--colors-Green-600);
	color: var(--colors-base-white-100);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.advantages-cta-arrow {
	display: flex;
	transform: rotate(2.25deg);
	position: absolute;
	right: 7px;
	bottom: -40px;
	padding: 7px 12px;
	border-radius: 24px;
	border: 2px solid var(--colors-Blue-800);
	background: var(--colors-Blue-800);
	color: var(--colors-base-white-100);
	font-size: var(--fonts-size-12);
}

.advantages-cta-arrow::before {
	content: "";
	background: url(../img/arrow-pos1.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -23px;
	top: -24px;
}

.lead-management__card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	width: 276px;
	padding: 16px;
	gap: 16px;
	border-radius: 12px;
	outline: 2px solid var(--colors-base-black-10, rgba(0, 0, 0, 0.03));
	background: var(--colors-base-white-100, #fff);
	transform: rotate(1.24deg);
	position: relative;
}

.lead-management__card-title {
	color: var(--colors-Red-950);
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-medium);
	width: 100%;
	padding-bottom: 9px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.lead-management__benefits-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.lead-management__benefits-item {
	display: flex;
	padding: 10px 16px 6px 8px;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	border-radius: 8px;
	background: #f7f7f7;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
	color: var(--colors-Red-950);
	font-size: var(--fonts-size-12);
}

.lead-management__benefits-item img {
	width: 24px;
	height: 24px;
	min-width: 24px;
}

.lead-management__badge--green {
	padding: 6px 16px;
	display: flex;
	transform: rotate(-1.24deg);
	position: absolute;
	left: 58.977px;
	bottom: -11px;
	border-radius: 24px;
	border: 2px solid #7c9880;
	background: #7c9880;
	color: var(--colors-base-white-100);
	font-size: var(--fonts-size-12);
}

.lead-management__badge--green::before {
	content: "";
	background: url(../img/arrow-pos2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 26px;
	height: 26px;
	position: absolute;
	right: -19.344px;
	top: -20px;
}

.lead-management__benefits-text {
	color: var(--colors-Red-950);
	font-size: var(--fonts-size-12);
}

.graduates {
	background: var(--colors-Red-50);
	padding: 61px 0 63px 16px;
	overflow: hidden;
}

.graduates .wrapper {
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
}

.graduates__header {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;
	gap: 23px;
	align-self: stretch;
	flex-wrap: wrap;
	position: relative;
	padding-right: 16px;
}

.graduates__title {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
	letter-spacing: 0.2px;
}

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

.graduates__nav button {
	position: static;
	margin: 0;
	transform: none;
	display: flex;
	min-width: 52px;
	height: 48px;
	padding: 14px 16px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: #fff;
	outline: 2px solid var(--colors-Red-100);
	border: none;
	transition: all 0.4s;
}

.graduates__nav button:hover {
	outline: 2px solid var(--colors-Red-200);
	background: var(--colors-Red-500);
}

.graduates__nav button:active {
	background: var(--colors-Red-700);
}

.graduates .container {
	gap: 32px;
	display: flex;
	flex-direction: column;
}

.graduates__slider {
	width: 100%;
	overflow: visible !important;
}

.graduates__nav button::after {
	content: none;
}

.graduates__slide {
	display: flex;
	max-width: 288px !important;
	border-radius: 12px;
	border: 1px solid var(--colors-base-black-10);
	background: var(--colors-base-white-100);
	padding: 13px 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	transition: all 0.4s;
	height: auto;
}

.graduates__slide:hover {
	border: 1px solid var(--colors-Blue-200);
	background: var(--colors-Pink-100);
}

.graduates__quote {
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	margin-bottom: 22px;
}

.graduates__quote p {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.graduates__quote-box {
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
	gap: 11px;
}

.graduates__quote-content {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1 0 0;
	align-self: stretch;
}

.graduates__points {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}

.graduates__points .graduates__point:nth-of-type(1)::after {
	content: "";
	background: url(../img/arrow-bottom.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 24px;
	width: 8px;
	display: block;
}

.graduates__point {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	align-self: stretch;
}

.graduates__point dt {
	color: var(--colors-Red-800);
	text-align: center;
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);
	line-height: 1;
}

.graduates__point dd {
	color: var(--colors-Blue-900);
	text-align: center;
	font-size: var(--fonts-size-12);
}

.graduates__meta {
	display: flex;
	max-width: 85px;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	align-self: stretch;
}

.graduates__video {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex: 1 0 0;
	align-self: stretch;
	width: 100%;
}

.graduates__video-link {
	width: 100%;
	height: 192px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	object-fit: cover;

}

.graduates__video-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.graduates__author {
	width: 32px;
	height: 32px;
	border-radius: 999px;
	border: 1.5px solid var(--colors-base-white-100);
}

.graduates__author img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.graduates__name {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.graduates__name {
	color: var(--colors-base-black-100);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
}

.graduates__name span {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-12);
}

.graduates__video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.visually-hidden {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.graduates__date {
	padding: 6px 4px;
	border-radius: 4px;
	background: var(--colors-Sky-50);
	color: var(--colors-Red-950);
	font-size: var(--fonts-size-12);
	line-height: 1.3;
}

.cta {
	padding: 62px 16px 66px;
	background: linear-gradient(180deg,
			var(--colors-Violet-950) 0%,
			var(--colors-Fuchsia-950) 100%);
	position: relative;
	overflow: hidden;
}

.cta .wrapper {
	position: relative;
	z-index: 3;
	display: flex;
	max-width: 800px;
	align-items: center;
	align-content: center;
	gap: 24px 48px;
	align-self: stretch;
	flex-wrap: wrap;
	margin: 0 auto;
}

.cta__form {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 44px;
	min-width: 288px;
	flex: 1 0 0;
	align-self: stretch;
	flex-wrap: wrap;
}

.cta__form form .button {
	height: 48px;
	padding: 14px 16px;
	border-radius: 99px;
	outline: 3px solid var(--colors-base-white-15);
	background: var(--colors-Blue-800);
	color: var(--colors-Red-50);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);

	width: 100%;
	transition: all 0.4s;
}

.cta__form form .button:hover {
	outline: 5px solid var(--colors-base-white-15);
	background: var(--colors-Blue-900);
}

.cta__form form .button:active {
	outline: 1px solid var(--colors-base-white-15);
	background: var(--colors-Blue-950);
}

.cta__title {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 13px;
	align-self: stretch;
}

.cta__title h2 {
	color: var(--colors-Red-50);
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.cta__form input,
.cta__form select {
	height: 52px;
	padding: 16px;
	font-size: var(--fonts-size-12);
}

.cta__form input::placeholder,
.cta__form select {
	font-size: var(--fonts-size-12);
}

.cta__title p {
	color: var(--colors-Red-50);
	font-size: var(--fonts-size-18);
}

.cta form {
	display: flex;
	min-width: 288px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 24px;
}

.cta__form-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
}

.cta .lead-management__card {
	display: flex;
	padding: 16px 24px 24px 24px;
	min-width: 288px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	width: auto;
	transform: none;
}

.cta .lead-management__card .lead-management__card-title {
	font-size: var(--fonts-size-18);
}

.cta .lead-management__card .lead-management__benefits-list {
	gap: 17px;
}

.cta::after {
	content: "";
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background: url(../img/Noise2.png) repeat;
	background-size: contain;
	opacity: 0.25;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	mix-blend-mode: luminosity;
}

.cta__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.cta__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about {
	padding: 61px 16px;
	background: var(--colors-Red-50);
	overflow: hidden;
}

.about .about__inner {
	display: flex;
	max-width: 1176px;
	align-items: center;
	align-content: center;
	gap: 48px;
	align-self: stretch;
	flex-wrap: wrap;
	margin: 0 auto;
}

.about__content {
	display: flex;
	min-width: 288px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 14px;
}

.about__content h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.about__content h3 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.about__content p {
	color: var(--colors-Blue-800);
	font-size: var(--fonts-size-12);
}

.about__content a {
	display: flex;
	height: 48px;
	padding: 14px 16px;
	justify-content: center;
	align-items: center;
	gap: 5px;
	border-radius: 12px;
	outline: 3px solid rgba(255, 255, 255, 0.15);
	background: var(--colors-Blue-800);
	text-decoration: none;
	color: var(--colors-Red-50);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);

	margin-top: 5px;
	transition: all 0.4s;
}

.about__content a::after {
	content: "";
	background: url(../img/white-arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
}

.about__content a:hover {
	outline: 5px solid rgba(255, 255, 255, 0.15);
	background: var(--colors-Blue-900);
}

.about__content a:active {
	outline: 1px solid rgba(255, 255, 255, 0.15);
	background: var(--colors-Blue-950);
}

.about__image {
	height: 376px;
	min-width: 288px;
	flex: 1 0 0;
	border-radius: 12px;
	outline: 2px solid rgba(255, 255, 255, 0.25);
	overflow: hidden;
}

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

.about .wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	flex: 1 0 0;
}

.about__main {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 480px;
	align-self: stretch;
}

.about__main-img {
	position: absolute;
	top: 408px;
	width: calc(100% + 32px);
	height: 720px;
	left: -16px;
}

.about__main-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 5px;
}

.about__main-top {
	position: relative;
	z-index: 3;
	display: flex;
	max-width: 800px;
	padding: 17px 16px 11px;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 40px;
	align-self: stretch;
	flex-wrap: wrap;
	border-radius: 12px;
	border: 2px solid rgba(0, 0, 0, 0.03);
	background: #fff;
}

.about__main-top--cards {
	display: flex;
	min-width: 256px;
	flex-wrap: wrap;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 8px;
}

.about__main-top--card {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: center;
	min-width: 124px;
	gap: 26px;
	flex: 1 0 0;
	border-radius: 12px;
	border: 1px solid #f3f3f3;
	background: var(--colors-Blue-50);
}

.about__main-top--card figure {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
}

.about__main-top--card figure img {
	width: 116px;
	border-radius: 9999px;
	height: 116px;
	object-fit: contain;
}

.about__main-top--card figure .visually-hidden {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
	max-width: 80%;
	text-align: center;
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.about__main-top--card figure .visually-hidden span {
	color: var(--colors-Blue-800);
	text-align: center;
	font-size: var(--fonts-size-12);
}

.about__main-top--content {
	display: flex;
	min-width: 256px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 16px;
}

.about__main-top--content h3 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.about__main-top--text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.about__main-top--text p {
	color: var(--colors-Blue-800);
	font-size: var(--fonts-size-12);
}

.about__main-bottom {
	position: relative;
	z-index: 3;
	display: flex;
	max-width: 700px;
	align-items: flex-start;
	align-content: flex-start;
	gap: 16px;
	flex: 1 0 0;
	flex-wrap: wrap;
	margin-left: auto;
}

.about__main-bottom--card {
	display: flex;
	min-width: 288px;
	min-height: 236px;
	padding: 16px 16px 20px 16px;
	align-items: flex-start;
	flex-direction: column;
	gap: 23px;
	flex: 1 0 0;
	border-radius: 12px;
	border: 2px solid rgba(0, 0, 0, 0.03);
	background: #fff;
}

.about__main-bottom--card h4 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.about__main-bottom--card ul {
	list-style: disc;
	padding-left: 16px;
}

.about__main-bottom--card ul li,
.about__main-bottom--card p {
	color: var(--colors-Blue-800);
	font-size: var(--fonts-size-12);
}

.about__main-bottom--card strong {
	color: var(--colors-base-black-100);
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-medium);
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	padding-top: 0;
	transition: max-height 0.4s ease-out, padding-top 0.4s ease-out;
}

.faq-question[aria-expanded="true"]+.faq-answer {
	max-height: 1000px;
	padding-top: 24px;
}

.faq {
	padding: 51px 16px 45px;
	background: var(--colors-Red-50);
}

.faq .wrapper {
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	align-self: stretch;
	margin: 0 auto;
}

.faq h2 {
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.faq__box {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 16px;
	align-self: stretch;
	flex-wrap: wrap;
}

.faq__box-inner {
	display: flex;
	min-width: 288px;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	flex: 1 0 0;
}

.faq-item {
	padding: 21px 32px 21px 32px;
	border-radius: 20px;
	width: 100%;
	background: var(--colors-base-white-100);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
	border: 1px solid transparent;
	display: flex;
	flex-direction: column;
	transition: all 0.4s;
}

.faq-item:hover .faq-question {
	color: var(--colors-Red-700);
}

.faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: transparent;
	padding: 0;
	border: none;
	gap: 24px;
	font-family: var(--fonts-family-fixel-text);
	align-self: stretch;
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
	letter-spacing: 0.1px;
	text-align: left;
	width: 100%;
	transition: all 0.4s;
}

.faq-item:hover {
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
}

.faq-question:hover::after {
	filter: brightness(0) saturate(100%) invert(60%) sepia(25%) saturate(241%) hue-rotate(339deg) brightness(86%) contrast(85%);
}

.faq-question::after {
	content: "";
	background: url(../img/accrdion-arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	min-width: 24px;
	display: flex;
	transition: all 0.4s;
}

/* margin-top заменён на padding-top для плавной анимации */

.faq-question[aria-expanded="true"]::after {
	transform: rotate(90deg);
}

.footer {
	padding: 21px 16px;
	background: var(--colors-Red-50);
	margin-top: auto;
}

.footer__top {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 28px;
	align-self: stretch;
	background: var(--colors-Red-200);
	padding: 32px 16px;
}

.footer__nav {
	display: flex;
	min-width: 256px;
	width: 100%;
	max-width: 800px;
	align-items: flex-start;
	align-self: stretch;
	gap: 16px;
	flex-wrap: wrap;
	margin: 0 auto;
}

.main-education .faq .faq__box-inner {
	gap: 10px;
}

.footer__nav-col {
	display: flex;
	min-width: 138px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
}

.footer__nav-col h3 {
	padding: 4px 4px 10px 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: var(--colors-base-black-100);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
	width: 100%;
}

.footer__bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: overlay;
}

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

.footer__brand {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.footer__social-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	align-self: stretch;
}

.footer__nav {
	position: relative;
	z-index: 2;
}

.footer__nav-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.footer__nav-item {
	height: 28px;
	display: flex;
	align-items: center;
	padding: 4px;
}

.footer__wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	align-self: stretch;
}

.footer__copyright,
.footer__copyright span {
	color: var(--colors-Red-950);
	text-align: center;
	font-family: var(--fonts-family-Segoe-UI);
	font-size: 12px;
}

.footer__bottom {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex: 1 0 0;
	width: 100%;
}

.footer__nav-link {
	color: var(--colors-Blue-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	line-height: 1;
	text-decoration: none;
}

.footer__payment-list {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 8px 24px;
	align-self: stretch;
	flex-wrap: wrap;
}

.footer__logo {
	width: 136px;
	height: 33.118px;
}

.footer__logo a {
	display: flex;
}

.footer__logo a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.about-us__page {
	background: var(--colors-Red-100);
	background-repeat: repeat;
	position: relative;
}

.about-us__page::before {
	content: "";
	background: url(../img/Noise-about.png) repeat;
	background-size: auto;
	mix-blend-mode: hard-light;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.breadcrumbs {
	position: relative;
	padding: 16px;
	overflow: hidden;
	z-index: 1;
}

.breadcrumbs ol {
	display: flex;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	align-items: center;
}

.breadcrumbs ol li {
	height: 28px;
	padding: 4px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.breadcrumbs ol li::after {
	content: "";
	background: url(../img/breadcrumbs.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	display: flex;
}

.breadcrumbs ol li:nth-last-of-type(1)::after {
	content: none;
}

.breadcrumbs ol li:nth-last-of-type(1) span {
	color: rgba(0, 0, 0, 0.15);
}

.breadcrumbs ol li a {
	text-decoration: none;
	display: flex;
}

.breadcrumbs ol li span {
	color: var(--colors-Blue-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	line-height: 1;
	white-space: nowrap;
	transition: all 0.4s;
}

.breadcrumbs ol li:hover span {
	color: var(--colors-Red-700);
}

.breadcrumbs ol li:hover::after {
	filter: brightness(0) saturate(100%) invert(59%) sepia(8%) saturate(692%) hue-rotate(339deg) brightness(90%) contrast(85%);
}

.breadcrumbs ol li:active span {
	color: var(--colors-Red-600);
}

.breadcrumbs ol li:active::after {
	filter: brightness(0) saturate(100%) invert(69%) sepia(6%) saturate(1009%) hue-rotate(338deg) brightness(104%) contrast(83%);
}

.about-us__section {
	display: flex;
	padding: 45px 16px 0px 16px;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
}

.about-us__section .about__content {
	gap: 6px;
}

.about-us__section .about__content h1 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.about-us__section .about__content h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.about-us__section .about__content p {
	color: var(--colors-Blue-800);
	font-size: var(--fonts-size-16);
}

.about-us__section .about__inner {
	display: flex;
	max-width: 800px;
	align-items: flex-start;
	align-content: flex-start;
	margin: 0 auto;
	gap: 41px;
	align-self: stretch;
	flex-wrap: wrap;
}

.about-us__section .about__inner .about__image {
	height: 276px;
	min-width: 256px;
}

.about-us__founders {
	position: relative;
	padding: 64px 16px 192px 16px;
}

.about-us__founders-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.about-us__founders-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.about-us__founders .about__main-top {
	padding: 12px 12px 30px 12px;
	border-radius: 24px;
	gap: 21px;
	margin: 0 auto;
}

.about-us__founders .about__main-top--cards {
	min-width: 276px;
	flex-direction: column;
	gap: 17px;
}

.about-us__founders .about__main-top--card {
	min-width: 256px;
	padding: 22px 24px 19px;
	width: 100%;
	border-radius: 16px;
	outline: 1px solid #f3f3f3;
}

.about-us__founders .about__main-top--card figure img {
	width: 136px;
	height: 136px;
	object-fit: cover;
}

.about-us__founders .about__main-top--card figure {
	gap: 10px;
	width: 100%;
}

.about-us__founders .about__main-top--card figure .visually-hidden {
	gap: 7px;
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.about-us__founders .about__main-top--card figure .visually-hidden span {
	color: var(--colors-Blue-900);
	font-weight: var(--fonts-weight-medium);
}

.about-us__founders .about__main-top--content {
	padding: 24px 14px;
	gap: 16px;
	margin-bottom: 20px;
}

.about-us__founders .about__main-top--content h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.about-us__founders .about__main-top--text {
	gap: 15px;
}

.about-us__founders .about__main-top--text p {
	font-weight: var(--fonts-weight-medium);
}

.about-us__stats {
	display: flex;
	align-items: center;
	align-self: stretch;
}

.about-us__stats-list {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 16px;
	flex: 1 0 0;
	flex-wrap: wrap;
}

.about-us__stats-item {
	display: flex;
	height: 200px;
	min-width: 200px;
	padding: 21px 22px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	border-radius: 12px;
	outline: 1px solid #f3f3f3;
	background: var(--colors-Blue-50);
}

.about-us__stats-value {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-40);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
	margin-bottom: 7px;
}

.about-us__stats-label {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
	margin-bottom: 16px;
}

.about-us__stats-desc {
	color: var(--colors-Blue-800);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.advantages {
	position: relative;
	z-index: 1;
	padding: 61px 16px;
	background: var(--colors-base-white-100);
}

.advantages .wrapper {
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: center;
	gap: 23px;
	align-self: stretch;
	margin: 0 auto;
}

.advantages-title {
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.advantages__box {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 12px 0px;
	align-self: stretch;
	flex-wrap: wrap;
}

.advantages__card {
	display: flex;
	min-width: 201px;
	padding: 16px;
	flex-direction: column;
	gap: 26px;
	justify-content: center;
	align-items: flex-start;
	flex: 1 0 0;
}

.advantages__image {
	height: 228px;
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	object-fit: cover;
}

.advantages__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.advantages__content {
	display: flex;
	max-width: 476px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	gap: 5px;
}

.advantages__content h3 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.advantages__content p {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.main-education {
	background: var(--colors-Red-100);
	background-repeat: repeat;
	position: relative;
}

.main-education::before {
	content: "";
	background: url(../img/Noise-about.png) repeat;
	background-size: auto;
	mix-blend-mode: hard-light;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.main-education__wrapper {
	position: relative;
	z-index: 1;
}

.education-hero {
	padding: 61px 16px;
}

.education-hero .wrapper {
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: flex-start;
	gap: 59px;
	align-self: stretch;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

.education-hero__header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 21px;
	align-self: stretch;
}

.education-hero__header h1 {
	color: var(--colors-base-black-100);
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
	letter-spacing: 0.2px;
}

.education-hero__subtitle p {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-18);
	font-weight: 400;
	font-family: "Inter" !important;
}

.education-hero__info {
	display: flex;
	align-items: center;
	align-content: center;
	gap: 21px;
	align-self: stretch;
	flex-wrap: wrap;
}

.education-hero__authors {
	display: flex;
	min-width: 276px;
	align-items: center;
	gap: 12px;
	flex: 1 0 0;
}

.education-hero__authors-avatars {
	display: flex;
	align-items: center;
}

.education-hero__avatar {
	border-radius: 2727px;
	border: 2px solid var(--colors-Red-50);
	width: 48px;
	height: 48px;
	overflow: hidden;
}

.education-hero__avatar:nth-last-of-type(1) {
	margin-left: -16px;
}

.education-hero__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.education-hero__authors-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}

.education-hero__authors-label {
	color: var(--colors-Blue-800);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	line-height: 1.1;
}

.education-hero__authors-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
}

.education-hero__authors-item {
	color: var(--colors-Blue-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);
	line-height: 1;
}

.education-hero__rating {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 5px;
}

.education-hero__rating-info {
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}

.education-hero__rating-value {
	color: var(--colors-Blue-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);
	line-height: 1;
}

.education-hero__rating-count {
	color: var(--colors-Blue-800);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	line-height: 1.1;
}

.main-education__banner {
	position: relative;
	padding: 64px 16px;
}

.main-education__banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.main-education__banner-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.main-education__banner-content {
	position: relative;
	display: flex;
	max-width: 800px;
	flex-direction: column;
	margin: 0 auto;
	gap: 10px;
}

.main-education__features-list {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 8px;
	align-self: stretch;
	flex-wrap: wrap;
}

.main-education__feature {
	display: flex;
	height: 176px;
	min-width: 176px;
	padding: 24px 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
	border-radius: 12px;
	outline: 2px solid rgba(255, 255, 255, 0.25);
}

.main-education__feature--1 {
	background: var(--colors-Red-50);
}

.main-education__feature--2 {
	background: var(--colors-Pink-100);
}

.main-education__feature--3 {
	background: var(--colors-Red-500);
}

.main-education__partners {
	display: flex;
	padding: 29px 24px 32px;
	flex-direction: column;
	border-radius: 12px;
	outline: 2px solid rgba(255, 255, 255, 0.25);
	background: var(--colors-Sky-100);
}

.main-education__feature-title {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.main-education__partners .main-education__feature-title {
	margin-bottom: 9px;
}

.main-education__feature-text {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.main-education__partners .main-education__feature-text {
	margin-bottom: 28px;
}

.main-education__partners-swiper {
	width: calc(100% + 48px);
	transform: translateX(-24px);
}

.main-education__partner-slide {
	max-width: 176px;
	height: 176px;
}

.main-education__partner-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
	overflow: hidden;
}

.main-education__sticky {
	display: none;
}

.main-education .faq {
	padding: 62px 16px 63px;
	background: var(--colors-base-white-100);
}

.main-education .faq h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
	letter-spacing: 0.1px;
	text-align: left;
}

.main-education .faq .wrapper {
	align-items: flex-start;
	gap: 25px;
}

.main-education .faq .faq__box-inner {
	gap: 8px;
}

.main-education .faq .faq-item {
	border-radius: 12px;
	background: var(--colors-Blue-50);
	padding: 20px;
	box-shadow: none;
	border: none;
}

.main-education .faq .faq-question::before {
	content: "";
	width: 40px;
	height: 40px;
	min-width: 40px;
	background: url(../img/accarrdion.svg), #fff;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	border-radius: 99px;
}

.main-education .faq .faq-question {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-12);
	gap: 15px;
	text-align: left;
	justify-content: flex-start;
}

.main-education .faq .faq-question::after {
	margin-left: auto;
}

.main-education .faq .faq-question:hover {
	background: var(--colors-Blue-100);
	box-shadow: 0;
	border: 0;
}

.faq-answer p {
	font-size: var(--fonts-size-12);
}

.result {
	position: relative;
}

.result .container {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
}

.information {
	padding: 62px 16px 0;
	position: relative;

	background: var(--colors-Red-50);
}

.information .wrapper {
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: flex-start;
	gap: 46px;
	align-self: stretch;
	margin: 0 auto;
}

.information__tabs {
	display: flex;
	align-items: center;
	align-self: stretch;
	border-bottom: 1px solid var(--colors-Blue-200);
	position: relative;
	z-index: 5;
}

.information-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.information-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.information__tab {
	display: flex;
	padding-bottom: 16px;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	white-space: nowrap;
	border-bottom: 2px solid transparent;
	background: rgba(255, 255, 255, 0);
	color: var(--colors-Blue-700);
	text-align: center;
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);
	line-height: 1;
	transition: all 0.4s;
	cursor: pointer;
}

.information__tab:hover {
	border-bottom: 2px solid var(--colors-Red-600);
	color: var(--colors-Blue-950);
}

.information__tab--active {
	border-bottom: 2px solid var(--colors-Red-600);
	color: var(--colors-Blue-950);
}

.information__content {
	display: none;
	flex-direction: column;
	align-items: flex-start;
	gap: 42px;
	align-self: stretch;
	position: relative;
	z-index: 5;
}

.information__content h2 {
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
	width: 100%;
}

.information__content.information__content--active {
	display: flex;
}

.information__accordion-header {
	transition: background 0.3s ease;
	font-family: var(--fonts-family-fixel-text);
}

.information__accordion-content {
	max-height: 0;
	overflow: hidden;
	padding: 0 20px;
	transition: max-height 0.4s ease, padding 0.3s ease;
	color: #ccc;
}

.information__accordion-item.active .information__accordion-content {
	max-height: 1500px;
}

.information__accordion-item.active {
	overflow: 1px solid var(--colors-Blue-200);
	background: var(--colors-Blue-50);
}

.information__accordion-item.active {
	padding-bottom: 29px;
}

.information__content-list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	gap: 4px;
}

.information__content-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	width: 100%;
}

.information__content-item-box {
	display: flex;
	padding: 20px;
	align-items: center;
	flex-direction: column;
	align-self: stretch;
	border-radius: 4px;
	gap: 1px;
	outline: 1px solid var(--colors-base-black-10);
	background: var(--colors-Red-100);
	margin: 0 auto;
	width: 100%;
}

.information__content-item-title {
	color: var(--colors-Blue-950);
	text-align: center;
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
	line-height: 1.4;
}

.information__content-item::after {
	content: "";
	background: url(../img/acardion2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	display: flex;
}

.information__content-item:nth-last-of-type(1)::after {
	content: none;
}

.information__content-item-text {
	color: var(--colors-Blue-950);
	text-align: center;
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
}

.information__content-item-box--1 {
	background: var(--colors-Red-100);
}

.information__content-item-box--2 {
	max-width: 704px;
	background: var(--colors-Red-200);
}

.information__content-item-box--3 {
	max-width: 608px;
	background: var(--colors-Red-300);
}

.information__content-item-box--4 {
	max-width: 384px;
	background: var(--colors-Red-400);
}

.information__content-item--img {
	height: 276px;
	margin-bottom: -3px;
	align-self: stretch;
}

.information__content-item--img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.information__content-item-box--6 {
	max-width: 384px;
	background: var(--colors-Red-400);
}

.information__content-item-box--7 {
	max-width: 512px;
	background: var(--colors-Red-300);
}

.information__content-item-box--8 {
	max-width: 576px;
	background: var(--colors-Red-200);
}

.information__content-item-box--9 {
	max-width: 640px;
	background: var(--colors-Red-100);
}

.information__content-item-box--10 {
	max-width: 704px;
	background: var(--colors-Red-100);
}

.information__content-item-box--10 {
	background: var(--colors-Red-100);
}

.information__content-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 12px;
	align-self: stretch;
	flex-wrap: wrap;
	margin-top: -11px;
}

.information__content-btn button {
	padding: 16px;
	font-size: var(--fonts-size-12);
}

.information__accordion-wrapper {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.information__accordion-item {
	width: 100%;
	flex: 1 0 0;
}

.information__accordion-item {
	border-radius: 12px;
	overflow: 1px solid var(--colors-Blue-100);
	background: var(--colors-base-white-100);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
	transition: all 0.4s;
}

.information__accordion-header {
	padding: 16px 20px 16px 56px;
	width: 100%;
	background: transparent;
	border: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
	line-height: 1.4;
	text-align: left;
	position: relative;
}

.information__accordion-header::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 20px;
	width: 24px;
	height: 24px;
	background: url(../img/accrdion-arrow.svg) no-repeat center center;
	background-size: contain;
	transform: rotate(90deg);
	transition: transform 0.4s;
}

.information__accordion-item.active .information__accordion-header::before {
	transform: rotate(270deg);
}

.information__accordion-item.active .information__accordion-header {
	color: var(--colors-Green-700);
}

.information__accordion-item.active .information__accordion-header::before {
	filter: brightness(0) saturate(100%) invert(60%) sepia(4%) saturate(1910%) hue-rotate(77deg) brightness(96%) contrast(83%);
}

.information__accordion-item:hover {
	border-radius: 12px;
	border: 1px solid var(--colors-Blue-200);
	background: var(--colors-Blue-50);
}

.information__accordion-item:hover .information__accordion-header {
	color: var(--colors-Green-700);
}

.information__accordion-item:hover .information__accordion-header::before {
	filter: brightness(0) saturate(100%) invert(60%) sepia(4%) saturate(1910%) hue-rotate(77deg) brightness(96%) contrast(83%);
}

.information__accordion-content-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	gap: 6px;
	margin-bottom: 16px;
}

.information__accordion-content-text:nth-last-of-type(1) {
	margin-bottom: 0;
}

.information__accordion-content-text h3 {
	color: var(--colors-base-black-100);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.information__accordion-content-text ul {
	list-style: disc;
	padding-left: 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.information__accordion-content-text ul li {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.result-img-smoll {
	display: block;
}

.result-img-big {
	display: none;
}

.bonus {
	padding: 64px 16px;
	background: var(--colors-Red-50);
	position: relative;
}

.bonus-top-fon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 279px;
	z-index: 1;
}

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

.bonus-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bonus-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.bonus .wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	align-self: stretch;
	margin: 0 auto;
}

.bonus-box {
	display: flex;
	padding: 23px 24px 24px 24px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 12px;
	background: var(--colors-base-white-100);
	gap: 9px;
}

.bonus__title {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.bonus__list {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	align-self: stretch;
	flex-wrap: wrap;
}

.bonus__item {
	display: flex;
	height: 176px;
	min-width: 176px;
	min-height: 176px;
	padding: 16px;
	gap: 22px;
	flex-direction: column;
	flex: 1 0 0;
}

.bonus__item-img {
	border-radius: 12px;
	overflow: hidden;
	min-height: 112px;
	width: 100%;
}

.bonus__item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bonus__item-title {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.education-step {
	padding: 62px 0 0 0;
	background: var(--colors-base-white-100);
	position: relative;
	overflow: hidden;
}

.education-step::before {
	content: "";
	background: url(../img/Noise-about.png) repeat;
	background-size: auto;
	mix-blend-mode: hard-light;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.education-step .wrapper {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 16px 59px 16px;
}

.education-step__banner {
	height: 376px;
	width: 100vw;
}

.education-step__banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.education-step__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 44px;
	align-self: stretch;
	position: relative;
	z-index: 3;
}

.education-step__image {
	display: none;
}

.education-step__title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
}

.education-step__title h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.education-step__title p {
	color: var(--colors-Blue-800);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.education-step__slide {
	max-width: 176px;
	width: 176px !important;
}

.education-step__slider {
	width: 100%;
}

.education-step__slide-image {
	height: 176px;
	border-radius: 4px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 24px;
}

.education-step__slide-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.education-step__slide-content-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	align-self: stretch;
	padding-bottom: 7px;
	border-bottom: 1px solid var(--colors-Blue-200);
	margin-bottom: 10px;
}

.education-step__slide-content-title h3 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
}

.education-step__slide-content-title p {
	color: var(--colors-Blue-700);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.education-step__slide-content p {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
	line-height: 117%;
}

.main-education-about-us .about__content .about__subtitle {
	font-size: var(--fonts-size-24);
}

.about-us__section.main-education-about-us {
	padding-top: 62px;
}

.main-education-about-us .about__content strong {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-medium);
}

.main-education-about-us .about__content p {
	font-size: var(--fonts-size-12);
}

.main-education-about-us .about__content {
	gap: 14px;
}

.main-education-about-us.about-us__section .about__inner {
	gap: 19px;
}

.main-education-about-us.about-us__section .about__image {
	height: 376px;
}

.main-education-about-us__founders {
	padding-top: 24px;
	padding-bottom: 34px;
}

.main-education-about-us__founders.about-us__founders .about__main-top--cards {
	gap: 9px;
}

.main-education-about-us__founders.about-us__founders .about__main-top--content h2 {
	font-size: var(--fonts-size-16);
}

.main-education-about-us__founders.about-us__founders .about__main-top--content {
	margin-bottom: 0;
	padding-bottom: 0;
}

.main-education-about-us__founders.about-us__founders .about__main-top {
	padding-bottom: 26px;
}

.main-education-about-us__founders .wrapper {
	gap: 23px;
	display: flex;
	flex-direction: column;
}

.main-education-about-us__founders .about__main-bottom--card {
	min-height: auto;
	padding: 28px 16px 25px 14px;
	flex: 1;
}

.main-education-about-us__founders .about__main-bottom--card ul {
	padding-left: 18px;
}

.main-education-about-us__founders .about__main-bottom--card h4 {
	font-size: var(--fonts-size-16);
}

.main-education-about-us__founders .about__main-bottom {
	gap: 23px;
	margin-right: auto;
	max-width: 800px;
	width: 100%;
	align-items: stretch;
}

.main-education-about-us__founders .about__main-bottom--card strong {
	font-size: var(--fonts-size-12);
}

.faq.main-education-faq {
	background: transparent;
	padding: 62px 16px 64px;
}

.faq.main-education-faq .faq-question::before {
	content: none;
}

.faq.main-education-faq .faq-question {
	font-size: var(--fonts-size-16);
	gap: 24px;
}

.faq.main-education-faq .faq-item {
	border-radius: 20px;
	padding: 24px 32px 16px 32px;
	min-height: 72px;
	background: var(--colors-base-white-100);
}

.faq.main-education-faq .faq__box-inner {
	gap: 12px;
	width: 100%;
}

.faq.main-education-faq .faq__box {
	gap: 12px;
	flex-direction: column;
}

.main-education-cta .cta__title {
	gap: 5px;
}

.main-education-cta .cta__form {
	gap: 19px;
}

.main-education-cta .cta__form input,
.main-education-cta .cta__form select {
	height: 44px;
	padding: 12px;
}

.main-education-cta.cta form {
	gap: 17px;
}

.main-education-cta.cta .wrapper {
	gap: 48px;
	align-items: flex-start;
}

.main-education-cta.cta .lead-management__card {
	padding-top: 21px;
	padding-bottom: 51px;
	gap: 18px;
}

.main-education-cta.cta .lead-management__card .lead-management__benefits-list {
	gap: 21px;
}

.main-education-cta.cta {
	padding-bottom: 64px;
}

.other-courses {
	background: var(--colors-Red-50);
	padding: 45px 16px 50px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.other-courses .wrapper {
	display: flex;
	max-width: 1176px;
	flex-direction: column;
	gap: 24px;
	flex: 1 0 0;
}

.other-courses__header {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 1 0 0;
}

.other-courses__header h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.other-courses__nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}

.other-courses__nav button {
	position: static;
	margin: 0;
	transform: none;
	display: flex;
	min-width: 52px;
	height: 48px;
	padding: 14px 16px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: #fff;
	outline: 2px solid var(--colors-Red-100);
	border: none;
	transition: all 0.4s;
}

.other-courses__nav button:hover {
	outline: 2px solid var(--colors-Red-200);
	background: var(--colors-Red-500);
}

.other-courses__nav button:active {
	background: var(--colors-Red-700);
}

.other-courses__nav button::after {
	content: none;
}

.other-courses__slider {
	width: 100%;
	overflow: visible !important;
}

.other-courses__slide {
	max-width: 276px !important;
	width: 100%;
}

.other-courses__container {
	border-radius: 12px;
	border: 1px solid var(--colors-Blue-200);
	overflow: hidden;
}

.other-courses__image {
	height: 232px;
	position: relative;
	overflow: hidden;
}

.other-courses__image::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/Noise-about.png) repeat;
	background-size: auto;
	z-index: 1;
}

.other-courses__image::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg,
			rgba(253, 247, 244, 0.15) 0%,
			rgba(253, 247, 244, 0.15) 100%);
}

.other-courses__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.other-courses__badge {
	display: flex;
	min-width: 91px;
	padding: 5px 8px;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 15px;
	top: 14px;
	border-radius: 6px;
	background: var(--colors-Green-700);
	z-index: 2;
}

.other-courses__badge p {
	color: var(--colors-Red-50);
	font-size: 12px;
	font-weight: var(--fonts-weight-medium);
	line-height: normal;
}

.other-courses__content {
	padding: 19px 0px 24px;
	background: var(--colors-base-white-100);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	align-self: stretch;
}

.other-courses__content-text {
	padding: 0 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.other-courses__content-star {
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}

.other-courses__content-star img {
	max-width: 88px;
	width: 100%;
}

.other-courses__content-star p {
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--colors-Blue-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);
}

.other-courses__content-star strong {
	color: var(--colors-Blue-800);
	font-weight: var(--fonts-weight-regular);
	line-height: 1.1;
}

.other-courses__content-text h3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	align-self: stretch;
	overflow: hidden;
	color: var(--colors-base-black-100);
	text-overflow: ellipsis;
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-medium);
}

.other-courses__content-text>p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	align-self: stretch;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--colors-Blue-900);
	text-overflow: ellipsis;
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
}

.other-courses__link {
	padding: 16px 16px;
	width: calc(100% - 48px);
	margin: 8px 24px 0 24px;
	border-radius: 12px;
	outline: 3px solid var(--colors-base-white-15);
	border: none;
	background: var(--colors-Blue-950);
	color: var(--colors-Red-50);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);
	text-decoration: none;
	transition: all 0.4s;
}

.other-courses__link:hover {
	outline: 5px solid var(--colors-base-white-15);
	background: var(--colors-Blue-900);
}

.other-courses__link:active {
	outline: 1px solid var(--colors-base-white-15);
	background: var(--colors-Blue-800);
}

.modal {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	overflow: auto;
	width: 100%;
	height: 100%;
	min-width: 320px;
	max-width: 1279px;
	padding: 52px 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.75);
}

.modal-content {
	position: relative;
	max-width: 476px;
	border-radius: 12px;
	overflow: auto;
}

.modal-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}

.modal-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.modal-content__header {
	display: flex;
	padding: 21px 19px 16px 16px;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.modal-content__header .close {
	margin-top: -4px;
	min-width: 20px;
	width: 24px;
	height: 24px;
}

.close img {
	width: 100%;
	height: 100%;
}

.modal-content__header h2 {
	color: var(--colors-Blue-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-semi-bold);
	line-height: 1;
}

.modal-content .cta__form {
	position: relative;
	z-index: 2;
	padding: 32px 16px 16px 16px;
	gap: 21px;
}

.modal-content .cta__title {
	gap: 8px;
}

.modal-content .cta__title h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.modal-content .cta__title p {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-regular);
}

.modal-content form {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.modal-content .cta__form input,
.modal-content .cta__form select {
	height: 44px;
	padding: 12px;
}

.modal-content .cta__form-col {
	margin-bottom: 44px;
}

.modal-content .cta__form .button {
	max-width: 181px;
	margin-left: auto;
	margin-right: 0;
	border-radius: 12px;
	outline: 3px solid var(--colors-base-white-15);
	border: none;
	background: var(--colors-Blue-950);
	color: var(--colors-Red-50);

	transition: all 0.4s;
}

.modal-content .cta__form .button:hover {
	outline: 5px solid var(--colors-base-white-15);
	background: var(--colors-Blue-900);
}

.modal-content .cta__form .button:active {
	outline: 1px solid var(--colors-base-white-15);
	background: var(--colors-Blue-800);
}

.modal-content .lead-management__card {
	display: none;
}

.main-courses {
	background: var(--colors-Red-100);
	background-repeat: repeat;
	position: relative;
}

.main-courses::before {
	content: "";
	background: url(../img/Noise-about.png) repeat;
	background-size: auto;
	mix-blend-mode: hard-light;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.main-courses .feature::before {
	content: "";
	background: url(../img/Noise-about.png) repeat;
	background-size: auto;
	mix-blend-mode: hard-light;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.main-courses .feature {
	background: var(--colors-Red-100);
}

.courses__hero {
	position: relative;
	z-index: 2;
	padding: 61px 16px 32px 16px;
}

.courses__hero .wrapper {
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	align-self: stretch;
	margin: 0 auto;
}

.courses__hero h1 {
	color: var(--colors-base-black-100);
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.courses__container {
	position: relative;
	z-index: 2;
	padding: 45px 16px 50px;
}

.courses__container .wrapper {
	display: flex;
	max-width: 800px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 46px;
	margin: 0 auto;
}

.courses__box {
	width: 100%;
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 15px;
	flex: 1 0 0;
	flex-wrap: wrap;
}

.courses__box .other-courses__slide {
	display: flex;
	min-width: 256px;
	align-items: center;
	flex: 1 0 0;
	max-width: fit-content !important;
}

.courses__box .other-courses__image {
	height: 160px;
}

.courses__box .other-courses__content {
	padding-top: 12px;
	padding-bottom: 17px;
	gap: 0;
}

.courses__box .other-courses__content-text {
	padding: 0 15px 11px 15px;
	border-bottom: 1px solid var(--colors-Blue-200);
	gap: 15px;
	margin-bottom: 15px;
}

.courses__box .other-courses__content-text>p {
	line-height: 1.1;
}

.courses__box .subscription-card__header {
	width: 100%;
	gap: 7px;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	margin-bottom: 21px;
}

.courses__box .subscription-card__current-price {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-20);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
}

.courses__box .subscription-card__original-price {
	color: var(--colors-Blue-600);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
	text-decoration: line-through;
}

.courses__box .subscription-card__price {
	display: flex;
	align-items: center;
	gap: 8px;
}

.courses__box .subscription-card__features {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.courses__box .subscription-card__timer {
	color: var(--colors-base-red);
	font-family: "Inter";
	font-size: 14px;
	font-weight: var(--fonts-weight-medium);
	line-height: 20px;
	letter-spacing: -0.14px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.courses__box .subscription-card__content {
	width: 100%;
	padding: 0 15px 14px 15px;
	border-bottom: 1px solid var(--colors-Blue-200);
	margin-bottom: 33px;
}

.courses__box .subscription-card__content .subscription-card__feature {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.courses__box .subscription-card__content .subscription-card__feature img {
	width: 16px;
	height: 16px;
}

.courses__box .other-courses__link {
	width: calc(100% - 32px);
}

.courses__pagination {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.courses__pagination li {
	display: flex;
	height: 48px;
	padding: 14px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 12px;
	outline: 2px solid var(--colors-Red-100);
	background: var(--colors-base-white-100);
	color: var(--colors-Red-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);
}

.main-marketing {
	background: var(--colors-Red-200);
}

.main-marketing .breadcrumbs {
	position: relative;
	background: var(--colors-Red-200);
}

.main-marketing .breadcrumbs::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/Noise-about.png) repeat;
	background-blend-mode: luminosity;
	mix-blend-mode: hard-light;
}

.contact-hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/Noise-about.png) repeat;
	background-blend-mode: luminosity;
	mix-blend-mode: hard-light;
}

.marketing__hero {
	position: relative;
	padding: 62px 16px 0px 16px;
	background: var(--colors-Red-200);
	overflow: hidden;
}

.marketing__hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.marketing__hero-bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.35);
	background-blend-mode: luminosity;
	mix-blend-mode: hard-light;
}

.marketing__hero-content {
	display: flex;
	min-width: 276px;
	padding-bottom: 48px;
	flex-direction: column;
	align-items: flex-start;
	gap: 23px;
	flex: 1 0 0;
}

.marketing__hero-content h1 {
	color: #1e1e1e;
	font-size: var(--fonts-size-33);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
}

.marketing__hero-content p {
	color: var(--colors-base-black-100);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-medium);
	margin-bottom: 4px;
}

.marketing__hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.marketing__hero .wrapper {
	display: flex;
	max-width: 800px;
	gap: 64px;
	align-self: stretch;
	flex-wrap: nowrap;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.marketing__hero-image {
	min-width: 276px;
	flex: 1 0 0;
	display: flex;
	justify-content: flex-start;
	padding-top: 0;
	padding-left: 0;
	position: relative;
}

.marketing__hero-btn {
	padding: 22px 24px;
	width: fit-content;
	border-radius: 12px;
	outline: 3px solid var(--colors-base-white-15);
	border: none;
	background: var(--colors-Blue-950);
	color: var(--colors-Red-50);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-semi-bold);

	transition: all 0.4s;
}

.marketing__hero-btn:hover {
	outline: 5px solid var(--colors-base-white-15);
	background: var(--colors-Blue-900);
}

.marketing__hero-btn:active {
	outline: 1px solid var(--colors-base-white-15);
	background: var(--colors-Blue-800);
}

.marketing__hero-image img {
	position: absolute;
	height: 100%;
	top: 0;
	width: auto;
	max-width: unset;
}

.main-marketing .system-fit .wrapper {
	gap: 23px;
}

.main-marketing .system-fit__box {
	gap: 4px;
}

.parallax-marketing .education__img {
	padding: 12.187px 0px 21.813px 0px;
	height: 373px;
}

.parallax-marketing .education__img img {
	width: 504px;
	height: 342px;
	object-fit: contain;
}

.main-marketing .system-fit {
	padding-bottom: 0;
}

.main-marketing .system-fit__box-accardion {
	max-height: 492px;
}

.parallax-marketing-content h2 {
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
	margin-bottom: 13px;
}

.parallax-marketing-content .education__content-title p {
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-medium);
}

.parallax-marketing-list {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 12px;
	align-self: stretch;
	flex-wrap: wrap;
}

.parallax-marketing-item {
	display: flex;
	padding: 8px 12px;
	border-radius: 99px;
	background: var(--colors-Lime-400);
	align-items: center;
	gap: 10px;
	color: rgba(0, 0, 0, 0.8);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-medium);
}

.parallax-marketing-content.education__content {
	gap: 18px;
}

.does-work {
	background: var(--colors-base-white-100);
	padding: 61px 16px 65px 16px;
	position: relative;
	overflow: hidden;
}

.does-work::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/Noise-about.png) repeat;
	background-blend-mode: luminosity;
	mix-blend-mode: hard-light;
}

.does-work .wrapper {
	display: flex;
	max-width: 800px;
	justify-content: space-between;
	align-content: flex-start;
	row-gap: 10px;
	flex: 1 0 0;
	flex-wrap: nowrap;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.does-work__image {
	display: inline-flex;
	position: relative;
	height: auto;
	width: 100%;
	margin-right: calc(-100vw / 2 + 100% / 2 - 50px);
	justify-content: flex-end;
	transition: all 0.3s;
}

.does-work__image img {
	margin-bottom: 0;
	position: relative;
	bottom: 50px;
	right: 0;
	min-width: unset;
	height: auto;
	width: 100%;
	max-width: 100%;
}

.does-work__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 41px;
	position: relative;
	z-index: 2;
	flex: 1 0 0;
	min-width: 50%;
}

.does-work__content h2 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.does-work__list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 9px;
	flex: 1 0 0;
}

.does-work__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}

.does-work__item h3 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
}

.does-work__item img {
	width: 100%;
	object-fit: cover;
}

.does-work__item p {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.cta-marketing .wrapper {
	z-index: 5;
}

.cta-marketing::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/Noise-about.png) repeat;
	background-blend-mode: luminosity;
	mix-blend-mode: plus-lighter;
	z-index: 4;
}

.cta-marketing::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg,
			rgba(0, 0, 0, 0.75) 42.56%,
			rgba(0, 0, 0, 0) 152.5%);
	opacity: 1;
}

.contact-hero__left p {
	font-weight: var(--fonts-weight-regular);
}

.marketing__hero.contact-hero {
	padding-bottom: 0;
	overflow: hidden;
}

.contact-hero__left .contact-hero__left-text {
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.contact-hero__left.marketing__hero-content {
	padding-bottom: 48px;
}

.contact-hero__right {
	display: flex;
	height: 245px;
	min-width: 276px;
	padding: 0;
	flex: 1 0 0;
	justify-content: center;
	align-items: center;
}

.contact-hero.marketing__hero .wrapper {
	align-items: flex-end;
}

.contact-hero__right img {
	width: 668px;
	height: 450px;
	object-fit: none;
	object-position: center;
}

.contact-hero__left .marketing__hero-btn {
	padding: 19px 24px;
}

.representative {
	padding: 64px 16px;
	position: relative;
	overflow: hidden;
}

.representative-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.representative-bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/Noise-about.png) repeat;
	background-blend-mode: luminosity;
	mix-blend-mode: hard-light;
	width: 100%;
	height: 100%;
}

.representative-bg::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg,
			rgba(255, 255, 255, 0.75) 24.9%,
			rgba(255, 255, 255, 0) 65.43%);
	z-index: 1;
	width: 100%;
	height: 100%;
}

.representative-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 0.5;
}

.representative .wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: center;
	gap: 21px;
	align-self: stretch;
	margin: 0 auto;
}

.representative .wrapper h2 {
	color: var(--colors-base-black-100);
	text-align: center;
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.representative__box {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 24px;
	align-self: stretch;
	flex-wrap: wrap;
}

.representative__item {
	height: 376px;
	min-width: 276px;
	border-radius: 12px;
	outline: 2px solid rgba(255, 255, 255, 0.25);
	background: var(--colors-Red-50);
	overflow: hidden;
	position: relative;
	flex: 1;
}

.representative__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.representative__item-content {
	display: flex;
	padding: 32px 16px;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	align-self: stretch;
	border-radius: 12px;
	background: #fff;
	position: absolute;
	bottom: 24px;
	left: 20px;
	width: calc(100% - 40px);
}

.representative__item-content address {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 6px;
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-medium);
}

.representative__item-content address a {
	color: inherit;
	text-decoration: none;
}

.representative__item-content address b {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-16);
}

.contact-section {
	background: var(--colors-Red-200);
	position: relative;
	padding: 60px 16px;
}

.contact-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/Noise-about.png) repeat;
	background-blend-mode: luminosity;
	mix-blend-mode: hard-light;
}

.contact-section .wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	max-width: 800px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	align-self: stretch;
	margin: 0 auto;
}

.contact-section .wrapper h2 {
	color: var(--colors-base-black-100);
	text-align: center;
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-medium);
}

.contact-section__box {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 41px;
	align-self: stretch;
	flex-wrap: wrap;
}

.contact-section__left {
	display: flex;
	min-width: 276px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 57px;
}

.contact-section__right {
	display: flex;
	min-width: 276px;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 25px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.25);
}

.contact-section__title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
}

.contact-section__title h3 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-20);
	font-weight: var(--fonts-weight-medium);
}

.contact-section__title p {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-regular);
}

.contact-section__list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 39px;
	align-self: stretch;
}

.contact-section__list li {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-regular);
}

.contact-section__list li a {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-regular);
	white-space: nowrap;
	text-decoration: none;
}

.contact-section__list li span {
	color: var(--colors-Red-700);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
	width: 100px;
	min-width: 100px;
}

.contact-section__list li strong {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
}

.contact-section__form-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.contact-section__form-title h3 {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.contact-section__form-title p {
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-regular);
}

.contact-section__right form {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	align-self: stretch;
}

.contact-section__right form .cta__form-col {
	gap: 17px;
}

.contact-section__right form input {
	padding: 16px 12px;
	font-size: var(--fonts-size-12);
}

.contact-section__right form textarea {
	width: 100%;
	padding: 16px 12px;
	border-radius: 16px;
	outline: 1px solid var(--colors-Blue-50);
	background: var(--colors-base-white-100);
	height: 176px;
	border: none;
	resize: none;
	color: var(--colors-Blue-700);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	line-height: 1.1;
	transition: all 0.4s;
}

.contact-section__right form textarea::placeholder {
	color: var(--colors-Blue-700);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-14);
	line-height: 1.1;
}

input::placeholder {
	color: var(--colors-Blue-700);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-14);
	line-height: 1.1;
}

textarea:hover {
	outline: 1px solid var(--colors-Blue-600);
	background: var(--colors-Blue-50);
}

textarea:focus {
	outline: 1px solid var(--colors-Blue-600);
	background: var(--colors-Blue-50);
}

textarea:active {
	outline: 1px solid var(--colors-Blue-600);
	background: var(--colors-Blue-50);
}

.contact-section__right .button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	border-radius: 99px;
	outline: 3px solid var(--colors-base-white-15);
	background: var(--colors-Blue-800);
	color: var(--colors-Red-50);
	font-size: var(--fonts-size-14);
	font-family: var(--fonts-family-Segoe-UI);
	height: 48px;
	width: 100%;
	padding: 14px 16px;
	border: none;
	transition: all 0.4s;
}

.contact-section__right .button:hover {
	outline: 5px solid var(--colors-base-white-15);
	background: var(--colors-Blue-900);
}

.contact-section__right .button:active {
	outline: 1px solid var(--colors-base-white-15);
	background: var(--colors-Blue-950);
}

.maps {
	height: 476px;
	width: 100%;
}

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

.hero-404 {
	background: var(--colors-Red-50);
	position: relative;
	min-height: 80vh;
	padding: 48px 16px;
}

.hero-404 .wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	max-width: 800px;
	flex-direction: column;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	height: 100%;
}

.hero-404__image {
	background: linear-gradient(0deg, #70635b 0%, #70635b 100%),
		url("../img/404.png") var(--colors-Red-50) 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-blend-mode: color, normal;
	max-width: 348px;
	width: 100%;
	height: 348px;
	margin-bottom: 10px;
}

.hero-404__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.hero-404 strong {
	color: var(--colors-Red-950);
	text-align: center;
	font-size: var(--fonts-size-20);
	font-weight: var(--fonts-weight-medium);
	margin-bottom: 32px;
}

.hero-404 p {
	color: var(--colors-Red-950);
	text-align: center;
	font-size: var(--fonts-size-24);
	font-weight: var(--fonts-weight-regular);
	margin-bottom: 24px;
}

.hero-404__link {
	padding: 14px 16px;
	max-width: 330px;
	width: max-content;
	text-decoration: none;
	margin: 0 auto;
	border-radius: 12px;
	outline: 3px solid var(--colors-base-white-15);
	border: none;
	background: var(--colors-Blue-950);
	color: var(--colors-Red-50);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-14);
	font-weight: var(--fonts-weight-semi-bold);
	display: flex;
	align-items: center;
	gap: 4px;
	transition: all 0.4s;
}

.shero-404__link:hover {
	outline: 5px solid var(--colors-base-white-15);
	background: var(--colors-Blue-900);
}

.hero-404__link:active {
	outline: 1px solid var(--colors-base-white-15);
	background: var(--colors-Blue-800);
}

.hero-thank-you {
	padding: 48px 16px;
	background: var(--colors-Red-50);
}

.hero-thank-you .wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	max-width: 800px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	margin: 0 auto;
	gap: 48px;
}

.hero-thank-you__title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
}

.hero-thank-you__title h1 {
	color: var(--colors-Red-950);
	text-align: center;
	font-size: var(--fonts-size-20);
	font-weight: var(--fonts-weight-medium);
	width: 100%;
}

.hero-thank-you__title h2 {
	color: var(--colors-Red-950);
	text-align: center;
	font-size: var(--fonts-size-28);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
}

.hero-thank-you__title p {
	color: var(--colors-Blue-800);
	text-align: center;
	font-size: var(--fonts-size-18);
	font-weight: var(--fonts-weight-medium);
}

.hero-thank-you__box {
	display: flex;
	min-width: 288px;
	align-items: flex-start;
	align-content: flex-start;
	flex: 1 0 0;
	flex-wrap: wrap;
	border-radius: 12px;
	border: 2px solid rgba(255, 255, 255, 0.25);
	background: var(--colors-Red-100);
	width: 100%;
}

.hero-thank-you__box .education__img {
	height: 340px;
	min-width: 280px;
}

.hero-thank-you__box .education__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.hero-thank-you__box .education__content {
	padding: 48px 16px 24px 16px;
	gap: 32px;
}

.hero-thank-you__box .education__content-title h2 {
	font-size: var(--fonts-size-20);
	margin-bottom: 0;
}

.hero-thank-you__box .education__content-card {
	padding: 16px 32px 16px 20px;
}

.hero-thank-you__box .education__content-card p {
	font-size: var(--fonts-size-12);
	max-width: 100%;
}

.public_offer {
	padding: 48px 16px 32px 16px;
}

.public_offer .wrapper {
	display: flex;
	max-width: 800px;
	width: 100%;
	align-items: flex-start;
	align-content: flex-start;
	gap: 24px;
	flex: 1 0 0;
	flex-wrap: wrap;
	margin: 0 auto;
	flex-direction: row-reverse;
}

.public_offer__nav {
	display: flex;
	min-width: 276px;
	flex: 1 0 0;
	padding: 24px 0;
	flex-direction: column;
	border-radius: 4px;
	background: var(--colors-Blue-50);
	position: sticky;
	top: 0;
}

.public_offer__content {
	display: flex;
	min-width: 276px;
	padding-bottom: 48px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	flex: 1 0 0;
}

.public_offer__nav h2 {
	width: 100%;
	color: var(--colors-Blue-950);
	font-size: var(--fonts-size-28);
	font-weight: var(--fonts-weight-medium);
	line-height: 1;
	padding: 0 24px 24px 24px;
	border-bottom: 1px solid #EAEAFA;
	margin-bottom: 24px;
}

.public_offer__nav ul {
	display: flex;
	padding: 0 24px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.public_offer__nav ul h3 {
	color: var(--colors-Blue-900);
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-medium);
	margin-bottom: 12px;
}

.public_offer__nav ul li {
	display: flex;
	min-height: 28px;
	padding: 4px;
	align-items: center;
	cursor: pointer;
	gap: 4px;
}

.public_offer__nav ul li a {
	color: var(--colors-Blue-950);
	font-family: var(--fonts-family-Segoe-UI);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-regular);
	line-height: 1;
	text-decoration: none;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 4px;
	transition: all 0.4s;
}

.public_offer__nav ul li:hover a {
	color: var(--colors-Red-700);
}

.public_offer__nav ul li:hover img {
	filter: brightness(0) saturate(100%) invert(56%) sepia(25%) saturate(230%) hue-rotate(339deg) brightness(93%) contrast(86%);
}

.public_offer__nav ul li:active a {
	color: var(--colors-Red-600);
}

.public_offer__nav ul li:active img {
	filter: brightness(0) saturate(100%) invert(82%) sepia(2%) saturate(6799%) hue-rotate(324deg) brightness(105%) contrast(53%);
}

.public_offer__content-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.public_offer__content-box h1,
.public_offer__content-box h2 {
	color: var(--colors-base-black-100);
	font-size: var(--fonts-size-16);
	font-weight: var(--fonts-weight-medium);
	margin-bottom: 16px;
}

.public_offer__content-box p,
.public_offer__content-box a,
.public_offer__content-box li {
	color: var(--colors-base-black-100);
	font-size: var(--fonts-size-12);
	font-weight: var(--fonts-weight-regular);
	text-decoration: none;
}

.public_offer__content-box ul {
	list-style: disc;
	padding-left: 20px;
}


.largeDesc {
	max-width: 100% !important;
}


.does-work__imageInner {
	position: absolute;
	top: 130px;
	height: 100%;
	display: flex;
	align-items: flex-end;
}

.accordion-item .accordion-content {
	padding-bottom: 16px;
}

.nav__list .sub-menu li {
	position: relative;
	padding: 0;
}


























@media (max-width: 607px) {
	.public_offer__nav {
		position: static;
	}

	.marketing__hero .wrapper {
		flex-wrap: wrap;
	}

	.marketing__hero-content {
		padding-bottom: 0;
	}

	.marketing__hero-image img {
		position: relative;
		height: 376px;
		top: 0;
		width: auto;
		max-width: unset;
	}

	.does-work .wrapper {
		flex-wrap: wrap;
	}

	.does-work__imageInner {
		position: relative;
		top: 0;
		height: 100%;
		display: flex;
		align-items: flex-end;
	}

	.does-work__image img {
		margin-bottom: 0;
		position: relative;
		bottom: 0;
		right: 0;
		min-width: 500px;
		height: auto;
		width: 100%;
		max-width: 100%;
	}


	.does-work__imageInner {
		position: relative;
		top: 100px;
		height: 100%;
		display: flex;
		align-items: flex-end;
		margin-bottom: -80px;
	}

	.does-work__image {
		display: inline-flex;
		position: relative;
		height: auto;
		width: 100%;
		margin-right: calc(-100vw / 2 + 100% / 2 - 50px);
		justify-content: flex-start;
		transition: all 0.3s;
		left: -30px;
	}










}







@media (min-width: 1280px) {


	.does-work__content {
		min-width: 50%;
	}




	.does-work__imageInner {
		bottom: -190px;
		display: flex;
		align-items: flex-end;
	}

	.does-work__image {
		display: inline-flex;
		position: relative;
		height: auto;
		width: 100%;
		margin-right: calc(-100vw / 2 + 100% / 2 - 50px);
		justify-content: flex-end;
	}


	.result-img-smoll {
		display: none;
	}

	.result-img-big {
		display: block;
	}

	.promo-bar {
		padding: 10px 24px;
	}

	.promo-bar .wrapper p,
	.promo-bar button {
		font-size: var(--fonts-size-14);
	}

	.header {
		padding: 10px 24px;
		max-width: 100%;
		background: var(--colors-base-white-100);
	}

	.header .container {
		max-width: 1540px;
	}

	.header__logo-mobile {
		display: none;
	}

	.header__logo-desktop {
		display: block;
	}

	.mobile-menu {
		display: none;
	}

	.nav {
		display: block;
	}

	.nav__list {
		display: flex;
		align-items: center;
		gap: 24px;
		align-self: stretch;
	}

	.nav__list,
	.nav__list .sub-menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.nav__list>li {
		position: relative;
	}

	.nav__list>li>a {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 8px 4px;
		color: var(--colors-Blue-950);
		font-family: var(--fonts-family-Segoe-UI);
		font-size: var(--fonts-size-14);
		line-height: 1;
		text-decoration: none;
		transition: color 0.3s ease;
	}

	.nav__list>li.menu-item-has-children>a::after {
		content: "";
		width: 5px;
		height: 5px;
		border-right: 1px solid currentColor;
		border-bottom: 1px solid currentColor;
		transform: rotate(45deg) translateY(-1px);
		transition: transform 0.25s ease;
		position: relative;
		top: 1px;
	}

	.nav__list>li>.sub-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 220px;
		padding: 10px 8px 8px;
		border-radius: 12px;
		background: var(--colors-base-white-100);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
		z-index: 40;
	}

	.nav__list>li>.sub-menu::before {
		content: "";
		position: absolute;
		top: -10px;
		left: 0;
		width: 100%;
		height: 10px;
	}

	.nav__list>li:hover>.sub-menu,
	.nav__list>li:focus-within>.sub-menu {
		display: block;
	}

	.nav__list>li:hover>a::after,
	.nav__list>li:focus-within>a::after {
		transform: rotate(-135deg) translateY(-1px);
	}

	.nav__list .sub-menu li {
		position: relative;
	}

	.nav__list .sub-menu li>a {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		width: 100%;
		padding: 10px 12px;
		border-radius: 10px;
		color: var(--colors-Blue-950);
		text-decoration: none;
		white-space: nowrap;
		transition: background-color 0.25s ease, color 0.25s ease;
	}

	.nav__list .sub-menu li>a:hover,
	.nav__list .sub-menu li>a:focus-visible {
		background: var(--colors-Red-50);
		color: var(--colors-Red-700);
	}

	.nav__list .sub-menu li.menu-item-has-children>a::after {
		content: "";
		margin-left: auto;
		width: 7px;
		height: 7px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(-45deg);
	}

	.nav__list .sub-menu .sub-menu {
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 220px;
		padding: 8px 8px 8px 10px;
		border-radius: 12px;
		background: var(--colors-base-white-100);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
	}

	.nav__list .sub-menu .sub-menu::before {
		content: "";
		position: absolute;
		top: 0;
		left: -10px;
		width: 10px;
		height: 100%;
	}

	.nav__list .sub-menu li:hover>.sub-menu,
	.nav__list .sub-menu li:focus-within>.sub-menu {
		display: block;
	}

	.header__actions {
		display: flex;
		align-items: flex-start;
		gap: 8px;
	}

	.nav__item {
		padding: 4px;
	}

	.nav__link {
		color: var(--colors-Blue-950);
		font-family: var(--fonts-family-Segoe-UI);
		font-size: var(--fonts-size-14);
		line-height: 1;
		text-decoration: none;
		transition: all 0.4s;
	}

	.nav__link:hover {
		color: var(--colors-Red-700);
	}

	.nav__link:active {
		color: var(--colors-Red-600);
	}

	.header__actions .header__join-button {
		padding: 14px 16px;
		height: 48px;
	}

	.header__actions .header__login-link {
		display: flex;
		padding: 14px 16px;
		height: 48px;
		justify-content: center;
		align-items: center;
		gap: 4px;
		border-radius: 12px;
		border: 2px solid var(--colors-Red-100);
		background: var(--colors-base-white-100);
		color: var(--colors-Red-950);
		font-family: var(--fonts-family-Segoe-UI);
		font-size: var(--fonts-size-14);
		font-weight: var(--fonts-weight-semi-bold);

		transition: all 0.4s;
	}

	.header__actions .header__login-link:hover {
		border: 2px solid var(--colors-Red-200);
		background: var(--colors-Red-500);
	}

	.header__actions .header__login-link:active {
		border: 2px solid var(--colors-Red-200);
		background: #98867b;
	}

	.hero {
		height: 100vh;
		padding: 64px 52px;
	}

	.hero__content {
		max-width: 1540px;
		gap: 110px;
	}

	.hero__title {
		gap: 24px;
	}

	.hero__title h1 {
		font-size: 114px;
		letter-spacing: -1.14px;
	}

	.hero__title h1 span {
		padding: 0.06em 0.05em 0.02em
	}

	.hero__subtitle {
		font-size: var(--fonts-size-58);
	}

	.hero__promo {
		padding: 24px;
		border-radius: 30px;
		flex-direction: row;
		justify-content: space-between;
	}

	.hero__promo-text {
		gap: 29px;
		font-size: var(--fonts-size-18);
	}

	.hero__promo .hero__cta {
		font-size: var(--fonts-size-14);
	}

	.feature .wrapper {
		max-width: 1176px;
		gap: 24px;
	}

	.feature-card {
		width: 376px;
		padding: 32px;
		border-radius: 24px;
		flex: none;
	}

	.feature-card img {
		margin-top: auto;
		display: block;
	}



	.feature-card h3 {
		font-size: var(--fonts-size-24);
		margin-bottom: 5px;
	}

	.feature-card p {
		font-size: var(--fonts-size-16);
		margin-bottom: 0;
		max-width: 490px;
	}

	.feature-card3 {
		padding-bottom: 20px;
	}

	.feature-card.feature-card2 {
		background: var(--colors-Pink-100);
		flex: 1;
		position: relative;
	}

	.feature-card.feature-card2 img {
		display: flex;
		width: 100%;
		height: 100%;
		object-fit: contain;
		position: absolute;
		bottom: -2px;
		left: 50%;
		transform: translateX(-50%);
	}

	.feature-card4 {
		padding-top: 59px;
		flex-direction: column-reverse;
		justify-content: flex-end;
		flex: 1;
	}

	.feature-card4 h3 {
		order: 2;
	}

	.feature-card4 p {
		order: 1;
	}

	.feature-swiper {
		margin-bottom: 52px;
		order: 3;
	}

	.feature-slide {
		max-width: 181px !important;
		height: 176px;
	}

	.feature-card3>img {
		width: calc(100% + 64px);
		height: 221px;
		min-width: 100%;
		margin: -57px 0 0 -32px;
		object-fit: contain;
	}

	.feature-card3,
	.feature-card4 {
		min-height: 411px;
	}

	.feature__row {
		align-items: stretch;
		gap: 24px;
	}

	.feature-card3 a {
		margin-top: 16px;
		font-size: var(--fonts-size-14);
		gap: 4px;
		position: relative;
		z-index: 20;
	}

	.feature-card3 svg {
		width: 100%;
		height: 538.578px;
		background: radial-gradient(46.54% 46.44% at 66% 27.65%,
				rgba(203, 204, 242, 0.25) 0%,
				rgba(195, 157, 188, 0) 100%,
				rgba(248, 223, 229, 0) 100%);
		mix-blend-mode: color-dodge;
		filter: blur(60.32300567626953px);
		top: 70%;
		left: 35%;
	}

	.feature {
		padding: 0 16px 100px 16px;
	}

	.system-fit {
		background: var(--colors-Red-50);
		padding: 96px 52px;
		min-height: 855px;
	}

	.system-fit .wrapper {
		max-width: 1176px;
		gap: 45px;
	}

	.system-fit__box-img {
		height: 576px;
		border-radius: 24px;
	}

	.system-fit .wrapper h2 {
		font-size: var(--fonts-size-33);
	}

	.accordion-item {
		padding: 48px 30px 40px 30px;
		border-radius: 24px;
		cursor: pointer;
	}

	.accordion-item:hover .accordion-header-arrow {
		transform: translate(90deg);
	}

	.accordion-header {
		font-size: var(--fonts-size-24);
	}

	.accordion-content p {
		font-size: var(--fonts-size-16);
	}

	.system-fit__box-accardion {
		max-height: 576px;
	}

	.parallax {
		height: 828px;
		padding: 128px 52px;
	}

	.education .wrapper {
		max-width: 1176px;
		padding-right: 48px;
		border-radius: 24px;
		gap: 0;
		overflow: hidden;
		align-items: stretch;
	}

	.education__img {
		width: 476px;
		max-width: 476px;
		align-items: flex-end;
		justify-content: flex-start;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.education__img img {
		position: absolute;
		top: -11px;
		left: -23px;
		height: 607px;
		object-fit: contain;
		width: 810px;
		min-width: 810px;
		object-position: left;
	}

	.education__content {
		padding: 68px 0px;
		gap: 49px;
	}

	.education__content-title h2 {
		font-size: var(--fonts-size-24);
		margin-bottom: 2px;
	}

	.education__content-title h3 {
		font-size: var(--fonts-size-33);
		margin-bottom: 10px;
	}

	.education__content-title p {
		font-size: var(--fonts-size-16);
	}

	.education__content-card {
		padding: 16px 32px 16px 20px;
		gap: 24px;
	}

	.education__content-card:nth-of-type(1) .education__content-img {
		width: 48px;
		min-width: 48px;
		height: 48px;
		margin-left: -8px;
	}

	.education__content-img {
		display: block;
		width: 32px;
		height: 32px;
		min-width: 32px;
	}

	.education__content-img img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.education__content-card p {
		max-width: max-content;
		font-size: var(--fonts-size-16);
	}

	.education__content-card a {
		height: 48px;
		padding: 14px 16px;
		display: flex;
		align-items: center;
		gap: 4px;
		color: var(--colors-Red-50);
		font-family: var(--fonts-family-Segoe-UI);
		font-size: var(--fonts-size-14);
		font-weight: var(--fonts-weight-semi-bold);
	}

	.subscription-service {
		padding: 96px 52px 87px;
	}

	.subscription-service .wrapper {
		max-width: 1176px;
		gap: 64px;
	}

	.subscription-service__title {
		gap: 25px;
	}

	.subscription-service__title-text {
		gap: 8px;
	}

	.subscription-service__title-text h2 {
		font-size: var(--fonts-size-24);
	}

	.subscription-service__title-text h3 {
		font-size: var(--fonts-size-33);
	}

	.subscription-service__title-text p {
		font-size: var(--fonts-size-24);
	}

	.subscription-service__title-btn a {
		font-size: var(--fonts-size-14);
	}

	.subscription-service__content {
		gap: 24px;
	}

	.subscription-service__card {
		padding: 16px;
		gap: 20px;
	}

	.subscription-service__card-img {
		height: 228px;
		border-radius: 24px;
	}

	.subscription-service__card-content h3 {
		font-size: var(--fonts-size-24);
		text-align: left;
	}

	.subscription-service__card-content p {
		text-align: left;
		font-size: var(--fonts-size-16);
	}

	.advantages-cta {
		min-height: 708px;
		display: flex;
		align-items: center;
		padding-top: 123px;
	}

	.advantages-cta .wrapper {
		height: 516px;
		max-width: 1176px;
		display: block;
		border-radius: 24px;
		background: url(../img/bg-dots2.png) repeat-x bottom, #faf0ea;
		background-size: auto;
		background-position: bottom;
		padding-bottom: 0;
	}

	.advantages-cta-content {
		justify-content: space-between;
		height: 100%;
		align-items: flex-end;
		align-content: normal;
		padding-bottom: 32px;
		margin: 0;
	}

	.advantages-cta-img {
		width: 907px;
		height: 100%;
		position: absolute;
		min-height: 695px;
		margin: 0;
		bottom: -71px;
	}

	.advantages-cta-content {
		position: relative;
		z-index: 2;
	}

	.advantages-cta-conten-card1 {
		padding: 59px 24px 20px 24px;
		border-radius: 20px;
		margin-left: -36px;
	}

	.advantages-cta-title h3 {
		font-size: var(--fonts-size-20);
	}

	.advantages-cta-title p {
		font-size: var(--fonts-size-16);
	}

	.advantages-cta-arrow {
		font-size: var(--fonts-size-16);
		right: -143.495px;
		bottom: 33.63px;
	}

	.lead-management__card {
		padding: 24px 24px 20px 24px;
		border-radius: 20px;
		margin-bottom: 5px;
		margin-right: -40px;
	}

	.lead-management__benefits-list {
		gap: 10px;
	}

	.lead-management__badge--green {
		left: -199.295px;
		bottom: -13.889px;
		font-size: var(--fonts-size-16);
	}

	.lead-management__card-title {
		font-size: var(--fonts-size-20);
		padding-bottom: 10px;
	}

	.lead-management__benefits-item {
		padding: 12px 16px 12px 8px;
	}

	.lead-management__benefits-text {
		font-size: var(--fonts-size-14);
	}

	.graduates {
		padding: 128px 52px 122px;
		overflow: hidden;
	}

	.graduates .container {
		max-width: 1176px;
		gap: 48px;
		margin: 0 auto;
	}

	.graduates__header {
		padding-right: 0;
		gap: 32px;
	}

	.graduates__title {
		font-size: var(--fonts-size-33);
	}

	.graduates__slide {
		max-width: 676px !important;
		height: auto;
		padding: 18px 32px 20px 32px;
		border-radius: 16px;
	}

	.graduates__slider {
		overflow: visible !important;
	}

	.graduates__quote p {
		font-size: var(--fonts-size-16);
	}

	.graduates__quote {
		padding-bottom: 14px;
		margin-bottom: 26px;
	}

	.graduates__quote-box {
		gap: 24px;
		flex: 1 0 0;
		flex-direction: row-reverse;
	}

	.graduates__quote-content {
		width: 176px;
		max-width: 176px;
		flex-direction: column;
		gap: 12px;
	}

	.graduates__video {
		flex: 1;
	}

	.graduates__point dt {
		font-size: var(--fonts-size-14);
	}

	.graduates__point dd {
		font-size: var(--fonts-size-14);
	}

	.graduates__points .graduates__point:nth-of-type(1)::after {
		height: 32px;
	}

	.graduates__points-arrow {
		height: 90px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.graduates__points-arrow img {
		transform: rotate(90deg);
	}

	.graduates__meta {
		flex-direction: row;
		max-width: max-content;
	}

	.graduates__name {
		align-items: flex-start;
	}

	.graduates__name {
		font-size: var(--fonts-size-14);
	}

	.graduates__name span {
		font-size: var(--fonts-size-14);
	}

	.graduates__video-link {
		height: 222px;
	}

	.cta {
		padding: 96px 52px;
	}

	.cta .wrapper {
		max-width: 1176px;
		gap: 124px;
		justify-content: flex-start;
	}

	.cta__form {
		gap: 57px;
		max-width: 676px;
		flex: none;
	}

	.cta__title {
		gap: 7px;
	}

	.cta__title h2 {
		font-size: var(--fonts-size-33);
	}

	.cta__title p {
		font-size: var(--fonts-size-24);
	}

	.cta form {
		max-width: 376px;
		gap: 24px;
	}

	.cta__form-col {
		gap: 12px;
	}

	.cta .lead-management__card {
		max-width: 376px;
		padding: 24px 48px 48px 32px;
		border-radius: 20px;
	}

	.cta .lead-management__card .lead-management__card-title {
		font-size: var(--fonts-size-24);
	}

	.cta .lead-management__card .lead-management__benefits-text {
		font-size: var(--fonts-size-16);
	}

	.cta__form input::placeholder,
	.cta__form select {
		font-size: var(--fonts-size-14);
	}

	.cta__form input,
	.cta__form select {
		font-size: var(--fonts-size-14);
	}

	.cta__form form .button {
		font-size: var(--fonts-size-14);
	}

	.cta .lead-management__card .lead-management__benefits-list {
		gap: 8px;
	}

	.about__main {
		gap: 697px;
	}

	.about__main-img {
		height: 1090px;
		top: 214px;
		bottom: 213px;
		left: 50%;
		width: 100vw;
		transform: translateX(-50%);
	}

	.about__image {
		height: 476px;
		flex: 1 0 0;
		border-radius: 24px;
		outline: 2px solid rgba(255, 255, 255, 0.25);
	}

	.about .about__inner {
		gap: 124px;
	}

	.about__content {
		gap: 12px;
	}

	.about__main-top {
		max-width: 1176px;
		padding: 48px;
		gap: 48px;
		border-radius: 24px;
	}

	.about .wrapper {
		max-width: 100%;
	}

	.about__content h2 {
		font-size: var(--fonts-size-33);
	}

	.about__content h3 {
		font-size: var(--fonts-size-24);
	}

	.about__content p {
		font-size: var(--fonts-size-16);
	}

	.about__content a {
		font-size: var(--fonts-size-14);
	}

	.about__main-top--card {
		padding: 32px 32px 19px 32px;
		gap: 26px;
		border-radius: 20px;
		outline: 1px solid #f3f3f3;
		background: var(--colors-Blue-50);
		max-width: 254px;
	}

	.about__main-top--content h3 {
		font-size: var(--fonts-size-24);
	}

	.about__main-top--text p {
		font-size: var(--fonts-size-16);
	}

	.about__main-top--card figure img {
		width: 176px;
		height: 176px;
	}

	.about__main-top--card figure .visually-hidden {
		font-size: var(--fonts-size-24);
	}

	.about__main-top--card figure .visually-hidden span {
		font-size: var(--fonts-size-16);
	}

	.about {
		padding: 61px 52px;
	}

	.about__main-bottom {
		gap: 24px;
		max-width: 876px;
		align-items: stretch;
	}

	.about__main-bottom--card {
		padding: 48px;
		gap: 23px;
		border-radius: 24px;
	}

	.about__main-bottom--card h4 {
		font-size: var(--fonts-size-24);
	}

	.about__main-bottom--card ul li,
	.about__main-bottom--card p {
		font-size: var(--fonts-size-16);
	}

	.about__main-bottom--card strong {
		font-size: var(--fonts-size-20);
	}

	.faq {
		padding: 71px 52px;
	}

	.faq .wrapper {
		max-width: 1176px;
		gap: 44px;
	}

	.faq__box-inner {
		gap: 20px;
	}

	.faq-item {
		width: 100%;
	}

	.faq h2 {
		font-size: var(--fonts-size-33);
	}

	.faq-question {
		font-size: var(--fonts-size-20);
	}

	.footer {
		padding: 24px 52px;
	}

	.footer__wrapper {
		max-width: 100%;
	}

	.footer__top {
		padding: 64px;
		border-radius: 24px;
		background: var(--colors-Red-200);
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-self: stretch;
		flex-direction: row;
	}

	.footer__logo {
		width: 176px;
		height: 42.859px;
	}

	.footer__social-list {
		gap: 4px;
		justify-content: flex-start;
	}

	.footer__nav-col h3,
	.footer__nav-link {
		font-size: var(--fonts-size-14);
	}

	.footer__bottom {
		flex-direction: row;
		justify-content: space-between;
	}

	.footer__copyright {
		font-size: var(--fonts-size-12);
		text-align: left;
	}

	.footer__nav {
		margin: 0;
		width: 742px;
		gap: 24px;
	}

	.footer__social-item {
		height: 28px;
		padding: 4px;
	}

	.breadcrumbs ol {
		max-width: 1540px;
	}

	.breadcrumbs {
		padding: 14px 52px;
	}

	.breadcrumbs ol li span {
		font-size: var(--fonts-size-14);
	}

	.about-us__section {
		padding: 69px 52px 0px 52px;
	}

	.about-us__section .about__inner {
		max-width: 1176px;
		gap: 124px;
		align-items: center;
	}

	.about-us__section .about__inner .about__image {
		height: 476px;
	}

	.about-us__section .about__content {
		gap: 10px;
	}

	.about-us__section .about__content h1 {
		font-size: var(--fonts-size-33, 33px);
	}

	.about-us__section .about__content h2 {
		font-size: var(--fonts-size-24, 24px);
	}

	.about-us__section .about__content p {
		font-size: var(--fonts-size-20);
	}

	.about-us__founders {
		padding: 128px 52px;
	}

	.about-us__founders .about__main-top {
		padding: 43px 48px 48px 48px;
		align-items: flex-start;
		gap: 49px;
	}

	.about-us__founders .about__main-top--cards {
		width: 516px;
		flex-direction: row;
		gap: 9px;
		align-items: flex-start;
	}

	.about-us__founders .about__main-top--card {
		min-width: auto;
		height: 345px;
		padding: 32px;
	}

	.about-us__founders .about__main-top--card figure img {
		width: 176px;
		height: 176px;
	}

	.about-us__founders .about__main-top--card figure {
		gap: 21px;
	}

	.about-us__founders .about__main-top--card figure .visually-hidden {
		font-size: var(--fonts-size-24);
		gap: 12px;
	}

	.about-us__founders .about__main-top--content {
		padding: 0;
		gap: 11px;
	}

	.about-us__founders .about__main-top--content h2 {
		font-size: var(--fonts-size-24);
	}

	.about-us__stats {
		margin-top: -14px;
	}

	.about-us__stats-item {
		padding: 32px;
		border-radius: 20px;
		min-height: 250px;
	}

	.about-us__stats-value {
		font-size: var(--fonts-size-58);
		margin-bottom: 0;
	}

	.about-us__stats-label {
		font-size: var(--fonts-size-24);
	}

	.about-us__stats-desc {
		font-size: var(--fonts-size-16);
	}

	.advantages {
		padding: 92px 52px;
	}

	.advantages .wrapper {
		max-width: 1176px;
		gap: 52px;
	}

	.advantages-title {
		font-size: var(--fonts-size-33);
	}

	.advantages__box {
		gap: 57px 24px;
	}

	.advantages__card {
		padding: 16px;
		min-width: 376px;
		gap: 20px;
	}

	.advantages__image {
		height: 334px;
		border-radius: 24px;
		object-fit: cover;
	}

	.advantages__content h3 {
		font-size: var(--fonts-size-24);
	}

	.advantages__content p {
		font-size: var(--fonts-size-16);
	}

	.accordion-header br {
		display: none;
	}

	.main-education__features-list {
		max-width: 676px;
	}

	.main-education__partners {
		max-width: 676px;
	}

	.main-education__banner-content {
		max-width: 1176px;
		align-items: flex-start;
	}

	.main-education__banner {
		padding: 128px 52px;
	}

	.education-hero .wrapper {
		max-width: 1176px;
		align-items: flex-start;
	}

	.education-hero__header {
		max-width: 676px;
	}

	.education-hero__info {
		max-width: 676px;
	}

	.education-hero__header {
		gap: 18px;
	}

	.education-hero__header h1 {
		font-size: var(--fonts-size-33);
		font-weight: var(--fonts-weight-medium);
	}

	.education-hero__subtitle {
		font-size: var(--fonts-size-20);
	}

	.education-hero__authors-list {
		flex-direction: row;
		gap: 4px;
	}

	.education-hero__authors-item {
		font-size: var(--fonts-size-16);
		font-weight: var(--fonts-weight-semi-bold);
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.education-hero__authors-item:nth-last-of-type(1)::before {
		content: "";
		background: var(--colors-Blue-950);
		width: 4px;
		height: 4px;
		border-radius: 50%;
	}

	.education-hero__authors-label {
		font-size: var(--fonts-size-14);
	}

	.education-hero__authors-info {
		gap: 8px;
	}

	.education-hero__rating-value {
		font-size: var(--fonts-size-16);
	}

	.education-hero__rating-count {
		font-size: var(--fonts-size-14);
	}

	.main-education__feature {
		height: 200px;
		padding: 24px 20px;
		gap: 10px;
		border-radius: 24px;
	}

	.main-education__feature-title {
		font-size: var(--fonts-size-16);
	}

	.main-education__feature-text {
		font-size: var(--fonts-size-16);
	}

	.main-education__partners {
		border-radius: 24px;
		padding: 29px 24px;
	}

	.main-education__wrapper {
		display: flex;
		align-items: flex-start;
	}

	.main-education__sticky {
		position: sticky;
		top: 0;
		min-width: 100vw;
		transform: translateX(-100%);
		width: 100%;
		z-index: 1;
		display: flex;
		justify-content: center;

		padding: 96px 0px 48px 0px;
	}

	.main-education__sticky-max {
		max-width: 1176px;
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.subscription-card {
		width: 376px;
		padding: 16px 0px;
		display: flex;
		flex-direction: column;
		border-radius: 24px;
		border: 1px solid #e0e0f7;
		background: #fff;
		box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.06);
		max-height: calc(100vh - 100px);
		max-height: calc(100dvh - 100px);
		overflow: hidden;
	}

	.subscription-card__scroll {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-height: 0;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-gutter: stable;
	}

	.subscription-card__header {
		display: flex;
		padding: 16px 24px 30px 24px;
		flex-direction: column;
		align-items: flex-start;
		align-self: stretch;
		border-bottom: 1px solid var(--colors-Blue-200);
		gap: 12px;
	}

	.subscription-card__header-content {
		display: flex;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
	}

	.subscription-card__price {
		display: flex;
		align-items: center;
		gap: 8px;
		align-self: stretch;
	}

	.subscription-card__current-price {
		color: var(--colors-Blue-950);
		font-size: var(--fonts-size-28);
		font-weight: var(--fonts-weight-medium);
		line-height: 1;
	}

	.subscription-card__original-price {
		color: var(--colors-Blue-600);
		font-size: var(--fonts-size-16);
		font-weight: var(--fonts-weight-medium);

		text-decoration-line: line-through;
	}

	.subscription-card__discount {
		padding: 5px 11px;
		border-radius: 6px;
		background: var(--colors-Green-700);
		color: var(--colors-Red-50);
		font-size: var(--fonts-size-12);
		font-weight: var(--fonts-weight-medium);
		line-height: 1.3;
	}

	.subscription-card__timer {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		color: var(--colors-base-red);
		font-family: "Inter", sans-serif;
		font-size: var(--fonts-size-14);
		font-weight: var(--fonts-weight-medium);
		line-height: 1.4;
		letter-spacing: -0.14px;
	}

	.subscription-card__features {
		padding: 33px 24px 32px 24px;
		border-bottom: 1px solid var(--colors-Blue-200);
		margin-bottom: 29px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.subscription-card__feature {
		display: flex;
		align-items: center;
		gap: 8px;
		align-self: stretch;
		color: var(--colors-Blue-950);
		font-size: var(--fonts-size-16);
	}

	.subscription-card__button {
		padding: 14px 16px;
		max-width: 330px;
		width: 100%;
		margin: 0 16px 29px 23px;
		border-radius: 12px;
		outline: 3px solid var(--colors-base-white-15);
		border: none;
		background: var(--colors-Blue-950);
		color: var(--colors-Red-50);
		font-family: var(--fonts-family-Segoe-UI);
		font-size: var(--fonts-size-14);
		font-weight: var(--fonts-weight-semi-bold);
		transition: all 0.4s;
		display: flex;
		justify-content: center;
	}

	.subscription-card__button:hover {
		outline: 5px solid var(--colors-base-white-15);
		background: var(--colors-Blue-900);
	}

	.subscription-card__button:active {
		outline: 1px solid var(--colors-base-white-15);
		background: var(--colors-Blue-800);
	}

	.subscription-card__bonuses {
		padding: 32px 24px 24px 24px;
		border-top: 1px solid var(--colors-Blue-200);
		border-bottom: 1px solid var(--colors-Blue-200);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		margin-bottom: 16px;
		align-self: stretch;
	}

	.subscription-card__bonuses-title {
		color: var(--colors-Blue-950);
		font-size: var(--fonts-size-16);
		font-weight: var(--fonts-weight-medium);
	}

	.subscription-card__bonus-list {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.subscription-card__bonus-item {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		align-self: stretch;
		color: var(--colors-Blue-950);
		font-size: var(--fonts-size-16);
	}

	.subscription-card__footer {
		padding: 16px 24px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 17px;
		align-self: stretch;
	}

	.subscription-card__share {
		color: var(--colors-Blue-950);
		font-size: var(--fonts-size-16);
		font-weight: var(--fonts-weight-medium);
	}

	.subscription-card__socials {
		display: flex;
		align-items: flex-start;
		gap: 8px;
	}

	.subscription-card__socials li {
		display: flex;
		height: 48px;
		padding: 14px 16px;
		justify-content: center;
		align-items: center;
		border: none;
		border-radius: 12px;
		background: var(--colors-Blue-50);
		transition: all 0.4s;
	}

	.subscription-card__socials li:hover {
		background: var(--colors-Blue-200);
	}

	.subscription-card__socials li:active {
		background: var(--colors-Blue-300);
	}

	.subscription-card__share-btn {
		padding: 0;
		border: none;
		background: transparent;
		color: var(--colors-Red-950);
		font-family: var(--fonts-family-Segoe-UI);
		font-size: var(--fonts-size-14);
		font-weight: var(--fonts-weight-semi-bold);
	}

	.main-education__content {
		min-width: 100%;
		align-items: flex-start;
	}

	.main-education .faq {
		padding: 128px 52px 137px;
	}

	.main-education .faq .wrapper {
		gap: 23px;
	}

	.main-education .faq h2 {
		font-size: var(--fonts-size-24);
		max-width: 676px;
		margin-right: auto;
		width: 100%;
		margin-left: 0;
	}

	.main-education .faq .faq__box {
		max-width: 676px;
		margin-right: auto;
		margin-left: 0;
		width: 100%;
		position: relative;
		z-index: 5;
	}

	.main-education .faq .faq-question {
		font-size: var(--fonts-size-16, 16px);
	}

	.main-education .faq .faq-question:hover {
		background: transparent;
	}

	.main-education .faq .faq-item {
		padding: 19px 20px;
	}

	.main-education .faq .faq-item:hover {
		background: var(--colors-Blue-100);
	}

	.faq-answer p {
		font-size: var(--fonts-size-16, 16px);
	}

	.result .container .graduates__header {
		max-width: 676px;
		width: 100%;
		margin-right: auto;
		margin-left: 0;
		align-items: flex-start;
	}

	.result {
		padding: 128px 52px 125px;
	}

	.result .container {
		gap: 33px;
	}

	.result .container .graduates__video-link {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.result .container .graduates__points-arrow {
		height: 190px;
	}

	.result .container .graduates__points-arrow img {
		transform: rotate(0);
	}

	.result .container .graduates__slider {
		max-width: 676px;
		margin-right: auto;
		width: 100%;
		margin-left: 0;
		overflow: hidden !important;
	}

	.result .container .graduates__header h2 {
		font-size: var(--fonts-size-24);
	}

	.information {
		padding: 125px 52px 0px 52px;
	}

	.information__tabs {
		max-width: 676px;
		width: 100%;
		margin-left: 0;
		margin-right: auto;
	}

	.information .wrapper {
		max-width: 1176px;
		gap: 59px;
	}

	.information__content-item-box {
		gap: 0;
		padding: 20px 20px 16px 20px;
	}

	.information__content-item-title,
	.information__content-item-text,
	.information__tab {
		font-size: var(--fonts-size-16);
	}

	.information__content h2 {
		font-size: var(--fonts-size-24);
	}

	.information__content {
		max-width: 676px;
		width: 100%;
		margin-left: 0;
		margin-right: auto;
	}

	.information__content-item-box--2 {
		max-width: 580px;
	}

	.information__content-item-box--3 {
		max-width: 484px;
	}

	.information__content-item-box--4 {
		max-width: 260px;
	}

	.information__content-item-box--6 {
		max-width: 260px;
	}

	.information__content-item-box--7 {
		max-width: 388px;
	}

	.information__content-item-box--8 {
		max-width: 452px;
	}

	.information__content-item-box--9 {
		max-width: 516px;
	}

	.information__content-item-box--10 {
		max-width: 580px;
	}

	.information__content-item--img {
		margin-bottom: 1px;
	}

	.information__content-btn button {
		padding: 20px 24px;
		font-size: var(--fonts-size-16);
	}

	.information__content-btn {
		margin-top: -7px;
	}

	.information__accordion-header {
		font-size: var(--fonts-size-16);
		padding: 13px 20px 13px 56px;
	}

	.information__accordion-wrapper {
		gap: 18px;
	}

	.information__accordion-content-text ul li {
		font-size: var(--fonts-size-16);
	}

	.information__accordion-content-text h3 {
		font-size: var(--fonts-size-18);
	}

	.bonus .wrapper {
		max-width: 1176px;
	}

	.bonus-box {
		max-width: 676px;
		margin-right: auto;
		border-radius: 24px;
		gap: 7px;
		padding: 23px 24px 12px 24px;
	}

	.bonus {
		padding: 128px 52px;
	}

	.bonus__title {
		font-size: var(--fonts-size-24);
	}

	.bonus__item {
		height: auto;
	}

	.bonus__item-title {
		font-size: var(--fonts-size-16);
	}

	.bonus__item-img {
		height: 228px;
	}

	.bonus-top-fon img {
		object-position: bottom;
	}

	.education-step .wrapper {
		max-width: 1280px;
		padding: 0 52px 3px 52px;
	}

	.education-step__box {
		display: flex;
		justify-content: space-between;
	}

	.education-step__content {
		max-width: 676px;
		width: 100%;
		margin-right: auto;
		margin-left: 0;
	}

	.education-step__wrapper {
		flex-direction: column;
		gap: 48px;
	}

	.education-step__slide {
		flex-shrink: unset !important;
		max-width: 100%;
		width: 100% !important;
		display: flex !important;
		gap: 24px;
	}

	.education-step__slide-content-title {
		margin-bottom: 27px;
	}

	.education-step {
		padding: 125px 0 0 0;
	}

	.education-step__title {
		gap: 12px;
	}

	.education-step__title h2 {
		font-size: var(--fonts-size-24);
	}

	.education-step__title p {
		font-size: var(--fonts-size-16);
	}

	.education-step__slide-image {
		margin: 0;
		width: 176px;
		min-width: 176px;
	}

	.education-step__slide-content-title h3 {
		font-size: var(--fonts-size-18);
	}

	.education-step__slide-content-title p {
		font-size: var(--fonts-size-14);
	}

	.education-step__slide-content p {
		font-size: var(--fonts-size-14);
	}

	.education-step__image {
		display: block;
		width: 456px;
		height: 1319px;
		transform: translate(212px, -60px);
		position: relative;
	}

	.education-step__image::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(0deg,
				rgba(253, 247, 244, 0.15) 0%,
				rgba(253, 247, 244, 0.15) 100%);
	}

	.education-step__image::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/Noisebox.png);
		background-repeat: repeat;
		background-size: contain;
	}

	.education-step__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.main-education-about-us.about-us__section .about__inner {
		max-width: 676px;
		margin-right: auto;
		margin-left: 0;
		position: relative;
		z-index: 2;
		flex-wrap: nowrap;
	}

	.about-us__section .about__inner .about__image {
		height: 276px;
		min-width: 276px;
		max-width: 550px;
		width: 100%;
	}

	.main-education-about-us.about-us__section .about__inner {
		gap: 113px;
	}

	.main-education-about-us .about__content .about__subtitle {
		font-size: var(--fonts-size-33);
	}

	.main-education-about-us .about__content strong {
		font-size: var(--fonts-size-20);
	}

	.about-us__section .about__content p {
		font-size: var(--fonts-size-16);
	}

	.main-education-about-us__founders {
		padding-top: 34px;
		padding-bottom: 0;
	}

	.main-education-about-us__founders.about-us__founders .about__main-top {
		max-width: 676px;
		margin-right: auto;
		margin-left: 0;
		position: relative;
		z-index: 2;
		padding: 24px 48px 24px 24px;
		border-radius: 24px;
		gap: 46px;
	}

	.main-education-about-us__founders .about__main-top--card {
		padding: 24px 24px 18px 24px;
		border-radius: 20px;
		height: auto;
		max-width: 210px;
	}

	.main-education-about-us__founders .about__main-bottom {
		max-width: 676px;
		margin-right: auto;
		margin-left: 0;
		position: relative;
		z-index: 2;
		flex-direction: column;
	}

	.main-education-about-us__founders .wrapper {
		gap: 28px;
	}

	.main-education-about-us__founders.about-us__founders .about__main-top--cards {
		width: 210px;
		min-width: 210px;
		flex: none;
	}

	.main-education-about-us__founders.about-us__founders .about__main-top--content h2 {
		font-size: var(--fonts-size-20);
	}

	.main-education-about-us__founders.about-us__founders .about__main-top {
		align-items: center;
	}

	.main-education-about-us__founders .about__main-top--card figure img {
		width: 136px;
		height: 136px;
	}

	.main-education-about-us__founders .about__main-top--card figure .visually-hidden {
		font-size: var(--fonts-size-16);
	}

	.main-education-about-us__founders .about__main-top--card figure .visually-hidden {
		max-width: 100%;
		gap: 4px;
	}

	.main-education-about-us__founders .about__main-top--card figure {
		gap: 8px;
	}

	.main-education-about-us__founders .about__main-bottom--card h4 {
		font-size: var(--fonts-size-20);
	}

	.main-education-about-us__founders .about__main-bottom--card {
		padding: 28px 16px 25px 30px;
		gap: 22px;
	}

	.main-education-about-us__founders .about__main-bottom--card ul {
		padding-left: 24px;
	}

	.main-education-about-us__founders .about__main-bottom--card strong {
		font-size: var(--fonts-size-16);
	}

	.faq.main-education-faq .faq-question {
		font-size: var(--fonts-size-20);
	}

	.faq.main-education-faq .faq-item {
		padding: 24px 32px;
	}

	.faq.main-education-faq .faq__box-inner,
	.faq.main-education-faq .faq__box {
		gap: 16px;
	}

	.main-education-cta.cta .wrapper {
		flex-direction: column;
		align-items: flex-start;
		align-content: flex-start;
		gap: 64px;
		position: static;
		z-index: 0;
	}

	.main-education-cta .cta__form {
		max-width: 676px;
		margin-left: 0;
		margin-right: auto;
		position: relative;
		z-index: 2;
		width: 100%;
		flex-direction: row;
		gap: 24px;
		flex-wrap: nowrap;
	}

	.main-education-cta.cta .lead-management__card {
		max-width: 676px;
		margin-left: 0;
		margin-right: auto;
		position: relative;
		z-index: 2;
		width: 100%;
		padding-top: 29px;
		padding-bottom: 48px;
	}

	.main-education-cta.cta .lead-management__card .lead-management__benefits-list {
		gap: 16px;
	}

	.main-education-cta.cta .lead-management__card-title {
		padding-bottom: 5px;
	}

	.faq.main-education-faq {
		padding-bottom: 63px;
	}

	.main-education-cta .cta__title h2 {
		font-size: var(--fonts-size-33);
	}

	.main-education-cta.cta {
		padding: 90px 52px;
	}

	.main-education-cta .cta__title {
		max-width: 326px;
		width: 100%;
		gap: 18px;
	}

	.main-education-cta .cta__form input,
	.main-education-cta .cta__form select {
		height: 52px;
		padding: 16px;
	}

	.main-education-cta.cta form {
		margin-top: 5px;
		gap: 26px;
	}

	.other-courses__header h2 {
		font-size: var(--fonts-size-33);
	}

	.other-courses {
		padding-top: 58px;
		padding-bottom: 61px;
	}

	.other-courses .wrapper {
		gap: 22px;
	}

	.other-courses__content-star p {
		font-size: var(--fonts-size-14);
	}

	.other-courses__content-text h3 {
		font-size: var(--fonts-size-20);
	}

	.other-courses__content-text p {
		font-size: var(--fonts-size-14);
	}

	.other-courses__link {
		font-size: var(--fonts-size-14);
	}

	.other-courses__content {
		gap: 13px;
		padding: 19px 0px 22px;
	}

	.other-courses__container .other-courses__image img {
		transition: all 0.4s;
	}

	.other-courses__container:hover .other-courses__image img {
		transform: scale(1.5);
	}

	.modal {
		max-width: 100%;
		padding: 52px;
	}

	.modal-content {
		max-width: 776px;
		width: 100%;
		border-radius: 16px;
	}

	.modal-content .lead-management__card {
		display: flex;
		width: 100%;
	}

	.modal-content__header h2 {
		font-size: var(--fonts-size-20);
	}

	.close {
		cursor: pointer;
	}

	.modal-content .cta__form {
		gap: 24px;
		padding: 27px 32px 12px 32px;
		width: 100%;
		max-width: 100%;
	}

	.modal-content .lead-management__benefits-item {
		border-radius: 8px;
		background: var(--colors-Red-300);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
	}

	.modal-content .cta__title p {
		font-size: var(--fonts-size-16);
	}

	.modal-content .cta__title {
		width: calc(50% - 12px);
		justify-content: flex-start;
	}

	.modal-content form {
		width: calc(50% - 12px);
	}

	.modal-content .cta__form .lead-management__card {
		transform: none;
		background: transparent;
		outline: none;
		padding: 0;
		margin-top: 14px;
	}

	.modal-content__header {
		padding: 21px 19px 16px 23px;
	}

	.modal-content .cta__title h2 {
		font-size: var(--fonts-size-24);
	}

	.modal-content .lead-management__card-title {
		padding-bottom: 2px;
		width: 100%;
	}

	.modal-content .cta__form input,
	.modal-content .cta__form select {
		height: 52px;
		padding: 16px;
	}

	.modal-content .cta__form-col {
		margin-top: 5px;
	}

	.courses__hero {
		padding: 64px 52px 32px 52px;
	}

	.courses__container {
		padding: 60px 52px;
	}

	.courses__container .wrapper {
		display: flex;
		max-width: 1176px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		gap: 64px;
		flex: 1 0 0;
	}

	.courses__box .other-courses__content-text {
		padding-left: 23px;
		padding-bottom: 19px;
		margin-bottom: 22px;
	}

	.courses__box .subscription-card__header {
		padding: 0 22px;
		border-bottom: none;
	}

	.courses__box .subscription-card__content {
		margin-bottom: 27px;
	}

	.courses__box .other-courses__link {
		width: calc(100% - 46px);
	}

	.courses__box .other-courses__content {
		padding-top: 20px;
		padding-bottom: 23px;
	}

	.courses__pagination li {
		font-size: var(--fonts-size-14);
	}

	.courses__box .subscription-card__content .subscription-card__feature {
		font-size: var(--fonts-size-14);
	}

	.courses__box .subscription-card__features {
		padding: 0px 21px 0px 7px;
		border: none;
		margin-bottom: 0;
	}

	.courses__hero .wrapper {
		max-width: 1176px;
		align-items: flex-start;
		gap: 25px;
	}

	.courses__hero h1 {
		font-size: var(--fonts-size-33);
	}

	.courses__box {
		gap: 24px;
	}

	.courses__box .other-courses__slide {
		width: 376px;
		border-radius: 12px;
		flex: none;
	}

	.courses__box .other-courses__image {
		height: 232px;
	}

	.courses__box .subscription-card__current-price {
		font-size: var(--fonts-size-28);
	}

	.courses__box .subscription-card__original-price {
		font-size: var(--fonts-size-16);
	}

	.courses__container {
		padding-bottom: 157px;
	}

	.courses__pagination li {
		transition: all 0.4s;
		cursor: pointer;
	}

	.courses__pagination li:hover {
		outline: 2px solid var(--colors-Red-200);
		background: var(--colors-Red-500);
	}

	.courses__pagination li:active {
		background: var(--colors-Red-700);
	}

	.marketing__hero {
		padding: 128px 52px 53px 52px;
	}

	.marketing__hero .wrapper {
		max-width: 1176px;
		gap: 64px;
	}

	.marketing__hero-content {
		max-width: 556px;
		width: 100%;
		flex: none;
		gap: 19px;
	}

	.marketing__hero-content h1 {
		font-size: var(--fonts-size-48);
	}

	.marketing__hero-content p {
		font-size: var(--fonts-size-18);
	}

	.marketing__hero-btn {
		font-size: var(--fonts-size-16);
	}


	.marketing__hero-image {
		padding-top: 0;
		padding-left: 0;
		position: relative;
	}

	.marketing__hero-image img {
		position: absolute;
		height: calc(100% + 53px);
		top: 0;
		width: auto;
		max-width: unset;
	}

	.main-marketing .system-fit {
		padding-top: 90px;
	}

	.main-marketing .system-fit .wrapper {
		gap: 52px;
	}

	.main-marketing .system-fit__box {
		gap: 24px;
	}

	.main-marketing .system-fit__box-accardion {
		padding-top: 3px;
	}

	.parallax-marketing-content h2 {
		font-size: var(--fonts-size-33);
		margin-bottom: 8px;
	}

	.parallax-marketing-content .education__content-title p {
		font-size: var(--fonts-size-20);
	}

	.parallax-marketing-item {
		font-size: var(--fonts-size-18);
	}

	.parallax-marketing-content.education__content {
		gap: 57px;
		padding: 57px 0px;
	}

	.parallax-marketing-list {
		gap: 7px 12px;
	}

	.parallax-marketing .education__img {
		height: auto;
	}

	.parallax-marketing .education__img img {
		width: 690px;
		height: 517px;
		object-position: left 5px;
		object-fit: none;
	}

	.parallax-marketing {
		height: auto;
	}

	.does-work {
		padding: 128px 52px;
	}

	.does-work .wrapper {
		max-width: 1176px;
		gap: 64px;
	}

	.does-work__content {
		max-width: 776px;
		flex: none;
		gap: 36px;
	}

	.does-work__list {
		gap: 8px;
	}

	.does-work__item {
		flex-direction: row;
		align-items: center;
		gap: 20px;
	}

	.does-work__content h2 {
		font-size: var(--fonts-size-24);
	}

	.does-work__item h3 {
		font-size: var(--fonts-size-18);
		max-width: 245px;
		width: 100%;
	}

	.does-work__item p {
		font-size: var(--fonts-size-14);
		max-width: 245px;
		width: 100%;
	}

	.does-work__item img {
		flex: 1;
	}

	.does-work__image img {
		margin-bottom: 0;
		position: relative;
		bottom: 50px;
		right: 0;
		width: 600px;
		height: auto;
		min-width: 600px;
		;
	}

	.marketing__hero.contact-hero {
		padding: 64px 52px 0px 52px;
	}

	.contact-hero__left.marketing__hero-content {
		gap: 23px;
	}

	.contact-hero__right {
		padding: 0;
		height: 333px;
	}

	.contact-hero.marketing__hero .wrapper {
		align-items: stretch;
	}

	.contact-hero__right img {
		width: 838px;
		height: 564px;
	}

	.representative .wrapper h2 {
		font-size: var(--fonts-size-33);
	}

	.representative .wrapper {
		max-width: 1176px;
		gap: 52px;
	}

	.representative {
		padding: 90px 52px 96px;
	}

	.representative__item {
		border-radius: 24px;
		height: 476px;
	}

	.representative__item-content address {
		font-size: var(--fonts-size-16);
		gap: 3px;
	}

	.representative__item-content address b {
		font-size: var(--fonts-size-20);
	}

	.contact-section {
		padding: 90px 52px;
	}

	.contact-section .wrapper {
		max-width: 1176px;
		gap: 49px;
	}

	.contact-section__title {
		gap: 11px;
	}

	.contact-section__left,
	.contact-section__right {
		width: calc(50% - 24px);
		flex: none;
	}

	.contact-section .wrapper h2 {
		font-size: var(--fonts-size-33);
	}

	.contact-section__box {
		gap: 48px;
	}

	.contact-section__title h3 {
		font-size: var(--fonts-size-28);
	}

	.contact-section__title p {
		font-size: var(--fonts-size-20);
	}

	.contact-section__list li span {
		font-size: var(--fonts-size-18);
		min-width: 125px;
		width: 125px;
	}

	.contact-section__list li,
	.contact-section__list li a {
		font-size: var(--fonts-size-18);
	}

	.contact-section__right {
		padding: 48px 32px;
		border-radius: 24px;
	}

	.contact-section__form-title h3 {
		font-size: var(--fonts-size-24);
	}

	.contact-section__form-title p {
		font-size: var(--fonts-size-18);
	}

	.maps {
		height: 576px;
	}

	.hero-404 {
		padding-bottom: 64px;
	}

	.hero-404__image {
		width: 548px;
		max-width: 548px;
		height: 548px;
		margin-bottom: 24px;
	}

	.hero-404 strong {
		font-size: var(--fonts-size-28);
		margin-bottom: 32px;
	}

	.hero-404 p {
		font-size: var(--fonts-size-33);
		margin-bottom: 24px;
	}

	.hero-404 .wrapper {
		max-width: 1176px;
	}

	.hero-thank-you {
		padding: 75px 52px 64px 52px;
	}

	.hero-thank-you__title h1 {
		font-size: var(--fonts-size-28);
	}

	.hero-thank-you__title h2 {
		font-size: var(--fonts-size-40);
	}

	.hero-thank-you__title p {
		font-size: var(--fonts-size-24);
	}

	.hero-thank-you .wrapper {
		gap: 64px;
		max-width: 1176px;
	}

	.hero-thank-you__box {
		align-items: stretch;
	}

	.hero-thank-you__box .education__content-card {
		padding: 16px 20px;
	}

	.hero-thank-you__box .education__content-card p {
		font-size: var(--fonts-size-16);
	}

	.hero-thank-you__box .education__content {
		padding: 50px 48px 50px 0;
	}

	.hero-thank-you__box .education__content-title h2 {
		font-size: var(--fonts-size-28);
	}

	.hero-thank-you__box .education__img {
		width: 476px;
		height: 341px;
		display: block;
	}

	.hero-thank-you__box .education__img img {
		position: static;
		min-width: 100%;
	}

	.public_offer {
		padding: 80px 52px 32px 52px;
	}

	.public_offer .wrapper {
		max-width: 1176px;
		gap: 24px;
	}

	.public_offer__content {
		padding: 0 32px 48px 0;
		gap: 64px;
	}

	.public_offer__content-box {
		gap: 32px;
	}

	.public_offer__content-box h1,
	.public_offer__content-box h2 {
		margin-bottom: 0;
		font-size: var(--fonts-size-20);
	}

	.public_offer__content-box p,
	.public_offer__content-box a,
	.public_offer__content-box li {
		font-size: var(--fonts-size-16);
	}

	.public_offer__nav {
		display: flex;
		max-width: 476px;
		align-items: center;
		flex: 1 0 0;
		padding: 48px 0;
	}

	.public_offer__nav h2 {
		padding: 0 32px 32px 32px;
		margin-bottom: 32px;
		font-size: var(--fonts-size-40);
	}

	.public_offer__nav ul {
		padding: 0 32px;
	}

	.public_offer__nav ul h3 {
		font-size: var(--fonts-size-20);
		margin-bottom: 24px;
	}

	.public_offer__nav ul li a {
		font-size: var(--fonts-size-14);
	}
}


@media (min-width: 2000px) {

	.does-work__image {
		margin-right: -250px;
		position: relative;
		top: 70px;
	}

	.does-work__imageInner {
		bottom: -190px;
	}
}








@media (max-width: 1279px) {
	.about__main-img {
		top: 148.086px;
	}
}

@media (max-width: 576px) {
	.about__main-img {
		top: 408px;
	}
}