.header {
	background-color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	padding-top: 1.62rem;
	padding-bottom: 1.62rem;
}

.header .header-wrapper {
	background-color: #ffffff;
}

.header .class {
	display: flex;
	justify-content: space-between;
	background-color: transparent;
	align-items: center;
	position: relative;
}

.header .logo {
	position: relative;
	padding-right: 1.47rem;
}

.header .div {
	display: inline-flex;
	gap: var(--spacing-x7);
	flex: 0 0 auto;
	align-items: center;
	position: relative;
}

.header .view {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-x1);
	position: relative;
	flex: 0 0 auto;
}

.header .text-wrapper {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	white-space: nowrap;
	font-style: var(--text-18-font-style);
	padding-right: 1rem;
	padding-left: 1rem;
}

.header .arrow-down-s-line {
	position: relative;
}

.header .phone {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-x2);
	position: relative;
	flex: 0 0 auto;
	padding-left: 1.47rem;
	padding-right: 2rem;
}

.header .img {
	position: relative;
}

.header .whatsapp {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-x2);
	padding: var(--spacing-x2);
	position: relative;
	flex: 0 0 auto;
	background-color: var(--palette-black-100);
	border-radius: var(--spacing-x10);
}

.main {
	background-color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	overflow-x: hidden;
}

.main .div {
	background-color: #ffffff;
	overflow: hidden;

	position: relative;
}

.main .hero-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	background-color: #2f80ed0d;
	border-radius: 24px;
}

.main .info {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	position: relative;
	flex: 0 0 auto;
}

.main .text {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
}

.main .p {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: transparent;
	font-size: var(--h-1-font-size);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-style: var(--h-1-font-style);
}

.main .text-wrapper {
	color: #111111;
	font-family: var(--h-1-font-family);
	font-style: var(--h-1-font-style);
	font-weight: var(--h-1-font-weight);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-size: var(--h-1-font-size);
}

.main .span {
	color: #2f80ed;
	font-family: var(--h-1-font-family);
	font-style: var(--h-1-font-style);
	font-weight: var(--h-1-font-weight);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-size: var(--h-1-font-size);
}

.main .div-2 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;

	position: relative;
	flex: 0 0 auto;
}

.main .div-3 {
	align-items: center;
	display: inline-flex;

	position: relative;
	flex: 0 0 auto;
}

.main .img {
	position: relative;
}

.main .text-wrapper-2 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-link-16-stroke-font-family);
	font-weight: var(--text-link-16-stroke-font-weight);
	color: #111111;
	font-size: var(--text-link-16-stroke-font-size);
	letter-spacing: var(--text-link-16-stroke-letter-spacing);
	line-height: var(--text-link-16-stroke-line-height);
	text-decoration: underline;
	text-decoration-thickness: 0.5px;
	text-underline-offset: 4px;
	white-space: nowrap;
	font-style: var(--text-link-16-stroke-font-style);
	cursor: pointer;
}

.main .text-wrapper-3 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: #111111;
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	white-space: nowrap;
	font-style: var(--text-16-font-style);
}

.main .btns {
	display: inline-flex;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
}

.main .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 12px 24px;
	position: relative;
	flex: 0 0 auto;
	background-color: #2f80ed;
	border-radius: 32px;
}

.main .btn-primary:hover {
	border-radius: var(--x7, 32px);
	background: var(--bg-accent-hover, #1964e6);
}

.main .text-wrapper-4 {
	width: fit-content;

	color: #ffffff;
	font-size: var(--text-18-font-size);
	line-height: var(--text-18-line-height);
	white-space: nowrap;
	position: relative;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	letter-spacing: var(--text-18-letter-spacing);
	font-style: var(--text-18-font-style);
}

.main .div-4 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	position: relative;
	flex: 0 0 auto;
	border-radius: 32px;
	border: 1px solid;
	border-color: #2f80ed;
}

.main .img-2 {
	position: relative;
	width: 24px;
	height: 24px;
}

.main .text-wrapper-5 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: #2f80ed;
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	white-space: nowrap;
	font-style: var(--text-18-font-style);
}

.main .div-5 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;

	position: relative;
	flex: 0 0 auto;
}

.main .top-photos {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	position: relative;
	flex: 0 0 auto;
}

.main .image {
	position: relative;
	width: 233px;
	height: 249px;
}

.main .image-2 {
	position: relative;
}

.main .image-3 {
	position: relative;
}

.main .arrow-left-disabled {
	position: relative;
}

.main .arrow-right-active {
	position: relative;
}
.main .arrow-left {
	z-index: 999;
}
.detskoe .arrow-left-disabled {
	position: relative;
}

.detskoe .arrow-right-active {
	position: relative;
}
.detskoe .arrow-left {
	z-index: 999;
}
.main .arrow-right {
	z-index: 999;
}
.detskoe .arrow-right {
	z-index: 999;
}
.detskoe .arrow-right-active {
	position: relative;
}
.main .gallery-block {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 72px;
	position: relative;
}

.main .h {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	flex: 0 0 auto;
}

.main .div-6 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: transparent;
	font-size: var(--h-1-font-size);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	white-space: nowrap;
	font-style: var(--h-1-font-style);
}

.main .btn-secondary {
	display: inline-flex;
	padding: var(--x3, 12px) var(--x6, 24px);
	justify-content: center;
	align-items: center;
	gap: var(--x2, 8px);
	border-radius: var(--x7, 32px);
	border: 1px solid var(--bg-primary-inverse, rgba(17, 17, 17, 0.88));
}

.main .btn-secondary:hover {
	border-radius: var(--x7, 32px);
	background: var(--bg-primary-inverse, rgba(17, 17, 17, 0.88));
	color: var(--text-primary-inverse, #fff);
}

.btn-secondary {
	display: inline-flex;
	padding: var(--x3, 12px) var(--x6, 24px);
	justify-content: center;
	align-items: center;
	gap: var(--x2, 8px);
	border-radius: var(--x7, 32px);
	border: 1px solid var(--bg-primary-inverse, rgba(17, 17, 17, 0.88));
}

.btn-secondary:hover {
	border-radius: var(--x7, 32px);
	background: var(--bg-primary-inverse, rgba(17, 17, 17, 0.88));
	color: var(--text-primary-inverse, #fff);
}

.main .btn-secondary-icon:hover svg path {
	fill: white;
}

.main .btn-secondary-icon-left {
	display: inline-flex;
	padding: var(--x3, 12px) var(--x6, 24px);
	justify-content: center;
	align-items: center;
	gap: var(--x2, 8px);
	border-radius: var(--x7, 32px);
	border: 1px solid var(--bg-accent, #2f80ed);
}

.main .btn-secondary-icon-left:hover {
	border-radius: var(--x7, 32px);
	background: var(--bg-accent-hover, #1964e6);
}

.main .btn-secondary-icon-left:hover .text-wrapper-5 {
	color: var(--text-primary-inverse, #fff);
}

.main .btn-secondary-icon-left:hover svg path {
	fill: white;
}

.main .text-wrapper-6 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: #111111;
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	white-space: nowrap;
	font-style: var(--text-18-font-style);
}

.main .div-7 {
	display: inline-flex;
	align-items: center;
	position: relative;
	flex: 0 0 auto;
}

.main .image-4 {
	position: relative;

	object-fit: cover;
}

.main .img-3 {
	position: relative;
	width: 60px;
	height: 60px;
}

.main .image-5 {
	position: relative;

	object-fit: cover;
}

.main .arrow-left-disabled-2 {
	top: 196px;
	position: absolute;
	width: 60px;
	height: 60px;
	left: -72px;
}

.main .review-block {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 72px;
	position: relative;
}

.review-block .card {
	height: 505px;
}

.main .arrow-left-disabled-3 {
	top: 222px;
	position: absolute;
	width: 60px;
	height: 60px;
	left: -72px;
}

.main .div-8 {
	display: inline-flex;
	align-items: flex-start;
	gap: 30px;
	position: relative;
	flex: 0 0 auto;
}

.main .card {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	padding: 44px 24px;
	position: relative;
	flex: 0 0 auto;
	background-color: #2f80ed0d;
	border-radius: 24px;
	border: none;
}

.main .review-card {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	padding: 44px 24px;
	position: relative;
	flex: 0 0 auto;
	background-color: #2f80ed0d;
	border-radius: 24px;
	border: none;
	height: 505px;
}

.main .bage {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 4px 24px;
	position: relative;
	flex: 0 0 auto;
	background-color: #ff7802;
	border-radius: 24px;
}

.main .text-wrapper-7 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-size: 18px;
	line-height: 28px;
	font-family: "Manrope-Regular", Helvetica;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 0;
	white-space: nowrap;
}

.main .text-2 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
}

.main .text-wrapper-8 {
	position: relative;
	margin-top: -1px;
	font-family: var(--h-4-font-family);
	font-weight: var(--h-4-font-weight);
	color: #111111;
	font-size: var(--h-4-font-size);
	letter-spacing: var(--h-4-letter-spacing);
	line-height: var(--h-4-line-height);
	font-style: var(--h-4-font-style);
}

.main .text-wrapper-9 {
	position: relative;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: #111111;
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	font-style: var(--text-16-font-style);
}

.main .text-wrapper-10 {
	position: relative;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: #11111199;
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	font-style: var(--text-16-font-style);
}

.main .player {
	position: relative;
	width: 282px;
	height: 505px;
	border-radius: 24px;
	background-size: cover;
	background-position: 50% 50%;
}

.main .bottom {
	position: relative;
	height: 120px;
	top: 385px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.main .expand {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 61px;
	left: 242px;
}

.main .volume {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 8px;
	position: absolute;
	top: 53px;
	left: 194px;
	border-radius: 40px;
}

.main .time {
	position: absolute;
	top: 59px;
	left: 40px;
	font-family: "Arial-Regular", Helvetica;
	font-weight: 400;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 24px;
	white-space: nowrap;
}

.main .bar {
	position: absolute;
	width: 250px;
	height: 4px;
	top: 96px;
	left: 16px;
	background-color: #ffffff4c;
	border-radius: 3px;
}

.main .ellipse {
	position: relative;
	width: 12px;
	height: 12px;
	top: -4px;
	left: -6px;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0px 4px 4px #00000040;
}

.main .play-puse {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 60px;
	left: 8px;
}

.main .div-wrapper {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 38px;
	position: relative;
	flex: 0 0 auto;
}

.main .founder-block {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 72px;
	position: relative;
}

.main .founder {
	display: inline-flex;
	align-items: center;
	gap: 60px;
	position: relative;
	flex: 0 0 auto;
}

.main .founder-photo {
	position: relative;
}

.main .text-wrapper-11 {
	position: relative;
	width: fit-content;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: #11111199;
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	white-space: nowrap;
	font-style: var(--text-16-font-style);
}

.main .div-9 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;

	position: relative;
	flex: 0 0 auto;
}

.main .text-wrapper-12 {
	position: relative;
	margin-top: -1px;
	font-family: var(--h-3-font-family);
	font-weight: var(--h-3-font-weight);
	color: #111111;
	font-size: var(--h-3-font-size);
	letter-spacing: var(--h-3-letter-spacing);
	line-height: var(--h-3-line-height);
	font-style: var(--h-3-font-style);
}

.main .text-wrapper-13 {
	position: relative;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: #111111;
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.main .tech-block {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 72px;
	position: relative;
}

.main .h-2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	flex: 0 0 auto;
}

.main .div-10 {
	position: relative;
	width: fit-content;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: transparent;
	font-size: var(--h-1-font-size);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	white-space: nowrap;
	font-style: var(--h-1-font-style);
}

.main .arrows {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
}

.main .tech-card {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	position: relative;
	flex: 0 0 auto;
}

.main .tech-card img {
	border-radius: 24px;
	background: var(--bg-accent-subdued, rgba(47, 128, 237, 0.05));
}

.main .photo {
	position: relative;
	width: 386px;
	height: 386px;
	background-color: #2f80ed0d;
	border-radius: 24px;
	overflow: hidden;
}

.main .image-6 {
	position: relative;
}

.main .text-wrapper-14 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-18-m-font-family);
	font-weight: var(--text-18-m-font-weight);
	color: #111111;
	font-size: var(--text-18-m-font-size);
	letter-spacing: var(--text-18-m-letter-spacing);
	line-height: var(--text-18-m-line-height);
	white-space: nowrap;
	font-style: var(--text-18-m-font-style);
}

.main .text-wrapper-15 {
	position: relative;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: #11111199;
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	font-style: var(--text-16-font-style);
}

.main .image-7 {
	position: absolute;
	width: 339px;
	height: 242px;
	top: 72px;
	left: 31px;
}

.main .text-wrapper-16 {
	position: relative;
	margin-top: -1px;
	font-family: var(--text-18-m-font-family);
	font-weight: var(--text-18-m-font-weight);
	color: #111111;
	font-size: var(--text-18-m-font-size);
	letter-spacing: var(--text-18-m-letter-spacing);
	line-height: var(--text-18-m-line-height);
	font-style: var(--text-18-m-font-style);
}

.main .text-wrapper-17 {
	position: relative;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: #11111199;
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	font-style: var(--text-16-font-style);
}

.main .image-8 {
	position: absolute;
	width: 386px;
	height: 288px;
	top: 64px;
	left: 0;
}

.main .text-wrapper-18 {
	position: relative;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: #11111199;
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	font-style: var(--text-16-font-style);
}

.main .portrait-block {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 72px;
	position: relative;
}

.main .portrait {
	display: inline-flex;
	align-items: center;
	gap: 30px;
	position: relative;
	flex: 0 0 auto;
}

.main .portrait-photo {
	position: relative;
}

.main .text-wrapper-19 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--h-3-font-family);
	font-weight: var(--h-3-font-weight);
	color: #111111;
	font-size: var(--h-3-font-size);
	letter-spacing: var(--h-3-letter-spacing);
	line-height: var(--h-3-line-height);
	white-space: nowrap;
	font-style: var(--h-3-font-style);
}

.main .text-wrapper-20 {
	color: #111111;
	font-size: var(--text-16-font-size);
	line-height: var(--text-16-line-height);
	position: relative;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	letter-spacing: var(--text-16-letter-spacing);
	font-style: var(--text-16-font-style);
}

.main .text-wrapper-21 {
	position: relative;
	width: fit-content;
	font-family: var(--text-link-16-stroke-font-family);
	font-weight: var(--text-link-16-stroke-font-weight);
	color: #111111;
	font-size: var(--text-link-16-stroke-font-size);
	letter-spacing: var(--text-link-16-stroke-letter-spacing);
	line-height: var(--text-link-16-stroke-line-height);
	text-decoration: underline;
	text-underline-offset: 0.2rem;
	white-space: nowrap;
	font-style: var(--text-link-16-stroke-font-style);
}

.main .articles-block {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 72px;
	position: relative;
}

.main .article-cards {
	display: inline-flex;
	align-items: flex-end;
	gap: 30px;
	position: relative;
	flex: 0 0 auto;
}

.main .article-card {
	position: relative;
	width: 386px;
	height: 475px;
}

.main .overlap-group {
	position: relative;
	height: 475px;
}

.main .image-9 {
	position: absolute;
	width: 386px;
	height: 386px;
	top: 0;
	left: 0;
}

.main .bottom-card {
	position: relative;
	width: 386px;
	top: 289px;
	left: 0;
	height: 186px;
	background-color: #2f80ed;
	border-radius: 24px;
	overflow: hidden;
}

.main .frame {
	display: inline-flex;
	flex-direction: column;
	height: 26px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 4px 24px;
	position: absolute;
	top: 24px;
	left: 24px;
	background-color: #ff7802;
	border-radius: 24px;
}

.main .text-wrapper-22 {
	position: relative;
	width: fit-content;
	margin-top: -4px;
	margin-bottom: -2px;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: #ffffff;
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	white-space: nowrap;
	font-style: var(--text-16-font-style);
}

.main .text-wrapper-23 {
	position: absolute;
	top: 65px;
	left: 24px;
	font-family: var(--h-5-font-family);
	font-weight: var(--h-5-font-weight);
	color: #ffffff;
	font-size: var(--h-5-font-size);
	letter-spacing: var(--h-5-letter-spacing);
	line-height: var(--h-5-line-height);
	font-style: var(--h-5-font-style);
}

.main .text-wrapper-24 {
	position: absolute;
	top: 27px;
	left: 292px;
	font-size: var(--text-description14-font-size);
	line-height: var(--text-description14-line-height);
	font-family: var(--text-description14-font-family);
	font-weight: var(--text-description14-font-weight);
	color: #ffffff;
	letter-spacing: var(--text-description14-letter-spacing);
	white-space: nowrap;
	font-style: var(--text-description14-font-style);
}

.main .text-wrapper-25 {
	position: absolute;
	top: 133px;
	left: 24px;
	font-family: var(--text-link-16-stroke-font-family);
	font-weight: var(--text-link-16-stroke-font-weight);
	color: #ffffff;
	font-size: var(--text-link-16-stroke-font-size);
	letter-spacing: var(--text-link-16-stroke-letter-spacing);
	line-height: var(--text-link-16-stroke-line-height);
	text-decoration: underline;
	text-underline-offset: 0.2rem;
	white-space: nowrap;
	font-style: var(--text-link-16-stroke-font-style);
}

.main .overlap-wrapper {
	position: relative;
	width: 386px;
	height: 473px;
}

.main .overlap {
	position: relative;
	height: 473px;
}

.main .image-10 {
	position: absolute;
	width: 386px;
	height: 382px;
	top: 0;
	left: 0;
	object-fit: cover;
}

.main .group {
	position: absolute;
	width: 386px;
	height: 186px;
	top: 287px;
	left: 0;
}

.main .bottom-card-2 {
	position: relative;
	height: 186px;
	background-color: #2f80ed;
	border-radius: 24px;
	overflow: hidden;
}

.main .text-wrapper-26 {
	position: absolute;
	top: 65px;
	left: 24px;
	font-family: var(--h-5-font-family);
	font-weight: var(--h-5-font-weight);
	color: #ffffff;
	font-size: var(--h-5-font-size);
	letter-spacing: var(--h-5-letter-spacing);
	line-height: var(--h-5-line-height);
	font-style: var(--h-5-font-style);
}

.main .image-11 {
	position: absolute;
	width: 386px;
	height: 386px;
	top: 0;
	left: 0;
	object-fit: cover;
}

.main .text-wrapper-27 {
	position: absolute;
	top: 65px;
	left: 24px;
	font-family: var(--h-5-font-family);
	font-weight: var(--h-5-font-weight);
	color: #ffffff;
	font-size: var(--h-5-font-size);
	letter-spacing: var(--h-5-letter-spacing);
	line-height: var(--h-5-line-height);
	font-style: var(--h-5-font-style);
}

.main .director-block {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	background-color: #2f80ed0d;
}

.main .text-wrapper-28 {
	position: relative;
	font-family: "Manrope-Regular", Helvetica;
	font-weight: 400;
	color: #11111199;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 28px;
}

.main .irina-photo {
	position: relative;
	width: 281px;
	height: 281px;
}

.main .text-wrapper-29 {
	position: relative;
	width: fit-content;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: #11111199;
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	font-style: var(--text-16-font-style);
}

.main .benefits-block {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 72px;
	position: relative;
}

.main .div-11 {
	position: relative;

	margin-top: -1px;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: transparent;
	font-size: var(--h-1-font-size);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-style: var(--h-1-font-style);
}

.main .benefit-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #2f80ed0d;
	border-radius: 24px;
	align-items: flex-start;
	position: relative;
}

.main .img-4 {
	position: relative;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.main .text-wrapper-30 {
	position: relative;
	width: 338px;
	margin-top: -1px;
	font-family: var(--h-3-font-family);
	font-weight: var(--h-3-font-weight);
	color: #111111;
	font-size: var(--h-3-font-size);
	letter-spacing: var(--h-3-letter-spacing);
	line-height: var(--h-3-line-height);
	font-style: var(--h-3-font-style);
}

.main .text-wrapper-31 {
	position: relative;
	width: 546px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: #111111;
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.main .text-wrapper-32 {
	position: relative;
	width: 546px;
	margin-top: -1px;
	font-family: var(--h-3-font-family);
	font-weight: var(--h-3-font-weight);
	color: #111111;
	font-size: var(--h-3-font-size);
	letter-spacing: var(--h-3-letter-spacing);
	line-height: var(--h-3-line-height);
	font-style: var(--h-3-font-style);
}

.main .stories-block {
	display: inline-flex;
	align-items: center;

	position: relative;
}

.main .perfil-story {
	display: flex;
	width: 178px;
	height: 178px;
	align-items: center;
	justify-content: center;
	padding: 6px;
	position: relative;
	border-radius: 4000px;
	background: linear-gradient(180deg, rgb(138, 59, 238) 0%, rgb(242, 0, 183) 39%, rgb(254, 148, 2) 91.67%);
}

.main .perfil-pagina {
	position: relative;
	width: 86px;
	height: 86px;
}

.main .image-12 {
	position: absolute;
	width: 164px;
	height: 164px;
	top: -39px;
	left: -39px;
	object-fit: cover;
}

.main .footer-block {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	position: relative;
}

.main .footer {
	position: relative;
	width: 1218px;
	height: 330px;
	background-color: #2f80ed0d;
	border-radius: 32px;
	overflow: hidden;
}

.main .content {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	position: absolute;
	top: 39px;
	left: 51px;
}

.main .element {
	flex-direction: column;
	align-items: flex-start;
	display: inline-flex;
	gap: 8px;
	position: relative;
	flex: 0 0 auto;
}

.main .text-wrapper-33 {
	position: relative;
	width: fit-content;
	font-family: var(--h-3-font-family);
	font-weight: var(--h-3-font-weight);
	color: #111111;
	font-size: var(--h-3-font-size);
	letter-spacing: var(--h-3-letter-spacing);
	line-height: var(--h-3-line-height);
	white-space: nowrap;
	font-style: var(--h-3-font-style);
}

.main .text-wrapper-34 {
	position: relative;
	width: fit-content;
	font-family: var(--text-18-m-font-family);
	font-weight: var(--text-18-m-font-weight);
	color: #111111;
	font-size: var(--text-18-m-font-size);
	letter-spacing: var(--text-18-m-letter-spacing);
	line-height: var(--text-18-m-line-height);
	white-space: nowrap;
	font-style: var(--text-18-m-font-style);
}

.main .map {
	display: inline-flex;
	align-items: center;
	gap: 32px;
	position: relative;
	flex: 0 0 auto;
}

.main .vector {
	position: relative;
	width: 24px;
	height: 19px;
}

.main .location {
	display: inline-flex;
	align-items: flex-start;
	gap: 9px;
	position: relative;
	flex: 0 0 auto;
}

.main .text-wrapper-35 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-link-16-stroke-font-family);
	font-weight: var(--text-link-16-stroke-font-weight);
	color: #2f80ed;
	font-size: var(--text-link-16-stroke-font-size);
	letter-spacing: var(--text-link-16-stroke-letter-spacing);
	line-height: var(--text-link-16-stroke-line-height);
	text-decoration: underline;
	text-underline-offset: 0.2rem;
	white-space: nowrap;
	font-style: var(--text-link-16-stroke-font-style);
}

.main .ya-map {
	position: absolute;
	width: 698px;
	height: 330px;
	top: 0;
	left: 520px;
}

.main .warning {
	display: flex;
	width: 1218px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 32px 10px;
	position: relative;
	flex: 0 0 auto;
	background-color: #2f80ed0d;
	border-radius: 24px;
}

.main .text-wrapper-36 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Manrope-Light", Helvetica;
	font-weight: 300;
	color: #11111199;
	font-size: 24px;
	letter-spacing: 2.88px;
	line-height: 28px;
	white-space: nowrap;
}

.main .gap-148 {
	gap: 148px;
}

.main .my-148 {
	margin-top: 148px;
	margin-bottom: 148px;
}

.h-1 {
	font-size: 48px;
	font-family: "Manrope";
	font-weight: 600;
	letter-spacing: 0em;
	line-height: 56px;
}

.h-5 {
	font-size: 18px;
	font-family: "Manrope";
	font-weight: 600;
	letter-spacing: 0em;
	line-height: 24px;
}

.h-4 {
	font-size: 24px;
	font-family: "Manrope";
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 32px;
}

.h-2 {
	font-size: 40px;
	font-family: "Manrope";
	font-weight: 600;
	letter-spacing: 0em;
	line-height: 56px;
}

.h-3 {
	font-size: 32px;
	font-family: "Manrope";
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 44px;
}

.text-18 {
	font-size: 18px;
	font-family: "Manrope";
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 28px;
}

.text-18.m {
	font-size: 18px;
	font-family: "Manrope";
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 28px;
}

.text-description14 {
	font-size: 14px;
	font-family: "Manrope";
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 20px;
}

.text-16 {
	font-size: 16px;
	font-family: "Manrope";
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 24px;
}

.text-link-16-stroke {
	font-size: 16px;
	font-family: "Manrope";
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 24px;
}

.disabled {
	pointer-events: none;
}

.arrow-left.disabled svg rect {
	fill: #111111;
	fill-opacity: 0.06;
}

.arrow-left:hover svg rect {
	fill: #1964e6;
}

.arrow-right.disabled svg rect {
	fill: #111111;
	fill-opacity: 0.06;
}

.arrow-right:hover svg rect {
	fill: #1964e6;
}

.main .gap-12 {
	gap: 12px;
}

.main .gap-24 {
	gap: 24px;
}

.main .gap-36 {
	gap: 36px;
}

.main .w-886 {
	width: 886px !important;
}

.main .w-770 {
	width: 770px !important;
}

.main .radius-24 {
	border-radius: 24px;
}

.sticky-footer {
	background-color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	box-shadow: 0.625rem 0 1.875rem rgba(29, 36, 39, 0.05) !important;
}

.sticky-footer .content-wrapper {
	background-color: var(--colors-bg-primary);
	width: 1900px;
	height: 84px;
}

.sticky-footer .content {
	display: flex;
	width: 1218px;
	align-items: center;
	justify-content: space-between;
	position: relative;
	top: 16px;
	left: 341px;
	flex-direction: row;
}

.sticky-footer .btns {
	display: inline-flex;
	align-items: flex-start;
	gap: var(--spacing-x7);
	position: relative;
	flex: 0 0 auto;
}

.sticky-footer .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x2);
	padding: var(--spacing-x3) var(--spacing-x6) var(--spacing-x3) var(--spacing-x6);
	position: relative;
	flex: 0 0 auto;
	background-color: var(--colors-bg-accent);
	border-radius: 32px;
}

.sticky-footer .text-wrapper {
	color: var(--colors-text-primary-on-color);
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	white-space: nowrap;
	font-style: var(--text-18-font-style);
}

.sticky-footer .btn-secondary-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x2);
	padding: var(--spacing-x3) var(--spacing-x6) var(--spacing-x3) var(--spacing-x6);
	position: relative;
	flex: 0 0 auto;
	border-radius: 32px;
	border: 1px solid;
	border-color: var(--colors-bg-primary-inverse);
}

.sticky-footer .whatsapp {
	position: relative;
	width: 24px;
	height: 24px;
}

.sticky-footer .div {
	color: var(--colors-text-primary);
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	white-space: nowrap;
	font-style: var(--text-18-font-style);
}

.sticky-footer .icons {
	display: inline-flex;
	align-items: flex-start;
	gap: var(--spacing-x4);
	position: relative;
	flex: 0 0 auto;
}

.sticky-footer .img {
	position: relative;
	width: 40px;
	height: 40px;
}

.detskoe {
	background-color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}

.detskoe .w-886 {
	width: 886px !important;
}

.detskoe .div {
	background-color: #ffffff;
	overflow: hidden;
	position: relative;

	flex-direction: row;
	justify-content: center;
	width: 100%;
}

.detskoe .footer-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-x7);
	position: relative;
}

.detskoe .footer {
	position: relative;
	width: 1218px;
	height: 330px;
	background-color: var(--colors-bg-accent-subdued);
	border-radius: 32px;
	overflow: hidden;
}

.detskoe .content {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x6);
	position: absolute;
	top: 39px;
	left: 51px;
}

.detskoe .btn-secondary:hover {
	border-radius: var(--x7, 32px);
	background: var(--bg-primary-inverse, rgba(17, 17, 17, 0.88));
	color: var(--text-primary-inverse, #fff);
}

.detskoe .btn-secondary-icon:hover svg path {
	fill: white;
}

.detskoe .btn-secondary-icon-left:hover {
	border-radius: var(--x7, 32px);
	background: var(--bg-accent-hover, #1964e6);
}

.detskoe .btn-secondary-icon-left:hover .text-wrapper-5 {
	color: var(--text-primary-inverse, #fff);
}

.detskoe .btn-secondary-icon-left:hover svg path {
	fill: white;
}

.detskoe .info {
	align-items: flex-start;
	gap: var(--spacing-x3);
	display: inline-flex;
	flex-direction: column;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .div-2 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x2);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .text-wrapper {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	white-space: nowrap;
	font-style: var(--text-18-font-style);
}

.detskoe .text-wrapper-2 {
	position: relative;
	width: fit-content;
	font-family: var(--h-3-font-family);
	font-weight: var(--h-3-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--h-3-font-size);
	letter-spacing: var(--h-3-letter-spacing);
	line-height: var(--h-3-line-height);
	white-space: nowrap;
	font-style: var(--h-3-font-style);
}

.detskoe .text-wrapper-3 {
	position: relative;
	width: fit-content;
	font-family: var(--text-18-m-font-family);
	font-weight: var(--text-18-m-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--text-18-m-font-size);
	letter-spacing: var(--text-18-m-letter-spacing);
	line-height: var(--text-18-m-line-height);
	white-space: nowrap;
	font-style: var(--text-18-m-font-style);
}

.detskoe .map {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-x7);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .metro {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .vector {
	position: relative;
	width: 24px;
	height: 19px;
}

.detskoe .text-wrapper-4 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-accent);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	white-space: nowrap;
	font-style: var(--text-18-font-style);
}

.detskoe .location {
	display: inline-flex;
	align-items: flex-start;
	gap: 9px;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .img {
	position: relative;
	width: 24px;
	height: 24px;
}

.detskoe .text-wrapper-5 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-link-16-stroke-font-family);
	font-weight: var(--text-link-16-stroke-font-weight);
	color: var(--colors-text-accent);
	font-size: var(--text-link-16-stroke-font-size);
	letter-spacing: var(--text-link-16-stroke-letter-spacing);
	line-height: var(--text-link-16-stroke-line-height);
	text-decoration: underline;
	white-space: nowrap;
	font-style: var(--text-link-16-stroke-font-style);
}

.detskoe .btn-primary {
	display: inline-flex;
	flex: 0 0 auto;
	background-color: var(--colors-bg-accent);
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x2);
	padding: var(--spacing-x3) var(--spacing-x6) var(--spacing-x3) var(--spacing-x6);
	position: relative;
	border-radius: 32px;
}

.detskoe .btn-primary:hover {
	border-radius: var(--x7, 32px);
	background: var(--bg-accent-hover, #1964e6);
}

.detskoe .text-wrapper-6 {
	width: fit-content;
	margin-top: -1px;
	color: var(--colors-text-primary-on-color);
	white-space: nowrap;
	position: relative;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.detskoe .ya-map {
	position: relative;
	display: flex;
	top: 0;
	left: 520px;
}

.detskoe .warning {
	display: flex;
	width: 1218px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: var(--spacing-x7) 10px var(--spacing-x7) 10px;
	position: relative;
	flex: 0 0 auto;
	background-color: var(--colors-bg-accent-subdued);
	border-radius: var(--spacing-x6);
}

.detskoe .p {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Manrope-Light", Helvetica;
	font-weight: 300;
	color: var(--colors-text-secondary);
	font-size: 24px;
	letter-spacing: 2.88px;
	line-height: 28px;
	white-space: nowrap;
}

.detskoe .callback-block {
	position: relative;
	display: flex;
	justify-content: center;
	background-color: var(--colors-bg-accent);
	border-radius: var(--spacing-x6);
	overflow: hidden;
	padding-bottom: 3rem;
	margin-bottom: 9.25rem;
}

.detskoe .overlap-group {
	position: relative;
	width: 1194px;
	height: 272px;
	top: 24px;
	left: 24px;
}

.detskoe .vector-2 {
	position: relative;
	width: 410px;
	height: 216px;
	top: 56px;
	left: 784px;
}

.detskoe .content-2 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x7);
	position: absolute;
	top: 0;
	left: 0;
}

.detskoe .div-3 {
	gap: var(--spacing-x4);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .text-wrapper-7 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: var(--colors-text-primary-on-color);
	font-size: var(--h-1-font-size);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	white-space: nowrap;
	font-style: var(--h-1-font-style);
}

.detskoe .text-wrapper-8 {
	position: relative;
	width: fit-content;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-primary-on-color);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	white-space: nowrap;
	font-style: var(--text-18-font-style);
}

.detskoe .btn-txt {
	flex-direction: column;
	justify-content: center;
	gap: var(--spacing-x4);
	display: inline-flex;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .btn-input {
	gap: var(--spacing-x7);
	display: inline-flex;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .inputs {
	display: inline-flex;
	align-items: flex-start;
	gap: var(--spacing-x6);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .input-default {
	width: 248px;
	display: flex;
	align-items: center;
	padding: 14px var(--spacing-x6) 14px var(--spacing-x6);
	position: relative;
	border-radius: var(--spacing-x6);
	border: 1px solid;
	border-color: var(--colors-bg-primary);
}

.detskoe .text-wrapper-9 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: var(--colors-text-primary-on-color);
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	white-space: nowrap;
	font-style: var(--text-16-font-style);
}

.detskoe .div-wrapper {
	width: 240px;
	display: flex;
	align-items: center;
	padding: 14px var(--spacing-x6) 14px var(--spacing-x6);
	position: relative;
	border-radius: var(--spacing-x6);
	border: 1px solid;
	border-color: var(--colors-bg-primary);
}

.detskoe .btn-primary-2 {
	display: flex;
	width: 240px;
	background-color: var(--colors-bg-primary);
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x2);
	padding: var(--spacing-x3) var(--spacing-x6) var(--spacing-x3) var(--spacing-x6);
	position: relative;
	border-radius: 32px;
}

.detskoe .c {
	width: 619px;
	color: var(--palette-white-500);
	font-size: var(--text-description14-font-size);
	line-height: var(--text-description14-line-height);
	position: relative;
	font-family: var(--text-description14-font-family);
	font-weight: var(--text-description14-font-weight);
	letter-spacing: var(--text-description14-letter-spacing);
	font-style: var(--text-description14-font-style);
}

.detskoe .span {
	font-family: var(--text-description14-font-family);
	font-weight: var(--text-description14-font-weight);
	color: #ffffff99;
	font-size: var(--text-description14-font-size);
	letter-spacing: var(--text-description14-letter-spacing);
	line-height: var(--text-description14-line-height);
	font-style: var(--text-description14-font-style);
}

.detskoe .gallery-block {
	position: relative;
	padding-bottom: 9.25rem;
	align-items: flex-start;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.detskoe .div-4 {
	position: relative;
	padding-left: 10.63rem;
	padding-bottom: 3rem;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: var(--colors-text-accent);
	font-size: var(--h-1-font-size);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	white-space: nowrap;
	font-style: var(--h-1-font-style);
}

.detskoe .text-wrapper-10 {
	color: #2f80ed;
	font-family: var(--h-1-font-family);
	font-style: var(--h-1-font-style);
	font-weight: var(--h-1-font-weight);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-size: var(--h-1-font-size);
}

.detskoe .text-wrapper-11 {
	color: #111111;
	font-family: var(--h-1-font-family);
	font-style: var(--h-1-font-style);
	font-weight: var(--h-1-font-weight);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-size: var(--h-1-font-size);
}

.detskoe .gallery {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-x3);
	position: relative;
}

.detskoe .img-2 {
	position: relative;
}

.detskoe .image {
	position: relative;
	width: 802px;
	height: 451px;
	object-fit: cover;
}

.detskoe .image-2 {
	position: relative;
	width: 673px;
	height: 451px;
	object-fit: cover;
}

.detskoe .books-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: var(--spacing-x7) 341px var(--spacing-x7) 341px;
	position: relative;
	background-color: var(--colors-bg-accent-subdued);
	margin-bottom: 9.25rem;
}

.detskoe .content-3 {
	display: flex;
	width: 1218px;
	align-items: center;
	justify-content: space-between;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .txt {
	gap: var(--spacing-x7);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .div-5 {
	position: relative;
	width: 568px;
	margin-top: -1px;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--h-1-font-size);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-style: var(--h-1-font-style);
}

.detskoe .text-wrapper-12 {
	position: relative;
	width: 568px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.detskoe .div-6 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x2);
	padding: var(--spacing-x3) var(--spacing-x6) var(--spacing-x3) var(--spacing-x6);
	position: relative;
	flex: 0 0 auto;
	border-radius: 32px;
	border: 1px solid;
	border-color: var(--colors-bg-primary-inverse);
}

.detskoe .image-books {
	position: relative;
	width: 490.3px;
	height: 326.64px;
	object-fit: cover;
}

.detskoe .before-after-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x8);
	position: relative;
	padding-bottom: 9.25rem;
}

.detskoe .div-7 {
	position: relative;
	width: fit-content;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--h-1-font-size);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	white-space: nowrap;
	font-style: var(--h-1-font-style);
}

.detskoe .div-8 {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-x3);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .before-after {
	display: flex;
	width: 1218px;
	align-items: center;
	justify-content: space-between;
	padding: var(--spacing-x6);
	position: relative;
	background-color: var(--palette-blue-100);
	border-radius: var(--spacing-x6);
}

.detskoe .before-after-left {
	display: flex;
	flex-direction: column;
	width: 660px;
	align-items: flex-start;
	justify-content: center;
	gap: var(--spacing-x7);
	position: relative;
}

.detskoe .before-after-text {
	display: flex;
	flex-direction: column;
	width: 646px;
	align-items: flex-start;
	gap: var(--spacing-x6);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .p-2 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x4);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .text-wrapper-13 {
	position: relative;
	width: 660px;
	margin-top: -1px;
	font-family: var(--h-3-font-family);
	font-weight: var(--h-3-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--h-3-font-size);
	letter-spacing: var(--h-3-letter-spacing);
	line-height: var(--h-3-line-height);
	font-style: var(--h-3-font-style);
}

.detskoe .text-wrapper-14 {
	position: relative;
	width: 435px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.detskoe .HAAS {
	width: 660px;
	color: var(--colors-text-primary);
	position: relative;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.detskoe .doctor {
	display: flex;
	width: 660px;
	align-items: center;
	gap: var(--spacing-x7);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .doctor-avatar {
	position: relative;
	width: 52px;
	height: 52px;
	background-color: var(--palette-blue-main);
	border-radius: 80px;
	overflow: hidden;
}

.detskoe .doctor-photo {
	position: relative;
	width: 65px;
	height: 90px;
	top: 5px;
	left: -7px;
}

.detskoe .element {
	position: absolute;
	width: 52px;
	height: 47px;
	top: 0;
	left: 7px;
}

.detskoe .doctor-name {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
	gap: var(--spacing-0);
}

.detskoe .text-wrapper-15 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: var(--colors-text-secondary);
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	white-space: nowrap;
	font-style: var(--text-16-font-style);
}

.detskoe .right {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 46px;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .before-after-photo {
	position: relative;
	width: 464px;
	height: 248px;
	border-radius: 32px;
	overflow: hidden;
	background-image: url(./imgDetskoe/image-1.png);
	background-size: 100% 100%;
}

.detskoe .overlap-group-2 {
	position: relative;
	width: 262px;
	height: 248px;
	left: 202px;
}

.detskoe .image-3 {
	position: absolute;
	width: 232px;
	height: 248px;
	top: 0;
	left: 30px;
}

.detskoe .line {
	position: absolute;
	width: 3px;
	height: 248px;
	top: 0;
	left: 30px;
}

.detskoe .group {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 100px;
	left: 0;
	background-color: var(--palette-white-main);
	border-radius: 30px;
}

.detskoe .frame {
	position: absolute;
	width: 22px;
	height: 12px;
	top: 25px;
	left: 19px;
}

.detskoe .about-block {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x3);
	position: relative;
	padding-bottom: 9.25rem;
}

.detskoe .content-4 {
	display: flex;

	align-items: center;
	justify-content: space-between;
	position: relative;
}

.detskoe .photo {
	position: relative;
}

.detskoe .text {
	display: flex;
	flex-direction: column;
	width: 698px;
	align-items: flex-start;
	justify-content: center;
	gap: var(--spacing-x4);
	position: relative;
}

.detskoe .text-wrapper-16 {
	position: relative;
	width: 698px;
	margin-top: -1px;
	font-family: var(--h-3-font-family);
	font-weight: var(--h-3-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--h-3-font-size);
	letter-spacing: var(--h-3-letter-spacing);
	line-height: var(--h-3-line-height);
	font-style: var(--h-3-font-style);
}

.detskoe .text-wrapper-17 {
	position: relative;
	width: 698px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.detskoe .cards-block {
	position: relative;
	display: flex;
	justify-content: center;
	background-image: url(./imgDetskoe/vector.svg);
	margin-bottom: 9.25rem;
}

.detskoe .cards {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	position: relative;
}

.detskoe .div-9 {
	position: relative;
	width: 1218px;
	margin-top: -1px;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--h-1-font-size);
	text-align: center;
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-style: var(--h-1-font-style);
}

.detskoe .cards-2 {
	position: relative;
	width: 1218px;
	height: 828px;
}

.detskoe .card {
	top: 0;
	left: 416px;
	background-color: var(--colors-bg-accent);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x7);
	padding: var(--spacing-x8) var(--spacing-x6) var(--spacing-x8) var(--spacing-x6);
	position: absolute;
	border-radius: var(--spacing-x6);
}

.detskoe .bage {
	background-color: var(--palette-orange-main);
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0px 24px;
	position: relative;
	flex: 0 0 auto;
	border-radius: 24px;
}

.detskoe .text-wrapper-18 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: "Manrope-Regular", Helvetica;
	font-weight: 400;
	color: var(--colors-text-primary-on-color);
	font-size: 18px;
	letter-spacing: 0;
	line-height: 28px;
	white-space: nowrap;
}

.detskoe .text-wrapper-19 {
	position: relative;
	width: 338px;
	margin-top: -1px;
	font-family: var(--h-4-font-family);
	font-weight: var(--h-4-font-weight);
	color: var(--colors-text-primary-on-color);
	font-size: var(--h-4-font-size);
	letter-spacing: var(--h-4-letter-spacing);
	line-height: var(--h-4-line-height);
	font-style: var(--h-4-font-style);
}

.detskoe .text-wrapper-20 {
	position: relative;
	width: 338px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-primary-on-color);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.detskoe .icon {
	position: absolute;
}

.detskoe .card-2 {
	top: 0;
	left: 832px;
	background-color: var(--colors-bg-primary);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x7);
	padding: var(--spacing-x8) var(--spacing-x6) var(--spacing-x8) var(--spacing-x6);
	position: absolute;

	border-radius: var(--spacing-x6);
}

.detskoe .text-wrapper-21 {
	position: relative;
	width: 338px;

	font-family: var(--h-4-font-family);
	font-weight: var(--h-4-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--h-4-font-size);
	letter-spacing: var(--h-4-letter-spacing);
	line-height: var(--h-4-line-height);
	font-style: var(--h-4-font-style);
	margin-bottom: 0px;
}

.detskoe .text-wrapper-22 {
	position: relative;
	width: 338px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--text-18-font-size);
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.detskoe .card-3 {
	top: 286px;
	left: 0;
	background-color: var(--colors-bg-primary);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x7);
	padding: var(--spacing-x8) var(--spacing-x6) var(--spacing-x8) var(--spacing-x6);
	position: absolute;
	border-radius: var(--spacing-x6);
}

.detskoe .card-4 {
	top: 286px;
	left: 416px;
	background-color: var(--colors-bg-primary);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x7);
	padding: var(--spacing-x8) var(--spacing-x6) var(--spacing-x8) var(--spacing-x6);
	position: absolute;
	border-radius: var(--spacing-x6);
}

.detskoe .card-5 {
	top: 282px;
	left: 832px;
	background-color: var(--colors-bg-primary);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x7);
	padding: var(--spacing-x8) var(--spacing-x6) var(--spacing-x8) var(--spacing-x6);
	position: absolute;
	border-radius: var(--spacing-x6);
}

.detskoe .card-6 {
	top: 572px;
	left: 0;
	background-color: var(--colors-bg-primary);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x7);
	padding: var(--spacing-x8) var(--spacing-x6) var(--spacing-x8) var(--spacing-x6);
	position: absolute;
	border-radius: var(--spacing-x6);
}

.detskoe .bage-2 {
	background-color: var(--palette-blue-main);
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0px 24px;
	position: relative;
	flex: 0 0 auto;
	border-radius: 24px;
}

.detskoe .card-7 {
	top: 572px;
	left: 416px;
	background-color: var(--colors-bg-primary);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x7);
	padding: var(--spacing-x8) var(--spacing-x6) var(--spacing-x8) var(--spacing-x6);
	position: absolute;
	border-radius: var(--spacing-x6);
}

.detskoe .doctor-text-block {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-bottom: 9.25rem;
}

.detskoe .left {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-x8);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .txt-2 {
	gap: 32px;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .div-10 {
	position: relative;
	width: 698px;
	margin-top: -1px;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--h-1-font-size);
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-style: var(--h-1-font-style);
}

.detskoe .photo-2 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: var(--spacing-x3);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .photo-doctors {
	position: relative;
}

.detskoe .text-wrapper-23 {
	position: relative;
	width: 490px;
	font-family: var(--text-16-font-family);
	font-weight: var(--text-16-font-weight);
	color: var(--colors-text-secondary);
	font-size: var(--text-16-font-size);
	letter-spacing: var(--text-16-letter-spacing);
	line-height: var(--text-16-line-height);
	font-style: var(--text-16-font-style);
}

.detskoe .video-review-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x8);
	position: relative;
	padding-top: 9.25rem;
	padding-bottom: 9.25rem;

	height: auto;
}

.detskoe .video-review {
	position: relative;
	width: 1218px;
	height: 684px;
	border-radius: var(--spacing-x6);
	overflow: hidden;
	background-image: url(./img/image-review.png);
	background-size: cover;
	background-position: 50% 50%;
}

.detskoe .play-button {
	position: absolute;
	width: 81px;
	height: 81px;
	top: 302px;
	left: 569px;
}

.detskoe .hero-banner {
	position: relative;
	background-color: var(--palette-blue-100);
	border-radius: 0px 0px 0px 24px;
	overflow: hidden;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.detskoe .hero-banner-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.detskoe .hero-image {
	position: relative;
	object-fit: cover;
}

.detskoe .info-2 {
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x7);
	display: inline-flex;
	flex-direction: column;
	position: relative;
	flex: 0 0 auto;
}

.detskoe .text-2 {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-x4);
	position: relative;
	flex: 0 0 auto;
}

.detskoe .div-11 {
	position: relative;
	width: fit-content;
	font-family: var(--h-1-font-family);
	font-weight: var(--h-1-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--h-1-font-size);
	text-align: center;
	letter-spacing: var(--h-1-letter-spacing);
	line-height: var(--h-1-line-height);
	font-style: var(--h-1-font-style);
}

.detskoe .text-wrapper-24 {
	position: relative;
	width: 555px;
	font-family: var(--text-18-font-family);
	font-weight: var(--text-18-font-weight);
	color: var(--colors-text-primary);
	font-size: var(--text-18-font-size);
	text-align: center;
	letter-spacing: var(--text-18-letter-spacing);
	line-height: var(--text-18-line-height);
	font-style: var(--text-18-font-style);
}

.detskoe .btns {
	display: inline-flex;
	align-items: flex-start;

	position: relative;
	flex: 0 0 auto;
}

.swiper-slide {
	transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease, box-shadow 0.5s ease;
	width: auto;
	flex-shrink: 0;
	display: block;
	height: 100%;
	max-height: 100%;
}

.swiper-slide-hidden {
	visibility: hidden;
	opacity: 0;
	transform: scale(0.95);
	box-shadow: none;
}

.swiper-slide-visible {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.swiper-container {
	width: 100%;
	max-width: 2055px;
	max-height: 100vh;
	min-height: 0;
	min-width: 0;
}

.swiper-wrapper {
	max-height: 100%;
	height: 100%;
	display: flex;
}