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

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

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

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

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

:root{
	--theme-color: var(--color-blue-500);
	--text-color: var(--black-900);
	--background-color: var(--color-white-200);
	accent-color: var(--theme-color);
	--wrapper-size: 100%;
	--wrapper-padding: 3rem;
	--section-margin: 4rem;
	--header-height: 11.4rem;

	--blue-100: #dcf6ff;
	--blue-500: #46b2d6;
	--black-900: #0f1c2a;
	--white-100: #fafafa;
	--white-000: #fff;
	--violet-500: #7f71e5;
	--color-blue-900: #0f1c2a;
	--color-blue-500: #5188ed;
	--color-blue-100: #a6c5ff;
	--color-white-200: #fafafa;
	--color-white-100: #fff;
	--color-violet-500: #7f71e5;
	--color-gradient-start: #5188ed;
	--color-gradient-end: #7f71e5;
	--color-text-text-primary: var(--color-blue-900);
	--color-text-text-on-dark: var(--color-white-200);
	--color-button-button-secondary: var(--color-blue-500);
	--color-button-button-secondary-light: var(--color-white-200);
	--color-background-background-light: var(--color-white-200);
	--color-white-000: rgba(255, 255, 255, 0.15);
	--color-button-button-secondary-on-dark: var(--color-white-000);
	--color-background-background-dark: var(--color-blue-900);
	--color-text-text-accent-blue: var(--color-blue-500);
	--color-background-background-card-on-light: var(--color-white-100);
	--color-background-background-accent: var(--color-blue-500);
	--color-elements-icon-primary-violet: var(--color-violet-500);
	--color-elements-icon-on-light: var(--color-blue-900);
	--color-elements-icon-on-dark: var(--color-white-200);
	--color-text-text-accent-violet: var(--color-violet-500);
	--color-button-button-secondary-violet: var(--color-violet-500);
	--color-background-background-violet: var(--color-violet-500);
	--color-elements-icon-primary-blue: var(--color-blue-500);
	--color-text-text-accent-blue-light: var(--color-blue-100);
	--color-button-button-secondary-2: var(--color-blue-100);
	--color-background-background-accent-light: var(--color-blue-100);
	--color-elements-icon-primary-blue-light: var(--color-blue-100);
}

html{
	font-size: 0.694vw; /* 10px; */
	height: 100%;
	scroll-behavior: smooth;
}

@media (max-width: 1440px) {
	html{
			font-size: 0.694vw;
	}
}

@media (min-width: 1440px) {
	html{
		font-size: 0.601vw;
	}

	:root{
		--wrapper-size: 100%;
		--wrapper-padding: 11rem;
	}
}

@media (min-width: 2000px) {
	html{
		font-size: 10px;
	}

	:root{
		--wrapper-size: 1380px;
	}
}

body{
	display: flex;
	flex-direction: column;
	min-height: 100%;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	line-height: 1.2;
	background-color: var(--background-color);
	color: var(--text-color);
}

body::-webkit-scrollbar{
	width: 0.8rem;
}

body::-webkit-scrollbar-thumb{
	background-color: var(--theme-color);
}

::selection{
	background-color: var(--theme-color);
	color: #FFF;
}

body.scroll-lock, body.menu-open{
	overflow: hidden;
}

.mob-tel{
	display: none;
}

.mob-mini-tel{
	display: none;
}

.main{
	flex-grow: 1;
}

.wrapper{
	width: min(var(--wrapper-size), calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
	margin-inline:auto;
}

.wrapper-padding{
	padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
	padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
}

.wrapper-padding.scroll-table::-webkit-scrollbar, .wrapper-padding.scroll-phone{
	display: none;
}

.menu-burger{
	display: none;
}

[data-modal]{
	cursor: pointer;
}

.modal {
	display: none;
}

.pp-animate .modal__body{
	opacity: 1;
	translate: 0px 0px;
}

.pp-animate .modal__fade{
	background-color: rgba(24, 24, 27, 0.88);
}

.modal-close::before{
	transform: rotate(-45deg);
	top: calc(50% - 0.3rem);
}

.modal-close::after{
	transform: rotate(45deg);
	bottom: calc(50% - 0.1rem);
}

.pp-unanimate .modal__body{
	opacity: 0;
	translate: 0px 2rem;
}

.modal-close{
	padding: 0.7rem 0.7rem;
	display: flex;
	position: relative;
	align-self: center;
	background-color: #ffffff00;
	width: 3.5rem;
	height: 3.5rem;
	z-index: 12;
	cursor: pointer;
}

.modal-close{
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	transition: 0.2s ease 0s;
}

.modal-close:hover{
	opacity: 0.8;
}

.modal-close::before,
.modal-close::after{
	content: "";
	transition: all 0.3s ease 0s;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	position: absolute;
	width: calc(100% - 1.5rem);
	height: 0.4rem;
	background-color: var(--theme-color);
	border-radius: 0.2rem;
	animation: fadeIn 1s ease 0.5s forwards;
}

@keyframes fadeIn {
	0%{
		opacity: 0;
		translate: 0px 1rem;
	}

	100%{
		opacity: 1;
		translate: 0px 0px;
	}
}

.scroll-up {
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	width: 6rem;
	position: fixed;
	right: 3rem;
	bottom: 3rem;
	height: 6rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	transition: 0.3s ease 0s;
	z-index: 100;
}

.scroll-up.active {
	opacity: 1;
	pointer-events: all;
}

.scroll-up svg, .scroll-up img{
	transition: 0.2s ease 0s;
	width: 40%;
}

.scroll-up:hover img,  .scroll-up:hover svg{
	transform: translate(0px, -0.2rem);
}

.swiper-button-next, .swiper-button-prev{
	margin-top: 0px;
	top: 50%;
	translate: 0px -50%;
}

.swiper-slide{
	height: auto;
}

.swiper-button-next svg, .swiper-button-next img, .swiper-button-prev svg, .swiper-button-prev img{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

.swiper-button-next::after, .swiper-button-prev::after{
	display: none;
}

.drop-menu {
	position: relative;
}

.drop-menu ul{
	padding: 1rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.drop-menu ul a{
	border-bottom: none !important;
}

.drop-menu span{
	position: relative;
	transition: 0.2s ease 0s;
	cursor: pointer;
	margin-right: 1.4rem;
	border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.drop-menu span::after{
	content: '';
	height: 0.4rem;
	background: url(../img/icons/arrow.svg) center / contain no-repeat;
	position: absolute;
	width: 0.7rem;
	left: calc(100% + 0.8rem);
	transition: 0.2s ease 0s;
	top: 0.6rem;
}

.drop-menu ul::-webkit-scrollbar{
	width: 0.4rem;
}

.drop-menu ul::-webkit-scrollbar-thumb{
	background-color: var(--theme-color);
}

.modal-cookie{
	position: fixed;
	pointer-events: none;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 0px 1.5rem;
	translate: 0px calc(100% + 3.5rem);
	z-index: 200;
	animation: cookieVisible 1s ease 2s forwards;
}

.modal-cookie .wrapper{
	display: flex;
	justify-content: flex-end;
}

.modal-cookie__body{
	pointer-events: all;
	box-shadow: 0 1.6rem 2.9rem -1.6rem rgba(2, 54, 113, 0.3);
	background: #fff;
	translate: 0px calc(0% - 3rem);
	overflow: hidden;
	padding: 2.4rem;
	max-width: 45rem;
	text-align: center;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 150%;
	text-align: center;
	color: var(--dark);
	transition: 0.4s ease 0s;
}

.modal-cookie__body button{
	flex-grow: 1;
	width: calc((100% - 1.6rem) / 2);
	justify-content: center;
	font-size: 1.6rem;
	padding: 1.4rem;
}

@keyframes cookieVisible {
	0%{
		translate: 0px 20rem;
	}

	100%{
		translate: 0px 0px;
	}
}

.modal-cookie.hidden-modal .modal-cookie__body{
	opacity: 0;
}

.modal-cookie__bottom{
	display: flex;
	gap: 1.6rem;
}

.modal-cookie a{
	color: var(--theme-color);
}

.modal-cookie__text{
	margin-bottom: 1.5rem;
}

.burger-menu{
	display: none;
}

/* ==================================== */

@media (max-width: 1230px) {
	html{
		font-size: 0.694vw;
	}

}

@media (max-width: 1024px) {
	html{
		font-size: 1.01vw 	/* 10px */;
	}

	:root{
		--section-margin: 3.5rem;
		--wrapper-padding: 2rem;
	}

	.wrapper-padding.scroll-table{
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.wrapper-padding.scroll-table .scroll-el{
		scroll-snap-align: center;
	}

	.modal-cookie.hidden-modal .modal-cookie__body{
		opacity: 0;
	}

	.modal-cookie__body{
		padding: 2rem;
		font-size: 1.4rem;
		transition: 0.4s ease 0s;
	}
}

@media (max-width: 768px) {
		html{
		font-size: 1.67vw 	/* 10px */;
	}

	.mob-tel{
		display: block;
	}

	.wrapper-padding.scroll-phone{
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.modal-cookie__body button {
    height: 4rem;
		font-size: 1.4rem;
		width: calc((100% - 1rem) / 2);
	}

	.modal-cookie__bottom{
		gap: 1rem;
	}

	.wrapper-padding.scroll-phone .scroll-el{
		scroll-snap-align: center;
	}

	.scroll-up {
		width: 4.5rem;
		height: 4.5rem;
		padding: 0.5rem;
		right: 1.5rem;
		bottom: 1.5rem;
		margin-bottom: -4.5rem;
	}

	.scroll-up.active {
		margin-bottom: 0;
	}

	:root{
		--section-margin: 3rem;
		--header-height: 6.2rem;
	}

	.burger-menu{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: var(--background-color);
		z-index: 200;
		overflow: auto;
		transition: 0.8s ease 0s;
		translate: 100% 0%;
	}

	body.menu-open .burger-menu{
		translate: 0px 0px;
	}

	.burger-menu::-webkit-scrollbar{
		display: none;
	}

	.menu-burger{
		padding: 0px 1rem;
		display: flex;
		position: relative;
		align-self: center;
		background-color: #ffffff00;
		width: 5.5rem;
		height: 2.4rem;
		margin: 0px -1rem;
		z-index: 12;
	}

	.menu-burger span,
	.menu-burger::before,
	.menu-burger::after{
		content: "";
		transition: all 0.4s ease 0s;
		left: 50%;
		translate: -50% 0%;
		position: absolute;
		width: calc(100% - 2rem);
		height: 0.4rem;
		background-color:#fff;
		border-radius: 0.2rem;
	}

	.menu-burger::before{
		top: 0px;
	}

	.menu-burger::after{
		bottom: 0px;
	}

	.menu-burger span {
		top: calc(50% - 0.1rem);
	}

	body.menu-open .menu-burger span{
		transform: scale(0);
	}

	body.menu-open .menu-burger::before{
		transform: rotate(-45deg);
		top: calc(50% - 0.3rem);
	}

	body.menu-open .menu-burger::after{
		transform: rotate(45deg);
		bottom: calc(50% - 0.1rem);
	}
}

@media (max-width: 480px) {
			html{
		font-size: 2.86vw 	/* 10px */;
	}

		:root{
		--wrapper-padding: 1rem;
	}

	.mob-mini-tel{
		display: block;
	}

	.modal-cookie{
		padding: 0px 1rem;
	}

	.modal-cookie__body {
		padding: 1rem;
	}

	.modal-cookie__text{
		font-size: 1.2rem;
	}

	.modal-cookie__body {
    translate: 0px calc(0% - 1.5rem);
	}

	.modal-cookie__body button {
		height: 3.5rem;
		font-size: 1.2rem;
	}

	:root{
		--section-margin: 2.5rem;
	}
}

/* ==================================== */

/* ==================================== */

.tabs-content{
	display: none;
}

.d-block{
	display: block;
}

.none{
	display: none;
}

[class*="copyrights-pane"]{
	display: none !important;
}

.animate__animated, .animate__{
	opacity: 0;
	animation-fill-mode: forwards !important;
	animation-delay: 0.2s !important;
}

.animate__delay-1s{
	animation-delay: 0.8s !important;
}

.animate__delay-2s{
	animation-delay: 1.2s !important;
}

.animate__delay-2s.button{
	animation-delay: 1.4s !important;
}

.animate__animated,
.animated { 
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

[class*="animate-"][style*="margin"],
[class*="animate-"][style*="top"],
[class*="animate-"][style*="left"] {
}
.animate__animated,
.animated {
  visibility: hidden;
}

.page-ready .animate__animated,
.page-ready .animated {
  visibility: visible;
}

.header{
	position: sticky;
	top: 0;
	background: var(--color-background-background-dark);
	color: #FFF;
	z-index: 100;
	padding: 3rem 0rem;
	transition: padding 0.25s ease;
}

.header.is-fixed{
	padding: 1.2rem 0rem;
}

.header.is-fixed .header__nav{
	margin-top: 1.2rem;
}

.header__top-inner{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.header__logo{
	flex-shrink: 0;
	display: block;
}

.header__logo img{
	height: 5rem;
	width: auto;
}

.header__tagline{
	flex-shrink: 0;

padding-left: 0.2rem;	font-size: 1.4rem;
	line-height: 1.1;
	color: #FFF;
}

.header__actions{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-left: auto;
}

.header__messengers{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.header__messenger{
	display: block;
	width: 5.6rem;
	height: 5.6rem;
	border-radius: 0.4rem;
	overflow: hidden;
	transition: transform 0.2s ease;
}

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

.header__messenger:hover{
	transform: translateY(-0.2rem);
}

.contact{
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 27.1rem;
	gap: 1.4rem;
	padding: 0.4rem 0.4rem 0.4rem 1rem;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 0.4rem;
	transition: background-color 0.25s ease;
}

.contact--phone{
	min-width: 26.4rem;
}

.contact:not(.contact--phone) span:not(.contact__icon){
	margin-left: auto;
	margin-right: auto;
}

.contact:hover{
	background-color: var(--color-white-200);
}

.contact__body{
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.footer .contact__body{
	margin-left: 0rem !important;
	margin-right: 0rem !important;
}

.footer .contact__title{
	margin-left: 0rem !important;
}

.contact__title{
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	white-space: nowrap;
	transition: color 0.25s ease;
}

.contact:hover .contact__title{
	color: var(--color-blue-900);
}

.contact__note{
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 1rem;
	color: #8a94a2;
	white-space: nowrap;
}

.contact__dot{
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background-color: var(--color-blue-100);
	flex-shrink: 0;
}

.contact__icon{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 0.4rem;
	background-color: rgba(255, 255, 255, 0.15);
	transition: background-color 0.25s ease;
}

.contact__icon img, .contact__icon svg{
	width: 2rem;
	height: 2rem;
}

.contact:not(.contact--phone) .contact__icon img{
	width: 1.2rem;
	height: 1.2rem;
}

.contact:hover .contact__icon{
	background-color: var(--color-blue-500);
}

.header__nav{
	margin-top: 3rem;
	transition: margin-top 0.25s ease;
}

.header__nav-inner{
	position: relative;
}

.header__menu{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.header__link{
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: -0.072rem;
	white-space: nowrap;
	transition: color 0.2s ease;
}

.header__menu .header__link:hover,
.header__menu .header__link--active{
	color: #fff;
}

.header__caret{
	width: 1.2rem;
	height: 1.2rem;
	flex-shrink: 0;
	transition: transform 0.25s ease;
}

.header__menu-item--drop:hover .header__caret,
.header__menu-item--drop.is-open .header__caret{
	transform: rotate(180deg);
}

.header__menu-item--drop{
	position: static;
}

.header__toggle{
	position: relative;
}

.header__menu-item--drop:has(.header__drop) .header__toggle::after{
	content: "";
	position: absolute;
	left: 50%;
	top: 101%;
	translate: -50% 0;
	margin-top: 1.3rem;
	width: 2.1rem;
	height: 1.7rem;
	background-color: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='17'%20viewBox='0%200%2021%2017'%20fill='none'%3E%3Cpath%20d='M9.49562%200.501041C9.88024%20-0.167072%2010.8443%20-0.167073%2011.2289%200.50104L20.7245%2016.9956H0L9.49562%200.501041Z'%20fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='17'%20viewBox='0%200%2021%2017'%20fill='none'%3E%3Cpath%20d='M9.49562%200.501041C9.88024%20-0.167072%2010.8443%20-0.167073%2011.2289%200.50104L20.7245%2016.9956H0L9.49562%200.501041Z'%20fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
	z-index: 61;
}

.header__menu-item--drop:has(.header__drop):hover .header__toggle::after,
.header__menu-item--drop.is-open:has(.header__drop) .header__toggle::after{
	opacity: 1;
}

.header__drop{
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding-top: 3rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
	z-index: 60;
}

/* .header__drop::before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 2rem;
} */

.header__menu-item--drop:hover .header__drop,
.header__menu-item--drop.is-open .header__drop{
	opacity: 1;
	visibility: visible;
}

.header__drop-inner{
	position: relative;
	padding: 1.6rem;
	background-color: #FFF;
	border-radius: 1.2rem;
	box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.05);
}

.services-menu{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.8rem;
}

.services-card, a.services-card{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.2rem;
	min-height: 13rem;
	padding: 1.2rem;
	background-color: #FAFAFA;
	border-radius: 0.8rem;
	color: var(--color-blue-900);
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.services-card:hover{
	background-color: var(--color-blue-500);
	color: #fff;
}

.service-icon{
	width: 2.4rem;
	height: 2.4rem;
	flex-shrink: 0;
	background-color: var(--color-blue-500);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.services-card:hover .service-icon{
	background-color: #fff;
}

.service-icon--molniya{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M6%2014L13%202V10H18L11%2022V14H6Z'%20stroke='%23FAFAFA'%20stroke-width='2'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M6%2014L13%202V10H18L11%2022V14H6Z'%20stroke='%23FAFAFA'%20stroke-width='2'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.service-icon--lupa{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M21%2021L16.6569%2016.6569M16.6569%2016.6569C18.1046%2015.2091%2019%2013.2091%2019%2011C19%206.58172%2015.4183%203%2011%203C6.58172%203%203%206.58172%203%2011C3%2015.4183%206.58172%2019%2011%2019C13.2091%2019%2015.2091%2018.1046%2016.6569%2016.6569Z'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11%208V14'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%2011H14'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M21%2021L16.6569%2016.6569M16.6569%2016.6569C18.1046%2015.2091%2019%2013.2091%2019%2011C19%206.58172%2015.4183%203%2011%203C6.58172%203%203%206.58172%203%2011C3%2015.4183%206.58172%2019%2011%2019C13.2091%2019%2015.2091%2018.1046%2016.6569%2016.6569Z'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11%208V14'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%2011H14'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.service-icon--doc{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M7%2021C5.89543%2021%205%2020.1046%205%2019V3H14L19%208V19C19%2020.1046%2018.1046%2021%2017%2021H7Z'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M13%203V9H19'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%2013H15'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%2017H15'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M7%2021C5.89543%2021%205%2020.1046%205%2019V3H14L19%208V19C19%2020.1046%2018.1046%2021%2017%2021H7Z'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M13%203V9H19'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%2013H15'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%2017H15'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.service-icon--galka{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M15%2010L11%2014L9%2012'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M15%2010L11%2014L9%2012'%20stroke='%235188ED'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.services-card__title{
	font-size: 1.8rem;
	line-height: 1.2;
	transition: 0.2s ease 0s;
}

.btn, a.btn{
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.6rem;
	padding: 0.4rem 0.4rem 0.4rem 2.4rem;
	border-radius: 0.4rem;
	font-family: inherit;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.25;
	color: #fff;
	text-align: left;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.btn--block, a.btn--block{
	display: flex;
	width: 100%;
}

.btn__text{
	white-space: nowrap;
}

.btn__body{
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.btn__title{
	font-size: 1.6rem;
	font-weight: 500;
	white-space: nowrap;
}

.btn--phone .btn__title{
	font-size: 1.8rem;
	font-weight: 700;
}

.btn__note{
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 1.2rem;
	font-weight: 400;
	color: #8a94a2;
	white-space: nowrap;
}

.btn--white .btn__note{
	color: #98a2b1;
}

.btn__dot{
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background-color: var(--color-blue-500);
	flex-shrink: 0;
}

.btn__icon{
	position: relative;
	flex-shrink: 0;
	width: 6.2rem;
	height: 6.2rem;
	border-radius: 0.4rem;
	overflow: hidden;
	transition: background-color 0.25s ease;
}

.btn__icon::before,
.btn__icon::after{
	content: "";
	position: absolute;
	inset: 0;
	background-color: currentColor;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 40%;
	mask-size: 40%;
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.btn__icon::after{
	opacity: 0;
}

.btn__icon--plus::before{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M12%204V20'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M4%2012H20'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M12%204V20'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M4%2012H20'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn__icon--plus::after{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M19%2012L5%2012'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12%2019L19%2012L12%205'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M19%2012L5%2012'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12%2019L19%2012L12%205'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	transform: translateX(-0.6rem);
}

.btn:hover .btn__icon--plus::before{
	opacity: 0;
	transform: translateX(0.6rem);
}

.btn:hover .btn__icon--plus::after{
	opacity: 1;
	transform: translateX(0);
}

.btn__icon--arrow::before{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M19%2012L5%2012'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12%2019L19%2012L12%205'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M19%2012L5%2012'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12%2019L19%2012L12%205'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn:hover .btn__icon--arrow::before{
	transform: none;
}

.btn__icon--wa::before{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.0033%202.91667C15.1218%201.04167%2012.6131%200%209.96502%200C4.45979%200%20-0.000138879%204.44444%20-0.000138879%209.93056C-0.000138879%2011.6667%200.487667%2013.4028%201.3239%2014.8611L0.382354%2018.3327C0.181121%2019.0747%200.857517%2019.7568%201.60116%2019.5618L5.22634%2018.6111C6.68976%2019.375%208.29254%2019.7917%209.96502%2019.7917C15.4702%2019.7917%2019.9302%2015.3472%2019.9302%209.86111C19.8605%207.29167%2018.8849%204.79167%2017.0033%202.91667ZM14.7734%2013.4722C14.5643%2014.0278%2013.5887%2014.5833%2013.1009%2014.6528C12.6828%2014.7222%2012.1253%2014.7222%2011.5678%2014.5833C11.2194%2014.4444%2010.7316%2014.3056%2010.1741%2014.0278C7.66537%2012.9861%206.06258%2010.4861%205.92321%2010.2778C5.78384%2010.1389%204.87791%208.95833%204.87791%207.70833C4.87791%206.45833%205.50509%205.90278%205.71415%205.625C5.92321%205.34722%206.20195%205.34722%206.41101%205.34722C6.55038%205.34722%206.75944%205.34722%206.89881%205.34722C7.03819%205.34722%207.24725%205.27778%207.45631%205.76389C7.66537%206.25%208.15317%207.5%208.22286%207.56944C8.29254%207.70833%208.29254%207.84722%208.22286%207.98611C8.15317%208.125%208.08348%208.26389%207.94411%208.40278C7.80474%208.54167%207.66536%208.75%207.59568%208.81944C7.45631%208.95833%207.31693%209.09722%207.45631%209.30555C7.59568%209.58333%208.08349%2010.3472%208.85004%2011.0417C9.82565%2011.875%2010.5922%2012.1528%2010.8709%2012.2917C11.1497%2012.4306%2011.2891%2012.3611%2011.4284%2012.2222C11.5678%2012.0833%2012.0556%2011.5278%2012.195%2011.25C12.3344%2010.9722%2012.5434%2011.0417%2012.7525%2011.1111C12.9615%2011.1806%2014.2159%2011.8056%2014.4249%2011.9444C14.7037%2012.0833%2014.8431%2012.1528%2014.9128%2012.2222C14.9824%2012.4306%2014.9824%2012.9167%2014.7734%2013.4722Z'%20fill='%23FAFAFA'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.0033%202.91667C15.1218%201.04167%2012.6131%200%209.96502%200C4.45979%200%20-0.000138879%204.44444%20-0.000138879%209.93056C-0.000138879%2011.6667%200.487667%2013.4028%201.3239%2014.8611L0.382354%2018.3327C0.181121%2019.0747%200.857517%2019.7568%201.60116%2019.5618L5.22634%2018.6111C6.68976%2019.375%208.29254%2019.7917%209.96502%2019.7917C15.4702%2019.7917%2019.9302%2015.3472%2019.9302%209.86111C19.8605%207.29167%2018.8849%204.79167%2017.0033%202.91667ZM14.7734%2013.4722C14.5643%2014.0278%2013.5887%2014.5833%2013.1009%2014.6528C12.6828%2014.7222%2012.1253%2014.7222%2011.5678%2014.5833C11.2194%2014.4444%2010.7316%2014.3056%2010.1741%2014.0278C7.66537%2012.9861%206.06258%2010.4861%205.92321%2010.2778C5.78384%2010.1389%204.87791%208.95833%204.87791%207.70833C4.87791%206.45833%205.50509%205.90278%205.71415%205.625C5.92321%205.34722%206.20195%205.34722%206.41101%205.34722C6.55038%205.34722%206.75944%205.34722%206.89881%205.34722C7.03819%205.34722%207.24725%205.27778%207.45631%205.76389C7.66537%206.25%208.15317%207.5%208.22286%207.56944C8.29254%207.70833%208.29254%207.84722%208.22286%207.98611C8.15317%208.125%208.08348%208.26389%207.94411%208.40278C7.80474%208.54167%207.66536%208.75%207.59568%208.81944C7.45631%208.95833%207.31693%209.09722%207.45631%209.30555C7.59568%209.58333%208.08349%2010.3472%208.85004%2011.0417C9.82565%2011.875%2010.5922%2012.1528%2010.8709%2012.2917C11.1497%2012.4306%2011.2891%2012.3611%2011.4284%2012.2222C11.5678%2012.0833%2012.0556%2011.5278%2012.195%2011.25C12.3344%2010.9722%2012.5434%2011.0417%2012.7525%2011.1111C12.9615%2011.1806%2014.2159%2011.8056%2014.4249%2011.9444C14.7037%2012.0833%2014.8431%2012.1528%2014.9128%2012.2222C14.9824%2012.4306%2014.9824%2012.9167%2014.7734%2013.4722Z'%20fill='%23FAFAFA'/%3E%3C/svg%3E");
	-webkit-mask-size: 2rem;
	mask-size: 2rem;
}

.btn__icon--tg::before{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%2056'%3E%3Cpath%20d='M39.5983%2016.4295L35.419%2038.5983C35.419%2038.5983%2034.8342%2040.1353%2033.2278%2039.3981L23.5849%2031.6189L23.5402%2031.5959C24.8427%2030.3654%2034.9431%2020.8102%2035.3846%2020.3771C36.0679%2019.7063%2035.6437%2019.3069%2034.8502%2019.8136L19.9307%2029.7826L14.1747%2027.7449C14.1747%2027.7449%2013.2689%2027.4059%2013.1818%2026.6688C13.0935%2025.9304%2014.2045%2025.5311%2014.2045%2025.5311L37.6697%2015.8456C37.6697%2015.8456%2039.5983%2014.954%2039.5983%2016.4295Z'%20fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%2056'%3E%3Cpath%20d='M39.5983%2016.4295L35.419%2038.5983C35.419%2038.5983%2034.8342%2040.1353%2033.2278%2039.3981L23.5849%2031.6189L23.5402%2031.5959C24.8427%2030.3654%2034.9431%2020.8102%2035.3846%2020.3771C36.0679%2019.7063%2035.6437%2019.3069%2034.8502%2019.8136L19.9307%2029.7826L14.1747%2027.7449C14.1747%2027.7449%2013.2689%2027.4059%2013.1818%2026.6688C13.0935%2025.9304%2014.2045%2025.5311%2014.2045%2025.5311L37.6697%2015.8456C37.6697%2015.8456%2039.5983%2014.954%2039.5983%2016.4295Z'%20fill='%23000'/%3E%3C/svg%3E");
	-webkit-mask-size: 2.2rem;
	mask-size: 2.2rem;
}

.btn:hover .btn__icon--wa,
.btn:hover .btn__icon--tg{
	background-color: var(--color-blue-500);
	color: #fff;
}

.btn--blue{
background: linear-gradient(270deg, var(--Color-Violet-500, #7F71E5) 0%, #5188ED 100%);
}

.btn--blue:hover{
	background-color: #3f79e6;
}

.btn--blue .btn__icon{
	background-color: #fff;
	color: var(--color-blue-900);
}

.btn--violet{
	background-color: var(--color-violet-500);
}

.btn--violet:hover{
	background-color: #6d5fde;
}

.btn--violet .btn__icon{
	background-color: #fff;
	color: var(--color-violet-500);
}

.btn--dark, a.btn--dark{
	background-color: #1e2a38;
}

.btn--dark:hover{
	background-color: #26333f;
}

.btn--dark .btn__icon{
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.btn--dark:hover .btn__icon{
	background-color: #fff;
	color: var(--color-blue-900);
}

.btn--white, a.btn--white{
	background-color: #fff;
	color: var(--color-blue-900);
	border: 0.1rem solid #e4e8ef;
}

.btn--white .btn__icon{
	background-color: #eef1f5;
	color: var(--color-blue-900);
}

.btn--white:hover{
	border-color: var(--color-violet-500);
}

.btn--white:hover .btn__icon--plus{
	background-color: var(--color-violet-500);
	color: #fff;
}

.btn-icon{
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
	width: 5.2rem;
	height: 5.2rem;
	border-radius: 1.2rem;
	overflow: hidden;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.btn-icon::before{
	content: "";
	position: absolute;
	inset: 0;
	background-color: currentColor;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 2rem;
	mask-size: 2rem;
	transition: transform 0.25s ease;
}

.btn-icon--prev::before{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M20%2012H4M10%206L4%2012L10%2018'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M20%2012H4M10%206L4%2012L10%2018'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn-icon--next::before{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M19%2012L5%2012'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12%2019L19%2012L12%205'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M19%2012L5%2012'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12%2019L19%2012L12%205'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn-icon--tg::before{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%2056'%3E%3Cpath%20d='M39.5983%2016.4295L35.419%2038.5983C35.419%2038.5983%2034.8342%2040.1353%2033.2278%2039.3981L23.5849%2031.6189L23.5402%2031.5959C24.8427%2030.3654%2034.9431%2020.8102%2035.3846%2020.3771C36.0679%2019.7063%2035.6437%2019.3069%2034.8502%2019.8136L19.9307%2029.7826L14.1747%2027.7449C14.1747%2027.7449%2013.2689%2027.4059%2013.1818%2026.6688C13.0935%2025.9304%2014.2045%2025.5311%2014.2045%2025.5311L37.6697%2015.8456C37.6697%2015.8456%2039.5983%2014.954%2039.5983%2016.4295Z'%20fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%2056'%3E%3Cpath%20d='M39.5983%2016.4295L35.419%2038.5983C35.419%2038.5983%2034.8342%2040.1353%2033.2278%2039.3981L23.5849%2031.6189L23.5402%2031.5959C24.8427%2030.3654%2034.9431%2020.8102%2035.3846%2020.3771C36.0679%2019.7063%2035.6437%2019.3069%2034.8502%2019.8136L19.9307%2029.7826L14.1747%2027.7449C14.1747%2027.7449%2013.2689%2027.4059%2013.1818%2026.6688C13.0935%2025.9304%2014.2045%2025.5311%2014.2045%2025.5311L37.6697%2015.8456C37.6697%2015.8456%2039.5983%2014.954%2039.5983%2016.4295Z'%20fill='%23000'/%3E%3C/svg%3E");
	-webkit-mask-size: 2.6rem;
	mask-size: 2.6rem;
}

.btn-icon--dark{
	background-color: #1e2a38;
	color: #fff;
}

.btn-icon--dark:hover{
	background-color: var(--color-blue-500);
}

.btn-icon--light{
	background-color: #fff;
	color: var(--color-blue-900);
}

.btn-icon--light:hover{
	border-color: var(--color-violet-500);
	color: var(--color-violet-500);
}

.btn-icon--prev:hover::before{
	transform: none;
}

.btn-icon--next:hover::before{
	transform: none;
}

.pager{
	display: inline-flex;
	align-items: center;
	gap: 1rem;
}

.btn-product{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: 0.5rem 1.4rem;
	border-radius: 0.2rem;
	min-height: 5.6rem;
	background-color: #FAFAFA;
	font-weight: 600;
	font-size: 1.6rem;
	color: var(--color-blue-900);
	cursor: pointer;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.btn-product__logo{
	height: 1.8rem;
	width: auto;
}

.btn-link{
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	font-weight: 500;
	font-size: 1.8rem;
	border-bottom: 0.1rem solid currentColor;
	cursor: pointer;
	letter-spacing: -0.072rem;
	transition: color 0.2s ease;
}

.case__visual .case__btn{
	min-width: 25.2rem;
}

.case__visual .btn__text{
	margin-left: auto;
	margin-right: auto;
}

.case__visual .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
}

.btn-link,
.btn-link:link,
.btn-link:visited{
	color: var(--color-blue-900);
}

.btn-link:hover{
	color: var(--color-violet-500);
}

.btn-link--light,
.btn-link--light:link,
.btn-link--light:visited{
	color: #fff;
}

.btn-link--light:hover{
	color: var(--color-blue-100);
}

.intro{
	background-color: var(--color-blue-900);
	padding-bottom: calc(var(--section-margin) + var(--section-margin));
}

.intro__top{
	display: flex;
	gap: 2rem;
}

.intro__main{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 4rem;
	min-height: 60.8rem;
	background-color: #FAFAFA;
	border-radius: 2.4rem;
}

.h1, h1{
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.16rem;
	color: var(--color-blue-900);
	margin-bottom: 1.8rem;
}

.intro__accent-blue,
.intro__accent-violet{
	background: linear-gradient(270deg, var(--Color-Violet-500, #7F71E5) 0%, #5188ED 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.intro__subtitle{
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.1;
	color: var(--color-blue-900);
	margin-bottom: 4rem;
}

.intro__btn{
	min-width: 36rem;
	margin-bottom: 1.4rem;
}

.intro__note{
	font-size: 1.4rem;
	line-height: 1.1;
}

.intro__badges{
	display: flex;
	gap: 1rem;
	margin-top: auto;
	padding-top: 3rem;
}

.intro__badge{
	display: inline-flex;
	align-items: center;
	padding: 1rem 1.4rem;
	background: #FFF;
	border-radius: 0.2rem;
}

.intro__badge img{
	height: 2rem;
	width: auto;
}

.intro__image{
	max-width: 54rem;
	width: 100%;
	display: block;
	border-radius: 2rem;
	position: relative;
	overflow: hidden;
}

.intro__main{
	flex-grow: 1;
}

.intro__image img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.intro__image--out img{
	border-radius: 0rem;
}

.intro__features{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	min-height: 12.2rem;
	margin-top: 2rem;
}

.intro__feature{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 2.4rem;
	background-color: #fff;
	border-radius: 1rem;
}

.intro__feature-top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.intro__feature-title{
	font-size: 2rem;
	font-weight: 600;
	color: var(--color-blue-900);
}

.intro__feature-top img,
.intro__feature-top svg{
	width: 2.4rem;
	height: 2.4rem;
	flex-shrink: 0;
}

.intro__feature-text{
	font-size: 1.6rem;
	line-height: 1.2;
}

section:not(.intro){
	padding: calc(var(--section-margin) + var(--section-margin)) 0rem;
}

.auto__inner{
	display: grid;
	grid-template-columns: 1fr 68rem;
	align-items: start;
	gap: 6rem;
}

.auto__aside{
	position: sticky;
	top: calc(var(--header-height) + 3rem);
	align-self: start;
}

.h2, h2{
	font-size: 4.8rem;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.192rem;
	color: var(--black-900);
	margin-bottom: 1.8rem;
}

.sub-title{
	font-size: 2.4rem;
	line-height: 1.1;
	font-weight: 500;
	color: var(--color-blue-900);
	margin-bottom: 4rem;
	letter-spacing: -0.096rem;
}

.auto__image{
	display: block;
}

.auto__image img{
	display: block;
	width: 33rem;
	height: auto;
}

.auto__list{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.auto-card{
	padding: 3rem;
	background-color: #fff;
	border-radius: 1rem;
}

.auto-card__title:last-child{
	margin-bottom: 0rem !important;
}

.auto-card__title{
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 1.2rem;
	overflow-wrap: anywhere;
}

.auto-card__text{
	font-size: 1.6rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.auto-card__divider{
	display: block;
	height: 0.1rem;
	margin: 2.4rem 0;
	background-image: repeating-linear-gradient(90deg, #5188ED 0 0.8rem, transparent 0.8rem 1.6rem);
}

.auto-card__points{
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	margin-bottom: 2.4rem;
}

.auto-card__point{
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	min-width: 0;
	font-size: 1.4rem;
	line-height: 1.1;
	overflow-wrap: anywhere;
}

.auto-card__marker{
	flex-shrink: 0;
	width: 1.2rem;
	height: 1.2rem;
	margin-top: 0.1rem;
	padding: 0.2rem;
	border: 0.1rem solid var(--color-blue-500);
	border-radius: 50%;
	background-color: var(--color-blue-500);
	background-clip: content-box;
}

.btn--light, a.btn--light{
	background-color: #f3f4f6;
	color: var(--color-blue-900);
}

.btn--light .btn__icon{
	background-color: var(--color-blue-500);
	color: #fff;
}

.btn--light:hover{
	background-color: #eceef2;
}

.auto-card__btn, a.auto-card__btn{
	font-size: 1.6rem;
}

.auto-card__btn .btn__icon{
	width: 4.6rem;
	height: 4.6rem;
}

.base__head{
	text-align: center;
	margin-bottom: 4rem;
}

.base__title{
	margin-bottom: 1.2rem;
}

h2 span, .h2 span{
	background: linear-gradient(270deg, var(--color-violet-500) 0%, #5188ED 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.base__subtitle{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.base__grid{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem;
}

.base-card{
	display: flex;
	flex-direction: column;
	padding: 2rem;
	background-color: #fff;
	border-radius: 1rem;
}

.base-card__media{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18rem;
	margin-bottom: 3rem;
	border-radius: 0.6rem;
	background: #FAFAFA;
}

.base-card__media picture{
	width: 100%;
	height: 100%;
}

.base-card__media img{
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.base-card__head{
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	min-height: 12.1rem;
}

.base-card__title{
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.1;
	overflow-wrap: anywhere;
}

.base-card__text{
	font-size: 1.6rem;
	line-height: 1.1;
	overflow-wrap: anywhere;
}

.base-card__divider{
	display: block;
	height: 0.1rem;
	margin: 2rem 0 3rem 0rem;
	background-image: repeating-linear-gradient(90deg, #5188ED 0 0.8rem, transparent 0.8rem 1.6rem);
}

.base-card__points{
	margin-bottom: 3rem;
}

.check-list{
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.consult .check-list {
	max-width: 60rem;
}

.check-list__item{
	display: flex;
	align-items: center;
	gap: 1rem;
	min-width: 0;
	
	font-size: 1.4rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.check-list__icon{
	flex-shrink: 0;
	width: 1.4rem;
	height: 1.4rem;
	margin-top: 0.1rem;
	background-color: var(--color-blue-500);
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%209'%20fill='none'%3E%3Cpath%20d='M11.8931%200.642822L4.39307%208.14282L0.643066%204.39282'%20stroke='%23000'%20stroke-width='1.28571'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%209'%20fill='none'%3E%3Cpath%20d='M11.8931%200.642822L4.39307%208.14282L0.643066%204.39282'%20stroke='%23000'%20stroke-width='1.28571'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.base-card__footer{
	display: flex;
	gap: 1rem;
	margin-top: auto;
	flex-wrap: wrap;
}

.base-card__brand{
	flex: 1;
	justify-content: center;
}

.base-card__btn, a.base-card__btn{
	flex: 1 1 100%;
	justify-content: center;
	font-size: 1.6rem;
}

.base-card__btn .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
	margin-left: auto;
}

.base-card__btn .btn__text{
	margin-left: auto;
}

.consult__content{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.consult__inner{
	display: flex;
	justify-content: space-between;
	color: #FAFAFA;
	gap: 2rem;
	padding: 4rem;
	background-color: var(--color-background-background-dark);
	border-radius: 1.2rem;
}

.consult__form{
	margin-top: auto;
}

.consult__visual{
	flex-shrink: 0;
	width: 52.8rem;
}

.crm-demo{
	display: flex;
	justify-content: center;
	gap: 0.6rem;
	flex-grow: 1;
	padding: 3.3rem 1.3rem;
	border-radius: 1.2rem;
	background: linear-gradient(333deg, rgba(15, 28, 42, 0.30) 0%, rgba(0, 89, 255, 0.30) 45.2%, rgba(15, 28, 42, 0.30) 100%), var(--color-background-background-dark, #0F1C2A);
}

.crm-demo__crm{
	width: 18.5rem;
}

.crm-demo__deals{
	padding: 0rem 1rem;
}

.crm-demo__form{
	grid-column: 1;
	flex-grow: 1;
	overflow: hidden;
	grid-row: 1;
	align-self: start;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1.1rem;
	border-radius: 0.4rem;
	background-color: #2890E4;
}

.crm-demo{
	pointer-events: none;
}

.crm-demo__form-title{
	font-size: 1.4rem;
	padding: 1.1rem;
	margin-top: -1.1rem;
	background: #2285D4;
	margin-left: -1.1rem;
	width: calc(100% + 2.2rem);
	font-weight: 500;
	margin-bottom: 1.1rem;
	text-align: center;
	color: #FAFAFA;
}

.crm-demo__row{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem;
}

.crm-demo__field{
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.crm-demo__label{
	font-size: 0.7rem;
	color: #FAFAFA;
}

.crm-demo__input{
	padding: 0.8rem 1.1rem;
	border-radius: 2.6rem;
	background-color: #fff;
	color: var(--color-blue-900);
	font-size: 0.7rem;
}

.crm-demo__input--area{
	min-height: 5.4rem;
	border-radius: 0.2rem;
	line-height: 1.35;
	display: flex;
	align-items: center;
	color: #0F1C2A;
}

.crm-demo__submit{
	align-self: flex-end;
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.8rem 1.3rem;
	border-radius: 2rem;
	background-color: #7BC144;
	color: #fff;
	font-size: 0.8rem;
	font-weight: 500;
	cursor: pointer;
}

.crm-demo__submit svg{
	width: 1.7rem;
}

.crm-demo__arrow{
	grid-column: 1;
	grid-row: 2;
	position: absolute;
	left: 16rem;
	bottom: 11rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.crm-demo{
	position: relative;
}
.crm-demo__arrow img{
	width: 16rem;
	height: auto;
}

.crm-demo__crm{
	grid-column: 2;
	grid-row: 1 / 3;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.crm-demo__crm-head{
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	text-align: center;
}

.crm-demo__crm-title{
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
}

.crm-demo__crm-sub{
	font-size:0.9rem;
	color: #FFF;
}

.crm-demo__divider{
	height: 0.3rem;

	background: #FFD87C;
}

.crm-demo__add{
	padding: 1rem 1.2rem;
	border: 1px dashed rgba(255, 255, 255, 0.25);
	border-radius: 0.6rem;
	text-align: center;
	font-size: 1.3rem;
	margin-left: 1rem;
	margin-right: 1rem;
	font-weight: 500;
	color: #fff;
}

.crm-demo__deals{
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.deal{
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 0.8rem;
	border-radius: 0.3rem;
	background-color: #fff;
	color: var(--color-blue-900);
}

.deal__top{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.8rem;
}

.deal__name{
	font-size: 1rem;
	font-weight: 500;
}

.deal__date{
	flex-shrink: 0;
	font-size: 0.8rem;
	color: rgba(15, 28, 42, 0.50);
}

.deal__company{
	font-size: 1rem;
	color:rgba(15, 28, 42, 0.50);
}

.deal__subject{
	margin: 0.3rem 0;
	font-size: 1.3rem;
	font-weight: 500;
	color: #0E7AC9;
}

.deal__bottom{
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

.deal__price{
	font-size: 1rem;
	font-weight: 500;
	color: rgba(15, 28, 42, 0.50);
}

.deal__tag{
	padding: 0.2rem 0.6rem;
	border: 1px solid #e6e8ec;
	border-radius: 0.2rem;
	font-size: 0.8rem;
	color: rgba(15, 28, 42, 0.50);
}

.consult__badges{
	display: flex;
	gap: 1rem;
	margin-bottom: 3.2rem;
}

.consult__badge{
	display: inline-flex;
	align-items: center;
	padding: 1rem 1.5rem;
	border-radius: 0.4rem;
	background-color: rgba(255, 255, 255, 0.15);
	font-size: 1.6rem;
	color: #fff;
}

.consult__title{
	font-size: 4rem;
	color: #fff;
	margin-bottom: 1.4rem;
}

.consult__subtitle{
	font-size: 1.8rem;
	line-height: 1.4;
	margin-bottom: 2.8rem;
	max-width: 63rem;
}

.consult__points{
	gap: 1.7rem;
	margin-bottom: 3.4rem;
}

.consult__points .check-list__item{
	gap: 1rem;
	font-size: 1.6rem;
	line-height: 1.3;
}

.consult__points .check-list__icon{
	width: 1.8rem;
	height: 1.8rem;
	margin-top: 0.2rem;
	background-color: var(--color-blue-100);
}

.form-block{
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 1.2rem;
	align-items: start;
}

.form-block__inputs{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.6rem;
}

.form-block__tg, a.form-block__tg{
	background: rgba(255, 255, 255, 0.15);
}

.modal-consult__form  .form-block__inputs{
	max-width: 100%;
	width: 100%;
}

.form-block__tg .btn__icon,
.form-block__tg:hover .btn__icon {
	background: #FAFAFA;
	color: var(--color-blue-900);
}

.form-block__tg .btn__icon--tg::before{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2022%2020'%20fill='none'%3E%3Cpath%20d='M22%200.7085L18.52%2019.1674C18.52%2019.1674%2018.0331%2020.4472%2016.6956%2019.8334L8.66635%2013.356L8.62912%2013.3369C9.71368%2012.3122%2018.1238%204.35607%2018.4914%203.99544C19.0604%203.4369%2018.7072%203.10439%2018.0465%203.5263L5.62365%2011.827L0.83095%2010.1303C0.83095%2010.1303%200.076719%209.84803%200.00416013%209.23424C-0.0693535%208.61945%200.855772%208.28694%200.855772%208.28694L20.3942%200.222291C20.3942%200.222291%2022%20-0.520082%2022%200.7085Z'%20fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2022%2020'%20fill='none'%3E%3Cpath%20d='M22%200.7085L18.52%2019.1674C18.52%2019.1674%2018.0331%2020.4472%2016.6956%2019.8334L8.66635%2013.356L8.62912%2013.3369C9.71368%2012.3122%2018.1238%204.35607%2018.4914%203.99544C19.0604%203.4369%2018.7072%203.10439%2018.0465%203.5263L5.62365%2011.827L0.83095%2010.1303C0.83095%2010.1303%200.076719%209.84803%200.00416013%209.23424C-0.0693535%208.61945%200.855772%208.28694%200.855772%208.28694L20.3942%200.222291C20.3942%200.222291%2022%20-0.520082%2022%200.7085Z'%20fill='%23000'/%3E%3C/svg%3E");
	-webkit-mask-size: 2.4rem;
	mask-size: 2.4rem;
}

.form-block .btn__icon {
	width: 4.8rem;
	height: 4.8rem;
}

.form-input{
	width: 100%;
	height: 5.6rem;
	padding: 0 2rem;
	border-radius: 0.4rem;
	border: 0.1rem solid rgba(255, 255, 255, 0.50);
	font-family: inherit;
	font-size: 1.6rem;
	color: inherit;
	transition: border-color 0.2s ease;
}

.form-input::placeholder{
	color: rgba(255, 255, 255, 0.50);
}

.form-input:focus{
	outline: none;
	border-color: var(--color-blue-500);
}

.form-block__submit{
	min-width: 29.7rem;
}

.form-block__submit .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
}

.form-check{
	display: flex;
	align-items: center;
	gap: 0.8rem;
	cursor: pointer;
}

.form-check__input{
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.form-check__box{
	align-self: flex-start;
	position: relative;
	flex-shrink: 0;
	width: 2.4rem;
	height: 2.4rem;
	margin-top: 0.1rem;
	border-radius: 0.1rem;
	border: 0.1rem solid rgba(255, 255, 255, 0.50);
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.form-check__box::before{
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	background-color: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%209'%20fill='none'%3E%3Cpath%20d='M11.8931%200.642822L4.39307%208.14282L0.643066%204.39282'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / 62% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%209'%20fill='none'%3E%3Cpath%20d='M11.8931%200.642822L4.39307%208.14282L0.643066%204.39282'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / 62% no-repeat;
	transition: opacity 0.2s ease;
}

.form-block .btn__dot{
	background: #A6C5FF;
}

.form-check__input:focus-visible + .form-check__box{
	border-color: var(--color-blue-500);
}

.form-check__input:checked + .form-check__box{
	background-color: var(--color-blue-500);
	border-color: var(--color-blue-500);
}

.form-check__input:checked + .form-check__box::before{
	opacity: 1;
}

.form-check__text{
	font-size: 1.2rem;
	line-height: 1.05;
	color: rgba(255, 255, 255, 0.50);;
}

.form-block__tg, a.form-block__tg{
	min-width: 29.7rem;
}

.modal-consult{
	width: 100%;
	max-width: 48rem;
	padding: 3rem;
	border-radius: 1.2em;
	background-color: #fff;
}

.modal-consult__title{
	margin-bottom: 1.2rem;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.1;
}

.modal-consult__subtitle{
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 1.2;
}

.modal-consult .form-block{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.modal-consult__inputs{
	grid-template-columns: 1fr;
}

.modal-consult .form-input{
	border-color: rgba(0, 0, 0, 0.50);
	font-size: 1.4rem;
}

.modal-consult  .btn__icon{
	width: 6.2rem;
	height: 6.2rem;
}

.modal-consult .form-input::placeholder{
	color: #9aa4b0;
}

.modal-consult .btn--blue{
	width: 100%;
}

.modal-consult .form-check__box{
	border-color: #c5ccd6;
}

.modal-consult .form-check__text{
	color: #6b7480;
}

.consult__visual{
	display: block;
}

.check-list--cross .check-list__icon{
	background-color: var(--color-blue-900);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M1%201L11%2011M1%2011L11%201'%20stroke='%230F1C2A'%20stroke-opacity='0.15'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%20fill='none'%3E%3Cpath%20d='M1%201L11%2011M1%2011L11%201'%20stroke='%230F1C2A'%20stroke-opacity='0.15'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.check-list--cross .check-list__item{
	color: #0F1C2A;
}

.cases__head{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 4rem;
}

.cases__title{
	margin-bottom: 0rem;
	max-width: 114.6rem;
}

.cases__head .sub-title{
	 margin-bottom: 0rem;
	 max-width: 34.5rem;
}

.cases__head--column{
	flex-direction: column;
	align-items: flex-start;
	gap: 1.2rem;
}

.cases__head--column .cases__title,
.cases__head--column .sub-title{
	max-width: none;
}

.cases__list{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.case{
	padding: 3rem;
	background-color: #fff;
	border-radius: 1.2rem;
}

.case__top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 3rem;
}

.case__title{
	max-width: 80rem;
	width: 100%;
}

h3, .h3{
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -0.128rem;
}

.case__logo{
	flex-shrink: 0;
	height: 7rem;
	width: auto;
}

.case__body{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.case__visual{
	width: calc((100% - 2rem) / 2);
	position: relative;
	border-radius: 0.8rem;
	overflow: hidden;
	box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.05);

}

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

.case__visual::after{
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(15, 28, 42, 0.00) 58.26%, rgba(15, 28, 42, 0.40) 100%);
}

.case__btn{
	position: absolute;
	z-index: 1;
	left: 2.4rem;
	bottom: 2.4rem;
}

.case__col{
	width: calc((100% - 6rem) / 4);
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	padding: 2.4rem;
	border: 1px solid rgba(15, 28, 42, 0.15);
	background: #FFF;
	box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.05);
	border-radius: 0.8rem;
}

.case__col--after{
	border-color: #d7ddf3;
}

.case__col-title.sub-title{
	margin-bottom: 0rem;
}

.case__list-inner{
	gap: 1.6rem;
}

.cases__footer{
	display: flex;
	justify-content: center;
	margin-top: 4rem;
}

.problems__grid{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.problems__image{
	flex-shrink: 0;
	width: 100%;
	max-width: 56.3rem;
	border-radius: 1.2rem;
	overflow: hidden;
}

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

.problems__card{
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	padding:3rem;
	border-radius: 1.22rem;
	background: #fff;
}

.problems__title{
	margin-bottom: 3.6rem;
	font-weight: 500;
	font-size:4rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.problems__list{
	display: flex;
	flex-direction: column;
	gap: 3.6rem;
}

.problem-item{
	display: flex;
	align-items: flex-start;
	gap: 1.2rem;
}

.problem-item__icon{
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 0.3rem;
	background: var(--color-violet-500);
}

.problem-item__icon svg{
	width: 1.4rem;
	height: 1.4rem;
}

.problem-item__title{
	margin-bottom: 0.8rem;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.problem-item__text{
	margin-bottom: 0;
	max-width: 46rem;
	font-size: 1.6rem;
	line-height: 1.2;
}

.learn__head{
	margin-bottom: 4rem;
}

.learn__title{
	margin-bottom: 1.8rem;
}

.learn__head .sub-title{
	margin-bottom: 0;
}

.learn__body{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.learn__video{
	position: relative;
	flex-shrink: 0;
	width: calc((100% - 4rem) / 3);
	min-height: 44rem;
	border-radius: 1.2rem;
	overflow: hidden;
	background: #1a1a1c;
}

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

.learn__play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.8rem;
	height: 5.8rem;
	border-radius: 50%;
	background: #0F1C2A;
	transition: background 0.25s;
}

.learn__video:hover .learn__play{
	background: var(--theme-color);
}

.learn__play svg{
	margin-left: 0.4rem;
	width: 2rem;
	height: 1.8rem;
}

.learn__card{
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 2.4rem;
	background: #fff;
}

.learn__points{
	margin-bottom: 3rem;
	gap: 1.8rem;
}

.learn__points .check-list__item{
	align-items: flex-start;
	font-size: 1.5rem;
	line-height: 1.35;
}

.learn__points .check-list__icon{
	width: 1.6rem;
	height: 1.6rem;
	margin-top: 0.3rem;
	padding: 0.3rem;
	border: 0.16rem solid var(--color-blue-500);
	border-radius: 50%;
	background-color: var(--color-blue-500);
	background-clip: content-box;
	-webkit-mask: none;
	mask: none;
}

.learn__btn{
	margin-top: auto;
	width: 100%;
}

.learn__stats{
	display: flex;
	align-items: flex-end;
	flex-shrink: 0;
	width: calc((100% - 4rem) / 3);
	gap: 1rem;
}

.learn__stat{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.4rem;
	height: 0;
	overflow: hidden;
	padding: 1.4rem;
	width: calc((100% - 1rem) / 2);
	border-radius: 1.6rem;
	color: #fff;
	transition: height 1.1s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.learn__stat--practice{
	background: var(--color-blue-500);
	transition-delay: 0.3s;
}

.learn__stat--theory{
	background: var(--color-blue-900);
	transition-delay: 0.3s;
}

.learn__stats.is-grown .learn__stat--practice{
	height: 100%;
}

.learn__stats.is-grown .learn__stat--theory{
	height: 20rem;
}

.learn__stat-num{
	display: block;
	font-weight: 500;
	font-size: 6.8rem;
	line-height: 1;
}

.learn__stat-label{
	display: block;
	margin-top: 0rem;
	font-size: 2.4rem;
}

.learn__stat-text{
	margin-bottom: 0;
	font-size: 1.6rem;
	line-height: 1.2;
	color: #FAFAFA;
}

.method{
	overflow:hidden ;
}

.method__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
	padding-bottom: 4rem;
	margin-bottom: 4rem;
	background-image: repeating-linear-gradient(90deg, #5188ED 0 0.8rem, transparent 0.8rem 1.6rem);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 100% 0.1rem;
}

.method__intro{
	max-width: 74.5rem;
}

.method__title{
	margin-bottom: 1.8rem;
}

.method__intro .sub-title{
	margin-bottom: 0;
}

.method__quote{
	position: relative;
	flex-shrink: 0;
	max-width: 56rem;
	margin: 0;
}

.method__quote-mark{
	position: absolute;
	top: -4rem;
	right: 0;
	z-index: 0;
	width: 25rem;
	height: auto;
}

.method__quote-text{
	position: relative;
	z-index: 1;
	margin-bottom: 1.8rem;
}

.method__author{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 1.6rem;
}

.method__author-photo{
	flex-shrink: 0;
	width: 6.2rem;
	height: 6.2rem;
	border-radius: 50%;
	background: #e6e9f0 center / cover no-repeat;
}

.method__author-info{
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.method__author-name{
	font-weight: 500;
	font-size: 1.8rem;
	color: var(--color-blue-900);
}

.method__author-role{
	color: #0F1C2A;
}

.method__flow{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4rem;
	margin-bottom: var(--section-margin);
}

.method__side{
	display: flex;
	flex-direction: column;
	width: calc((100% - 8rem) / 3);
	min-width: 0;
	gap: 2.4rem;
}

.method-card{
	padding: 2.4rem;
	border-radius: 0.4rem;
	background: #fff;
}

.method-card__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4.4rem;
	height: 4.4rem;
	margin-bottom: 2.4rem;
	border-radius: 0.4rem;
	background: var(--color-blue-500);
}

.method-card__icon svg{
	width: 2.4rem;
	height: 2.4rem;
}

.method-card__title{
	margin-bottom: 0;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.method-card__text{
	margin-top: 0.4rem;
	margin-bottom: 0;
	font-size: 1.4rem;
	line-height: 1.1;
}

.method__center{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40rem;
	height: 40rem;
}

.method__ring{
	position: absolute;
	inset: 0;
	will-change: transform;
}

.method__ring-svg{
	display: block;
	width: 100%;
	height: 100%;
}

.method__ring-word{
	fill: #0F1C2A;
	font-size: 16px;
}

.method__circle{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 31rem;
	height: 31rem;
	border-radius: 50%;
	text-align: center;
background: linear-gradient(259deg, rgba(142, 93, 255, 0.18) -5.81%, rgba(174, 195, 255, 0.18) 51.46%), #FFF;

}

.method__stages{
	padding-top: var(--section-margin);
}

.method__circle-text{
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.method__stages-title{
	margin-bottom: 4rem;
}

.process__step-body{
	padding: 1.6rem;
	background: linear-gradient(259deg, rgba(142, 93, 255, 0.18) -5.81%, rgba(174, 195, 255, 0.18) 51.46%), #FFF;
	border-radius: 0.4rem;

}

.promo__banner{
	position: relative;
	isolation: isolate;
	border-radius: 1.2rem;
	overflow: hidden;
}

.promo .promo__more{
	background: #FFF;
}

.promo__bg{
	position: absolute;
	inset: 0;
	height: 100%;
	z-index: -1;
}

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

.promo__content{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: calc(var(--section-margin) + var(--section-margin)) 0rem;
}

.promo__btn .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
}

.promo__title{
	margin-bottom: 1.6rem;
}

.promo__subtitle{
	margin-bottom: 9.6rem;
}

.promo__nav{
	display: flex;
	justify-content: center;
	margin-top: 2.4rem;
}

.promo__nav .btn-icon{
	width: 5.6rem;
	height: 5.6rem;
	border-radius: 0.4rem;
}

.promo__nav .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
	background-color: var(--color-violet-500);
}

.promo__btn .btn__icon{
	width: 6rem;
	height: 6rem;
}

.promo__more:hover .btn__icon{
	background-color: #6d5fde;
}

.process__title{
	margin-bottom: 6rem;
}

.process__steps{
	margin-bottom: 0.8rem;
}

.process__step{
	position: relative;
	min-height: 20rem;
	padding: 4.2rem 1.5rem 1rem 3.6rem;
}

.process__step::before{
	content: "";
	position: absolute;
	left: 1.6rem;
	top: 2rem;
	bottom: 0;
	width: 1px;
	background-color: #5188ED;
}

.process__steps{
	padding-top: 1rem;
	padding-left: 1rem;
	margin-left: -1rem;
	margin-top: -1rem;
}

.process__dot{
	position: absolute;
	top: 0;
	left: 1rem;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background-color: var(--color-blue-500);
	box-shadow: 0 0 0 0.6rem rgba(81, 136, 237, 0.30);
}

.process__step-title{
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
	margin-bottom: 0.8rem;
}

.process{
	overflow: hidden;
}

.process__ruler{
	height: 2.4rem;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='24'%20fill='none'%3E%3Cpath%20d='M0.5%200V24'%20stroke='%230F1C2A'%20stroke-opacity='0.5'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-size: 8px 100%;
	width: calc(100% + var(--wrapper-padding) + var(--wrapper-padding));
	margin-left: -11rem;
}

.teh{
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: calc(var(--section-margin) + var(--section-margin)) 0 !important;
	background: linear-gradient(294deg, rgba(15, 28, 42, 0.40) 43.69%, rgba(15, 28, 42, 0.40) 65.73%), linear-gradient(303deg, rgba(15, 28, 42, 0.50) 8.19%, rgba(0, 89, 255, 0.50) 36.83%, rgba(15, 28, 42, 0.50) 67.13%), #0F1C2A;
}

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

.teh__image{
	position: absolute;
	top: 0;
	right: 0%;
	width: 101.2rem;
	animation: none !important;
	opacity: 1 !important;
	z-index: -1;
}

@media (min-width: 1920px) {
	.teh__image{
		right: 50%;
		translate: 134% 0%;
	}
}

.teh__image img{
	display: block;
	width: 100%;
	height: auto;
}

.teh__head{
	max-width: 55rem;
	margin-bottom: 15.2rem;
}

.teh__title{
	color: #fff;
	margin-bottom: 2rem;
}

.teh__title span{
	background: none;
	-webkit-text-fill-color: var(--color-blue-100);
	color: var(--color-blue-100);
}

.teh__subtitle{
	color: #FAFAFA;
	margin-bottom: 0;
}

.teh__cards{
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

.teh__card{
	display: flex;
	flex-direction: column;
	min-height: 21.4rem;
	padding: 3rem;
	border-radius: 0.8rem;
	background: rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(1.5rem);
	-webkit-backdrop-filter: blur(1.5rem);
}

.teh__card-top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
}

.teh__card-title{
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.1;
	color: #fff;
}

.teh__card-icon{
	flex-shrink: 0;
}

.teh__card-icon svg{
	display: block;
	width: 2.4rem;
	height: 2.4rem;
}

.teh__card-text{
	margin-top: auto;
	padding-right: 2rem;
	padding-top: 1rem;
	color: #FAFAFA
}

.teh__card-foot{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-top: auto;
	padding-top: 2rem;
}

.teh__card-foot .teh__card-text{
	margin-top: 0;
	padding-top: 0;
	font-size: 1.4rem;
	line-height: 1.3;
}

.rost__head{
	text-align: center;
	margin-bottom: 4rem;
}

.rost__title{
	margin-bottom: 1.2rem;
}

.rost__subtitle{
	margin-bottom: 0;
}

.rost__grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	gap: 2rem;
}

.rost__lead{
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
	min-height: 48rem;
	padding: 3rem;
	background-color: #fff;
	border-radius: 1.6rem;
}

.rost__tasks{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 1.8rem;
	max-width: 34rem;
}

.rost__task span{
	display: block;
}

.rost__task{
	font-size: 1.8rem;
}

.rost__task span{
	color: var(--color-blue-500);
}

.rost__image{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 38rem;
	z-index: 0;
}

.rost__image img{
	display: block;
	width: 100%;
	height: auto;
}

.rost__author{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 1.6rem;
}

.rost__author-avatar{
	width: 6.2rem;
	height: 6.2rem;
	border-radius: 50%;
	object-fit: cover;
}

.rost__author-info{
	display: flex;
	flex-direction: column;
}

.rost__stats{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 2rem;
}

.rost-stat{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 3rem;
	padding: 2.2rem;
	background-color: #fff;
	border-radius: 2rem;
}

.rost-stat__value{
	font-size: 8.1rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.567rem;
	white-space: nowrap;
	background: linear-gradient(270deg, var(--color-violet-500) 0%, #5188ED 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.create__inner{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	gap: 2rem;
}

.create__content{
	position: relative;
	display: flex;
	flex-direction: column;
}

.create__decor{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	pointer-events: none;
}

.create__decor svg{
	display: block;
	width: 25.5rem;
	height: auto;
}

.create__title{
	position: relative;
	z-index: 1;
	margin-bottom: 3rem;
}

.create__text{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.create__text b{
	font-weight: 600;
	color: var(--color-blue-900);
}

.create__note{
	position: relative;
	z-index: 1;
	margin-bottom: 0rem;
	margin-top: auto;
	padding-top: 2rem;
}

.create__media{
	height: 64.6rem;
	position: relative;
}

.create__photo{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 1.2rem;
}

.create__badge{
	position: absolute;
	right: 2.2rem;
	bottom: 2.2rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 2.2rem;
	border-radius: 1rem;
	background: rgba(0, 0, 0, 0.20);
	backdrop-filter: blur(0.5rem);
	-webkit-backdrop-filter: blur(0.5rem);
	text-align:center;
	color: #fff;
}

.create__badge-name{
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
}

.create__badge-role{
	color: #FAFAFA;
}

.reviews__head{
	text-align: center;
	margin-bottom: 4.2rem;
}

.reviews__title{
	margin-bottom: 1.2rem;
}

.reviews__subtitle{
	margin-bottom: 0;
}

.reviews__nav{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 4rem;
}

.reviews__nav .btn-icon{
	width: 5.6rem;
	height: 5.6rem;
	border-radius: 0.4rem;
}

.reviews__nav .btn{
	font-size: 1.6rem;
}

.reviews__nav .btn__icon {
	width: 4.8rem;
	height: 4.8rem;
}

.reviews__more.btn--light{
	background-color: #fff;
}

.reviews__more.btn--light .btn__icon{
	background-color: #f3f4f6;
	color: var(--color-blue-900);
}

.reviews__slider{
	overflow: hidden;
}

.reviews__slider .swiper-slide{
	height: auto;
}

.review{
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
}

.review__card{
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	padding: 2.4rem;
	background-color: #fff;
	border-radius:0.6rem;
	transition: box-shadow 0.25s ease;
}

.review:hover .review__card{
	box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.1);
}

.review .btn{
	font-size: 1.6rem;
	background: #FFF;
}

.review .btn__text {
	margin-left: auto;
	margin-right: auto;
}

.review .btn .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
}

.review__text{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	font-size:2.4rem;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.096rem;
}

.swiper-button-disabled {
	opacity: 0.8;
	pointer-events: none;
}

.review.is-open .review__text{
	-webkit-line-clamp: 100;
	overflow: visible;
}

.review__link, a.review__link{
	margin-top: 1.4rem;
	font-size: 1.4rem;
	color: rgba(15, 28, 42, 0.50);
}

a.review__link, a.review__link:link, a.review__link:visited{
	color: rgba(15, 28, 42, 0.50);
}

a.review__link:hover{
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

.review__logo{
	display: flex;
	align-items: flex-end;
	margin-top: auto;
	padding-top: 3rem;
}

.review__logo img{
	display: block;
	height: 10.2rem;
	width: auto;
	object-fit: contain;
}

.review__btn.btn--light{
	width: 100%;
	color: var(--color-blue-900);
}

.reviews__footer{
	display: flex;
	justify-content: center;
	margin-top: 4.2rem;
}

.expertise__head{
	text-align: center;
	margin-bottom: 2rem;
}

.expertise__title{
	margin-bottom: 1.6rem;
}

.expertise__subtitle{
	margin-bottom: 0;
}

.expertise__certs{
	display: flex;
	flex-wrap: wrap;
	max-width: 74rem;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}

.expertise__cert{
	flex-grow: 1;
	max-width: calc((100% - 2rem) / 2);
	width: calc((100% - 4rem) / 3);
	display: block;
}

.expertise__cert img{
	display: block;
	width: 100%;
	height: auto;
}

.top5__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 3rem;
	margin-bottom: 4rem;
}

.top5__title{
	margin-bottom: 0;
}

.top5__title span{
	background: none;
	-webkit-text-fill-color: var(--color-blue-500);
	color: var(--color-blue-500);
}

.top5__nav{
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-shrink: 0;
}

.top5__nav .btn-icon{
	width: 5.6rem;
	height: 5.6rem;
	border-radius: 0.4rem;
}

.top5__nav .btn{
	font-size: 1.6rem;
}

.top5__nav .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
}

.top5__more.btn--light{
	background-color: #fff;
}

.top5__more.btn--light .btn__icon{
	background-color: #f3f4f6;
	color: var(--color-blue-900);
}

.top5__slider{
	overflow: hidden;
}

.top5__cert{
	display: block;
}

.top5__cert img{
	display: block;
	width: 100%;
	height: auto;
}

.clients__head{
	text-align: center;
	margin-bottom: 4rem;
}

.clients__title{
	margin-bottom: 1.6rem;
}

.clients__subtitle{
	margin-bottom: 0;
}

.clients__grid{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1px;
	background-color: rgba(15, 28, 42, 0.15);
}

.clients__item{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 22.6rem;
	padding: 3rem;
	background-color: var(--color-white-200);
}

.clients__item img{
	max-width: 100%;
	height: 10.3rem;

	width: auto;
	object-fit: contain;
}

.clients__item--hover{
	position: relative;
}

.clients__item--hover img{
	transition: opacity 0.3s ease;
}

.clients__color{
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	opacity: 0;
}

.clients__item--hover:hover img{
	opacity: 0;
}

.clients__item--hover:hover .clients__color{
	opacity: 1;
}

.clients__footer{
	display: flex;
	justify-content: center;
	margin-top: 4rem;
}

.breadcrumbs{
	padding: 0rem 0rem 3rem 0rem;
	background: #0F1C2A;
}

.breadcrumbs__list{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.6rem 1.2rem;
	font-size: 1.4rem;
	overflow: hidden;
}

.breadcrumbs__item{
	display: flex;
	align-items: center;
	gap: 0.6rem 1.2rem;
	flex-shrink: 0;
	white-space: nowrap;
}

.breadcrumbs__item:last-child{
	min-width: 0;
	flex-shrink: 1;
}

.breadcrumbs__item:not(:last-child)::after{
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-right: 0.1rem solid rgba(250, 250, 250, 0.4);
	border-bottom: 0.1rem solid rgba(250, 250, 250, 0.4);
	transform: rotate(-45deg);
}

a.breadcrumbs__link{
	color: rgba(250, 250, 250, 0.55);
	transition: color 0.2s ease;
}

a.breadcrumbs__link:hover{
	color: #fff;
}

.breadcrumbs__current{
	color: rgba(250, 250, 250, 0.85);
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.intro__image{
	background: #FAFAFA;
}

.intro__image--out{
	overflow: visible;
	background: #FAFAFA;
}

.intro__image--out img{
	top: 50%;
	left: auto;
	right: 0;
	width: auto;
	translate: 0px -50%;
	object-fit: initial;
	min-width: 61rem;
	max-width: 61rem;
	height: auto;
	max-height: 110%;
	z-index: 1;
	object-fit: contain;
	pointer-events: none;
}

.intro__image--out::after{
	content: "";
	position: absolute;
	right:100%;
	bottom: 0;
	width: 2rem;
	height: 100%;
	background-color: var(--color-blue-900);
	z-index: 2;
}

.system__content{
	background: #FFF;
}

.system__title{
	margin-bottom: 0;
}

.system__visual{
	position: relative;
	display: flex;
	position: relative;
	flex-direction: column;
	min-height: 30rem;
	padding: 2.4rem;
	border-radius: 0.6rem;
	background: linear-gradient(270deg, var(--color-blue-100) 0%, var(--color-blue-500) 80.54%);
}

.system__body{
	padding: 2.4rem;
}

.system__badge{
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-self: flex-start;
	align-items: flex-start;
	gap: 0.4rem;
	padding: 1.2rem;
	border-radius: 0.4rem;
	background-color: rgba(250, 250, 250, 0.15);
	font-size: 1.4rem;
	line-height: 1.2;
	backdrop-filter: blur(1.5rem);
	-webkit-backdrop-filter: blur(1.5rem);
	color: #fafafa;
}

.system__badge svg{
	flex-shrink: 0;
	width: 1.4rem;
	height: 1.4rem;
}

.system__visual-title{
	position: relative;
	z-index: 2;
	margin-top: auto;
	padding-top: 4rem;
	line-height: 1.15;
	color: #fafafa;
}

.system__image{
	position: absolute;
	bottom: 1rem;
	right: 0;
	width: auto;
	height: 29.6rem;
	z-index: 1;
	pointer-events: none;
}

.system__btn, a.system__btn{
	margin-bottom: 1.6rem;
	margin-top: 2.4rem;
	font-size: 1.6rem;
}

.auto-card__divider + .system__btn{
	margin-top: 0rem;
}

.system__note{
	font-size: 1.4rem;
	line-height: 1.1;
}

.system .auto-card__divider{
	width: calc(100% + 4.8rem);
	margin-left: -2.4rem;
}

.system--compare .system__title{
	margin-bottom: 4rem;
}

.system__grid{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 2rem;
}

.system__grid .system__content{
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	flex: 1;
	border-radius: 1.2rem;
}

.system__grid .system__visual{
	border-radius: 1.2rem 1.2rem 0rem 0rem;
	min-height: 26rem;
}

.system__grid .system__image{
	height: 27rem;
}

.system__grid .system__body{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	flex-grow: 1;
}

.system__grid .system__points{
	margin-bottom: auto;
}

.about{
	position: relative;
	z-index: 1;
	background-color: var(--color-blue-900);
}

.about__image{
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, #0F1C2A 15.56%, rgba(15, 28, 42, 0.00) 53.69%), linear-gradient(rgba(15, 28, 42, 0.45), rgba(15, 28, 42, 0.45)), url(../img/about/bg.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.about .wrapper{
	position: relative;
	z-index: 1;
}

.about__head{
	position: sticky;
	top: calc(var(--header-height) + 2rem);
	z-index: 2;
}

.about__title{
	margin-bottom: 4rem;
	color: #fff;
}

.about__title:has(+ .about__subtitle){
	margin-bottom: 1.2rem;
}

.about__subtitle{
	margin-bottom: 4rem;
	font-size: 1.8rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.8);
}

.about__row{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	align-items: start;
}
.about__row--top{
	flex-wrap: wrap;
}

.about-card--hidden{
	padding: 0rem;
	background: none !important;
}

.about__row--bottom{
	position: relative;
	z-index: 1;
	margin-top: -28.2rem;
}

.about-card{
	width: calc((100% - 4rem) / 3);
	padding: 2.4rem;
	background-color: #fff;
	min-height: 32.8rem;
	display: flex;
	flex-direction: column;
	border-radius: 0.4rem;
}

.about-card__num{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4.4rem;
	height: 4.4rem;
	border-radius: 0.4rem;
	line-height: 1.1;
	background-color: var(--color-blue-500);
	color: #fff;
	font-size: 2.4rem;
	font-weight: 500;
}

.about-card__title{
	margin-bottom: 1.6rem;
	font-size: 2.4rem;
	font-weight: 500;
	color: #0F1C2A;
	margin-top: 4rem;
}

.about-card__list{
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.about__head,
	.about__row{
		display: contents;
	}

	.about .wrapper{
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
		align-items: start;
	}

	.about__title{
		order: 0;
		width: 100%;
		margin-bottom: 1rem;
	}

	.about__title:has(+ .about__subtitle){
		margin-bottom: 0;
	}

	.about__subtitle{
		order: 0;
		width: 100%;
		margin-bottom: 0;
	}

	.about-card--hidden{
		display: none;
	}

	.about-card{
		order: 9;
		width: calc((100% - 2rem) / 2);
		min-height: 25rem;
	}

	.about__row--top > *:nth-child(1){ order: 1; }
	.about__row--top > *:nth-child(2){ order: 2; }
	.about__row--top > *:nth-child(4){ order: 4; }
	.about__row--bottom > *:nth-child(3){ order: 3; }
	.about__row--bottom > *:nth-child(5){ order: 5; }
	.about__row--bottom > *:nth-child(6){ order: 6; }

	.about--alt .about__row--top > *:nth-child(4){ order: 3; }
	.about--alt .about__row--bottom > *:nth-child(3){ order: 4; }
}

@media (max-width: 768px) {
	.about-card{
		width: 100%;
	}

	.system__grid .system__content {
		width: 100%;
	}

	.system__grid{
		flex-direction: column;
	}

	.about__image{
		background-attachment: scroll;
	}
}

.portal__head{
	margin-bottom: 4rem;
	text-align: center;
}

.portal__title{
	margin-bottom: 1.6rem;
}

.portal__subtitle{
	max-width: 74rem;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #6b7480;
}

.tabs__body{
	display: flex;
	gap: 2rem;
	margin-bottom: 0rem;
}

.tabs-button{
	flex: 1;
	padding: 2.4rem 1.2rem 3.4rem 1.2rem;
	margin-bottom: -1rem;
	text-align: center;
	border-bottom: none;
	border-radius: 0.8rem 0.8rem 0 0;
	font-size: 1.8rem;
	line-height: 1.2;
	background: #FFF;
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease;
	
}

.tabs-button:hover{
	color: var(--color-blue-900);
}

.tabs-button.tab-active{
	box-shadow: 4px 2px 35px 0 rgba(28, 65, 104, 0.05);
	background-color: #fff;
}

.tabs-button.tab-active span{
	background: var(--gardient, linear-gradient(270deg, var(--Color-Violet-500, #7F71E5) 0%, #5188ED 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tabs-content{
	display: none;
}

.tabs-content.d-block{
	display: block;
}

.portal__grid{
	display: flex;
	padding: 5rem;
	gap: 6rem;
	align-items: start;
	position: relative;
	z-index: 1;
	border-radius:  0rem 0rem 2rem 2rem;
background: #FFF;
box-shadow: 0 0 3.5rem 0 rgba(28, 65, 104, 0.03);
}

.portal__left{
	width: calc((100% - 6rem) / 2);
}

.portal__tab-title{
	margin-bottom: 2rem;
}

.portal__tab-text{
	margin-bottom: 2rem;
	font-size: 1.8rem;
	line-height: 1.2;
	color: #0F1C2A;
}

.portal__image{
	display: block;
	width: 100%;
	max-width: 47rem;
	height: auto;
}

.portal__list{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: calc((100% - 6rem) / 2);
}

.portal .auto-card__marker{
	width: 2.1rem;
	padding: 0.4rem;
	height: 2.1rem;
}

.portal__item{
	display: flex;
	align-items: center;
	gap: 1.2rem;
	min-height: 10.7rem;
	padding: 2rem 2.4rem;
	border-radius: 1rem;
	font-size: 1.6rem;
	line-height: 1.35;
	color:  #000;
	background: #FAFAFA;
}

.portal__item .auto-card__marker{
	margin-top: 0.5rem;
}

@media (max-width: 1024px) {
	.tabs-button{
		padding: 2rem 1rem 3rem 1rem;
		font-size: 1.4rem;
	}

	.portal__grid{
		padding: 3rem;
		gap: 3rem;
	}
}

@media (max-width: 768px) {
	.tabs__body{
		gap: 1rem;
		padding: 0rem var(--wrapper-padding);
		margin-left: -2rem;
		width: calc(100% + var(--wrapper-padding) + var(--wrapper-padding));
		margin-bottom: 1.5rem;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.tabs__body::-webkit-scrollbar{
		display: none;
	}

	.tabs-button{
		flex: 0 0 auto;
		margin-bottom: 0;
		padding: 2rem 2rem;
		border-radius: 0.8rem;
		font-size: 1.8rem;
		white-space: nowrap;
	}

	.portal__grid{
		flex-direction: column;
		padding: 2.4rem;
		gap: 3rem;
		border-radius: 2rem;
	}

	.portal__left,
	.portal__list{
		width: 100%;
	}

	.portal__image{
		max-width: 100%;
	}

	.portal__item{
		min-height: auto;
	}
}

.quiz__title{
	margin-bottom: 4rem;
	text-align: left;
}

.quiz{
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 58rem;
	padding: 4rem;
	border-radius: 1.2rem;
	background: #0f1c2a;
	color: #fafafa;
}

.quiz__progress-bar{
	height: 1rem;
	margin-bottom: 3rem;
	border-radius: 1rem;
	background-color: #ecfdfe;
}

.quiz__progress-bar span{
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(270deg, var(--Color-Violet-500, #7F71E5) 0%, #5188ED 100%);
	transition: 1s ease 0s;
}

.quiz__step{
	display: none;
}

.quiz__step.is-active{
	display: block;
}

.quiz__step-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.quiz__step-top h3{
	font-weight: 500;
	font-size: 3.2rem;
	line-height: 100%;
	letter-spacing: -0.04em;
}

.step-count{
	flex-shrink: 0;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 105%;
	color: rgba(255, 255, 255, 0.5);
}

.quiz__blocks{
	display: flex;
	flex-wrap: wrap;
	column-gap: 2.5rem;
	row-gap: 1.7rem;
	margin-top: 4rem;
}

.quiz__block{
	display: flex;
	align-items: center;
	width: calc((100% - 5.4rem) / 3);
	min-height: 6.5rem;
	padding: 1rem 1.6rem;
	border-radius: 0.5rem;
	background: #fff;
	color: #000;
	font-weight: 400;
	font-size: 1.8rem;
	cursor: pointer;
	transition: 0.3s ease 0s;
}

.quiz__block:hover{
	scale: 1.02;
}

.quiz__block input{
	display: none;
}

.quiz__block-title{
	display: flex;
	align-items: center;
	gap: 1rem;
	transition: color 0.25s ease;
}

.quiz__block-title::before{
	content: "";
	flex-shrink: 0;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	outline: 0.05rem solid #5188ED;
	outline-offset: 0.3rem;
}

.quiz__block input:checked + .quiz__block-title::before{
	background: #5188ED;
}

.quiz__block-title._error{
	color: #d10303;
}

.quiz__bottom{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-top: auto;
	padding-top: 3.5rem;
}

.quiz__comments{
	max-width: 60.5rem;
	padding: 2rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.15);
}

.quiz__comment{
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}

.quiz__comment-avatar{
	flex-shrink: 0;
	width: 5.5rem;
	height: 5.5rem;
	border-radius: 50%;
	overflow: hidden;
}

.quiz__comment-text{
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	font-size: 1.4rem;
	line-height: 1.1;
}

.quiz__bottom .step-count{
	display: none;
}

.quiz__buttons{
	display: flex;
	gap: 1rem;
}

.quiz__buttons button{
	height: 5.8rem;
	border-radius: 0.5rem;
	background: rgba(255, 255, 255, 0.15);
}

.button_prev{
	display: flex;
	align-items: center;
	transition: 0.3s ease 0s;
	justify-content: center;
	width: 5.8rem;
	color: rgba(250, 250, 250, 0.15);
}

.button svg{
	width: 30%;
}

.button_prev svg{
	width: 30%;
}

.button_prev:hover{
	color: #0f1c2a;
	background-color: #fff;
}

.button_next{
	display: flex;
	align-items: center;
	gap: 2rem;
	padding: 0.5rem 0.5rem 0.5rem 2rem;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 110%;
	color: #fafafa;
	transition: 0.4s ease 0s;
}

.button_next span{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 4.8rem;
	height: 100%;
	border-radius: inherit;
	color: #fafafa;
	background-color: rgba(255, 255, 255, 0.15);
	transition: 0.4s ease 0s;
}

.button_next:hover span{
	color: #0f1c2a;
	background-color: #fff;
}

.quiz__final{
	display: none;
	justify-content: space-between;
	gap: 3rem;
}

.quiz-section--final-active .quiz__steps,
.quiz-section--final-active .quiz__bottom{
	display: none;
}

.quiz-section--final-active .quiz__final{
	display: flex;
}

.quiz__final-left{
	position: relative;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.quiz__final-ico{
	position: absolute;
	top: 0;
	width: 7.3rem;
	left: 0;
}

.quiz__final-title{
	padding-left: 9.3rem;
	font-weight: 500;
	font-size: 3.1rem;
	line-height: 100%;
	letter-spacing: -0.04em;
}

.quiz .sub-title{
	padding-left: 9.3rem;
	margin-top: 1rem;
	margin-bottom: 0;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 110%;
	letter-spacing: -0.04em;
	color: #fff;
}

.quiz__final-form{
	display: flex;
	flex-direction: column;
	min-height: 35.6rem;
	margin-top: auto;
	padding: 3rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.15);
}

.quiz__final-left-body{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.quiz__form-title{
	margin-bottom: 2rem;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 110%;
	letter-spacing: -0.04em;
	color: #fff;
}

.radios-socials{
	display: flex;
	gap: 2rem;
}

.radio-socials__radio{
	width: 8rem;
	cursor: pointer;
}

.radio-socials__radio input{
	display: none;
}

.radio-socials__radio-body{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 110%;
	transition: 0.3s ease 0s;
}

.radio-socials__radio-body span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 8rem;
	border-radius: 1rem;
	background: #fff;
	color: #0f1c2a;
	transition: 0.3s ease 0s;
}

.radio-socials__radio-body span svg{
	width: 3.4rem;
	height: 3.4rem;
}

.radio-socials__radio:hover .radio-socials__radio-body span,
.radio-socials__radio input:checked + .radio-socials__radio-body span{
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}

.quiz__check{
	margin-top: 2rem;
}

.quiz__check .form-check__text a{
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

.quiz__form-bottom{
	display: flex;
	gap: 1rem;
	margin-top: auto;
}

.quiz__form-bottom .form-input{
	flex: 1;
	min-height: 5.8rem;
}

.quiz .form-input{
	width: calc((100% - 1rem) / 2);
	color: #fff;
	border-color: rgba(255, 255, 255, 0.5);
}

.quiz .btn{
	width: calc((100% - 1rem) / 2);
}

.quiz__form-bottom .btn{
	flex-shrink: 0;
}

.quiz__form-bottom .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
}

.quiz__final-right{
	flex-shrink: 0;
	width: 100%;
	max-width: 42.5rem;
	border-radius: 1.4rem;
	overflow: hidden;
}

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

.quiz__final-left .quiz__final-right{
	display: none;
}

.none{
	display: none;
}

.mob{
	display: none;
}

@media (max-width: 1024px) {
	.quiz{
		padding: 3rem;
	}

	.quiz__step-top h3{
		font-size: 2.8rem;
	}

	.quiz__form-bottom{
		flex-direction: column;
	}

	.quiz .form-input,
	.quiz .btn{
		width: 100%;
	}
}

@media (max-width: 768px) {
	.quiz{
		min-height: auto;
		padding: 2.5rem;
	}

	.quiz__step-top h3{
		font-size: 2.4rem;
	}

	.quiz__blocks{
		margin-top: 3rem;
	}

	.quiz__block{
		width: calc((100% - 2.9rem) / 2);
		font-size: 1.6rem;
	}

	.quiz__bottom{
		flex-direction: column-reverse;
		justify-content: flex-end;
		padding-top: 3rem;
	}

	.quiz__final{
		flex-direction: column;
		gap: 0;
	}

	.quiz__final > .quiz__final-right{
		display: none;
	}

	.quiz__final-left .quiz__final-right{
		display: block;
		max-width: none;
		margin-top: 2rem;
	}

	.quiz__final-left .quiz__final-right img{
		height: auto;
	}

	.quiz__final-ico{
		width: 6rem;
	}

	.quiz__final-title{
		padding-left: 7.5rem;
		font-size: 2.6rem;
	}

	.quiz .sub-title{
		padding-left: 7.5rem;
		font-size: 2rem;
	}

	.quiz__final-form{
		margin-top: 3rem;
	}

	.quiz__form-bottom{
		margin-top: 2rem;
	}

	.quiz__check{
		order: 1;
		margin-top: 2rem;
	}

	.quiz__form-title{
		font-size: 2rem;
	}
}

@media (max-width: 480px) {
	.quiz{
		padding: 2rem;
	}

	    .profit__head {
        margin-bottom: 3rem;
    }

	.quiz__title{
		margin-bottom: 3rem;
	}

	.quiz__step-top h3{
		font-size: 2.1rem;
	}

	.quiz__block{
		width: 100%;
	}

	.radios-socials{
		gap: 1rem;
	}

	.radio-socials__radio{
		width: calc((100% - 2rem) / 3);
	}

	.radio-socials__radio-body{
		font-size: 1.2rem;
	}

	.radio-socials__radio-body span{
		height: 7rem;
	}

	.quiz__final-form{
		padding: 2rem;
	}

	.quiz__final-ico{
		width: 5rem;
	}

	.quiz__final-title{
		padding-left: 6.5rem;
		font-size: 2.2rem;
	}

	.quiz .sub-title{
		padding-left: 6.5rem;
		font-size: 1.8rem;
	}

	.quiz__form-title{
		font-size: 1.8rem;
	}
}

.profit__head{
	max-width: 100%;
	margin: 0 auto 5rem;
	text-align: center;
}

.profit__title{
	max-width: 104.8rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
}

.profit__subtitle{
	margin-bottom: 0;
}

.profit__stats{
	display: flex;
	gap: 2rem;
	margin-bottom: 2rem;
}

.profit-stat{
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	width: calc((100% - 6rem) / 4);
	padding: 3rem;
	border-radius: 1.6rem;
	background: #fff;
}

.profit-stat__num{
	font-weight: 500;
	font-size: 4rem;
	line-height: 100%;
	letter-spacing: -0.04em;
	background: linear-gradient(270deg, var(--color-violet-500) 0%, #5188ED 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.profit__savings{
	display: flex;
	gap: 4.2rem;
	padding: 5rem;
	border-radius: 2rem;
	background: #fff;
}

.profit__block-left,
.profit__block-right{
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 2rem;
}

.profit__left-item{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 18rem;
}

.profit__left-item + .profit__left-item::before{
	content: "";
	position: absolute;
	top: -1rem;
	left: 0;
	width: 100%;
	height: 0.1rem;
	background-image: repeating-linear-gradient(90deg, #7F71E5 0 0.8rem, transparent 0.8rem 1.6rem);
}

.profit__block-title{
	margin-bottom: 1.2rem;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.profit__block-text{
	margin-bottom: 0;
	font-size: 1.5rem;
	line-height: 1.4;
	color: rgba(15, 28, 42, 0.6);
}

.profit__right-item{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 18rem;
	padding: 3rem;
	border-radius: 2rem;
	background: #FAFAFA;
	overflow: hidden;
}

.profit__block-num{
	margin-bottom: 1.5rem;
	font-weight: 600;
	font-size: 4rem;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--color-blue-900);
}

.profit__right-item .profit__block-text{
	max-width: 32.4rem;
	font-size: 1.4rem;
	line-height: 1.2;
	color: rgba(15, 28, 42, 0.5);
}

.profit__pic{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;
	max-width: 31.4rem;
}

.profit__pic img{
	width: auto;
	height: 100%;
	max-width: none;
	object-fit: contain;
	object-position: right center;
}

.profit__right-item .profit__block-num,
.profit__right-item .profit__block-text{
	position: relative;
	z-index: 1;
}

.profit__info-toggle,
.profit__info-overlay,
.profit__block-text_mob{
	display: none;
}

@media (max-width: 1024px) {
	.profit__savings{
		padding: 3rem;
	}

	.profit__stats{
		flex-wrap: wrap;
	}

	.profit-stat{
		width: calc((100% - 2.4rem) / 2);
	}

	.profit__block-left{
		display: none;
	}

	.profit__right-item{
		justify-content: center;
		min-height: 16rem;
		padding: 2.5rem;
	}

	.profit__block-num{
		max-width: 55%;
		font-size: 3.4rem;
	}

	.profit__right-item .profit__block-text{
		display: none;
	}

	.profit__right-item .profit__block-text_mob{
		display: block;
		order: -1;
		max-width: 55%;
		margin-bottom: 1rem;
		font-weight: 500;
		font-size: 1.8rem;
		line-height: 1.2;
		color: var(--color-blue-900);
	}

	.profit__info-toggle{
		display: flex;
		position: absolute;
		top: 2rem;
		right: 2rem;
		z-index: 6;
		align-items: center;
		justify-content: center;
		width: 2.8rem;
		height: 2.8rem;
		border-radius: 50%;
		background: var(--color-blue-500);
		color: #fff;
		font-weight: 700;
		font-size: 1.6rem;
		cursor: pointer;
	}

	.profit__info-overlay{
		display: flex;
		position: absolute;
		inset: 0;
		z-index: 5;
		align-items: center;
		padding: 2.5rem 6rem 2.5rem 2.5rem;
		border-radius: inherit;
		background: var(--color-blue-900);
		color: #fff;
		font-size: 1.4rem;
		line-height: 1.4;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s ease 0s;
	}

	.profit__right-item.is-open .profit__info-overlay{
		opacity: 1;
		visibility: visible;
	}

	.profit__pic {
    width: 33%;
}
}

@media (max-width: 768px) {
	.profit__head{
		margin-bottom: 4rem;
	}
	.profit__block-num{
		margin-bottom: 0rem;
	}

		.profit__pic {
    width: 44%;
}

	.profit-stat{
		padding: 2.5rem;
	}

	.profit-stat__num{
		font-size: 3.4rem;
	}

	.profit__savings{
		padding: 2rem;
	}

	.profit__right-item{
		min-height: 14rem;
	}

	.profit__block-num{
		font-size: 3rem;
	}
}

@media (max-width: 480px) {
	.profit-stat{
		width: 100%;
		padding: 2rem;
	}

	.profit__pic {
		display: none;
	}

	.profit__right-item{
		min-height: 1.5rem;
		border-radius: 1rem;
		padding: 1rem;
	}

	.profit__block-num {
		margin-bottom: 0rem;
		max-width: 100%;
	}

	.profit-stat__num{
		font-size: 3rem;
	}

	.profit__savings{
		padding: 1.5rem;
	}

	.profit__right-item{
		padding: 2rem;
	}

	.profit__pic{
		width: 38%;
	}

	.profit__block-num{
		max-width: 60%;
		font-size: 2.4rem;
	}

	.profit__right-item .profit__block-text_mob{
		max-width: 60%;
		font-size: 1.6rem;
	}

	.profit__info-toggle{
		top: 1.5rem;
		right: 1.5rem;
	}

	.profit__info-overlay{
		padding: 2rem 5rem 2rem 2rem;
	}
}

.iceberg{
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: var(--color-blue-900);
	color: #fafafa;
}

.iceberg__image{
	position: absolute;
	top: 0rem;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: center / cover no-repeat;
	will-change: transform;
}

.iceberg::before,
.iceberg::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	z-index: 0;
	pointer-events: none;
}

.iceberg::before{
	top: 0;
	height:  80rem;
	background: linear-gradient(180deg, #0F1C2A 0%, rgba(15, 28, 42, 0.00) 100%);
}

.iceberg::after{
	bottom: 0;
	height: 24rem;
	background: linear-gradient(0deg, #0F1C2A 0%, rgba(15, 28, 42, 0.00) 100%);
}

.iceberg .wrapper{
	position: relative;
	z-index: 1;
}

.iceberg__top{
	text-align: center;
}

.iceberg__title{
	color: #fff;
}

.iceberg__subtitle{
	margin-top: 2rem;
	margin-bottom: 0;
	color: #FAFAFA;
}

.iceberg__pin{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 2rem;
}

.iceberg__label{
	display: inline-flex;
	padding: 1.2rem 1.8rem;
	border-radius: 0.4rem;
	background: var(--color-blue-900);
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.1;
	color: #fff;
}

.iceberg__arrow{
	margin-top: 0rem;
	width: 1.8rem;
}

.iceberg__scene{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	margin-top: 0rem;
}

.iceberg__col{
	display: flex;
	flex-direction: column;
	gap: 3.6rem;
	width: 44.7rem;
	text-align: left;
}

.iceberg__col--right{
	margin-top: 2rem;
}

.ice-card{
	padding: 2.4rem;
	border-radius: 0.4rem;
	background: rgba(15, 28, 42, 0.4);
	backdrop-filter: blur(0.8rem);
	-webkit-backdrop-filter: blur(0.8rem);
}

.ice-card--offset{
	margin-left: 5rem;
}

.ice-card__icon,
.ice-feature__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4.4rem;
	height: 4.4rem;
	margin-bottom: 3.2rem;
	border-radius: 0.4rem;
	background: #0F1C2A;
	color: #fafafa;
}

.ice-card__icon svg,
.ice-feature__icon svg{
	width: 2.4rem;
	height: 2.4rem;
}

.ice-card__title,
.ice-feature__title{
	margin-bottom: 1.4rem;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.2;
	color: #fff;
}

.ice-card__text,
.ice-feature__text{
	margin-bottom: 0;
	font-size: 1.6rem;
	line-height: 1.2;
}

.iceberg__bottom{
	padding-top: 20rem;
	text-align: center;
}

.iceberg__bottom .iceberg__label{
	margin-bottom: 2rem;
}

.iceberg__bottom .iceberg__title{
	max-width: 107rem;
	margin-inline: auto;
}

.iceberg__features{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 6rem;
	text-align: left;
}

.ice-feature{
	border-radius: 0.4rem;
	background: rgba(15, 28, 42, 0.32);
	backdrop-filter: blur(0.8rem);
	-webkit-backdrop-filter: blur(0.8rem);
	width: calc((100% - 4rem) / 3);
	padding: 2.4rem;
	flex: 1;
}

.ice-review{
		padding: 2.4rem;
			border-radius: 0.4rem;
	background: rgba(15, 28, 42, 0.32);
	backdrop-filter: blur(0.8rem);
	-webkit-backdrop-filter: blur(0.8rem);
}

.ice-feature .ice-feature__icon{
	background: #FAFAFA;
	color: var(--black-900);
}

.iceberg__divider{
	display: block;
	height: 0.2rem;
	margin: 4rem 0;
	background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0 0.8rem, transparent 0.8rem 1.6rem);
}

.iceberg__reviews{
	display: flex;
	justify-content: center;
	gap: 2rem;
	max-width: 100%;
	flex-wrap: wrap;
	margin: 0 auto;
	text-align: left;
}

.iceberg .btn--white .btn__icon{
	background: var(--theme-color);
	color: #FFF;
}

.ice-review{
	width: calc((100% - 4rem) / 3);
}

.ice-review__stars{
	display: flex;
	gap: 0.4rem;
	margin-bottom: 2rem;
	color: #fff;
}

.ice-review__stars svg{
	width: 1.8rem;
	height: 1.8rem;
}

.ice-review__author{
	margin-bottom: 1.4rem;
	font-size: 1.8rem;
	line-height: 1.2;
	color: #FAFAFA;
}

.ice-review__text{
	margin-bottom: 0;
	font-size: 1.4rem;
	line-height: 1.1;
}

.iceberg__btn{
	margin-top: 4rem;
}

@media (max-width: 1440px) {
.process__ruler{
	width: calc(100% + var(--wrapper-padding) + var(--wrapper-padding));
	margin-left: -3rem;
}
}
@media (max-width: 768px) {
	.iceberg__image{
		height: 95rem;
		top: 18.2rem;
		background-position: center center;
	}

	.iceberg::before{
		height: 14rem;
	}

	.iceberg::after{
		top: 40rem;
		bottom: auto;
		height: 18rem;
		background: linear-gradient(180deg, rgba(15, 28, 42, 0.00) 0%, #0F1C2A 100%);
	}

	.iceberg__label{
		font-size: 1.6rem;
	}

	.iceberg__arrow {
    width: 1.2rem;
}

	.iceberg__top{
		padding-top: 3rem;
	}

	.iceberg__scene{
		flex-direction: column;
		gap: 1rem;
		margin-top: 23.5rem;
	}

	.ice-card{
		border: 1px solid rgba(255, 255, 255, 0.14);
		background: rgba(15, 28, 42, 0.32);
		padding: 1.6rem;
		backdrop-filter: blur(0.8rem);
		-webkit-backdrop-filter: blur(0.8rem);
	}

	.ice-card__icon, .ice-feature__icon {
    width: 4.4rem;
    height: 4.4rem;
    margin-bottom: 1.8rem;
}

	.iceberg__col{
		display: contents;
	}

	.iceberg__bottom .ice-feature{
		border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(15, 28, 42, 0.32);
	backdrop-filter: blur(0.8rem);
	-webkit-backdrop-filter: blur(0.8rem);
	}

	.iceberg__bottom .iceberg__label{
		background: #FAFAFA;
		color: #0F1C2A;
	}

	.iceberg__col:not(.iceberg__col--left) .ice-card{
		order: 1;
	}

	.iceberg__col--left .ice-card:last-child{
		order: 2;
	}

	.ice-card--offset{
		margin-left: 0;
	}

	.iceberg__bottom{
		padding-top: 5rem;
	}

	.iceberg__bottom .iceberg__title{
		max-width: none;
	}

	.ice-review{
		width: 100%;
		border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(15, 28, 42, 0.32);
backdrop-filter: blur(0.8rem);
-webkit-backdrop-filter: blur(0.8rem);
	}

	.iceberg__features{
		flex-direction: column;
		gap: 1rem;
		margin-top: 4rem;
	}

	.ice-feature{
		width: 100%;
	}

	.iceberg__reviews{
		flex-direction: column;
		gap: 2rem;
		max-width: none;
	}
}

.prices__title{
	max-width: 90rem;
	margin: 0 auto 1.8rem;
	text-align: center;
}

.prices__grid{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.price-card__text{
	display: flex;
	flex-direction: column;
	line-height: 1.2;
	gap: 2rem;
	font-size: 1.8rem;
}

.prices_v2 .price-card__title {
	font-size: 8rem;
	font-weight: 500 !important;  
}

.prices_v2 .price-card__term {
	margin-top: auto;
}

.prices_v2 .prices__title{
	max-width: 100rem;
}

.prices_v2 .prices__grid{
	justify-content: center;
}
.prices_v2 .price-card{
	flex-grow: 1;
}

.price-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 4rem) / 3);
	border-radius: 0.4rem;
	background: #fff;
	overflow: hidden;
}

.prices__grid--two .price-card{
	width: calc((100% - 2rem) / 2);
}

.price-card__head{
	position: relative;
	display: flex;
	flex-direction: column;
	z-index: 1;
	align-items: flex-start;
	padding: 2.4rem;
	min-height: 20rem;
	background: linear-gradient(238deg, rgba(174, 195, 255, 0.19) 30.81%, rgba(142, 93, 255, 0.19) 110.74%), #FFF;
}

.price-card__image{
	position: absolute;
	top: 0rem;
	right: 0rem;
	object-fit: contain;
	width: 18.3rem;
	height: 100%;
	z-index: -1;
}

.price-card__title.sub-title{
	margin-bottom: 1.5rem;
	line-height: 1;
	font-weight: 600;
}

.prices__grid--two .price-card__title{
	text-transform: uppercase;
}

.price-card__subtitle{
	max-width: 24rem;
	margin-bottom: auto;
	font-size: 1.6rem;
	line-height: 1.2;
}

.price-card__term{
	display: inline-flex;
	padding: 1rem;
	border-radius: 0.4rem;
	background: #fff;
	font-size: 1.4rem;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.price-card__body{
	padding: 2.4rem;
}

.price-card__body-title{
	margin-bottom: 1.6rem;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.price-card__points{
	display: flex;
	flex-direction: column;
	gap: 1.4rem;
	margin-bottom: 0;
}

.price-card__points .auto-card__point{
	gap: 1rem;
	font-size: 1.6rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.price-card__points .auto-card__marker{
	width: 1.5rem;
	height: 1.5rem;
}

.price-card__points .auto-card__marker{
	margin-top: 0.2rem;
}

.price-card__footer{
	margin-top: auto;
	padding: 2.4rem;
}

.price-card__price{
	margin-bottom: 1.6rem;
	font-weight: 500;
	text-align: center;
	font-size: 4rem;
	line-height: 1;
	letter-spacing: -0.06em;
	background: linear-gradient(270deg, var(--color-violet-500) 0%, #5188ED 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.price-card__btn{
	width: 100%;
}

.price-card__btn span{
	margin-left: auto;
}

.prices__notes{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 4rem;
}

.prices__note{
	margin-bottom: 0;
	font-size: 1.4rem;
	line-height: 1.2;
	color: rgba(15, 28, 42, 0.5);
}

@media (max-width: 768px) {
	.prices__grid{
		flex-direction: column;
	}

	.price-card{
		width: 100%;
		max-width: 100%;
		margin-inline: auto;
	}
}

@media (max-width: 480px) {
	.price-card{
		max-width: none;
	}

	.price-card__head,
	.price-card__body,
	.price-card__footer{
		padding: 2rem;
	}

	.price-card__body-title{
		font-size: 2rem;
	}

	.prices__notes{
		margin-top: 3rem;
	}
}

.steps__grid{
	display: flex;
	align-items: flex-start;
	gap: 4rem;
}

.steps__aside{
	position: sticky;
	top: calc(var(--header-height) + 6rem);
	flex-shrink: 0;
	width: 62rem;
}

.steps__title{
	margin-bottom: 2rem;
}

.steps__visual{
	max-width: 54rem;
}

.steps__image{
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.3s ease-out;
	will-change: transform;
}

.steps__list{
	display: flex;
	flex-direction: column;
	flex: 1;
	max-width: 66rem;
	margin-left: auto;
	min-width: 0;
	gap: 2rem;
}

.step-card{
	position: sticky;
	top: calc(var(--header-height) + 6rem);
	padding: 2.4rem;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	min-height: 48rem;
	border-radius: 1.2rem;
	background: #fff;
}

.step-card__tags{
	display: flex;
	gap: 1rem;
	margin-bottom: 1.8rem;
}

.step-card__link{
	font-weight: 500;
	line-height: 120%;
	transition: 0.3s ease 0s;
	text-decoration: underline !important;
	letter-spacing: -0.072rem;
	font-size: 1.8rem;
	margin-top: auto;
}

.step-card__link:hover{
	color: var(--theme-color);
}

.step-card__tag{
	display: inline-flex;
	padding: 1.2rem;
	border-radius: 0.4rem;
	background: #FAFAFA;
	font-size: 1.6rem;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.step-card__title{
	margin-bottom: 1.6rem;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.step-card__list{
	display: flex;
	flex-direction: column;
	gap: 1.4rem;
	margin-bottom: 0;
}

.step-card__list .auto-card__point{
	gap: 1rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.step-card__list .auto-card__marker{
	width: 1.4rem;
	height: 1.4rem;
	margin-top: 0.3rem;
}

.step-card__btn{
	margin-top: 2.6rem;
}

.step-card__link{
	line-height: 1.1;
	color: var(--color-blue-900);
	text-decoration: underline;
	text-underline-offset: 0.4rem;
}

.step-card__list + .step-card__link{
	margin-top: 2rem;
}

.step-card__list{
	margin-bottom: 1rem;
}

.step-card--result{
background: linear-gradient(259deg, rgba(142, 93, 255, 0.18) -5.81%, rgba(174, 195, 255, 0.18) 51.46%), #FFF;
}

.step-card--result .step-card__tag{
	padding: 1rem 1.5rem;
}

.step-card__subtitle{
	margin-bottom: 1.2rem;
}

.step-card__subtitle:not(:first-child){
	margin-top: 2rem;
}

.step-card__text{
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.steps__grid{
		gap: 3rem;
	}

	.steps__aside{
		width: 36rem;
	}

	.steps__visual{
		max-width: 34rem;
	}

	.steps__list{
		max-width: none;
		margin-left: 0;
	}
}

@media (max-width: 768px) {
	.steps__grid{
		flex-direction: column;
		gap: 1rem;
	}

	.steps__visual{
		display: none;
	}

	.steps__aside{
		position: static;
		width: 100%;
		text-align: center;
	}

	.steps__visual{
		max-width: 38rem;
		margin: 2rem auto 0;
	}

	.step-card{
		position: static;
		min-height: 0;
	}
}

@media (max-width: 480px) {
	.step-card{
		padding: 2rem;
	}

	.system__grid .system__image {
    height: 15rem;
}

	.step-card__link {
    font-size: 1.6rem;
}

	.step-card__tag{
		padding: 0.9rem 2rem;
	}

	.step-card__title{
		font-size: 2rem;
	}

	.steps__visual{
		max-width: 30rem;
	}
}

.faq__title{
	margin-bottom: 4rem;
}

.faq__list{
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.faq__item{
	border-radius: 1rem;
	background: #fff;
	overflow: hidden;
}

.faq__question{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	width: 100%;
	padding: 3rem 4rem;
	text-align: left;
	cursor: pointer;
}

.faq__q{
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: -0.072rem;
	color: var(--color-blue-900);
}

.faq__icon{
	position: relative;
	flex-shrink: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: #FAFAFA;
	transition: transform 0.3s ease;
}

.faq__icon::before,
.faq__icon::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: var(--color-blue-900);
	transform: translate(-50%, -50%);
}

.faq__icon::before{
	width: 1.2rem;
	height: 0.18rem;
}

.faq__icon::after{
	width: 0.18rem;
	height: 1.2rem;
}

.faq__item.is-open .faq__icon{
	transform: rotate(45deg);
}

.faq__answer{
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.35s ease;
}

.faq__item.is-open .faq__answer{
	grid-template-rows: 1fr;
}

.faq__answer-inner{
	transition: 0.3s ease 0s;
	overflow: hidden;
}

.faq__item.is-open .faq__answer-inner{
		margin-top: -1rem;
}

.faq__text{
	position: relative;
	z-index: 1;
	max-width: 100%;
	margin-bottom: 0;
	padding-right: 4rem;
	padding: 0 4rem 3rem;
	font-size: 1.6rem;
	line-height: 1.45;
	color: #030303;
}

a.faq__link{
	color: var(--color-blue-500);
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

.blog__head{
	margin-bottom: 4rem;
}

.blog__title{
	margin-bottom: 1.2rem;
}

.blog__subtitle{
	margin-bottom: 0;
}

.blog__grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

.blog-card{
	display: flex;
	flex-direction: column;
}

.blog-card__media{
	position: relative;
padding-top: 68%;
	margin-bottom: 2rem;
}

.blog-card__media img{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.6rem;
}

.blog-card__time{
	position: absolute;
	left: 2rem;
	bottom: 2rem;
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.8rem;
	border-radius: 0.4rem;
	background-color: #fff;
	font-size: 1.6rem;
}

.blog-card__time svg{
	width: 2.4rem;
	height: 2.4rem;
}

.blog-card__title{
	margin-bottom: 0.4rem;
}

.footer{
	background: linear-gradient(198deg, rgba(15, 28, 42, 0.40) 40.59%, rgba(15, 28, 42, 0.00) 60.83%), linear-gradient(65deg, rgba(15, 28, 42, 0.40) 21.91%, rgba(0, 89, 255, 0.40) 43.71%, rgba(15, 28, 42, 0.40) 74.9%), var(--color-background-background-dark, #0F1C2A);
	color: #FAFAFA;
	padding: calc(var(--section-margin) + var(--section-margin)) 0rem;
}

.footer .wrapper{
	display: flex;
	gap: 18rem;
}

.footer__right{
	flex-grow: 1;
	max-width: 91.3rem;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	gap: 7.3rem;
}

.footer__bottom{
	display: flex;
	flex-direction: column;
	gap: 6rem;
	margin-top: auto;
}

.footer__contacts{
	flex-shrink: 0;
	width: 31rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.2rem;
}

.footer__buttons{
	display: flex;
	margin: 2.2rem 0rem;
	flex-direction: column;
	gap: 1.2rem;
}

.footer__logo img{
	height: 8rem;
	width: auto;
}

.footer__tagline{
	font-size: 1.4rem;
	line-height: 1.1;
	color: #FFF;
	margin-bottom: 0.8rem;
}

.footer .contact{
	width: 100%;
}

.footer__address{
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.footer__address-text{
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.25;
}

.footer__address-note{
	font-size: 1.6rem;
	color: #FFF;;
}

.footer__messengers{
	display: flex;
	gap: 2rem;
	margin-top: auto;
	padding-top: 2.8rem;
}

.footer__messenger{
	display: flex;
	width: 9.7rem;
	height: 9.7rem;
	border-radius: 0.6rem;
	overflow: hidden;
	transition: transform 0.2s ease;
}

.footer__messenger:hover{
	transform: translateY(-0.2rem);
}

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

.footer__nav{
	grid-column: 2;
	grid-row: 1;
	display: flex;
	justify-content: space-between;
	gap: 1.9rem;
}

.footer__menu-title{
	display: block;
	margin-bottom:1.2rem;
	padding-bottom: 1.6rem;
	border-bottom: 1px solid rgba(250, 250, 250, 0.5);
	font-size: 1.8rem;
	min-height: 6.6rem;
	font-weight: 500;
	line-height: 1.2;	
	color: #A6C5FF;
}

.footer__list{
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.footer__link{
	font-size: 1.4rem;
	line-height: 1.1;
	color: #FAFAFA;
	transition: color 0.2s ease;
}

.footer__link:hover{
	color: #A6C5FF;
}

.footer__menu--about{
	display: flex;
	min-width: 22rem;
	gap: 3rem;
}

.footer__apps{
	grid-column: 2;
	grid-row: 2;
}

.footer__apps-title{
	font-size: 2.4rem;
	font-weight: 500;
	margin-bottom: 2.4rem;
	color: #fff;
}

.footer__apps-grid{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1.2rem;
	max-width: 82.4rem;
}

.footer__app{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.4rem;
}

.footer__app-card{
	width: 100%;
	border-radius: 0.2rem;
	overflow: hidden;
}

.footer__app-card img{
	display: block;
	width: 100%;
	height: auto;
}

.footer__app-link{
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 1.6rem;
	transition: 0.3s ease-in 0s;
	color: #FAFAFA;
}

.footer__app-link svg{
	width: 2.4rem;
	height: 2.4rem;
}

a.footer__app-link:hover{
	color: #A6C5FF;
}

.footer__legal{
	grid-column: 2;
	grid-row: 3;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1.5rem;
}

.footer__legal-link{
	padding-bottom: 0.2rem;
	padding-left: 0.2rem;
	padding-top: 0.2rem;
	font-size: 1.4rem;
	opacity: 0.5;
	transition: 0.4s ease 0s;

	color: #FAFAFA;
	text-decoration: underline !important;
}

.footer__legal-link:hover{
	opacity: 1;
}

body::before{
	content: '';
	width: 100%;
	height: 20rem;
	position: absolute;
	left: 0;
	z-index: -100;
	top: 0;
	background: #0F1C2A;
}

@media (max-width: 1024px) {
		.iceberg__scene{
			gap: 2rem;
		}

		.intro__image {
    max-width: 35rem;
}

		.faq__title {
    margin-bottom: 3rem;
}

		.ice-card{
			min-height: 27rem;
		}

	.clients__item{
		min-height: 18rem;
	}

	.intro__image--out img{
		min-width: 0;
		width: calc(100% + 2rem);
	}

	.footer .wrapper{
		flex-direction: column;
		gap: 5rem;
	}

	.footer__right{
		max-width: none;
		margin-left: 0;
	}

	.footer__nav{
		flex-wrap: wrap;
		gap: 4rem;
	}

	.footer__link{
		font-size: 1.8rem;
	}

	.footer__menu-title{
		font-size: 2.2rem;
		min-height: auto;
	}

	.footer__app-link{
		font-size: 1.8rem;
	}

	.footer__legal-link{
		font-size: 1.6rem;
	}

	.footer__tagline{
		font-size: 1.6rem;
	}

	.crm-demo__arrow{
		display: none;
	}

	h2, .h2{
		font-size: 4rem;
	}

	.top5__title br{
		display: none;
	}

	h3, .h3{
		font-size: 2.8rem;
	}

	.sub-title{
		font-size: 2rem;
	}

.process__ruler{
	width: calc(100% + 4rem);
	margin-left: -2rem;
}

	.process__title {
    margin-bottom: 4rem;
}

	.header__tagline{
		display: none;
	}

	.auto__inner{
		grid-template-columns: 1fr 1fr;
		gap: 4rem;
	}

	.base__grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.base-card__head{
		min-height: auto;
	}

	.consult__inner{
		flex-direction: column;
		align-items: stretch;
		gap: 4rem;
	}

	.consult__visual{
		width: 100%;
		max-width: 100%;
		margin-inline: auto;
	}

	.crm-demo__crm{
		    width: 31.5rem;
	}

	.case__body{
		flex-wrap: wrap;
	}

	.case__visual{
		width: 100%;
		height: 34rem;
	}

	.case__col{
		width: calc((100% - 2rem) / 2);
	}

	.teh__image{
		width: 48rem;
	}

	.teh__head{
		margin-bottom: 6rem;
	}

	.rost__grid{
		grid-template-columns: 1fr;
	}

	.rost__tasks{
		max-width: 44rem;
	}
}
@media (max-width: 768px) {
	.modal-consult__title{
		font-size: 2.8rem;
	}

	body::before{
	height: 10rem;
}

	.faq__question {
    padding: 2rem 3rem;
}

.faq__text {
    padding-right: 3rem;
    padding: 0 3rem 2rem;
}

	.price-card__image {
    width: 12.3rem;
}

.faq__icon {
    width: 4rem;
    height: 4rem;
}

.faq__item.is-open .faq__answer-inner {
    margin-top: -0rem;
}

.prices .sub-title{
	margin-bottom: 3rem;
}

.price-card__head{
	min-height: 18rem;
}

	.footer__apps-grid{
		grid-template-columns: repeat(2, 1fr);
		max-width: none;
	}

	.footer__legal{
		flex-direction: column;
		gap: 1.5rem;
	}

	.blog__grid{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

		.crm-demo__crm{
		    width: 18.5rem;
	}

	.clients__grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.clients__item{
		min-height: 14rem;
		padding: 2rem;
	}

	.clients__item img{
		height: 8rem;
	}

	.header__tagline,
	.header__actions,
	.header__nav{
		display: none;
	}

	.reviews{
		overflow: hidden;
	}

	.reviews__slider {
		margin-left: -2rem;
		padding-left: var(--wrapper-padding);
		padding-right: var(--wrapper-padding);
		width: calc(100% + (var(--wrapper-padding) + var(--wrapper-padding)));
	}

	.reviews__footer{
		margin-top: 3rem;
	}

	.reviews__head{
		margin-bottom: 2rem;
	}

	.reviews__nav{
		margin-bottom: 2rem;
	}

	.expertise__certs{
		grid-template-columns: 1fr;
	}

	.expertise__cert{
		width: 100%;
		max-width: 100%;
	}

	.top5{
		overflow: hidden;
	}

	.top5__head{
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
		margin-bottom: 3rem;
	}

	.top5__slider{
		margin-left: -2rem;
		padding-left: var(--wrapper-padding);
		padding-right: var(--wrapper-padding);
		width: calc(100% + (var(--wrapper-padding) + var(--wrapper-padding)));
	}

	.process__title {
    margin-bottom: 3rem;
}

.process__step {
    padding: 3.2rem 1.5rem 1rem 3.6rem;
}

	.process__title br{
   display: none;
}

	.process__steps{
		overflow: visible;
	}

	h2, .h2{
		font-size: 3rem;
	}

	.sub-title{
		font-size: 1.8rem;
	}

	h3, .h3{
		font-size: 2.4rem;
	}

	.review__text{
		font-size: 2rem;
	}

	.review__logo img{
		height: 8rem;
	}

	.auto-card,
	.base-card {
    padding: 2rem;
	}

	.promo__content{
		padding: 5rem 3rem;
	}

	.base__grid{
		gap: 1.5rem;
		grid-template-columns: 1fr;
	}

	.base__title{
		font-size: 3rem;
	}

	.cases__head{
		flex-direction: column;
		align-items: flex-start;
		gap: 1.6rem;
	}

	.case__visual{
		height: 32rem;
	}

	.case__col{
		width: 100%;
	}

	.consult__inner{
		gap: 2rem;
		padding: 3rem;
	}

	.consult__title{
		font-size: 3rem;
	}

	.form-block{
		grid-template-columns: 1fr;
	}

	.form-block__submit,
	.form-block__tg{
		min-width: 0;
	}

	.intro{
		padding-top: 2rem;
	}

	.header {
    padding: 2rem 0rem;
}

	.header__top-inner{
		justify-content: space-between;
	}

	.menu-burger{
		display: flex;
	}

	.burger-menu{
		translate: 0;
		overflow: hidden;
		background-color: transparent;
		visibility: hidden;
		transition: visibility 0.35s ease;
	}

	body.menu-open .burger-menu{
		visibility: visible;
	}

	.burger-menu__fade{
		position: absolute;
		inset: 0;
		background-color: rgba(15, 28, 42, 0.6);
		opacity: 0;
		transition: opacity 0.35s ease;
	}

	body.menu-open .burger-menu__fade{
		opacity: 1;
	}

	.burger-menu__panel{
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		border-radius: 1rem 0rem 0rem 1rem;
		flex-direction: column;
		width: 90%;
		max-width: 42rem;
		height: 100%;
		padding: 2rem;
		background-color: var(--color-blue-900);
		overflow-y: auto;
		translate: 100% 0;
		transition: translate 0.35s ease;
	}

	body.menu-open .burger-menu__panel{
		translate: 0 0;
	}

	.burger-menu__top{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 2rem;
	}

	.header__logo img {
    height:3.8rem;
}

	.burger-menu__close{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 4rem;
		height: 4rem;
		color: #fff;
	}

	.burger-menu__close svg{
		width: 4rem;
		height: 4rem;
	}

	.burger-menu__list{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.burger-link{
		display: flex;
		align-items: center;
		gap: 1rem;
		padding: 1.2rem;
		background-color:#FAFAFA;
		border-radius: 0.4rem;
		font-size: 1.4rem;
		line-height: 1.1;
	}

	.header__messenger {
    width: 4.2rem;
    height: 4.2rem;
}

.burger-menu .contacs span{
	margin-left: 0rem;
	margin-right: 0rem;
}

	.burger-link,
	.burger-link:link,
	.burger-link:visited{
		color: var(--color-blue-900);
	}

	.burger-menu__item--drop{
		display: flex;
		flex-direction: column;
	}

	.burger-link--toggle{
		width: 100%;
		text-align: left;
		cursor: pointer;
	}

	.burger-link__text{
		flex-grow: 1;
	}

	.burger-link__caret{
		flex-shrink: 0;
		width: 1.6rem;
		height: 1.6rem;
		transition: rotate 0.35s ease;
	}

	.burger-menu__item--drop.is-open .burger-link__caret{
		rotate: 180deg;
	}

	.burger-menu__sub{
		display: grid;
		grid-template-rows: 0fr;
		transition: grid-template-rows 0.35s ease;
	}

	.burger-menu__item--drop.is-open .burger-menu__sub{
		grid-template-rows: 1fr;
	}

	.burger-menu__sub-list{
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding: 1rem 0 0 1.2rem;
		overflow: hidden;
	}

	.burger-link--sub{
		background-color: rgba(250, 250, 250, 0.88);
		font-size: 1.3rem;
	}

	.burger-menu__bottom{
		display: flex;
		flex-direction: column;
		gap: 2rem;
		margin-top: auto;
		padding-top: 3rem;
	}

	.burger-menu__bottom .header__messengers{
		align-self: flex-end;
	}

	.burger-menu__bottom .contact{
		width: 100%;
		min-width: 0;
	}

	.intro__top{
		display: flex;
		flex-direction: column;
	}

	.intro__title{
		font-size: 3rem;
	}

	.intro__main{
		padding: 2.4rem;
		min-height: auto;
	}

	.intro__badges{
		margin-top: 0;
	}

	.intro__subtitle{
		font-size: 1.8rem;
		margin-bottom: 2.4rem;
	}

	.intro__btn{
		min-width: 0;
		width: 100%;
	}

	.intro__image{
		height: 71rem;
	}

	.intro__image--out img{
		top: 50%;
		left: 50%;
		right: auto;
		min-width: 0;
		width: auto;
		height: 100%;
		translate: -50% -50%;
	}

	.intro__image--out::after{
		display: none;
	}

	.intro__features{
		grid-template-columns: 1fr;
	}

	.auto__inner{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.auto__aside{
		position: static;
	}

	.auto__title{
		font-size: 3rem;
	}

	.auto .sub-title{
		font-size: 1.8rem;
		margin-bottom: 2.4rem;
	}

	.auto__image img{
		width: 100%;
		max-width: 33rem;
	}

	.auto-card__title{
		font-size: 2rem;
	}

	.intro{
		padding-top: 0rem;
	}

	.promo__subtitle {
    margin-bottom: 2.5rem;
}

.promo__bg{
	display: none;
}

.promo__content{
	background: linear-gradient(238deg, rgba(174, 195, 255, 0.19) 30.81%, rgba(142, 93, 255, 0.19) 110.74%), #FFF;
}

	.teh{
		padding-bottom: 65% !important;
	}

	.teh__image{
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		translate: -0% 0;
		width: 100%;
	}

	.teh__head{
		max-width: none;
		margin-bottom: 4rem;
	}

	.teh__cards{
		grid-template-columns: 1fr;
	}

	.teh__card-title{
		font-size: 2.8rem;
	}

	.rost__lead{
		min-height: auto;
		gap: 3rem;
		padding-bottom: 90%;
	}

	.rost__tasks{
		max-width: none;
	}

	.rost__image{
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.rost-stat__value{
		font-size: 6rem;
		letter-spacing: -0.3rem;
	}

	.create__inner{
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.create__media{
		height: auto;
	}

	.create__photo{
		height: auto;
	}

	.intro__image {
	max-width: 100%;
	}

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

		.footer__menu{
			width: 100%;
		}

		.footer__menu--about{
			width: 100%;
		}
}

@media (max-width: 480px) {
	.burger-menu__panel{
		max-width: 29rem;
	}

	    .faq__title {
        margin-bottom: 2rem;
    }

	    .faq__question {
        padding: 1.5rem 2rem;
    }

	.faq__q {
    font-size: 1.6rem;
}

    .faq__icon {
        width: 3rem;
        height: 3rem;
    }

	    .faq__text {
			font-size: 1.4rem;
        padding-right: 2rem;
        padding: 0 2rem 1.5rem;
    }

	.price-card__price {
		font-size: 3.2rem;
	}

	    .iceberg__image {
        height: 70rem;
		top: 23rem;
	}

	.iceberg__title  br{
		display: none;
	}

	    .iceberg__scene {
        gap: 1rem;
		margin-top: 16rem;
    }

	.system__visual{
		overflow: hidden;
		min-height: 25rem;
	}

	.system__image{
		height: 15rem;
		bottom: 6rem;
	}

	.modal-consult{
		padding: 2rem;
	}

	.modal-consult__title{
		font-size: 2.4rem;
	}

	.modal-consult__subtitle{
		font-size: 1.4rem;
	}

	.footer__contacts{
		width: 100%;
		max-width: 100%;
	}

		.footer__buttons{
		width: 100%;
	}

	.crm-demo{
		gap: 2rem;
		padding: 1.1rem;
	}

	.crm-demo{
		flex-direction: column;
	}

	.crm-demo__form{
		align-self: stretch;
	}

	.crm-demo__crm{
		width: 100%;
	}

	.crm-demo__arrow{
		display: none;
	}

	.clients__item{
		min-height: 12rem;
		padding: 1.5rem;
	}

	.clients__item img{
		height: 6.4rem;
	}

		.reviews__slider,
		.top5__slider {
		margin-left: -1rem;
	}

	.create__title {
    margin-bottom: 2rem;
}

.create__decor svg {
    width: 20.5rem;
}

.create__badge{
	right: 1rem;
	bottom: 1rem;
	width: calc(100% - 2rem);
}

.create__badge-name {
    font-size: 1.8rem;
}

.create__badge{
	padding: 1.6rem;
}

	.rost__head{
		margin-bottom: 2rem;
	}

	.teh__head{
		margin-bottom: 2rem;
	}

	.teh__card{
		padding: 2rem;
	}

.process__step {
    padding: 2.2rem 1.5rem 1rem 3.6rem;
}

	.promo__btn .btn__icon {
    width: 4.8rem;
    height: 4.8rem;
}

	.case__visual{
		height: 24rem;
	}

	h2, .h2{
		font-size: 2.4rem;
	}

	.review__text{
		font-size: 1.8rem;
	}

	.review__logo img{
		height: 7rem;
	}

	.cases__footer {
    margin-top: 2rem;
}

.btn-link {
    font-size: 1.6rem;
}

.cases__head {
    margin-bottom: 3rem;
}

.consult__badge {
    padding: 0.5rem 1rem;
    font-size: 1.4rem;
}

.consult__badges{
	margin-bottom: 2rem;
}

	.sub-title{
		font-size: 1.6rem;
	}

	h3, .h3{
		font-size: 2rem;
	}

	.case__visual .case__btn {
    min-width: 15.2rem;
	width: calc(100% - 2rem);
	right: 1rem;
	left: 1rem;
	bottom: 1rem;
}

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

	.promo__content{
		padding: 4rem 2rem;
	}

	.auto-card .btn__text{
	margin-left: auto;
	margin-right: auto;
}

		.auto-card,
		.base-card {
    padding: 1.5rem;
	}

	.auto-card  .btn {
		width: 100%;
	}

		.tabs__body{
		margin-left: -1rem;
	}

	.portal__head{
		margin-bottom: 2rem;
	}

	.base__title{
		font-size: 2.4rem;
	}

	.case{
		padding: 2rem;
	}

	.case__col{
		padding: 1.6rem;
	}

	.case__logo{
		height: 4rem;
	}

	.consult__inner{
		padding: 2rem;
	}

	.consult__title{
		font-size: 2.4rem;
	}

	.consult__badges{
		flex-wrap: wrap;
	}

	.form-block__inputs{
		grid-template-columns: 1fr;
	}

	.intro__features{
		gap: 1rem;
	}

	.btn__icon {
    width: 3.8rem;
    height: 3.8rem;
}

.btn, a.btn {
    gap: 0.6rem;
    padding: 0.4rem 0.4rem 0.4rem 1rem;
    font-size: 1.3rem;
}

	.intro__title{
		font-size: 2.6rem;
	}

	.intro__note br{
		display: none;
	}

	.intro__main{
		padding: 1.5rem;
	}

	.intro__subtitle{
		font-size: 1.6rem;
	}

	.intro__image{
		height: 42rem;
	}

	.auto__title{
		font-size: 2.4rem;
	}

	.auto .sub-title{
		font-size: 1.6rem;
	}

	.portal__item {
		padding: 1rem;
		min-height: 0rem;
	}

	.auto-card__title{
		font-size: 1.8rem;
	}

	
    .portal__grid {
		padding: 2rem;
	}

	.teh{
		padding-bottom: 26rem !important;
	}

	.teh__card-title{
		font-size: 2.4rem;
	}

	.rost__lead{
		padding: 2rem;
		padding-bottom: 90%;
	}

	.rost__stats{
		grid-template-columns: 1fr;
		grid-template-rows: unset;
	}
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2rem,0);
        transform: translate3d(0,2rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media (max-width: 1024px) {
	.problems__image{
		width: 38%;
	}

	.problems__card{
		padding: 4rem 3.6rem;
	}

	.problems__title{
		margin-bottom: 3rem;
		font-size: 2.8rem;
	}

	.problems__list{
		gap: 2.2rem;
	}

	.problem-item__title{
		font-size: 1.9rem;
	}
}

@media (max-width: 768px) {
	.problems__grid{
		flex-direction: column;
		gap: 1.6rem;
	}

	.problems__image{
		width: 100%;
		height: 32rem;
	}

	.problems__card{
		padding: 4rem 3rem;
	}

	.problems__title{
		margin-bottom: 2.6rem;
		font-size: 2.6rem;
	}

	.problem-item__text{
		max-width: none;
	}
}

@media (max-width: 480px) {
	.problems__image{
		height: 22rem;
	}

	.problems__card{
		padding: 3rem 2.2rem;
	}

	.problems__title{
		margin-bottom: 2.2rem;
		font-size: 2.4rem;
	}

	.problems__list{
		gap: 2rem;
	}

	.problem-item{
		gap: 1.2rem;
	}

	.problem-item__icon{
		width: 3rem;
		height: 3rem;
	}

	.problem-item__title{
		font-size: 1.9rem;
	}
}

@media (max-width: 1024px) {
	.learn__body{
		flex-wrap: wrap;
	}

	.learn__video{
		width: calc((100% - 2rem) / 2);
		min-height: 40rem;
	}

	.learn__card{
		min-width: 0;
	}

	.learn__stats{
		width: 100%;
		height: 34rem;
	}
}

@media (max-width: 768px) {
	.learn__body{
		flex-direction: column;
	}

	.learn__video{
		width: 100%;
		min-height: 0;
		height: 32rem;
	}

	.learn__card{
		width: 100%;
	}

	.learn__stats{
		width: 100%;
		height: 34rem;
	}
}

@media (max-width: 480px) {
	.learn__video{
		height: 24rem;
	}

	.learn__stats{
		height: 32rem;
	}

	.learn__stat-num{
		font-size: 5.4rem;
	}

	.learn__stat-label{
		font-size: 2rem;
	}
}

@media (max-width: 768px) {
	.method__head{
		flex-direction: column;
		gap: 3rem;
	}

	.method__intro{
		max-width: none;
	}

	.method__quote{
		max-width: none;
		padding-right: 0;
	}

	.method__quote-mark{
		top: -1.5rem;
		width: 11rem;
	}

	.method__flow{
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: center;
		gap: 2rem;
	}

	.method__center{
		order: -1;
		width: 32rem;
		height: 32rem;
		margin-bottom: 1rem;
	}

	.method__circle{
		width: 20rem;
		height: 20rem;
	}

	.method__circle-text{
		font-size: 1.5rem;
	}

	.method__side{
		flex: 1 1 calc(50% - 1rem);
	}

	.method__stages-title{
		font-size: 2.8rem;
	}
}

@media (max-width: 480px) {
	.method__quote-mark{
		width: 9rem;
	}

	.method__center{
		width: 25rem;
		height: 25rem;
	}

	.method__circle{
		width: 16rem;
		height: 16rem;
	}

	.method__circle-text{
		font-size: 1.3rem;
	}

	.method__side{
		flex: 1 1 100%;
	}

	.method__stages-title{
		font-size: 2.4rem;
	}
}

.cost .prices__title{
	text-align: center;
}

.cost__grid{
	display: flex;
	gap: 2rem;
	margin-top: 4rem;
}

.cost-card{
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	width: calc((100% - 2rem) / 2);
	padding: 3rem;
	border-radius: 1.6rem;
	background: #f2f1fa;
}

.cost-card__top{
	position: relative;
	min-height: 13rem;
	padding-right: 13rem;
	margin-bottom: 2.6rem;
}

.cost-card__num{
	display: block;
	font-weight: 500;
	font-size: 5.6rem;
	line-height: 1;
	color: var(--color-blue-900);
}

.cost-card__badge{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.8rem;
	height: 1.8rem;
	margin-left: 0.4rem;
	vertical-align: super;
	border-radius: 50%;
	background: var(--color-violet-500);
	color: #fff;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1;
}

.cost-card__label{
	display: inline-block;
	margin-top: 2rem;
	padding: 1rem 1.8rem;
	border-radius: 0.8rem;
	background: #fff;
	font-weight: 500;
	font-size: 1.6rem;
	color: var(--color-blue-900);
}

.cost-card__pic{
	position: absolute;
	top: 2.4rem;
	right: 2.4rem;
	width: 11rem;
	pointer-events: none;
}

.cost-card__pic img{
	display: block;
	width: 100%;
	height: auto;
}

.cost-card__divider{
	margin: 0 0 2.6rem;
}

.cost-card__list{
	gap: 1.6rem;
}

.cost-card__list .auto-card__point{
	font-size: 1.5rem;
	line-height: 1.3;
}

.cost-card__text{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.cost-card__text p{
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.45;
	color: rgba(15, 28, 42, 0.6);
}

.economy__head{
	position: relative;
	margin-bottom: 3rem;
	min-height: 15rem;
	padding-right: 30rem;
}

.economy__title{
	margin-bottom: 1.4rem;
}

.economy__subtitle{
	margin-bottom: 0;
}

.prices_v2  .price-card__term{
	font-size: 2.4rem;
	padding: 1rem;
}

.prices_v2 .price-card__head{
	min-height: 22rem;
}

.economy__pic{
	position: absolute;
	top: -8rem;
	right: 0;
	width: 52.5rem;
	z-index: -1;
	pointer-events: none;
}

.economy__pic img{
	display: block;
	width: 100%;
	height: auto;
}

.economy__grid{
	display: flex;
	gap: 2rem;
	margin-top: 15rem;
}

.economy__block{
	flex: 1;
	padding: 3rem;
	border-radius: 0.8rem;
	background: linear-gradient(238deg, rgba(174, 195, 255, 0.19) 30.81%, rgba(142, 93, 255, 0.19) 110.74%);
backdrop-filter: blur(1.5rem);
-webkit-backdrop-filter: blur(1.5rem);

}

.economy__block-title{
	margin-bottom: 0.8rem;
	font-weight: 500;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.economy__block-text, .economy__note{
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.2;
}

.economy{
	position: relative;
}

.economy__block--num{
	display: flex;
	flex-direction: column;
	gap: 1.8rem;
}

.economy__num{
	margin: 0;
	font-weight: 500;
	font-size: 5.6rem;
	line-height: 1;
	color: var(--color-blue-900);
}

.price-card__info{
	position: relative;
	top: -1rem;
	display: inline-flex;
	vertical-align: super;
	margin-left: 1rem;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.price-card__info svg{
	display: block;
	width: 2.2rem;
	height: 2.2rem;
}

.prices_v2 .price-card__points .auto-card__point {
	font-size: 1.8rem !important;
}

.price-card__tip{
	position: absolute;
	left: 50%;
	top: calc(100% + 1.2rem);
	transform: translateX(-50%);
	width: 26rem;
	padding: 1.4rem 1.6rem;
	border-radius: 0.8rem;
	background: var(--color-blue-900);
	color: #fff;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.4;
	letter-spacing: 0;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
	z-index: 5;
	pointer-events: none;
}

.price-card__tip::after{
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 0.7rem solid transparent;
	border-bottom-color: var(--color-blue-900);
}

.price-card__info:hover .price-card__tip,
.price-card__info:focus .price-card__tip{
	opacity: 1;
	visibility: visible;
}

@media (max-width: 1024px) {
.prices_v2 .price-card__title {
    font-size: 6rem;
}

.prices_v2 .price-card__term {
    font-size: 2rem;
    padding: 1rem;
}
}
@media (max-width: 768px) {
	.prices_v2 .price-card__title {
    font-size: 5rem;
}

.prices_v2 .price-card__term {
    font-size: 1.8rem;
}

.price-card__text {
    font-size: 1.6rem;
}

.prices_v2 .price-card__points .auto-card__point {
    font-size: 1.6rem !important;
}
}
@media (max-width: 480px) {
	.prices_v2 .price-card__head {
    min-height: 20rem;
}

.price-card__info {
    top: -0.2rem;
}

	.prices_v2 .price-card__title {
    font-size: 4rem;
}
}

@media (max-width: 1024px) {
	.economy__head{
		padding-right: 22rem;
	}

	.economy__pic{
		top: 2rem;
		width: 30rem;
	}
}

@media (max-width: 768px) {
	.economy__head{
		min-height: 0;
		padding-right: 15rem;
	}
	.economy__head{
		padding-right: 0rem;
	}

	.economy__pic{
		top: 15rem;
		width: 27rem;
		display: none;
	}

	.economy__grid{
		margin-top: 0rem;
		flex-direction: column;
	}

}

@media (max-width: 480px) {
	.economy__head{
		padding-right: 0;
	}

	.economy__block{
		padding: 2rem;
	}

	.economy__pic{
		position: static;
		width: 15rem;
		margin: 0.5rem 0 1rem;
	}

	.economy__num{
		font-size: 3.6rem;
	}

	.economy__title br{
		display: none;
	}
}

.economy{
	overflow: hidden;
}

.faq--dark{
	background: #1b1b1f;
}

.faq__label{
	margin-bottom: 1.2rem;
	font-size: 1.5rem;
	color: rgba(255, 255, 255, 0.4);
}

.faq--dark .faq__title{
	color: #fff;
}

.berem__title{
	margin-bottom: 4rem;
}

.berem__list{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.berem-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 6rem) / 4);
	min-width: 0;
	padding: 2.4rem;
	border-radius: 0.4rem;
	background-color: #fff;
}

.berem-card__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 4.4rem;
	height: 4.4rem;
	margin-bottom: 2.4rem;
	border-radius: 0.4rem;
	background-color: var(--color-blue-500);
}

.berem-card__icon img{
	width: 2.4rem;
	height: 2.4rem;
}

.berem-card__title{
	margin-bottom: 1.6rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.15;
	color: var(--color-blue-900);
}

.berem-card__points{
	margin-bottom: 0;
}

.berem-card .auto-card__point{
	align-items: center;
	gap: 0.8rem;
	line-height: 1.3;
}

.berem-card__pic{
	display: flex;
	justify-content: center;
	margin-top: auto;
	padding-top: 0rem;
}

.berem-card__pic img{
	width: 21.6rem;
	max-width: 100%;
	height: auto;
}

@media (max-width: 1024px) {
	.berem__list{
		flex-wrap: wrap;
	}

	.berem-card{
		width: calc((100% - 2rem) / 2);
	}

	.berem-card__title br{
		display: none;
	}
}

@media (max-width: 768px) {
	.berem-card{
		width: 100%;
	}
}

.prices--nosub .prices__title{
	margin-bottom: 4rem;
}

.price-card__tip{
	-webkit-text-fill-color: currentColor;
}

.price-card__footer .price-card__tip{
	left: auto;
	right: -1rem;
	top: auto;
	bottom: calc(100% + 1.2rem);
	transform: none;
}

.price-card__footer .price-card__tip::after{
	top: 100%;
	bottom: auto;
	left: auto;
	right: 1.4rem;
	transform: none;
	border-bottom-color: transparent;
	border-top-color: var(--color-blue-900);
}

.learn--audit .learn__video{
	width: calc((100% - 2rem) / 2);
	min-height: 47rem;
	position: relative;
}

.learn--audit .learn__video img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.learn__side{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	gap: 2rem;
}

.learn__side .learn__card{
	flex: 0 0 auto;
	padding: 3rem;
	border-radius: 0.8rem;
}

.learn__side .learn__points{
	margin-bottom: 0;
}

.learn__side .check-list__item{
	align-items: center;
}

.learn__point{
	min-width: 0;
}

.learn__side .learn__btn{
	width: auto;
	min-width: 32rem;
	align-self: flex-start;
}

@media (max-width: 1024px) {
	.learn--audit .learn__video{
		min-height: 40rem;
	}

	.learn__side .learn__card{
		padding: 2.4rem;
	}

	.learn__side .learn__btn{
		min-width: 28rem;
	}
}

@media (max-width: 768px) {
	.learn--audit .learn__video{
		width: 100%;
		min-height: 0;
	}

	.learn__side{
		flex: 0 0 auto;
		width: 100%;
	}

	.learn__side .check-list__item{
		align-items: flex-start;
	}

	.learn__side .learn__btn{
		width: 100%;
		min-width: 0;
	}
}

@media (max-width: 480px) {
	.learn__side .learn__card{
		padding: 2rem;
	}

	.learn__side .learn__points{
		gap: 1.4rem;
	}

	.learn--audit .learn__head .sub-title br{
		display: none;
	}
}

.predlagaem__title{
	margin-bottom: 4rem;
	text-align: center;
}

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

.predlagaem__col{
	display: flex;
	flex-direction: column;
	gap: 2rem;
	width: calc((100% - 48.9rem) / 2);
}

.predlagaem__center{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 48.9rem;
	height: 37.8rem;
}

.predlagaem__decor{
	position: absolute;
	inset: 0;
	display: block;
}

.predlagaem__decor img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.predlagaem__circle{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30.9rem;
	height: 30.9rem;
	border-radius: 50%;
	background: linear-gradient(135deg, #EFF2FE 0%, #E7E3FA 100%);
	font-size: 3.2rem;
	line-height: 1.3;
	text-align: center;
	color: var(--color-blue-900);
}

.predlagaem-card{
	padding: 2.4rem;
	border-radius: 0.8rem;
	background-color: #fff;
}

.predlagaem-card__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 4.4rem;
	height: 4.4rem;
	margin-bottom: 2.4rem;
	border-radius: 0.4rem;
	background-color: var(--color-blue-500);
}

.predlagaem-card__icon img,
.predlagaem-card__icon svg{
	display: block;
	width: 2.4rem;
	height: 2.4rem;
}

.predlagaem-card__title{
	margin-bottom: 1.6rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.predlagaem-card__points{
	gap: 1.4rem;
	margin-bottom: 0;
}

.predlagaem-card .auto-card__point{
	align-items: center;
	gap: 0.8rem;
	line-height: 1.25;
}

@media (max-width: 1024px) {
	.predlagaem__grid{
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 2rem;
	}

	.predlagaem__center{
		order: -1;
		width: 100%;
		height: auto;
	}

	.predlagaem__decor{
		display: none;
	}

	.predlagaem__circle{
		width: 26rem;
		height: 26rem;
		font-size: 2.2rem;
	}

	.predlagaem__col{
		width: calc((100% - 2rem) / 2);
	}
}

@media (max-width: 768px) {
	.predlagaem__grid{
		flex-direction: column;
		align-items: stretch;
	}

	.predlagaem__circle br{
		display: none;
	}

	.predlagaem__col{
		display: contents;
	}

	.predlagaem__center{
		order: 0;
		height: auto;
	}

	.predlagaem__col:first-child > *:nth-child(1){ order: 1; }
	.predlagaem__col:last-child > *:nth-child(1){ order: 2; }
	.predlagaem__col:first-child > *:nth-child(2){ order: 3; }
	.predlagaem__col:last-child > *:nth-child(2){ order: 4; }

	.predlagaem-card__points br{
		display: none;
	}

	.predlagaem__title{
		margin-bottom: 2rem;
	}

	.predlagaem__circle{
		display: block;
		width: auto;
		height: auto;
		border-radius: 0;
		background: none;
		font-size: 1.8rem;
		line-height: 1.25;
	}

	.predlagaem-card__icon{
		width: 4.2rem;
		height: 4.2rem;
		margin-bottom: 2rem;
	}

	.predlagaem-card__icon img{
		width: 1.8rem;
		height: 1.8rem;
	}
}

@media (max-width: 480px) {
	.predlagaem-card{
		padding: 2rem;
	}
}

.plan{
	overflow: hidden;
}

.plan__title{
	margin-bottom: 4rem;
	text-align: center;
}

.plan__grid{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.plan__card{
	position: relative;
	z-index: 1;
	top: auto;
	width: calc((100% - 2rem) / 2);
}

.plan__card .step-card__btn{
	margin-top: auto;
}

.plan__card--result .step-card__list{
	margin-top: auto;
}

.plan__pic{
    position: absolute;
    top: -0.8rem;
    right: 1.4rem;
    display: block;
    width: 43rem;
    z-index: -1;
    pointer-events: none;
}

.plan__pic img{
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1024px) {
	.plan__pic{
		top: 0;
		width: 28rem;
	}
}

@media (max-width: 768px) {
	.plan__grid{
		flex-direction: column;
	}

	.plan__card{
		width: 100%;
	}

	.plan__pic{
		position: static;
		z-index: auto;
		align-self: center;
		width: 26rem;
		margin-bottom: 2rem;
	}

	.plan__card--result .step-card__list{
		margin-top: 0;
	}
}

@media (max-width: 480px) {
	.plan__pic{
		width: 20rem;
	}
}

.about.about--row{
	padding-bottom: 32rem;
}

@media (max-width: 1024px) {
	.about.about--row{
		padding-bottom: 20rem;
	}
}

@media (max-width: 768px) {
	.about.about--row{
		padding-bottom: 12rem;
	}
}

.investicii__title{
	margin-bottom: 1.8rem;
}

.investicii__subtitle{
	margin-bottom: 4rem;
	color: var(--color-blue-900);
}

.investicii__grid{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.integr-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	border-radius: 0.8rem;
	overflow: hidden;
	background-color: #fff;
}

.integr-card__head{
	display: flex;
	flex-direction: column;
	padding: 2.4rem;
	min-height: 37.4rem;
	background: linear-gradient(180deg, #EFF2FE 0%, #E8E4FA 100%);
}

.integr-card__title{
	margin-bottom: 0.8rem;
	font-size: 6.7rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.2rem;
	color: var(--color-blue-900);
}

.integr-card__note{
	margin-bottom: 0;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.integr-card__logos{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 54.1rem;
	gap: 1.4rem 2.4rem;
	margin-top: auto;
	padding-top: 4rem;
}

.integr-card__logos img{
	display: block;
	width: auto;
	height: auto;
	max-width: 13rem;
	max-height: 5rem;
}

.integr-card--extended .integr-card__logos img{
	max-width: 11rem;
	max-height: 3.8rem;
}

.integr-card__foot{
	padding: 2.4rem;
}

.integr-card__text{
	margin-bottom: 0;
	font-size: 2.4rem;
	line-height: 1.35;
	color: var(--color-blue-900);
}

@media (max-width: 1024px) {
	.integr-card__head{
		flex-grow: 1;
		min-height: 0;
	}

	.integr-card__title{
		font-size: 5.4rem;
	}

	.integr-card__note{
		font-size: 2.4rem;
	}

	.integr-card__logos{
		padding-top: 3rem;
	}

	.integr-card__logos img{
		max-width: 11rem;
		max-height: 4.4rem;
	}

	.integr-card--extended .integr-card__logos img{
		max-width: 10rem;
		max-height: 3.4rem;
	}

	.integr-card__text{
		font-size: 2rem;
	}

	.integr-card__text br{
		display: none;
	}
}

@media (max-width: 768px) {
	.investicii__grid{
		flex-direction: column;
	}

	.integr-card{
		width: 100%;
	}
}

@media (max-width: 480px) {
	.integr-card__head,
	.integr-card__foot{
		padding: 2rem;
	}

	.integr-card__title{
		font-size: 4.4rem;
	}

	.integr-card__note{
		font-size: 2rem;
	}

	.integr-card__logos{
		gap: 1.2rem 1.8rem;
		padding-top: 2.4rem;
	}

	.integr-card__logos img{
		max-width: 9rem;
		max-height: 3.8rem;
	}

	.integr-card--extended .integr-card__logos img{
		max-width: 8rem;
		max-height: 3rem;
	}

	.integr-card__text{
		font-size: 1.8rem;
	}
}

.rutina__title{
	margin-bottom: 1.8rem;
}

.rutina__subtitle{
	margin-bottom: 4rem;

}

.rutina__body{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.rutina__pic{
	display: block;
	flex-shrink: 0;
	width: calc((100% - 2rem) / 2);
	border-radius: 1.2rem;
	overflow: hidden;
}

.rutina__pic img{
	display: block;
	width: 100%;
	height: auto;
}

.rutina__side{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	gap: 2rem;
}

.rutina__card{
	flex: 0 0 auto;
	padding: 2.4rem;
	border-radius: 1.2rem;
	background-color: #fff;
}

.rutina__points{
	gap: 1.8rem;
	margin-bottom: 0;
}

.rutina__card .auto-card__point{
	align-items: center;
	gap: 1rem;
	font-size: 1.6rem;
	line-height: 1.25;
}

.rutina__point{
	min-width: 0;
}

.rutina__btn{
	margin-top: auto;
	align-self: flex-start;
}

.apps__title{
	margin-bottom: 1.8rem;
	text-align: center;
}

.apps__subtitle{
	margin-bottom: 4rem;
	text-align: center;
	color: var(--color-blue-900);
}

.apps__grid{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.app-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	border-radius: 0.8rem;
	overflow: hidden;
	background-color: #fff;
}

.app-card__head{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 29.6rem;
	z-index: 1;
	padding: 2.4rem;
	overflow: hidden;
	background: linear-gradient(180deg, #EFF2FE 0%, #E8E4FA 100%);
}

.app-card__title{
	position: relative;
	max-width: 40rem;
	margin-bottom: 0.5rem;
	font-size:3.2rem;
	font-weight: 500;
	line-height: 1.15;
	color: var(--color-blue-900);
}

.app-card__link,
.app-card__link:link,
.app-card__link:visited{
	position: relative;
	transition: 0.3s ease 0s;
	font-size: 1.8rem;
	line-height: 1.2;
	color: var(--color-blue-900);
	text-decoration: underline;
	text-underline-offset: 0.6rem;
}

.app-card__link:hover{
	color: var(--color-violet-500);
}

.app-card__rating{
	position: relative;
	display: flex;
	gap: 0.1rem;
	margin-top: auto;
}

.app-card__rating img{
	display: block;
	width: 2rem;
	height: 2rem;
}

.app-card__pic{
	position: absolute;
	bottom: 0rem;
	z-index: -1;
	right: 4rem;
	display: block;
	width: 34.5rem;
	pointer-events: none;
}

.app-card__pic img{
	display: block;
	width: 100%;
	height: auto;
}

.app-card__body{
	padding: 1.2rem 2.4rem 1.2rem;
}

.app-card__row{
	display: flex;
	align-items: center;
	gap: 1.2rem;
	padding: 1.2rem 0;
}

.app-card__row + .app-card__row{
	background-image: linear-gradient(to right, #5188ED 50%, transparent 50%);
	background-size: 1.6rem 0.1rem;
	background-position: left top;
	background-repeat: repeat-x;
}

.app-card__label{
	flex-shrink: 0;
	width: 14rem;
	font-size: 2.4rem;
	font-weight: 500;
	color: var(--color-blue-900);
}

.app-card__value{
	min-width: 0;
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 1.4;
	color: var(--color-blue-900);
}

@media (max-width: 1024px) {
	.app-card__title{
		max-width: 20rem;
		font-size: 3.2rem;
	}

	.app-card__title br{
		display: none;
	}

	.app-card__pic{
		right: 1.6rem;
		width: 22rem;
	}

	.app-card__label{
		width: 11rem;
		font-size: 2rem;
	}

	.app-card__value{
		font-size: 1.6rem;
	}

	.app-card__value br{
		display: none;
	}
}

@media (max-width: 768px) {
	.rutina__body{
		flex-direction: column;
	}

	.rutina__pic{
		width: 100%;
		height: 34rem;
	}

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

	.rutina__side{
		flex: 0 0 auto;
		width: 100%;
	}

	.rutina__points br{
		display: none;
	}

	.rutina__btn{
		align-self: stretch;
	}

	.apps__grid{
		flex-direction: column;
	}

	.app-card{
		width: 100%;
	}

	.app-card__title{
		max-width: 30rem;
		font-size: 3.6rem;
	}

	.app-card__pic{
		right: 2.4rem;
		width: 28rem;
	}
}

@media (max-width: 480px) {
	.rutina__pic{
		height: 24rem;
	}

		.app-card__link{
		font-size: 1.4rem !important;
	}

	.rutina__card{
		padding: 2rem;
	}

	.app-card__head,
	.app-card__body{
		padding: 2rem;
	}

	.app-card__head{
		min-height: 22rem;
	}

	.app-card__title{
		max-width: 14rem;
		font-size: 2.8rem;
	}

	.app-card__pic{
		right: 1.2rem;
		width: 16rem;
	}

	.app-card__row{
		flex-direction: column;
		align-items: flex-start;
		gap: 0.4rem;
	}

	.app-card__label{
		width: auto;
		font-size: 1.8rem;
	}

	.app-card__value{
		font-size: 1.5rem;
	}
}

.costs__title{
	margin-bottom: 1.8rem;
	text-align: center;
}

.costs__subtitle{
	margin-bottom: 4rem;
	text-align: center;
}

.costs__table{
	max-width: 112rem;
	margin: 0 auto;
	border-radius: 0.8rem;
	overflow: hidden;
}

.cost-table{
	width: calc(100% + 1rem);
	margin: 0 -0.5rem;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0.2rem 0;
	background-color: #FFF;;
}

.cost-table th{
	height: 8rem;
	padding: 1rem 3.2rem;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	color: #fff;
}

.cost-table th:nth-child(1){
	background-color: #4E86EE;
}

.cost-table th:nth-child(2){
	background-color: #4285F4;
}

.cost-table th:nth-child(3){
	background-color: #7B72DE;
}

.cost-table td{
	height: 8rem;
	padding: 1.6rem 4rem;
	font-size: 2.4rem;
	line-height: 1.3;
	text-align: center;
	color: var(--color-blue-900);
	background-color: #fff;
}

.cost-table td:last-child{
	font-weight: 500;
}

.cost-table th:first-child,
.cost-table td:first-child{
	text-align: left;
}

.cost-table tbody tr:nth-child(even) td{
	background-color: #EDF1F9;
}

.costs__footer{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 4rem;
}

.costs__note{
	margin-top: 2rem;
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 1.4;
	text-align: center;
}

@media (max-width: 1024px) {
	.cost-table th{
		padding: 1rem 2.4rem;
		font-size: 2.8rem;
	}

	.cost-table td{
		padding: 1.6rem 2.4rem;
		font-size: 2.2rem;
	}
}

@media (max-width: 768px) {
	.costs__table{
		overflow-x: auto;
	}

	.cost-table{
		width: 66rem;
		margin: 0;
	}

	.costs__note br{
		display: none;
	}
}

@media (max-width: 480px) {
	.cost-table{
		width: 52rem;
	}

	.cost-table th{
		height: 6.4rem;
		padding: 1rem 1.6rem;
		font-size: 2.2rem;
	}

	.cost-table td{
		height: 6.4rem;
		padding: 1.2rem 1.6rem;
		font-size: 1.8rem;
	}

	.costs__btn{
		width: 100%;
	}
}

.system__subtitle{
	margin-bottom: 4rem;
}

.system--compare .system__title:has(+ .system__subtitle){
	margin-bottom: 1.2rem;
}

.plans__title{
	margin-bottom: 1.8rem;
	text-align: center;
}

.plans__subtitle{
	margin-bottom: 4rem;
	text-align: center;
}

.plans__switch{
	max-width: 34.2rem;
	width: 100%;
	padding: 0.4rem;
	background: #FFF;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0.8rem;
	gap: 0.4rem;
	display: flex;
	justify-content: center;
	margin-bottom: 4rem;
}

.plans__radio{
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	pointer-events: none;
}

.plans__tab{
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	padding:1.2rem;
	text-align: center;
	border-radius: 0.4rem;
	background-color: #FAFAFA;
	font-size: 1.4rem;
	line-height: 1.1;
	color: var(--color-blue-900);
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.plans__radio:checked + .plans__tab{
	background-color: var(--color-blue-500);
	color: #fff;
}

.plans__tab-badge{
	display: inline-flex;
	padding: 0.55rem 0.8rem;
	border-radius: 10rem;
	background-color: var(--color-blue-500);
	font-size: 1.2rem;
	line-height: 1.1;
	color: #fff;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.plans__radio:checked + .plans__tab .plans__tab-badge{
	background-color: #fff;
	color: #0F1C2A;
}

.plans:has(#plans-month:checked) .plan-card__old{
	display: none;
}

.plans__grid{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.plan-card{
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: calc((100% - 6rem) / 4);
	padding: 2.4rem;
	border-radius: 1.2rem;
	background-color: #fff;
}

.plan-card--popular{
background: linear-gradient(238deg, rgba(174, 195, 255, 0.19) 30.81%, rgba(142, 93, 255, 0.19) 110.74%);
}

.plan-card__label{
	position: absolute;
	top: -1.8rem;
	right: 1rem;
	display: inline-flex;
	padding: 0.9rem 1.6rem;
	border-radius: 0.4rem;
	background-color: var(--color-violet-500);
	font-size: 1.6rem;
	line-height: 1.1;
	color: #fff;
}

.plan-card__title{
	margin-bottom: 4rem;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.plan-card__text{
	margin-bottom: 4.5rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.plan-card__param{
	margin-bottom: 3rem;
}

.plan-card__param-value{
	display: block;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.plan-card__param-label{
	display: block;
	margin-top: 0.5rem;
	font-size: 1.6rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.plan-select{
	position: relative;
	z-index: 1;
}

.plan-select.is-open{
	z-index: 3;
}

.plan-select__toggle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.2rem;
	width: 100%;
	padding: 0.8rem 1.6rem;
	border: 0.1rem solid rgba(81, 136, 237, 0.4);
	border-radius: 0.8rem;
	background-color:  #FAFAFA;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.25s ease;
}

.plan-select__toggle:hover{
	border-color: var(--color-blue-500);
}

.plan-select__body{
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.plan-select__caret{
	flex-shrink: 0;
	width: 1.6rem;
	color: var(--color-blue-900);
	transition: rotate 0.25s ease;
}

.plan-select.is-open .plan-select__caret{
	rotate: 180deg;
}

.plan-select__drop{
	position: absolute;
	top: calc(100% + 0.6rem);
	left: 0;
	right: 0;
	display: none;
	flex-direction: column;
	padding: 0.6rem;
	border: 0.1rem solid rgba(81, 136, 237, 0.4);
	border-radius: 0.8rem;
	background-color: #fff;
	box-shadow: 0 0.8rem 2.4rem rgba(15, 28, 42, 0.12);
}

.plan-select.is-open .plan-select__drop{
	display: flex;
}

.plan-select__option{
	padding: 1rem 1.2rem;
	border: 0;
	border-radius: 0.4rem;
	background: none;
	font-family: inherit;
	font-size: 2rem;
	line-height: 1.2;
	text-align: left;
	color: var(--color-blue-900);
	cursor: pointer;
	transition: background-color 0.25s ease;
}

.plan-select__option:hover{
	background-color: rgba(81, 136, 237, 0.1);
}

.plan-select__option.is-active{
	background-color: rgba(81, 136, 237, 0.16);
}

.plan-card__old{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: auto;
	margin-bottom: 0.8rem;
}

.plan-card__old-value{
	font-size: 1.6rem;
	line-height: 1.1;
	text-decoration: line-through;
}

.plan-card__discount{
	display: inline-flex;
	padding: 0.4rem 1.2rem;
	align-items: center;
	justify-content: center;
	min-height: 2.4rem;
	border-radius: 10rem;
	background-color: var(--color-violet-500);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.1;
	color: #fff;
}

.plan-card__price{
	font-size: 4.8rem;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.1rem;
	color: var(--color-blue-900);
}

.plans:has(#plans-month:checked) .plan-card__price{
	margin-top: auto;
}

.plan-card__period{
	margin-top: 1rem;
	margin-bottom: 4.5rem;
	font-size: 1.4rem;
	line-height: 1.3;
}

.plan-card__btn{
	width: 100%;
}

.plan-card__btn .btn__text{
	margin-right: auto;
}

.plan-card--popular .plan-card__btn{
	background: #fff;
	color: var(--color-blue-900);
}

.plan-card--popular .plan-card__btn .btn__icon{
	background-color: var(--color-blue-500);
	color: #fff;
}

@media (max-width: 1024px) {
	.plans__grid{
		flex-wrap: wrap;
	}

	.plan-card{
		width: calc((100% - 2rem) / 2);
	}
}

@media (max-width: 768px) {
	.plan-card__title{
		font-size: 2.6rem;
	}

	.plans__subtitle {
    margin-bottom: 2rem;
}

	
	.plan-card{
		width: 100%;
	}

	.plan-card__text{
		margin-bottom: 3rem;
	}

	.plan-card__param{
		margin-bottom: 2rem;
	}
}

@media (max-width: 480px) {
	.plans__switch{
		margin-bottom: 3rem;
	}
	

	.plans__tab{
		padding: 1rem;
	}

	.plan-card{
		width: 100%;
		padding: 2.4rem 2rem 2rem;
	}

	.plan-card__price{
		font-size: 3.6rem;
	}
}

.intro__main{
	overflow: hidden;
	position: relative;
z-index: 1;
}

.intro__piece{
	position: absolute;
	right: 0rem;
	bottom: -4rem;
	z-index: -1;
	display: block;
	height: calc(100% + 8rem);
	pointer-events: none;
}

.intro__piece img{
	display: block;
	height: 100%;
}

@media (max-width: 1024px) {
	.intro__piece{
		display: none;
	}

	.intro__main{
		overflow: visible;
	}
}

.plans--sub .plans__title{
	margin-bottom: 4rem;
}

.plans--sub .plan-card__title{
	margin-bottom: 4rem;
}

.plan-card__pretitle{
	display: block;
	margin-bottom: 0.4rem;
	font-size: 1.6rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.hours__title{
	margin-bottom: 1.8rem;
}

.hours__subtitle{
	margin-bottom: 4rem;
	color: var(--color-blue-900);
}

.hours__grid{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.hours-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	border-radius: 0.4rem;
	overflow: hidden;
	background-color: #fff;
}

.hours-card__visual{
	position: relative;
	margin-bottom: 2.4rem;
		border-radius: inherit;
	overflow: hidden;
}

.hours-card__pic{
	display: block;
	border-radius: inherit;
	overflow: hidden;
}

.hours-card__pic img{
	display: block;
	width: 100%;
	height: 30rem;
	object-fit: cover;
}

.hours-card__visual::after{
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(15, 28, 42, 0.00) 57.5%, rgba(15, 28, 42, 0.50) 100%);
}

.hours-card__caption{
	position: absolute;
	z-index: 1;
	left: 2.4rem;
	bottom: 2.4rem;
	margin-bottom: 0;
	font-size: 4.8rem;
	font-weight: 500;
	line-height: 1.1;
	color: #fff;
}

.hours-card__points{
	gap: 1.6rem;
	margin-bottom: 2.4rem;
	padding: 0 2.4rem;
}

.hours-card .auto-card__point{
	align-items: flex-start;
	gap: 1rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.hours-card .auto-card__marker{
	margin-top: 0.3rem;
}

.hours-card__point{
	min-width: 0;
}

.hours-card__result{
	margin: auto 2.4rem 2.4rem;
	padding: 2.4rem;
	border-radius: 0.4rem;
	background: linear-gradient(238deg, rgba(174, 195, 255, 0.19) 30.81%, rgba(142, 93, 255, 0.19) 110.74%), #FFF;
}

.hours-card__result-title{
	margin-bottom: 1.2rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.hours-card__result-list{
	margin-bottom: 0;
}

.hours-card__result .auto-card__point{
	align-items: center;
}

.hours-card__result .auto-card__marker{
	margin-top: 0;
}

.hours-card--good .hours-card__result{
	background-color: var(--color-violet-500);
}

.hours-card--good .hours-card__result-title{
	color: #fff;
}

.hours-card--good .hours-card__result .auto-card__point{
	color: #fff;
}

.hours-card--good .hours-card__result .auto-card__marker{
	margin-top: 0;
	border-color: #fff;
	background-color: #fff;
}

@media (max-width: 1024px) {
	.hours-card__caption{
		font-size: 3.6rem;
	}
}

@media (max-width: 768px) {
	.hours__grid{
		flex-direction: column;
	}

	.hours-card{
		width: 100%;
	}

	.hours-card__pic img{
		height: 26rem;
	}
}

@media (max-width: 480px) {
	.hours__subtitle br{
		display: none;
	}

	.hours-card__pic img{
		height: 20rem;
	}

	.hours-card__caption{
		left: 2rem;
		bottom: 2rem;
		font-size: 2.8rem;
	}

	.hours-card__visual{
		margin-bottom: 2rem;
	}

	.hours-card__points{
		padding: 0 2rem;
	}

	.hours-card__result{
		margin: auto 2rem 2rem;
		padding: 2rem;
	}
}

.plans__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
	margin-bottom: 4rem;
}

.plans__head .plans__title{
	margin-bottom: 1.2rem;
	text-align: left;
}

.plans__head .plans__subtitle{
	margin-bottom: 0;
	text-align: left;
}

.plans__extra{
	flex-shrink: 0;
	text-align: right;
}

.plans__extra-title{
	display: block;
	margin-bottom: 1.2rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.plans__chips{
	display: inline-flex;
	gap: 0.4rem;
	padding: 0.4rem;
	border-radius: 0.4rem;
	background-color: #fff;
}

.plans__chip-input{
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	pointer-events: none;
}

.plans__chip{
	display: inline-flex;
	align-items: center;
	padding: 1rem 1.2rem;
	border-radius: 0.4rem;
	background-color: #FAFAFA;
	font-size: 1.4rem;
	min-height: 4.8rem;
	line-height: 1.1;
	white-space: nowrap;
	color: var(--color-blue-900);
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.plans__chip:hover{
	background-color: rgba(81, 136, 237, 0.1);
}

.plans__chip-input:checked + .plans__chip{
	background-color: var(--color-blue-500);
	color: #fff;
}

@media (max-width: 1024px) {
	.plans__head{
		flex-direction: column;
		gap: 2.4rem;
	}

	.plans__extra{
		text-align: left;
	}
}

@media (max-width: 480px) {
	.plans__chips{
		display: flex;
		flex-wrap: wrap;
	}

	.plans__chip{
		padding: 1rem 1.4rem;
	}
}

.market__title{
	margin-bottom: 1.8rem;
	text-align: center;
}

.market__subtitle{
	margin-bottom: 4rem;
	text-align: center;
}

.market__grid{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.market-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 6rem) / 4);
	padding: 2.4rem;
	border-radius: 0.8rem;
	background-color: #fff;
}

.market-card__pic{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 23rem;
	margin-bottom: 3.2rem;
	padding: 0rem;
	border-radius: 0.8rem;
}

.market-card__pic img{
	display: block;
	width: auto;
	height: 100%;
	width: 100%;
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
}

.market-card__text{
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 1.3;
	text-align: center;
	color: var(--color-blue-900);
}

@media (max-width: 1024px) {
	.market__grid{
		flex-wrap: wrap;
	}

	.market-card{
		width: calc((100% - 2rem) / 2);
	}

	.market-card__text br{
		display: none;
	}
}

@media (max-width: 768px) {
	.market-card__pic{
		height: 20rem;
		margin-bottom: 2.4rem;
	}

	.market-card__text{
		font-size: 1.6rem;
	}
}

@media (max-width: 480px) {
	.market-card{
		width: 100%;
		padding: 2rem;
	}

	.market-card__pic{
		height: 22rem;
	}
}

.plans--sub .plans__title:has(+ .plans__subtitle){
	margin-bottom: 1.8rem;
}

.plans--sub .plans__subtitle{
	margin-bottom: 4rem;
}

.price-card__period{
	margin-top: 0.6rem;
	margin-bottom: 1.6rem;
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: center;
	color: var(--color-blue-900);
}

.price-card__price:has(+ .price-card__period){
	margin-bottom: 0;
}

.expertise--single .wrapper{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
}

.expertise--single .expertise__head{
	flex-shrink: 0;
	width: 64rem;
	margin-bottom: 0;
	text-align: left;
}

.expertise--single .expertise__certs{
	flex: 1;
	min-width: 0;
	max-width: 72rem;
	margin: 0;
}

.expertise--single .expertise__cert{
	width: 100%;
	max-width: 100%;
}

@media (max-width: 1024px) {
	.expertise--single .expertise__head{
		width: auto;
		max-width: 50rem;
	}
}

@media (max-width: 768px) {
	.expertise--single .wrapper{
		flex-direction: column;
		gap: 3rem;
	}

	.expertise--single .expertise__head{
		width: 100%;
		max-width: none;
	}

	.expertise--single .expertise__certs{
		width: 100%;
		max-width: none;
	}
}

.plans--wazzup .plan-card__old{
	margin-top: 0;
}

.plans--wazzup .plan-card__btn{
	margin-top: auto;
}

.plan-card__specs{
	display: flex;
	width: 100%;
	flex-direction: column;
	margin: 2.4rem 0 4rem;
}

.plan-card__spec{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1.2rem;
	padding: 1rem 0;
	border-bottom: 0.1px dashed var(--Color-Text-text-accent-blue, #5188ED);
	font-size: 1.4rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.plan-card__spec-label{
	min-width: 0;
	font-size: 1.4rem;
}

.plan-card__spec-value{
	flex-shrink: 0;
	font-weight: 600;
	font-size: 1.6rem;
}

@media (max-width: 768px) {
	.plans--wazzup .plans__subtitle br{
		display: none;
	}
}

@media (max-width: 480px) {
	.plan-card__spec{
		gap: 1rem;
		padding: 0.8rem 0;
	}

	.plan-card__spec-label{
		font-size: 1.3rem;
	}

	.plan-card__spec-value{
		font-size: 1.5rem;
	}
}

.intro__facts{
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
	margin-top: 2rem;
}

.intro-fact{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	width: calc((100% - 2rem) / 2);
	padding: 2.4rem;
	border-radius: 1rem;
	background-color: #fff;
}

.intro-fact__text{
	min-width: 0;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.intro-fact__icon{
	display: inline-flex;
	flex-shrink: 0;
}

.intro-fact__icon svg{
	display: block;
	width: 2.4rem;
	height: 2.4rem;
}

@media (max-width: 768px) {
	.intro-fact{
		padding: 1.6rem;
		width: 100%;
	}

	.intro__facts{
		gap: 1rem;
	}

	.intro-fact__text {
    font-size: 2rem;
	}
}

.team__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 3rem;
	margin-bottom: 4rem;
}

.team__title{
	margin-bottom: 0;
}

.team__nav{
	display: flex;
	flex-shrink: 0;
	gap: 1rem;
}

.team__nav .btn-icon{
	width: 5.6rem;
	height: 5.6rem;
	border-radius: 0.4rem;
}

.team-card{
	display: flex;
	flex-direction: column;
	height: auto;
	padding: 2.2rem;
	border-radius: 1.8rem;
	background-color: #fff;
}

.team-card__pic{
	display: block;
	margin-bottom: 2rem;
	border-radius: 0.6rem;
	overflow: hidden;
}

.team-card__pic img{
	display: block;
	width: 100%;
	height: 28.6rem;
	object-fit: cover;
}

.team-card__name{
	margin-bottom: 0.8rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.team-card__role{
	margin-bottom:1.2rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.team-card__points{
	gap: 1rem;
	border-top: 0.1rem solid rgba(15, 28, 42, 0.50);;
	padding-top: 2rem;
	margin-bottom: 0;
}

.team-card__points .auto-card__point{
	align-items: center;
	gap: 1rem;
	font-size: 1.5rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.partners__inner{
	display: flex;
	align-items: flex-start;
	gap: 6rem;
}

.partners__title{
	position: sticky;
	top: calc(var(--header-height) + 6rem);
	flex-shrink: 0;
	width: 63rem;
	margin-bottom: 0;
}

.partners__grid{
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	min-width: 0;
	gap: 2rem;
}

.partner-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	padding: 2.2rem;
	border-radius: 0.6rem;
	background-color: #fff;
}

.partner-card--wide{
	width: 100%;
}

.partner-card__logo{
	display: flex;
	align-items: center;
	min-height: 3.5rem;
	margin-bottom: 1.6rem;
	padding-bottom: 1.6rem;
	border-bottom: 0.1rem solid rgba(15, 28, 42, 0.12);
}

.partner-card__logo img{
	display: block;
	width: auto;
	height: auto;
	max-width: 18rem;
	max-height: 3.2rem;
}

.partner-card__title{
	margin-bottom: 1rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.25;
	color: var(--color-blue-900);
}

.partner-card__text{
	margin-bottom: 0;
	font-size: 1.4rem;
	line-height: 1.3;
}

.top5__head-main{
	min-width: 0;
}

.top5__head-main .top5__title{
	margin-bottom: 1.2rem;
}

.top5__subtitle{
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.team-card__pic img{
		height: 24rem;
	}

	.partners__inner{
		flex-direction: column;
		gap: 4rem;
	}

	.partners__title{
		position: static;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.team__head{
		flex-direction: column;
		align-items: flex-start;
		gap: 2.4rem;
	}

	.team-card__name {
    font-size: 2rem;
}

	.team-card__pic img{
		height: 24rem;
	}

	.partner-card__title{
		font-size: 2rem;
	}

	.team-card {
		padding: 1.6rem;
	}

	.partner-card__title br,
	.partner-card__text br{
		display: none;
	}

	.team{
		overflow: hidden;
	}

	.team__slider{
		margin-left: -2rem;
		padding-left: var(--wrapper-padding);
		padding-right: var(--wrapper-padding);
		width: calc((100% + var(--wrapper-padding) + var(--wrapper-padding)));
	}
}

@media (max-width: 480px) {
		.team__slider{
		margin-left: -1rem;
	}

	.team__head {
		gap: 2rem;
    margin-bottom:2rem;
}apps__note

.team__title br{
	display: none;
}

	.team-card{
		padding: 2rem;
	}

	.team-card__pic img{
		height: 24rem;
	}

	.partner-card{
		width: 100%;
		padding: 2rem;
	}
}

.apps__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
	margin-bottom: 4rem;
}

.apps__head .apps__title{
	margin-bottom: 0;
	text-align: left;
}

.apps__note{
	flex-shrink: 0;
	margin-bottom: 0rem;
}

.apps--job .apps__title,
.apps--job .apps__subtitle{
	text-align: left;
}

.apps--job .app-card{
	width: calc((100% - 4rem) / 3);
}

.apps--job .app-card__head{
	min-height: 18.5rem;
}

.apps--job .app-card__title{
	max-width: 24rem;
	font-size: 3rem;
}

.apps--job .app-card__rating{
	position: absolute;
	top: 2.4rem;
	right: 2.4rem;
	margin-top: 0;
}

.apps--job .app-card__pic{
	right: 1.8rem;
	width: 20.4rem;
}

.apps--download .app-card__title{
	max-width: 24rem;
	font-size: 3.2rem;
}

.app-card__text{
	position: relative;
	max-width: 26rem;
	margin-bottom: 3.1rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.apps--job .app-card__head{
	min-height: 20rem;
}

.app-card__logo{
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-top: auto;
	padding: 0.4rem .8rem;
	height: 2.8rem;
	border-radius: 0.4rem;
	background-color: #fff;
}

.app-card__logo img{
	display: block;
	width: auto;
	height: auto;
	max-width: 10rem;
	max-height: 2rem;
}

.app-card__subtitle{
	margin-bottom: 2rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.app-card__points{
	gap: 1.4rem;
	margin-bottom: 0;
}

.app-card__points + .app-card__subtitle{
	margin-top: 2.4rem;
}

.app-card__points .auto-card__point{
	align-items: center;
	gap: 1rem;
	font-size: 1.5rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.app-card__body:has(+ .app-card__foot){
	flex-grow: 1;
	padding: 2.4rem;
}

.app-card__foot{
	padding: 0 2.4rem 2.4rem;
}

.app-card__btn{
	width: 100%;
}

.app-card__btn .btn__text{
	margin-right: auto;
}

.app-card__btn--soon{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 7rem;
	padding: 0.4rem 2.4rem;
	border-radius: 0.4rem;
	background-color: #7A7A7A;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.25;
	color: #fff;
}
.promo--dark .promo__banner{
	background: linear-gradient(294deg, rgba(15, 28, 42, 0.40) 43.69%, rgba(15, 28, 42, 0.40) 65.73%), linear-gradient(303deg, rgba(15, 28, 42, 0.50) 8.19%, rgba(0, 89, 255, 0.50) 36.83%, rgba(15, 28, 42, 0.50) 67.13%), #0F1C2A;
}

.promo--dark .promo__content{
	align-items: flex-start;
	max-width: 106rem;
	padding: 5rem;
	text-align: left;
}

.promo--dark .promo__title,
.promo--dark .promo__subtitle{
	color: #fff;
}

.promo__object{
	position: absolute;
	right: 0rem;
	bottom: 0;
	display: block;
	width: 66.6rem;
	pointer-events: none;
}

.promo__object img{
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1024px) {
	.apps__head{
		flex-direction: column;
		gap: 2rem;
	}

	.apps__note{
		font-size: 1.6rem;
	}

	.apps__grid{
		flex-wrap: wrap;
	}

	.apps--job .app-card{
		width: calc((100% - 2rem) / 2);
	}

	.apps--job .app-card__title,
	.apps--download .app-card__title{
		font-size: 2.8rem;
	}

	.apps--job .app-card__pic{
		right: 1.2rem;
		width: 17rem;
	}

	.app-card__text br,
	.apps__note br{
		display: none;
	}

	.app-card__subtitle{
		font-size: 2rem;
	}

	.promo--dark .promo__content{
		max-width: 62rem;
		padding: 4rem;
	}

	.promo__object{
		width: 46rem;
	}
}

@media (max-width: 768px) {
	.apps--job .app-card{
		width: 100%;
	}

	.apps--job .app-card__head{
		min-height: 24rem;
	}

	.apps--job .app-card__rating{
		position: static;
		margin-top: 1.2rem;
	}

	.apps--job .app-card__pic{
		width: 22rem;
	}

	.promo--dark  .promo__content{
		background: none;
	}

	.promo--dark .promo__content{
		max-width: none;
		padding: 3.2rem 3.2rem 26rem;
	}

	.promo--dark .promo__title br,
	.promo--dark .promo__subtitle br{
		display: none;
	}

	.promo__object{
		right: 50%;
		width: 34rem;
		translate: 50% 0;
	}
}

@media (max-width: 480px) {
	.apps--job .app-card__head{
		min-height: 20rem;
	}

	.app-card__head{
        min-height: 30rem;
    }

	.apps--job .app-card__pic,
	.apps--download .app-card__pic{
		right: 0;
		width: 17rem;
	}

	.promo--dark .btn{
		width: 100%;
	}

	.app-card__title{
		font-size: 2.4rem;
	}

	.app-card__body:has(+ .app-card__foot),
	.app-card__foot{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.app-card__btn--soon{
		min-height: 6rem;
		font-size: 1.6rem;
	}

	.promo--dark .promo__content{
		padding: 2.4rem 2.4rem 22rem;
	}

	.promo__object{
		width: 28rem;
	}
}

.vacancy__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
	margin-bottom: 4rem;
}

.vacancy__title{
	margin-bottom: 0;
}

.vacancy__note{
	flex-shrink: 0;
	margin-bottom: 0;
}

.vacancy__grid{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.vacancy-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	border-radius: 0.8rem;
	overflow: hidden;
	background-color: #fff;
}

.vacancy-card__head{
	position: relative;
	padding: 2.4rem;
	display: flex;
	flex-direction: column;
	z-index: 1;
	min-height: 35.4rem;
	overflow: hidden;
background: linear-gradient(238deg, rgba(174, 195, 255, 0.19) 30.81%, rgba(142, 93, 255, 0.19) 110.74%);
}

.vacancy-card__title{
	position: relative;
	max-width: 26rem;
	margin-bottom: 2.4rem;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.vacancy-card__pic{
	position: absolute;
	top: 0;
	right: -3.7rem;
	display: block;
	width: 35.3rem;
	z-index: -1;
	pointer-events: none;
}

.vacancy-card__pic img{
	display: block;
	width: 100%;
	height: auto;
}

.vacancy-card__params{
	position: relative;
	margin-top: auto;
	max-width: 40rem;
	padding: 0 1.6rem;
	border-radius: 0.8rem;
	background-color: #fff;
}

.vacancy-card__param{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1.6rem;
	padding: 1.2rem 0;
	font-size: 1.8rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.vacancy-card__param + .vacancy-card__param{
	background-image: linear-gradient(to right, #5188ED 50%, transparent 50%);
	background-size: 1.6rem 0.1rem;
	background-position: left top;
	background-repeat: repeat-x;
}

.vacancy-card__param-value{
	flex-shrink: 0;
	font-weight: 500;
}

.vacancy-card__body{
	flex-grow: 1;
	padding: 2.4rem;
}

.vacancy-card__group + .vacancy-card__group{
	margin-top: 2.4rem;
	padding-top: 2.4rem;
	background-image: linear-gradient(to right, #5188ED 50%, transparent 50%);
	background-size: 1.6rem 0.1rem;
	background-position: left top;
	background-repeat: repeat-x;
}

.vacancy-card__subtitle{
	margin-bottom: 2rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.vacancy-card__points{
	gap: 1.4rem;
	margin-bottom: 0;
}

.vacancy-card__points .auto-card__point{
	align-items: center;
	gap: 1rem;
	font-size: 1.5rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.vacancy-card__foot{
	padding: 0 2.4rem 2.4rem;
}

.vacancy-card__btn{
	width: 100%;
}

.vacancy-card__btn .btn__text{
	margin-right: auto;
}

.vacancy-card__note{
	margin-top: 2rem;
	margin-bottom: 0;
	font-size: 1.4rem;
	line-height: 1.3;
}

.modal-vacancy{
	max-width: 114.8rem;
}

.modal-vacancy__inner{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 3rem;
}

.modal-vacancy__content{
	flex-shrink: 0;
	width: calc((100% - 3rem) / 2);
}

.modal-vacancy__badge{
	display: inline-flex;
	margin-bottom: 3rem;
	padding: 1rem 1.5rem;
	border-radius: 0.4rem;
	background-color: #EDF1FC;
	font-size: 1.6rem;
	line-height: 1.1;
}

.modal-vacancy__media{
	padding: 1.2rem 0rem;
	position: relative;
	align-self: stretch;
	flex: 1;
	min-width: 0;
	width: calc((100% - 3rem) / 2);
	min-height: 46rem;
}

.modal-vacancy__shot{
	position: absolute;
	display: block;
	border-radius: 0.8rem;
	overflow: hidden;
	box-shadow: 0 1rem 3rem rgba(15, 28, 42, 0.18);
}

.modal-vacancy__shot img{
	display: block;
	width: 100%;
	height: auto;
}

.modal-vacancy__shot--team{
	top: 8rem;
	left: 2rem;
	width: 44rem;
	rotate: 9.5deg;
}

.modal-vacancy__shot--office{
	top: 32rem;
	left: 4rem;
	width: 44rem;
	rotate: -13deg;
	border: 0.5rem solid #FFF;

}

.modal-vacancy__note{
	position: absolute;
	display: flex;
	align-items: flex-start;
	gap: 0.8rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.modal-vacancy__note--team{
	top: 3rem;
	right: 3rem;
}

.modal-vacancy__note--office{
	right: 0;
	bottom: -2rem;
}

.modal-vacancy__arrow{
	display: block;
	flex-shrink: 0;
	width: 5.8rem;
	height: auto;
}

.modal-vacancy__note-text{
	white-space: nowrap;
}

@media (max-width: 1024px) {
	.vacancy__head{
		flex-direction: column;
		gap: 2rem;
	}

	.vacancy__note{
		text-align: left;
	}

	.vacancy-card__head{
		min-height: 30rem;
	}

	.vacancy-card__title{
		max-width: 20rem;
		font-size: 3.2rem;
	}

	.vacancy-card__pic{
		right: -2.4rem;
		width: 26rem;
	}

	.vacancy-card__param{
		font-size: 1.6rem;
	}

	.vacancy-card__subtitle{
		font-size: 2rem;
	}

	.modal-vacancy{
		max-width: 88rem;
	}

	.modal-vacancy__media{
		min-height: 40rem;
	}

	.modal-vacancy__shot--team{
		top: 11rem;
		left: 0;
		width: 34rem;
	}

	.modal-vacancy__shot--office{
		top: 32rem;
		left: 2rem;
		width: 34rem;
	}

	.modal-vacancy__note{
		font-size: 1.4rem;
	}

	.modal-vacancy__note--team {
    top: 6rem;
}

.modal-vacancy__note--office {
    bottom: 2rem;
}

	.modal-vacancy__arrow{
		width: 4.4rem;
	}
}

@media (max-width: 768px) {
	.vacancy__grid{
		flex-direction: column;
	}

	.vacancy-card{
		width: 100%;
	}

	.vacancy-card__head{
		min-height: 32rem;
	}

	.vacancy-card__title{
		max-width: 26rem;
		font-size: 3.6rem;
	}

	.vacancy-card__pic{
		width: 30rem;
	}

	.modal-vacancy{
		max-width: 48rem;
	}

	.modal-vacancy__content{
		width: 100%;
	}

	.modal-vacancy__media{
		display: none;
	}
}

@media (max-width: 480px) {
	.vacancy__note{
		font-size: 1.4rem;
	}

	.vacancy-card__head{
		min-height: 26rem;
		padding: 2rem;
	}

	.vacancy-card__title{
		max-width: 16rem;
		font-size: 2.4rem;
	}

	.vacancy-card__pic{
		right: -2rem;
		width: 20rem;
	}

	.vacancy-card__params{
		padding: 0 1.2rem;
	}

	.vacancy-card__param{
		font-size: 1.5rem;
	}

	.vacancy-card__body,
	.vacancy-card__foot{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.vacancy-card__subtitle{
		font-size: 1.8rem;
	}

	.modal-vacancy__badge{
		margin-bottom: 2rem;
	}

	.modal-consult .btn__icon {
    width: 4.8rem;
    height: 4.8rem;
}
}

.lastcases__title{
	margin-bottom: 4rem;
	text-align: center;
}

.lastcases__grid{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.lastcase{
	position: relative;
	display: block;
	width: calc((100% - 2rem) / 2);
	border-radius: 0.8rem;
	overflow: hidden;
	box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.05);
}

.lastcase__pic{
	display: block;
}

.lastcase__pic img{
	display: block;
	width: 100%;
	height: 40rem;
	object-fit: cover;
}

.lastcase::after{
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(15, 28, 42, 0.00) 58.26%, #0F1C2A 100%);
}

.lastcase__logo{
	position: absolute;
	z-index: 1;
	top: 2.4rem;
	left: 2.4rem;
	display: block;
}

.lastcase__logo img{
	display: block;
	width: auto;
	height: 3.8rem;
}

.lastcase__brands{
	position: absolute;
	z-index: 1;
	top: 2rem;
	right: 2rem;
	display: flex;
	gap: 0.8rem;
}

.lastcase__brand{
	display: inline-flex;
	align-items: center;
	padding: 0.6rem 1rem;
	border-radius: 0.4rem;
	background-color: #fff;
}

.lastcase__brand img{
	display: block;
	width: auto;
	height: 1.6rem;
}

.lastcase__text{
	position: absolute;
	z-index: 1;
	left: 2.4rem;
	right: 2.4rem;
	bottom: 2.4rem;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
}

.lastcases__footer{
	display: flex;
	justify-content: center;
	margin-top: 4rem;
}

@media (max-width: 1024px) {
	.lastcase__pic img{
		height: 32rem;
	}

	.lastcase__logo img{
		height: 3rem;
	}

	.lastcase__text{
		font-size: 2.4rem;
	}
}

@media (max-width: 768px) {
	.lastcase{
		width: 100%;
	}

	.lastcase__pic img{
		height: 30rem;
	}

	.lastcase__text{
		font-size: 2.8rem;
	}
}

@media (max-width: 480px) {
	.lastcase__pic img{
		height: 24rem;
	}

	.lastcase__logo{
		top: 2rem;
		left: 2rem;
	}

	.lastcases__grid{
		gap: 1rem;
	}

	.lastcases__title {
    margin-bottom: 2rem;
    text-align: center;
}

	.lastcase__logo img{
		height: 2.6rem;
	}

	.lastcase__brands{
		top: 2rem;
		right: 2rem;
		gap: 0.6rem;
	}

	.lastcase__brand{
		padding: 0.5rem 0.8rem;
	}

	.lastcase__brand img{
		height: 1.4rem;
	}

	.lastcase__text{
		left: 2rem;
		right: 2rem;
		bottom: 2rem;
		font-size: 2.2rem;
	}

	.lastcases__footer{
		margin-top: 3rem;
	}
}

.thanks{
	width: 100%;
	margin-bottom: 4rem;
	padding: 2.4rem;
	border-radius: 1.2rem;
	background-color: #fff;
	box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.05);
}

.thanks__person{
	display: flex;
	align-items: center;
	gap: 1.6rem;
	margin-bottom: 2.4rem;
}

.thanks__avatar{
	flex-shrink: 0;
	width: 6.2rem;
	height: 6.2rem;
	border-radius: 50%;
	object-fit: cover;
}

.thanks__person-info{
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-width: 0;
}

.thanks__name{
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.thanks__role{
	font-size: 1.4rem;
	line-height: 1.2;
}

.thanks__text{
	margin-bottom: 2.4rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.thanks__actions{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.thanks__btn.btn{
	width: calc((100% - 1rem) / 2);
	padding: 0.4rem 0.4rem 0.4rem 1.2rem;
	background: var(--gardient, linear-gradient(270deg, var(--Color-Violet-500, #7F71E5) 0%, #5188ED 100%));
}

.thanks__btn .btn__title{
	font-size: 1.6rem;
	font-weight: 500;
}

.thanks__btn .btn__note{
	font-size: 1rem;
	color: #FFF;
}

.thanks__btn .btn__dot{
	background: #A6C5FF;
}

.thanks__btn .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
	background-color: rgba(255, 255, 255, 0.15);
	color: #FFF;
}

.thanks__btn:hover .btn__icon{
	background: #FFF;
	color: black;
}

.thanks__btn .btn__icon--tg::before{
	-webkit-mask-size: 4rem;
	mask-size: 4rem;
}

.btn__icon--back{
	rotate: 180deg;
}

.lastcases__back{
	min-width: 26rem;
}

.intro--half .intro__main{
	flex-grow: 0;
	width: calc((100% - 2rem) / 2);
}

.intro--half .intro__image{
	width: calc((100% - 2rem) / 2);
	max-width: none;
}

@media (max-width: 768px) {
	.intro--half .intro__main,
	.intro--half .intro__image{
		width: 100%;
	}
}

.intro__title{
	font-size: 4.8rem;
	letter-spacing: -0.192rem;
}

.intro__title--sm{
	font-size: 4rem;
	letter-spacing: -0.16rem;
}

@media (max-width: 768px) {
	.intro__title,
	.intro__title--sm{
		font-size: 3rem;
		letter-spacing: -0.12rem;
	}
}

@media (max-width: 480px) {
	.intro__title,
	.intro__title--sm{
		font-size: 2.6rem;
		letter-spacing: -0.104rem;
	}
}

@media (max-width: 1024px) {
	.thanks{
		margin-bottom: 3rem;
		padding: 2rem;
	}

	.thanks__text{
		font-size: 2rem;
	}

	.thanks__btn.btn{
		width: 100%;
	}
}

@media (max-width: 768px) {

	    .thanks__btn.btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
	.thanks__person{
		gap: 1.2rem;
		margin-bottom: 2rem;
	}

	.thanks__avatar{
		width: 5.2rem;
		height: 5.2rem;
	}

	.thanks__name{
		font-size: 2rem;
	}

	.thanks__text{
		margin-bottom: 2rem;
		font-size: 1.8rem;
	}

	.thanks__btn.btn{
		width: 100%;
	}

	.thanks__btn .btn__icon{
		width: 4.2rem;
		height: 4.2rem;
	}
}

.intro__image--contain img{
	padding: 3rem;
	object-fit: contain;
}

.events__title{
	margin-bottom: 4rem;
}

.events__filter{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 4rem;
}

.events__filter-input{
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	pointer-events: none;
}

.events__filter-btn{
	display: inline-flex;
	align-items: center;
	padding: 1rem 1.5rem;
	border-radius: 0.4rem;
	background-color: #fff;
	font-size: 1.8rem;
	line-height: 1.1;
	color: var(--color-blue-900);
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.events__filter-btn:hover{
	background-color: rgba(81, 136, 237, 0.1);
}

.events__filter-input:checked + .events__filter-btn{
	background-color: var(--color-blue-500);
	color: #fff;
}

.events__grid{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 2rem;
}

.event-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	border-radius: 0.8rem;
	overflow: hidden;
	background-color: #fff;
}

.event-card__head{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 29.5rem;
	padding: 2.4rem;
	overflow: hidden;
	background-color: var(--color-blue-900);
}

.event-card__pic{
	position: absolute;
	inset: 0;
	display: block;
	pointer-events: none;
}

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

.event-card__pic::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(270deg, rgba(15, 28, 42, 0.20) 0%, #0F1C2A 100%);
}

.event-card__title{
	position: relative;
	z-index: 1;
	margin-bottom:1rem;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.1;
	color: #fff;
}

.event-card__subtitle{
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	font-size: 1.6rem;
	line-height: 1.2;
	color: #fff;
}

.event-card__meta{
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: auto;
	padding-top: 2.4rem;
}

.event-card__tag{
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	padding: 1rem 1.4rem;
	border-radius: 0.6rem;
	background-color: #fff;
	font-size: 1.6rem;
	line-height: 1.1;
	white-space: nowrap;
	color: var(--color-blue-900);
}

.event-card__tag svg{
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
}

.event-card__body{
	flex-grow: 1;
	padding: 2.4rem;
}

.event-card__text{
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 1.4;
	color: var(--color-blue-900);
}

.event-card__foot{
	padding: 0 2.4rem 2.4rem;
}

.event-card__btn{
	width: 100%;
}

.event-card__btn .btn__text{
	margin-right: auto;
}

.modal-event{
	max-width: 104rem;
}

.modal-event__inner{
	display: flex;
	align-items: stretch;
	gap: 3rem;
}

.modal-event__content{
	flex-shrink: 0;
	width: calc((100% - 3rem) / 2);
}

.modal-event__preview{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	padding: 2.4rem;
	overflow: hidden;
	z-index: 1;
	border-radius: 0.8rem;
	background: linear-gradient(238deg, rgba(174, 195, 255, 0.19) 30.81%, rgba(142, 93, 255, 0.19) 110.74%), #FFF;
}

.modal-event__meta{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.modal-event__meta:empty{
	display: none;
}

.modal-event__meta .event-card__tag{
	font-size: 1.4rem;
}

.modal-event__pic{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -58%;
	margin: auto 0;
	z-index: -1;
	width: 48rem;
}
.modal-event__preview{
	position: relative;
}

.modal-event__pic img{
	display: block;
	width: 100%;
	height: auto;
}

.modal-event__name{
	margin-bottom: 1rem;
	margin-top: auto;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.modal-event__note{
	margin-bottom: 0;
	font-size: 1.6rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.btn__icon--diag::before{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M7%2017L17%207'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%207H17V16'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M7%2017L17%207'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%207H17V16'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.modal-consult__subtitle br{
	display: none;
}

@media (max-width: 1024px) {
	.events__filter-btn{
		padding: 1rem 1.2rem;
		font-size: 1.5rem;
	}

	.event-card__head{
		min-height: 26rem;
	}

	.event-card__title{
		font-size: 3.2rem;
	}

	.event-card__tag{
		padding: 0.8rem 1.2rem;
		font-size: 1.4rem;
	}

	.event-card__tag svg{
		width: 1.8rem;
		height: 1.8rem;
	}

	.event-card__text{
		font-size: 1.6rem;
	}

	.modal-event .btn{
		font-size: 1.4rem;
	}
}

@media (max-width: 768px) {
	.events__title{
		margin-bottom: 3rem;
	}

		.modal-event .btn{
		font-size: 1.6rem;
	}

	.events__filter{
		margin-bottom: 3rem;
	}

	.event-card{
		width: 100%;
	}

	.event-card__head{
		min-height: 28rem;
	}

	.event-card__title{
		font-size: 3.6rem;
	}
}

@media (max-width: 480px) {
	.events__filter{
		gap: 0.8rem;
	}

	.events__filter-btn{
		font-size: 1.4rem;
	}

	.event-card__head{
		min-height: 22rem;
		padding: 2rem;
	}

	.event-card__title{
		font-size: 2.6rem;
	}

	.event-card__meta{
		gap: 0.8rem;
		padding-top: 2rem;
	}

	.event-card__tag{
		gap: 0.6rem;
		padding: 0.8rem 1rem;
		font-size: 1.3rem;
	}

	.event-card__body,
	.event-card__foot{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.event-card__body{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.event-card__text{
		font-size: 1.5rem;
	}

	.modal-event__meta .event-card__tag{
		padding: 0.8rem 1rem;
		font-size: 1.3rem;
	}
}

@media (max-width: 1024px) {
	.modal-event{
		max-width: 86rem;
	}

	.modal-event__preview{
		padding: 2rem;
	}

	.modal-event__pic{
		width: 38rem;
	}

	.modal-event__name{
		font-size: 3.2rem;
	}
}

@media (max-width: 768px) {
	.modal-event{
		max-width: 48rem;
	}

	.modal-event__inner{
		flex-direction: column;
		gap: 2.4rem;
	}

	.modal-event__content{
		width: 100%;
	}

	.modal-event__preview{
		order: -1;
		width: 100%;
		min-height: 34rem;
	}

	.modal-event__pic{
		width: 34rem;
	}

	.modal-event__name{
		font-size: 2.8rem;
	}
}

@media (max-width: 480px) {
	.modal-event{
		padding: 2rem;
	}

	.modal-event__inner{
		gap: 2rem;
	}

	.modal-event__preview{
		min-height: 28rem;
		padding: 1.6rem;
	}

	.modal-event__pic{
		width: 26rem;
	}

	.modal-event__name{
		font-size: 2.4rem;
	}

	.modal-event__note{
		font-size: 1.4rem;
	}

	    .modal-event .btn {
        font-size: 1.2rem;
    }
}

.esingle{
	padding-top: 0rem !important;
	background-color: var(--color-blue-900);
}

.esingle__card{
	padding: 4rem;
	border-radius: 2rem;
	background-color: #fff;
}

.esingle__meta{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 4rem;
}

.esingle__tag{
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.8rem;
	border-radius: 0.4rem;
	background-color: var(--color-blue-500);
	font-size: 1.6rem;
	line-height: 1.1;
	white-space: nowrap;
	color: #fff;
}

.esingle .promo__subtitle{
	margin-bottom: 0rem;
}

.esingle .promo__content{
	min-height: 34rem;
}

.esingle__tag svg{
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
}

.esingle__title{
	margin-bottom: 3rem;
	text-align: center;
}

.esingle__title span{
	background: none;
	-webkit-text-fill-color: var(--color-blue-500);
	color: var(--color-blue-500);
}

.esingle__banner{
	margin-bottom: 4rem;
}

.esingle__banner .promo__content{
	padding: 6rem 4rem;
}

.esingle__text{
	margin-bottom: 0;
	font-size: 2.4rem;
	line-height: 1.4;
	text-align: center;
	color: var(--color-blue-900);
}

@media (max-width: 768px) {
	h1, .h1{
		font-size: 3rem;
		letter-spacing: -0.12rem;
	}
}

@media (max-width: 480px) {
	h1, .h1{
		font-size: 2.6rem;
		letter-spacing: -0.104rem;
	}
}

@media (max-width: 1024px) {
	.esingle__card{
		padding: 3rem;
	}

	.esingle__meta{
		margin-bottom: 3rem;
	}

	.esingle__title{
		margin-bottom: 2.4rem;
	}

	.esingle__banner{
		margin-bottom: 3rem;
	}

	.esingle .promo__content{
		min-height: 26rem;
	}

	.esingle__banner .promo__content{
		padding: 4rem 3rem;
	}

	.esingle__text{
		font-size: 2rem;
	}
}

@media (max-width: 768px) {
	.esingle__card{
		padding: 2.4rem;
		border-radius: 1.6rem;
	}

	.esingle__meta{
		gap: 0.8rem;
		margin-bottom: 2.4rem;
	}

	.esingle__tag{
		padding: 0.6rem 1rem;
		font-size: 1.4rem;
	}

	.esingle__tag svg{
		width: 1.8rem;
		height: 1.8rem;
	}

	.esingle .promo__content{
		min-height: 20rem;
	}

	.esingle__banner .promo__content{
		padding: 3rem 2.4rem;
	}

	.esingle .promo__subtitle{
		font-size: 1.5rem;
	}

	.esingle__text{
		font-size: 1.7rem;
	}

	.esingle__text br{
		display: none;
	}
}

@media (max-width: 480px) {
	.esingle__card{
		padding: 1.6rem;
		border-radius: 1.2rem;
	}

	.esingle__meta{
		gap: 0.6rem;
		margin-bottom: 2rem;
	}

	.esingle__tag{
		gap: 0.4rem;
		padding: 0.5rem 0.8rem;
		font-size: 1.2rem;
	}

	.esingle__tag svg{
		width: 1.4rem;
		height: 1.4rem;
	}

	.esingle__title{
		margin-bottom: 1.6rem;
	}

	.esingle__banner{
		margin-bottom: 2rem;
	}

	.esingle .promo__content{
		min-height: 16rem;
	}

	.esingle__banner .promo__content{
		padding: 2rem 1.4rem;
	}

	.esingle .promo__title{
		font-size: 2rem;
		margin-bottom: 1rem;
	}

	.esingle .promo__subtitle{
		font-size: 1.3rem;
	}

	.esingle .promo__title br,
	.esingle .promo__subtitle br{
		display: none;
	}

	.esingle__text{
		font-size: 1.5rem;
	}
}

.topics__inner{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 3rem;
}

.topics__title{
	flex-shrink: 0;
	width: 52rem;
	margin-bottom: 0;
}

.topics__list{
	display: flex;
	flex-direction: column;
	max-width: 67rem;
	flex: 1;
	min-width: 0;
	gap: 2rem;
}

.topic-card{
	z-index: 1;
	position: relative;
	padding: 2.4rem 22rem 2.4rem 2.4rem;
	border-radius: 0.8rem;
	overflow: hidden;
	background-color: #fff;
}

.topic-card__title{
	position: relative;
	margin-bottom: 1rem;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.topic-card__points{
	position: relative;
	gap: 1rem;
	margin-bottom: 0;
}

.topic-card__points .auto-card__point{
	align-items: center;
	gap: 1rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.topic-card__pic{
	position: absolute;
	top: 50%;
	right: 1rem;
	z-index: -1;
	translate: 0 -50%;
	display: block;
	width: 27.5rem;
	pointer-events: none;
}

.topic-card__pic img{
	display: block;
	width: 100%;
	height: auto;
}

.create--host .create__media{
	height: 42.5rem;
}

.create--host .create__badge{
	right: auto;
	left: 2.2rem;
}

.create--host .create__badge{
	right: auto;
	left: 2.4rem;
}

.create__points{
	position: relative;
	z-index: 1;
	gap: 1.8rem;
	margin-bottom: 0;
}

.create__points .auto-card__point{
	align-items: center;
	gap: 1.2rem;
	font-size: 1.8rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.ereg__title{
	margin-bottom: 1.2rem;
}

.ereg__subtitle{
	margin-bottom: 2.4rem;
	color: var(--color-blue-900);
}

.ereg__inner{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.ereg__form{
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 1.6rem;
	width: calc((100% - 2rem) / 2);
}

.ereg__inputs{
	width: 100%;
	grid-template-columns: 1fr;
}

.ereg .form-input{
	width: 100%;
	border-color: rgba(0, 0, 0, 0.50);
	background-color: none;
	color: var(--color-blue-900);
}

.ereg .form-input::placeholder{
	color: #9aa4b0;
}

.ereg .form-check__box{
	border-color: rgba(0, 0, 0, 0.50);
	background-color: #fff;
}

.ereg .form-check__text{
	color: var(--color-blue-900);
}

.ereg__submit{
	width: 100%;
}

.ereg__submit .btn__text{
	margin-right: auto;
}

.ereg__preview{
	flex: 1;
	min-width: 0;
}

.ereg__preview .modal-event__name{
	margin-top: 0;
}

.ereg__preview .modal-event__meta{
	margin-top: auto;
}

.ereg__preview .modal-event__pic{
	top: 50%;
	left: auto;
	right: -4rem;
	translate: 0 -55%;
	width: 48rem;
}

.ereg__preview .modal-event__name,
.ereg__preview .modal-event__note{
	max-width: 36rem;
}
.intro--spasibo .intro__piece{
	height: 100% !important;
	bottom: 0 !important;
}

.intro--spasibo .thanks__text br{
	display: none;
}

@media (max-width: 1024px) {
	.topics__inner{
		flex-direction: column;
		gap: 3rem;
	}

	.topics__title{
		width: 100%;
	}

	.topic-card{
		padding-right: 20rem;
	}

	.topic-card__pic{
		width: 18rem;
	}

	.create--host .create__media{
		height: 36rem;
	}

	.ereg__preview .modal-event__pic{
		right: -2rem;
		width: 30rem;
	}
}

@media (max-width: 768px) {
	.topic-card{
		padding-right: 16rem;
	}

	.topic-card__pic{
		right: 0.4rem;
		width: 14rem;
	}

	.create--host .create__media{
		height: auto;
	}

	.create--host .create__content{
		justify-content: flex-start;
	}

	.create__points .auto-card__point{
		font-size: 1.6rem;
	}

	.ereg__inner{
		flex-direction: column;
	}

	.ereg__form{
		width: 100%;
	}

	.ereg__preview{
		order: -1;
		width: 100%;
		min-height: 34rem;
	}

	.ereg__preview .modal-event__pic{
		right: -2rem;
		width: 32rem;
	}

	.ereg__subtitle{
		font-size: 1.6rem;
	}
}

@media (max-width: 480px) {
	.topic-card{
		padding: 2rem;
	}

	.topic-card__pic{
		display: none;
	}

	.topic-card__title{
		font-size: 1.8rem;
	}

	.create--host .create__badge{
		left: 1rem;
		right: 1rem;
	}

	.ereg__preview{
		min-height: 28rem;
	}

	.ereg__preview .modal-event__pic{
		right: -3rem;
		width: 24rem;
	}
}

.intro__col{
	display: flex;
	flex-direction: column;
	gap: 2rem;
	flex-grow: 1;
	min-width: 0;
}

.intro--cases .intro__main{
	min-height: 44rem;
	flex-grow: 1;
}

.intro--cases .intro__subtitle{
	margin-bottom: 0;
}

.intro--cases .intro__facts{
	margin-top: 0;
}

.intro--cases .rost-stat{
	width: calc((100% - 2rem) / 2);
	gap: 1.6rem;
	padding: 3rem;
}

.intro--cases .rost-stat__label{
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.cases-list__filter{
	margin-bottom: 3rem;
}

.cases-list__grid{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.case-item{
	display: flex;
	flex-direction: column;
	width: calc((100% - 4.02rem) / 3);
	padding: 2.4rem;
	background-color: #fff;
	border-radius: 0.8rem;
	transition: box-shadow 0.25s ease;
}

.case-item:hover{
	box-shadow: 0 0.4rem 1.5rem 0 rgba(0, 0, 0, 0.1);
}

.case-item__media{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38rem;
	padding: 2.4rem;
	border-radius: 0.8rem;
	background-color: var(--color-blue-900);
	overflow: hidden;
}

.case-item__brand{
	position: absolute;
	left: 2.4rem;
	top: 2.4rem;
	display: inline-flex;
}

.case-item__brand img{
	display: block;
	width: auto;
	height: 3.8rem;
}

.case-item__systems{
	position: absolute;
	right: 2.4rem;
	top: 2.4rem;
	display: flex;
	gap: 0.6rem;
}

.case-item__system{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 2.8rem;
	padding: 0 1rem;
	border-radius: 0.2rem;
	background-color: #fff;
}

.case-item__system img{
	display: block;
	width: auto;
	height: 1.8rem;
}

.case-item__logo{
	display: block;
	width: auto;
	max-width: 60%;
	height: auto;
}

.case-item__time{
	position: absolute;
	left: 2.4rem;
	bottom: 2.4rem;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	height: 4rem;
	padding: 0 0.8rem;
	border-radius: 0.4rem;
	background-color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	color: var(--color-blue-900);
}

.case-item__time svg{
	display: block;
	width: 2rem;
	height: 2rem;
	flex-shrink: 0;
}

.case-item__title{
	padding-top: 2rem;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

@media (max-width: 1024px) {
	.intro--cases .intro__main{
		min-height: 34rem;
	}

	.intro__col{
		gap: 1.6rem;
	}

	.intro--cases .rost-stat{
		width: calc((100% - 1.6rem) / 2);
		gap: 1.2rem;
		padding: 2rem;
	}

	.intro--cases .intro__facts{
		gap: 1.6rem;
	}

	.intro--cases .rost-stat__label{
		font-size: 1.8rem;
	}

	.cases-list__filter{
		margin-bottom: 2.4rem;
	}

	.case-item{
		width: calc((100% - 2.02rem) / 2);
		padding: 2rem;
	}

	.case-item__media{
		height: 32rem;
		padding: 2rem;
	}

	.case-item__brand{
		left: 2rem;
		top: 2rem;
	}

	.case-item__brand img{
		height: 3.2rem;
	}

	.case-item__systems{
		right: 2rem;
		top: 2rem;
	}

	.case-item__time{
		left: 2rem;
		bottom: 2rem;
		height: 3.4rem;
		font-size: 1.5rem;
	}

	.case-item__time svg{
		width: 1.8rem;
		height: 1.8rem;
	}

	.case-item__title{
		padding-top: 1.6rem;
		font-size: 2.6rem;
	}
}

@media (max-width: 768px) {
	.intro--cases .intro__main{
		min-height: auto;
	}

	.intro--cases .intro__title br,
	.intro--cases .intro__subtitle br{
		display: none;
	}

	.intro--cases .rost-stat{
		padding: 2.4rem;
	}

	.intro--cases .rost-stat__label{
		font-size: 1.7rem;
	}

	.cases-list__grid{
		gap: 1.6rem;
	}

	.case-item{
		width: 100%;
	}

	.case-item__media{
		height: 34rem;
	}

	.case-item__title{
		font-size: 2.8rem;
	}
}

@media (max-width: 480px) {
	.intro__col{
		gap: 1rem;
	}

	.intro--cases .intro__facts{
		gap: 1rem;
	}

	.intro--cases .rost-stat{
		width: 100%;
		gap: 1rem;
		padding: 2rem;
	}

	.intro--cases .rost-stat__value{
		font-size: 5.4rem;
		letter-spacing: -0.24rem;
	}

	.intro--cases .rost-stat__label{
		font-size: 1.6rem;
	}

	.cases-list__filter{
		margin-bottom: 2rem;
	}

	.cases-list__grid{
		gap: 1rem;
	}

	.case-item{
		padding: 1.2rem;
	}

	.case-item__media{
		height: 24rem;
		padding: 1.6rem;
	}

	.case-item__brand{
		left: 1.6rem;
		top: 1.6rem;
	}

	.case-item__brand img{
		height: 2.6rem;
	}

	.case-item__systems{
		right: 1.6rem;
		top: 1.6rem;
		gap: 0.4rem;
	}

	.case-item__system{
		height: 2.4rem;
		padding: 0 0.8rem;
	}

	.case-item__system img{
		height: 1.4rem;
	}

	.case-item__logo{
		max-width: 55%;
	}

	.case-item__time{
		left: 1.6rem;
		bottom: 1.6rem;
		height: 3rem;
		padding: 0 0.8rem;
		font-size: 1.4rem;
	}

	.case-item__time svg{
		width: 1.6rem;
		height: 1.6rem;
	}

	.case-item__title{
		padding-top: 1.4rem;
		font-size: 2.2rem;
	}
}

.intro--case .intro__main{
	min-height: 47rem;
	flex-grow: 1;
}

.intro--case .intro__subtitle{
	margin-top: 4rem;
	margin-bottom: 0.8rem;
	font-size: 2.4rem;
}

.intro__desc{
	max-width: 62rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.intro--case .intro__facts{
	margin-top: 0;
}

.intro--case .rost-stat{
	width: calc((100% - 4.02rem) / 3);
	gap: 2rem;
	padding: 2.4rem;
}

.intro--case .rost-stat__label{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.auto-card__marker--x{
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: none;
	border-radius: 0;
	background-clip: border-box;
	background-color:#7F71E5;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6%206L18%2018M18%206L6%2018'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6%206L18%2018M18%206L6%2018'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bylo__inner{
	display: flex;
	align-items: flex-start;
	gap: 6rem;
}

.bylo__aside{
	flex-grow: 1;
	min-width: 0;
}

.bylo__label{
	display: inline-flex;
	align-items: center;
	height: 4.2rem;
	padding: 0 1.5rem;
	margin-bottom: 4rem;
	border-radius: 0.4rem;
	background-color: var(--color-blue-500);
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
}

.bylo__title{
	margin-bottom: 0;
	font-size: 4.8rem;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.192rem;
	color: var(--color-blue-900);
}

.bylo__list{
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 2rem;
	width: 68rem;
}

.bylo-card{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	padding: 3rem;
	border-radius: 0.8rem;
	background-color: #fff;
	color: var(--color-blue-900);
}

.bylo-card__body{
	min-width: 0;
}

.bylo-card__title{
	margin-bottom: 2rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.15;
	color: var(--color-blue-900);
}

.bylo-card__points{
	margin-bottom: 0;
}

.bylo-card .auto-card__point{
	align-items: center;
	gap: 1rem;
	line-height: 1.3;
}

.bylo-card__pic{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 25rem;
	height: 21.6rem;
}

.bylo-card__pic img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.8rem;
}

.bylo--dark{
	background-color: var(--color-blue-900);
}

.bylo--dark .bylo__title{
	color: #fff;
}

.troubles__title{
	margin-bottom: 4rem;
}

.troubles__grid{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.trouble-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 4.02rem) / 3);
	min-width: 0;
	padding: 2.4rem;
	border-radius: 0.8rem;
	background-color: #fff;
}

.trouble-card__icon{
	align-self: flex-end;
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: 1.2rem;
	background-color: var(--color-blue-500);
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6%206L18%2018M18%206L6%2018'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6%206L18%2018M18%206L6%2018'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.trouble-card__title{
	margin-bottom: 1.2rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.trouble-card__text{
	margin-bottom: 0;
	line-height: 1.3;
}

.stalo__top{
	display: flex;
	align-items: center;
	gap: 2rem;
	margin-bottom: 4rem;
}

.stalo__content{
	width: calc((100% - 2rem) / 2);
	min-width: 0;
}

.stalo__label{
	display: inline-flex;
	align-items: center;
	height: 4.2rem;
	padding: 0 1.5rem;
	margin-bottom: 4rem;
	border-radius: 0.4rem;
	background-color: var(--color-blue-500);
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
}

.stalo__title{
	margin-bottom: 3rem;
	font-size: 4.8rem;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.192rem;
	color: var(--color-blue-900);
}

.stalo__points{
	margin-bottom: 0;
	gap: 1.6rem;
}

.stalo__points .auto-card__point{
	font-size: 1.6rem;
	line-height: 1.3;
}

.stalo__pic{
	display: block;
	width: calc((100% - 2rem) / 2);
	border-radius: 2rem;
	overflow: hidden;
	background: #FFF;
}

.stalo__pic img{
	display: block;
	width: 100%;
	height: auto;
}

.stalo__grid{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.stalo-block{
	padding: 2.4rem;
	width: calc((100% - 4.02rem) / 3);
	box-shadow: 0.4rem 0.2rem 3.5rem 0 rgba(28, 65, 104, 0.05);
	border-radius: 0.8rem;

	min-width: 0;
}

.stalo-block__title{
	margin-bottom: 2rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.15;
	color: var(--color-blue-900);
}

.stalo-block__list{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	padding-left: 2rem;
	list-style: decimal;
}

.stalo-block__item{
	padding-left: 0.4rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.effect__label{
	display: inline-flex;
	align-items: center;
	height: 3.4rem;
	padding: 0 1.4rem;
	margin-bottom: 3rem;
	border-radius: 0.4rem;
	background-color: var(--color-blue-500);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	color: #fff;
}

.effect__title{
	margin-bottom: 4rem;
}

.effect__stats{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 2rem;
}

.effect-stat{
	display: flex;
	flex-direction: column;
	width: calc((100% - 4.02rem) / 3);
	min-width: 0;
	padding: 2.4rem;
	border-radius: 0.8rem;
	background-color: #fff;
}

.effect-stat__num{
	margin-bottom: 1.2rem;
	font-size: 5.4rem;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.132rem;
	color: var(--color-blue-500);
}

.effect-stat__text{
	margin-bottom: 4rem;
	font-size: 1.6rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.effect-stat__rows{
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin-top: auto;
}

.effect-stat__row{
	display: flex;
	gap:1rem;
}

.effect-stat__key,
.effect-stat__val{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 3.9rem;
	padding: 0 1.5rem;
	border-radius: 0.4rem;
	background-color: #F3F4F6;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
	color: var(--color-blue-900);
}

.effect-stat__key{
	width: calc((100% - 2rem) / 3);
	flex-shrink: 0;
}

.effect-stat__val{
	min-width: 0;
		width: calc((100% - 2rem) / 3);
}

.effect-stat__row--after .effect-stat__key,
.effect-stat__row--after .effect-stat__val{
	background-color: var(--color-blue-100);
}

.effect__grid{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.effect-block{
	width: calc((100% - 2.02rem) / 2);
	min-width: 0;
	padding: 4rem 3rem;
	border-radius: 0.8rem;
	background-color: #fff;
}

.effect-block__title{
	margin-bottom: 1.6rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.15;
	color: var(--color-blue-900);
}

.effect-block__text{
	margin-bottom: 2.4rem;
	font-size: 1.6rem;
	line-height: 1.3;
}

.effect-block__text:last-child{
	margin-bottom: 0;
}

.effect-block__points{
	margin-bottom: 0;
	gap: 1.6rem;
}

.effect-block__points .auto-card__point{
	font-size: 1.6rem;
	line-height: 1.3;
}

.otzyv__inner{
	display: flex;
	align-items: flex-start;
	gap: 2rem;
}

.otzyv__title{
	width: calc((100% - 2rem) / 2);
	min-width: 0;
	margin-bottom: 0;
}

.otzyv__card{
	width: calc((100% - 2rem) / 2);
	min-width: 0;
	padding: 4rem 3rem;
	border-radius: 1rem;
	background-color: #fff;
}

.otzyv__head{
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-bottom: 2.6rem;
}

.otzyv__avatar{
	display: block;
	flex-shrink: 0;
	width: 11.6rem;
	height: 11.6rem;
	border-radius: 50%;
	overflow: hidden;
}

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

.otzyv__name{
	margin-bottom: 0.5rem;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.otzyv__role{
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 1.1;
}

.otzyv__text{
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 1.4;
	color: var(--color-blue-900);
}

.intro--reviews  .intro__piece--full{
	bottom: -3rem;
	height: calc(100% + 5rem);
	z-index: -1;
	top: auto;
}

.rost-stat{
	z-index: 1;
}

.intro__main{
	z-index: 1;
}

.rost-stat .intro__piece--full{
	height: 100%;
	bottom: 0;
}

@media (max-width: 1024px) {
	.intro--case .intro__main{
		min-height: 34rem;
	}

	.intro--case .intro__subtitle{
		margin-top: 3rem;
		font-size: 2rem;
	}

	.intro__desc{
		font-size: 1.5rem;
	}

	.intro--case .rost-stat{
		gap: 1.2rem;
		padding: 1.6rem;
	}

	.intro--case .rost-stat__value{
		font-size: 4.8rem;
		letter-spacing: -0.24rem;
	}

	.intro--case .rost-stat__label{
		font-size: 1.4rem;
	}

	.bylo__inner{
		gap: 3rem;
	}

	.bylo__list{
		width: calc((100% - 3rem) * 0.58);
	}

	.bylo__label,
	.stalo__label,
	.effect__label{
		height: 3.6rem;
		margin-bottom: 3rem;
		font-size: 1.6rem;
	}

	.bylo__title,
	.stalo__title{
		font-size: 4rem;
	}

	.bylo-card{
		padding: 2rem;
	}

	.bylo-card__title{
		margin-bottom: 1.6rem;
		font-size: 2rem;
	}

	.bylo-card__pic{
		width: 16rem;
		height: 16rem;
	}

	.trouble-card{
		width: calc((100% - 2.02rem) / 2);
	}

	.trouble-card__title{
		font-size: 2.2rem;
	}

	.stalo__title{
		margin-bottom: 2.4rem;
	}

	.stalo__points .auto-card__point,
	.effect-block__points .auto-card__point,
	.stalo-block__item{
		font-size: 1.5rem;
	}

	.stalo-block__title,
	.effect-block__title{
		font-size: 2.2rem;
	}

	.effect-stat__num{
		font-size: 4.4rem;
	}

	.effect-stat__text{
		margin-bottom: 3rem;
	}

	.effect-stat__key,
	.effect-stat__val{
		width: calc((100% - 1rem) / 2);
		height: 3.6rem;
		padding: 0 1rem;
		font-size: 1.5rem;
	}

	.effect-block{
		padding: 3rem 2.4rem;
	}

	.otzyv__card{
		padding: 3rem 2.4rem;
	}

	.otzyv__head{
		margin-bottom: 2rem;
	}

	.otzyv__avatar{
		width: 9rem;
		height: 9rem;
	}

	.otzyv__name{
		font-size: 2.6rem;
	}

	.otzyv__role{
		font-size: 1.6rem;
	}

	.otzyv__text{
		font-size: 1.6rem;
	}
}

@media (max-width: 768px) {
	.intro--case .intro__main{
		min-height: auto;
	}

	.intro--case .intro__subtitle{
		margin-top: 2.4rem;
		font-size: 2.2rem;
	}

	.intro__desc{
		font-size: 1.6rem;
	}

	.intro__desc br{
		display: none;
	}

	.intro--case .rost-stat{
		gap: 1rem;
		padding: 2rem;
	}

	.intro--case .rost-stat__value{
		font-size: 4.6rem;
		letter-spacing: -0.2rem;
	}

	.intro--case .rost-stat__label{
		font-size: 1.5rem;
	}

	.intro--case .rost-stat__label br{
		display: none;
	}

	.bylo__inner{
		flex-direction: column;
		gap: 3rem;
	}

	.bylo__aside,
	.bylo__list{
		width: 100%;
	}

	.bylo__label,
	.stalo__label,
	.effect__label{
		height: 3.4rem;
		margin-bottom: 2rem;
		font-size: 1.5rem;
	}

	.bylo__title,
	.stalo__title{
		font-size: 3rem;
	}

	.bylo__title br,
	.stalo__title br,
	.otzyv__title br{
		display: none;
	}

	.bylo-card__title{
		font-size: 2.2rem;
	}

	.bylo-card__title br{
		display: none;
	}

	.bylo-card__points br,
	.stalo__points br,
	.effect-block__points br,
	.effect-block__text br,
	.trouble-card__text br,
	.stalo-block__item br,
	.otzyv__text br{
		display: none;
	}

	.bylo-card__pic{
		width: 18rem;
		height: 18rem;
	}

	.troubles__title{
		margin-bottom: 3rem;
	}

	.trouble-card{
		width: 100%;
	}

	.trouble-card__title{
		font-size: 2.2rem;
	}

	.stalo__top{
		flex-direction: column;
		align-items: stretch;
		gap: 3rem;
		margin-bottom: 3rem;
	}

	.stalo__content,
	.stalo__pic{
		width: 100%;
	}

	.stalo__title{
		margin-bottom: 2rem;
	}

	.stalo-block{
		width: 100%;
	}

	.stalo-block__title,
	.effect-block__title{
		font-size: 2.2rem;
	}

	.effect__title{
		margin-bottom: 3rem;
	}

	.effect-stat{
		width: 100%;
	}

	.effect-stat__num{
		font-size: 4rem;
	}

	.effect-stat__text{
		margin-bottom: 2.4rem;
	}

	.effect-stat__key,
	.effect-stat__val{
		height: 4rem;
		font-size: 1.6rem;
	}

	.effect-block{
		width: 100%;
		padding: 2.4rem;
	}

	.otzyv__inner{
		flex-direction: column;
		gap: 3rem;
	}

	.otzyv__title,
	.otzyv__card{
		width: 100%;
	}

	.otzyv__card{
		padding: 2.4rem;
	}

	.otzyv__avatar{
		width: 10rem;
		height: 10rem;
	}

	.otzyv__name{
		font-size: 2.4rem;
	}

	.otzyv__text{
		font-size: 1.7rem;
	}
}

@media (max-width: 480px) {
	.intro--case .intro__subtitle{
		margin-top: 2rem;
		font-size: 2rem;
	}

	.intro--case .rost-stat{
		width: 100%;
		gap: 0.8rem;
		padding: 1.6rem;
	}

	.intro--case .rost-stat__value{
		font-size: 4.4rem;
	}

	.bylo__inner{
		gap: 2.4rem;
	}

	.bylo__label,
	.stalo__label,
	.effect__label{
		height: 3.2rem;
		padding: 0 1.2rem;
		font-size: 1.4rem;
	}

	.bylo__title,
	.stalo__title{
		font-size: 2.4rem;
	}

	.bylo-card{
		flex-direction: column;
		align-items: stretch;
		gap: 1.6rem;
		padding: 1.6rem;
	}

	.bylo-card__title{
		margin-bottom: 1.2rem;
		font-size: 2rem;
	}

	.bylo-card__pic{
		width: 100%;
		height: auto;
	}

	.bylo-card__pic img{
		height: auto;
	}

	.trouble-card{
		padding: 2rem;
	}

	.trouble-card__title{
		font-size: 2rem;
	}

	.stalo-block{
		padding: 2rem;
	}

	.stalo__pic{
		border-radius: 1rem;
	}

	.stalo-block__title,
	.effect-block__title{
		font-size: 2rem;
	}

	.effect-stat{
		padding: 2rem;
	}

	.effect-stat__num{
		font-size: 3.2rem;
	}

	.effect-stat__key,
	.effect-stat__val{
		height: 3.6rem;
		padding: 0 0.8rem;
		font-size: 1.5rem;
	}

	.effect-block{
		padding: 2rem;
	}

	.otzyv__card{
		padding: 2rem;
	}

	.otzyv__head{
		gap: 1.2rem;
	}

	.otzyv__avatar{
		width: 8rem;
		height: 8rem;
	}

	.otzyv__name{
		font-size: 2.2rem;
	}

	.otzyv__role{
		font-size: 1.5rem;
	}

	.otzyv__text{
		font-size: 1.6rem;
	}
}

.intro--reviews .intro__image{
	background: linear-gradient(180deg, #FFF 0%, #F1F2F6 100%);
}

.intro__piece--full{
	top: 0;
	bottom: auto;
	height: 100%;
}

.intro--reviews .rost-stat{
	position: relative;
	overflow: hidden;
}

@media (max-width: 1024px) {
	.intro--reviews .intro__image img{
		padding: 3rem;
		object-fit: contain;
	}
}

@media (max-width: 1024px) {
	.intro--reviews .intro__title{
		font-size: 3.6rem;
		letter-spacing: -0.1rem;
	}

	.intro--reviews .intro__title br{
		display: none;
	}

	.intro--reviews .intro__subtitle br{
		display: none;
	}
}

@media (max-width: 768px) {
	.intro--reviews .intro__image img{
		padding: 2rem;
	}
}

@media (max-width: 480px) {
	.intro--reviews .intro__image{
		height: 30rem;
	}

	.intro--reviews .intro__image img{
		padding: 1.2rem;
	}
}

.reviews__grid{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.reviews--grid .review{
	width: calc((100% - 4.02rem) / 3);
	min-width: 0;
	height: auto;
}

.reviews--grid .review__text{
	min-height: 13.2rem;
}

.reviews--grid .review__link{
	margin-bottom: 0;
}

.rasskaz__banner{
	position: relative;
	overflow: hidden;
	min-height: 42rem;
	padding: 6rem;
	border-radius: 2rem;
	background: linear-gradient(135deg, #F5F4FD 0%, #E9E6FA 100%);
}

.rasskaz__content{
	position: relative;
	z-index: 1;
	max-width: 85rem;
}

.rasskaz__subtitle{
	margin-bottom: 4rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.rasskaz__actions{
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem;
}

.rasskaz__btn, a.rasskaz__btn{
	font-size: 1.6rem;
}

.rasskaz__actions .btn--light{
	background-color: #fff;
	color: var(--color-blue-900);
}

.rasskaz__pic{
	position: absolute;
	right: -9.8rem;
	top: 50%;
	translate: 0 -50%;
	display: block;
	height: calc(100% + 6rem);
	pointer-events: none;
}

.rasskaz__pic img{
	display: block;
	width: auto;
	height: 100%;
}

@media (max-width: 1024px) {
	.rasskaz__banner{
		min-height: 36rem;
		padding: 4rem;
	}

	.rasskaz__content{
		max-width: 82rem;
	}

	.rasskaz__title{
		font-size: 3.6rem;
	}

	.rasskaz__title br{
		display: none;
	}

	.rasskaz__subtitle{
		margin-bottom: 3rem;
	}

	.rasskaz__pic{
		right: -6rem;
		height: calc(100% - 4rem);
	}
}

@media (max-width: 768px) {
	.rasskaz__banner{
		min-height: 0;
		padding: 3rem;
	}

	.rasskaz__content{
		max-width: none;
	}

	.rasskaz__title{
		font-size: 3rem;
	}

	.rasskaz__subtitle{
		margin-bottom: 2.4rem;
	}

	.rasskaz__actions{
		flex-direction: column;
	}

	.rasskaz__btn{
		width: 100%;
	}

	.rasskaz__pic{
		position: static;
		translate: none;
		width: 100%;
		max-width: 38rem;
		height: auto;
		margin: 3rem auto 0;
	}

	.rasskaz__pic img{
		width: 100%;
		height: auto;
	}
}

@media (max-width: 480px) {
	.rasskaz__banner{
		padding: 2rem;
		border-radius: 1.2rem;
	}

	.rasskaz__title{
		font-size: 2.4rem;
	}

	.rasskaz__subtitle{
		margin-bottom: 2rem;
	}

	.rasskaz__btn{
		font-size: 1.5rem;
	}

	.rasskaz__pic{
		max-width: 100%;
		margin-top: 2.4rem;
	}
}

.intro--blog .intro__image{
	background-color: #FAFAFA;
}

@media (max-width: 1024px) {
	.intro--blog .intro__image img{
		padding: 3rem;
		object-fit: contain;
	}
}

.posts__filter{
	margin-bottom: 3rem;
}

.posts__grid{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.post-card{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	width: calc((100% - 6.06rem) / 4);
	min-width: 0;
}

.post-card--third{
	width: calc((100% - 4.04rem) / 3);
}

.post-card--half{
	width: calc((100% - 2.02rem) / 2);
}

.post-card__media{
	position: relative;
	display: block;
	flex-shrink: 0;
	height: 24.8rem;
	border-radius: 0.8rem;
	background-color: #d9d9d9;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.post-card--third .post-card__media{
	height: 27rem;
}

.post-card--half .post-card__media{
	height: 43rem;
}

.post-card__title{
	margin-top: auto;
	font-size: 1.8rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.post-card--half .post-card__title{
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.2;
}

.post-card__time{
	position: absolute;
	left: 2.4rem;
	bottom: 2.4rem;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	height: 4rem;
	padding: 0 1.4rem;
	border-radius: 0.4rem;
	background-color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	color: var(--color-blue-900);
}

.post-card__time svg{
	display: block;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
}

.post-card__play{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.8rem;
	height: 5.8rem;
	color: var(--text-color);
	border-radius: 50%;
	background: #FAFAFA;
	transition: opacity 0.25s ease;
}

.post-card__play svg path{
	fill: var(--text-color);
}

.post-card:hover .post-card__play{
	opacity: 0.8;
}

.post-card__play svg{
	display: block;
	margin-left: 0.4rem;
	width: 1.8rem;
	height: 2.1rem;
}

.post-card__go{
	position: absolute;
	right: 2.4rem;
	bottom: 2.4rem;
	width: 4rem;
	height: 4rem;
	border-radius: 0.4rem;
	background-color: #fff;
	transition: background-color 0.25s ease;
}

.post-card__go::before{
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--color-blue-500);
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M11%204H4V18C4%2019.1046%204.89543%2020%206%2020H18C19.1046%2020%2020%2019.1046%2020%2018V13'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%2015L20%204'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M15%204H20V9'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / 55% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M11%204H4V18C4%2019.1046%204.89543%2020%206%2020H18C19.1046%2020%2020%2019.1046%2020%2018V13'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%2015L20%204'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M15%204H20V9'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / 55% no-repeat;
}

.post-card--cover .post-card__media{
	display: flex;
	flex-direction: column;
	height: 51rem;
	padding: 3rem;
}

.post-card--cover .post-card__title{
	margin-top: 0;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.15;
	color: #fff;
}

.post-card--split{
	flex-direction: row;
	gap: 0;
	border-radius: 0.8rem;
	background-color: #fff;
	overflow: hidden;
}

.post-card--split .post-card__body{
	display: flex;
	flex-direction: column;
	width: 52%;
	min-width: 0;
	padding: 3rem;
}

.post-card--split .post-card__title{
	margin-top: 0;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.3;
}

.post-card--split .post-card__time{
	position: static;
	align-self: flex-start;
	margin-top: auto;
	border: 0.1rem solid #eaecf0;
}

.post-card--split .post-card__media{
	width: 48%;
	height: auto;
	border-radius: 0.8rem;
}

.posts__footer{
	display: flex;
	justify-content: center;
	margin-top: 6.2rem;
}

.rasskaz_v2  .rasskaz__content {
	max-width: 92rem;
}

.rasskaz_v2 .rasskaz__pic {
    position: absolute;
    right: -30.8rem;
    top: 50%;
    translate: 0 -50%;
    display: block;
    height: calc(100% + 4rem);
    pointer-events: none;
}

@media (max-width: 1024px) {
	.posts__filter{
		margin-bottom: 2.4rem;
	}

	.post-card,
	.post-card--third,
	.post-card--half{
		width: calc((100% - 2.02rem) / 2);
	}

	.post-card__media,
	.post-card--third .post-card__media{
		height: 26rem;
	}

	.post-card--half .post-card__media{
		height: 32rem;
	}

	.post-card--cover .post-card__media{
		height: 40rem;
		padding: 2.4rem;
	}

	.post-card--half .post-card__title,
	.post-card--cover .post-card__title{
		font-size: 2.6rem;
	}

	.post-card__time{
		left: 2rem;
		bottom: 2rem;
		height: 3.6rem;
		padding: 0 1.2rem;
		font-size: 1.5rem;
	}

	.post-card__go{
		right: 2rem;
		bottom: 2rem;
	}

	.post-card--split .post-card__body{
		padding: 2.4rem;
	}

	.post-card--split .post-card__title{
		font-size: 1.7rem;
	}

	.posts__footer{
		margin-top: 4rem;
	}

	.rasskaz_v2 .rasskaz__content{
		max-width: 52rem;
	}

	.rasskaz_v2 .rasskaz__pic{
		right: -6rem;
		height: calc(100% - 4rem);
	}
}

@media (max-width: 768px) {
	.post-card,
	.post-card--third,
	.post-card--half{
		width: 100%;
	}

	.post-card__media,
	.post-card--third .post-card__media,
	.post-card--half .post-card__media{
		height: 32rem;
	}

	.post-card--cover .post-card__media{
		height: 40rem;
	}

	.post-card__title{
		font-size: 2rem;
	}

	.post-card--half .post-card__title,
	.post-card--cover .post-card__title{
		font-size: 2.8rem;
	}

	.post-card__title br{
		display: none;
	}

	.post-card--split .post-card__body{
		width: 50%;
	}

	.post-card--split .post-card__media{
		width: 50%;
	}

	.post-card--split .post-card__title{
		font-size: 2rem;
	}

	.rasskaz_v2 .rasskaz__content{
		max-width: none;
	}

	.rasskaz_v2 .rasskaz__pic{
		position: static;
		right: auto;
		top: auto;
		translate: none;
		width: 100%;
		max-width: 38rem;
		height: auto;
		margin: 3rem auto 0;
	}
}

@media (max-width: 480px) {
	.posts__filter{
		margin-bottom: 2rem;
	}

	.posts__grid{
		gap: 1.6rem;
	}

	.post-card{
		gap: 1.2rem;
	}

	.post-card__media,
	.post-card--third .post-card__media,
	.post-card--half .post-card__media{
		height: 22rem;
	}

	.post-card--cover .post-card__media{
		height: 32rem;
		padding: 2rem;
	}

	.post-card__title{
		font-size: 1.8rem;
	}

	.post-card--half .post-card__title,
	.post-card--cover .post-card__title{
		font-size: 2.2rem;
	}

	.post-card__time{
		left: 1.6rem;
		bottom: 1.6rem;
		height: 3.2rem;
		gap: 0.4rem;
		padding: 0 1rem;
		font-size: 1.4rem;
	}

	.post-card__time svg{
		width: 1.8rem;
		height: 1.8rem;
	}

	.post-card__play{
		width: 4.8rem;
		height: 4.8rem;
	}

	.post-card__play svg{
		width: 1.5rem;
		height: 1.8rem;
	}

	.post-card__go{
		right: 1.6rem;
		bottom: 1.6rem;
		width: 3.4rem;
		height: 3.4rem;
	}

	.post-card--split{
		flex-direction: column;
	}

	.post-card--split .post-card__body{
		width: 100%;
		padding: 2rem;
	}

	.post-card--split .post-card__title{
		margin-bottom: 2rem;
		font-size: 1.8rem;
	}

	.post-card--split .post-card__time{
		margin-top: 0;
	}

	.post-card--split .post-card__media{
		width: calc(100% - 4rem);
		height: 20rem;
		margin: 0 2rem 2rem;
	}

	.posts__footer{
		margin-top: 3rem;
	}

	.rasskaz_v2 .rasskaz__pic{
		max-width: 100%;
		margin-top: 2.4rem;
	}
}

.intro__meta{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 3rem;
}

.intro__tag,
.intro__meta-item{
	display: inline-flex;
	align-items: center;
	height: 4rem;
	padding: 0 1.4rem;
	border-radius: 0.4rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
}

.intro__tag{
	background-color: var(--color-blue-500);
	color: #fff;
}

.intro__meta-item{
	gap: 0.6rem;
	background-color: #fff;
	color: var(--color-blue-900);
}

.intro__meta-item svg{
	display: block;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
}

.article__inner{
	display: flex;
	align-items: flex-start;
	gap: 4rem;
}

.article__aside{
	position: sticky;
	top: calc(var(--header-height) + 6rem);
	width: calc((100% - 4rem) / 2);
	flex-shrink: 0;
}

.article__pic{
	display: block;
	height: 40rem;
	margin-bottom: 4rem;
	border-radius: 2rem;
	background-color: #eceef2;
	overflow: hidden;
}

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

.article__aside-title{
	margin-bottom: 2rem;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.0128rem;
}

.author-card{
	display: flex;
	align-items: center;
	gap: 1.6rem;
	max-width: 40rem;
	padding: 0.8rem;
	border-radius: 0.8rem;
	background-color: #fff;
}

.author-card__photo{
	display: block;
	flex-shrink: 0;
	width: 11.6rem;
	height:11.6rem;
	border-radius: 0.4rem;
	background-color: #eceef2;
	overflow: hidden;
}

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

.author-card__name{
	margin-bottom: 0.4rem;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.1;
	color: var(--color-blue-900);
}

.author-card__role{
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 1.1;
}

.article__content{
	width: calc((100% - 4rem) / 2);
	flex-grow: 1;
	min-width: 0;
	font-size: 1.8rem;
}

.article__content p{
	margin-bottom: 1rem;
	line-height: 1.5;
	color: var(--color-blue-900);
}

.article__content h2{
	margin-top: 4rem;
	margin-bottom: 2rem;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.056rem;
}

.article__content > h2:first-child{
	margin-top: 0;
}

.article__content ul{
	margin-bottom: 2.4rem;
	padding-left: 2.4rem;
	list-style: disc;
}

.article__content li{
	margin-bottom: 1.2rem;
	list-style: disc;
	font-size: 1.6rem;
	line-height: 1.5;
	color: var(--color-blue-900);
}

.article__content li:last-child{
	margin-bottom: 0;
}

.article__content > *:last-child{
	margin-bottom: 0;
}

.article__cta{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin: 3.2rem 0;
	padding: 2.4rem;
	border-radius: 0.8rem;
	background-color: var(--color-blue-900);
}

.article__cta .article__cta-title{
	margin-bottom: 0.4rem;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.1;
	color: #fff;
}

.article__cta .article__cta-text{
	margin-bottom: 0;
	font-size: 1.8rem;
	color: #fff;
	line-height: 1.1;
}

.article__cta-btn{
	flex-shrink: 0;
	font-size: 1.6rem;
}

.article__cta-btn .btn__icon{
	width: 4.8rem;
	height: 4.8rem;
}

.posts__title{
	margin-bottom: 4rem;
}

@media (max-width: 1024px) {
	.intro__meta{
		margin-bottom: 2.4rem;
	}

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

	.intro__tag,
	.intro__meta-item{
		height: 3.6rem;
		padding: 0 1.2rem;
		font-size: 1.5rem;
	}

	.article__inner{
		gap: 3rem;
	}

	.article__aside{
		width: calc((100% - 3rem) / 2);
	}

	.article__pic{
		height: 32rem;
		margin-bottom: 3rem;
		border-radius: 1.2rem;
	}

	.article__aside-title,
	.article__content h2{
		font-size: 2.6rem;
	}

	.article__content h2{
		margin-top: 3rem;
		margin-bottom: 1.6rem;
	}

	.author-card__photo{
		width: 9rem;
		height: 9rem;
	}

	.author-card__name{
		font-size: 2.4rem;
	}

	.author-card__role{
		font-size: 1.6rem;
	}

	.article__content{
		width: calc((100% - 3rem) / 2);
		font-size: 1.6rem;
	}

	.article__content li{
		font-size: 1.6rem;
	}

	.article__cta{
		margin: 2.4rem 0;
		padding: 2rem;
	}

	.article__cta .article__cta-title{
		font-size: 2.4rem;
	}

	.article__cta .article__cta-text{
		font-size: 1.6rem;
	}

	.article__cta-btn .btn__icon{
		width: 4.2rem;
		height: 4.2rem;
	}

	.posts__title{
		margin-bottom: 3rem;
	}
}

@media (max-width: 768px) {
	.intro__meta{
		margin-bottom: 2rem;
	}

	.article__inner{
		flex-direction: column;
		gap: 3rem;
	}

	.article__aside{
		position: static;
		top: auto;
		width: 100%;
	}

	.article__pic{
		height: 34rem;
		margin-bottom: 2.4rem;
	}

	.article__aside-title,
	.article__content h2{
		font-size: 2.8rem;
	}

	.author-card{
		max-width: none;
	}

	.author-card__photo{
		width: 10rem;
		height: 10rem;
	}

	.author-card__name{
		font-size: 2.6rem;
	}

	.article__content{
		width: 100%;
	}

	.article__cta{
		flex-direction: column;
		align-items: stretch;
		gap: 2.4rem;
	}

	.article__cta .article__cta-title{
		font-size: 2.6rem;
	}

	.article__cta-btn{
		width: 100%;
	}

	.posts__title{
		margin-bottom: 2.4rem;
	}
}

@media (max-width: 480px) {
	.intro__meta{
		gap: 0.8rem;
	}

	.intro__tag,
	.intro__meta-item{
		height: 3.2rem;
		padding: 0 1rem;
		font-size: 1.4rem;
	}

	.intro__meta-item svg{
		width: 1.8rem;
		height: 1.8rem;
	}

	.article__pic{
		height: 24rem;
	}

	.article__aside-title,
	.article__content h2{
		font-size: 2.4rem;
	}

	.article__content h2{
		margin-top: 2.4rem;
	}

	.article__content,
	.article__content li{
		font-size: 1.5rem;
	}

	.article__content ul{
		padding-left: 2rem;
	}

	.author-card{
		gap: 1.2rem;
	}

	.author-card__photo{
		width: 8rem;
		height: 8rem;
	}

	.author-card__name{
		font-size: 2.2rem;
	}

	.author-card__role{
		font-size: 1.5rem;
	}

	.article__cta{
		gap: 2rem;
		padding: 2rem;
	}

	.article__cta .article__cta-title{
		font-size: 2.2rem;
	}

	.article__cta-btn{
		font-size: 1.5rem;
	}

	.article__cta-btn .btn__icon{
		width: 3.8rem;
		height: 3.8rem;
	}
}

.intro--contacts .rost-stat{
	width: calc((100% - 4.02rem) / 3);
	gap: 2rem;
	padding: 3rem;
	border-radius: 2rem;
}

.intro--contacts .rost-stat__value{
	font-size: 4.4rem;
	letter-spacing: -0.192rem;
}

.intro--contacts .rost-stat__label{
	line-height: 1.2;
	color: var(--color-blue-900);
}

.rost-stat__messengers{
	display: flex;
	gap: 1rem;
}

.rasskaz_v3 .rasskaz__pic{
	right: -4rem;
	height: calc(100% - 8rem);
}

.office__grid{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.office__col{
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	min-width: 0;
}

.office__head{
	display: flex;
	align-items: flex-start;
	gap: 1.2rem;
	margin-bottom: 4rem;
}

.office__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 4.4rem;
	height: 4.4rem;
	border-radius: 0.3rem;
	background-color: var(--color-blue-500);
}

.office__icon svg{
	display: block;
	width: 2.4rem;
	height: 2.4rem;
}

.office__title{
	margin-bottom: 0.8rem;
}

.office__note{
	margin-bottom: 0;
	font-size: 1.6rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.office__pic,
.office__map{
	display: block;
	height: 52rem;
	border-radius: 1.2rem;
	background-color: #eceef2;
	overflow: hidden;
}

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

.office__map > span{
	display: none;
}

.consult__inner:has(.consult__glow){
	position: relative;
	overflow: hidden;
}

.consult__inner:has(.consult__glow) > *:not(.consult__glow){
	position: relative;
	z-index: 1;
}

.consult__glow{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	display: block;
	height: 100%;
	width: 84.5rem;
	max-width: 100%;
	pointer-events: none;
}

.consult__glow svg{
	display: block;
	width: 100%;
	height: 100%;
}

.rasskaz_v3 .rasskaz__content {
    max-width: 109rem;
}

.rasskaz_v3 .rasskaz__pic {
    right: 0rem;
}

.rasskaz  .rasskaz__title, .office__title{
	font-size: 4rem;
}

@media (max-width: 1024px) {
	.intro--contacts .rost-stat{
		gap: 1.6rem;
		padding: 2rem;
		border-radius: 1.2rem;
	}

	.intro--contacts .rost-stat__value{
		font-size: 2.8rem;
		letter-spacing: -0.1rem;
	}

	.intro--contacts .rost-stat__label{
		font-size: 1.6rem;
	}

	.rost-stat__messengers .header__messenger{
		width: 4.8rem;
		height: 4.8rem;
	}

	.rasskaz .rasskaz__title{
		font-size: 3.6rem;
	}

	.office__title{
		font-size: 3.2rem;
	}

	.office__head{
		margin-bottom: 3rem;
	}

	.office__icon{
		width: 4rem;
		height: 4rem;
	}

	.office__icon svg{
		width: 2.2rem;
		height: 2.2rem;
	}

	.office__pic,
	.office__map{
		height: 40rem;
	}

	.rasskaz_v3 .rasskaz__content{
		max-width: 52rem;
	}

	.rasskaz_v3 .rasskaz__pic{
		right: -6rem;
		height: calc(100% - 4rem);
	}

	.rasskaz_v3 .rasskaz__pic{
		display: none;
	}
}

@media (max-width: 768px) {
	.intro--contacts .rost-stat{
		width: 100%;
		gap: 1.4rem;
		padding: 2.4rem;
	}

	.intro--contacts .rost-stat__value{
		font-size: 4rem;
	}

	.intro--contacts .rost-stat__label{
		font-size: 1.7rem;
	}

	.rasskaz .rasskaz__title{
		font-size: 3rem;
	}

	.office__title{
		font-size: 2.8rem;
	}

	.office__col{
		width: 100%;
	}

	.office__head{
		margin-bottom: 2.4rem;
	}

	.office__pic,
	.office__map{
		height: 42rem;
	}

	.rasskaz_v3 .rasskaz__content{
		max-width: none;
	}

	.rasskaz_v3 .rasskaz__pic{
		position: static;
		right: auto;
		top: auto;
		translate: none;
		width: 100%;
		max-width: 38rem;
		height: auto;
		margin: 3rem auto 0;
	}
}

@media (max-width: 480px) {
	.intro--contacts .rost-stat{
		gap: 1.2rem;
		padding: 2rem;
		border-radius: 1rem;
	}

	.intro--contacts .rost-stat__value{
		font-size: 2.6rem;
	}

	.intro--contacts .rost-stat__label{
		font-size: 1.6rem;
	}

	.rost-stat__messengers .header__messenger{
		width: 4.4rem;
		height: 4.4rem;
	}

	.rasskaz .rasskaz__title{
		font-size: 2.4rem;
	}

	.office__title{
		font-size: 2.4rem;
	}

	.office__note{
		font-size: 1.5rem;
	}

	.office__icon{
		width: 3.6rem;
		height: 3.6rem;
	}

	.office__icon svg{
		width: 2rem;
		height: 2rem;
	}

	.office__pic,
	.office__map{
		height: 28rem;
	}

	.rasskaz_v3 .rasskaz__pic{
		max-width: 100%;
		margin-top: 2.4rem;
	}
}

.auto__btn{
	min-width: 36rem;
	margin-bottom: 1.4rem;
}

.auto__note{
	margin-bottom: 4rem;
	font-size: 1.4rem;
	line-height: 1.2;
}

.auto__aside .sub-title{
	margin-bottom: 3rem;
}

.consult__photo{
	display: block;
	height: 100%;
	border-radius: 1.2rem;
	overflow: hidden;
}

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

.intro__features--4{
	grid-template-columns: repeat(4, 1fr);
}

.reports__head{
	margin-bottom: 4rem;
	text-align: center;
}

.reports__title{
	margin-bottom: 1.6rem;
}

.reports__subtitle{
	margin-bottom: 0;
}

.reports__grid{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 2rem;
}

.report-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 6.06rem) / 4);
	min-width: 0;
	padding: 2.4rem;
	border-radius: 1.2rem;
	background-color: #fff;
}

.report-card__pic{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18rem;
	margin-bottom: 3.2rem;
	border-radius: 0.6rem;
	padding: 2rem 0rem;
	background-color: #FAFAFA;
	overflow: hidden;
}

.report-card__pic img{
	display: block;
	height: 100%;
	object-fit: contain;
}

.report-card__title{
	min-height: 7.8rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.25;
	color: var(--color-blue-900);
}

.report-card .auto-card__divider{
	margin-bottom: 2.4rem;
}

.report-card__points{
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.report-card__points .check-list__item{
	align-items: flex-start;
	line-height: 1.3;
}

.report-card__points .check-list__icon{
	margin-top: 0.3rem;
}

.instrument{
	background: radial-gradient(90% 120% at 90% 100%, #2C5EA8 0%, rgba(44, 94, 168, 0) 62%), var(--color-blue-900);
	color: #fafafa;
}

.instrument__head{
	position: relative;
	min-height: 28rem;
	margin-bottom: 4rem;
}

.instrument__content{
	position: relative;
	z-index: 1;
	max-width: 83rem;
}

.instrument__title{
	margin-bottom: 1.8rem;
	color: #fff;
}

.instrument__subtitle{
	margin-bottom: 0;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.096rem;
	color: #fff;
}

.instrument__pic{
	position: absolute;
	right: 0;
	top: -8rem;
	z-index: 0;
	display: block;
	width: 68rem;
	pointer-events: none;
}

.instrument__pic img{
	display: block;
	width: 100%;
	height: auto;
}
.instrument__grid{
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.instrument__card{
	width: calc((100% - 6.06rem) / 4);
	min-width: 0;
	padding: 2.4rem;
	border-radius: 0.6rem;
	background-color: rgba(250, 250, 250, 0.07);
	backdrop-filter: blur(0.8rem);
	-webkit-backdrop-filter: blur(0.8rem);
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
}

.expertise--dash .expertise__certs{
	max-width: none;
}

.expertise--dash .expertise__cert{
	max-width: calc((100% - 2rem) / 2);
	width: calc((100% - 2rem) / 2);
	border-radius: 0.8rem;
	overflow: hidden;
}

.expertise__footer{
	display: flex;
	justify-content: center;
	margin-top: 4.2rem;
}

.analytics__head{
	margin-bottom: 4rem;
}

.analytics__title{
	margin-bottom: 1.6rem;
}

.analytics__subtitle{
	margin-bottom: 0;
}

.analytics__stats{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 2rem;
}

.analytics__stats .profit-stat{
	width: calc((100% - 6.06rem) / 4);
	min-width: 0;
}

.analytics__stats .profit-stat .profit-stat__num{
	background: none;
	color: var(--text-color);
	    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
}

.analytics__stats .profit-stat .profit-stat__text{
	font-size: 1.8rem;
}

.analytics__board{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.analytics__row{
	display: flex;
	align-items: stretch;
	gap: 2rem;
}

.analytics__row .chart{
	flex: 1 1 0;
}

.analytics__row--top .chart:nth-child(1){
	flex-grow: 2.16;
}

.analytics__row--top .chart:nth-child(3){
	flex-grow: 1.49;
}

.analytics__row--bottom .chart:nth-child(2){
	flex-grow: 1.56;
}

.chart{
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 2.4rem;
	border-radius: 2rem;
	background-color: #fff;
}

.chart__title{
	display: flex;
	align-items: center;
	gap: 1.2rem;
	margin-bottom: 1.6rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.chart__title-line{
	flex-shrink: 0;
	width: 0.1rem;
	height: 1.6rem;
	background-color: #e3e6ea;
}

.chart__graph{
	display: flex;
	gap: 1.6rem;
	margin-top: auto;
}

.analytics__row--bottom .chart__graph{
padding-top: 3.4rem;
}

.chart__scale{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-shrink: 0;
	height: 18rem;
	margin-bottom: 2.2rem;
	font-size: 1.4rem;
	line-height: 1;
	color: rgba(15, 28, 42, 0.4);
}

.chart__pic{
	display: block;
	flex-grow: 1;
	min-width: 0;
}

.chart__pic img{
	display: block;
	width: 100%;
	height: auto;
}

.chart__rows{
	display: flex;
	flex-direction: column;
	gap: 2.6rem;
	margin-top: auto;
}

.chart__row{
	display: flex;
	align-items: center;
	gap: 1.6rem;
}

.chart__row-name{
	flex-shrink: 0;
	width: 12rem;
	font-size: 1.3rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.chart__row-bar{
	display: flex;
	align-items: center;
	gap: 0.2rem;
	flex-grow: 1;
	min-width: 0;
}

.chart__row-seg{
	height: 0.4rem;
	border-radius: 0.2rem;
}

.chart__row--xs .chart__row-seg{
	width: 1rem;
}

.chart__row--sm .chart__row-seg{
	width: 1.4rem;
}

.chart__row--md .chart__row-seg{
	width: 2.1rem;
}

.chart__row--lg .chart__row-seg{
	width: 2.9rem;
}

.chart__row-seg--dark{
	background-color: var(--color-blue-900);
}

.chart__row-seg--mid{
	background-color: #8a94a2;
}

.chart__row-seg--light{
	background-color: #e9ebef;
}
.chart__bars{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0rem;
	flex-grow: 1;
	min-width: 0;
}

.chart__bar{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 0;
}

.chart__bar-track{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 18rem;
}

.chart__bar-fill{
	width: 2.8rem;
	border-radius: 0.8rem;
	background-color: #92B6F2;
}

.chart__bar-fill--pale{
	background-color: #C6D8F8;
}

.chart__bar-name{
	padding-top: 0.8rem;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	color: rgba(15, 28, 42, 0.4);
	overflow-wrap: anywhere;
}
.chart__donut{
	display: flex;
	align-items: center;
	gap: 2.4rem;
	padding: 2rem;
	margin-top: auto;
}

.chart__donut img{
	display: block;
	flex-shrink: 0;
	width: 14rem;
	height: 14rem;
}

.chart__legend{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	flex-grow: 1;
	min-width: 0;
}

.chart__legend-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.6rem;
	font-size: 1.3rem;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.chart__legend-name::before{
	content: "•";
	margin-right: 0.6rem;
}

.top5--certs .top5__head{
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.top5--certs .top5__intro{
	margin-bottom: 2rem;
}

.top5--certs .top5__title{
	margin-bottom: 1.6rem;
}

.top5--certs .top5__subtitle{
	margin-bottom: 0;
}

.top5__slide{
	display: flex;
	flex-direction: column;
	height: auto;
}

.top5__note{
	margin-top: 1.6rem;
	margin-bottom: 0;
	font-size: 1.4rem;
	line-height: 1.3;
}

@media (max-width: 1024px) {
	.intro__features--4{
		grid-template-columns: repeat(2, 1fr);
	}

	.reports__head{
		margin-bottom: 3rem;
	}

	.report-card{
		width: calc((100% - 2.02rem) / 2);
		padding: 2rem;
	}

	.report-card__pic{
		height: 16rem;
		margin-bottom: 2.4rem;
	}

	.report-card__title{
		min-height: 0;
		font-size: 2.2rem;
	}

	.instrument__head{
		min-height: 24rem;
		margin-bottom: 3rem;
	}

	.instrument__content{
		max-width: 50rem;
	}

	.instrument__subtitle{
		font-size: 2rem;
	}

	.instrument__pic{
		top: -6rem;
		width: 44rem;
	}

	.instrument__card{
		width: calc((100% - 2.02rem) / 2);
		padding: 2rem;
		font-size: 2rem;
	}

	.analytics__head{
		margin-bottom: 3rem;
	}

	.analytics__stats .profit-stat{
		width: calc((100% - 2.02rem) / 2);
	}

	.chart{
		padding: 2rem;
	}

	.chart__title{
		margin-bottom: 2.4rem;
	}

	.chart__graph{
		padding-top: 2.6rem;
	}

	.chart__bar-track,
	.chart__scale{
		height: 15rem;
	}

	.chart__bars{
		gap: 1.2rem;
	}

	.chart__scale,
	.chart__bar-name{
		font-size: 1.2rem;
	}

	.chart__row-name{
		width: 9rem;
		font-size: 1.2rem;
	}

	.chart__rows{
		gap: 1.4rem;
	}

	.chart__donut{
		gap: 1.6rem;
	}

	.chart__donut img{
		width: 11rem;
		height: 11rem;
	}

	.chart__legend{
		gap: 1.2rem;
	}

	.chart__legend-item{
		font-size: 1.2rem;
	}
}

@media (max-width: 768px) {
	.intro__features--4{
		grid-template-columns: 1fr;
	}

	.report-card{
		width: 100%;
	}

	.report-card__pic{
		height: 22rem;
	}

	.report-card__title{
		font-size: 2.4rem;
	}

	.instrument__head{
		min-height: 0;
		margin-bottom: 3rem;
	}

	.instrument__content{
		max-width: none;
	}

	.instrument__pic{
		position: static;
		right: auto;
		top: auto;
		width: 100%;
		max-width: 42rem;
		margin: 3rem auto 0;
	}

	.instrument__card{
		width: 100%;
	}

	.analytics__stats .profit-stat{
		width: calc((100% - 2.02rem) / 2);
	}

	.analytics__row{
		flex-wrap: wrap;
	}

	.analytics__row .chart,
	.analytics__row--top .chart:nth-child(1),
	.analytics__row--top .chart:nth-child(3),
	.analytics__row--bottom .chart:nth-child(2){
		flex: 1 1 100%;
	}

	.chart__bar-track,
	.chart__scale{
		height: 20rem;
	}

	.chart__scale,
	.chart__bar-name{
		font-size: 1.4rem;
	}

	.chart__row-name{
		width: 14rem;
		font-size: 1.4rem;
	}

	.chart__donut img{
		width: 14rem;
		height: 14rem;
	}

	.chart__legend-item{
		font-size: 1.4rem;
	}

	.expertise--dash .expertise__cert{
		width: 100%;
		max-width: none;
	}

	.expertise__footer{
		margin-top: 3rem;
	}

	.top5--certs .top5__intro{
		margin-bottom: 1.6rem;
	}
}

@media (max-width: 480px) {
	.report-card{
		padding: 1.6rem;
	}

	.report-card__pic{
		height: 16rem;
		margin-bottom: 2rem;
	}

	.report-card__title{
		font-size: 2rem;
	}

	.instrument__subtitle{
		font-size: 1.8rem;
	}

	.instrument__card{
		padding: 1.6rem;
		font-size: 1.8rem;
	}

	.analytics__stats .profit-stat{
		width: 100%;
	}

	.chart{
		padding: 1.6rem;
	}

	.chart__graph{
		overflow-x: auto;
		gap: 1rem;
		padding-top: 2rem;
	}

	.chart__scale{
		position: sticky;
		left: 0;
		z-index: 1;
		padding-right: 0.6rem;
		background-color: #fff;
	}

	.chart__bar-track,
	.chart__scale{
		height: 16rem;
	}

	.analytics__row--bottom .chart:nth-child(2) .chart__bars{
		min-width: 46rem;
	}

	.chart__bars{
		gap: 0.8rem;
	}

	.chart__scale,
	.chart__bar-name,
	.chart__legend-item,
	.chart__row-name{
		font-size: 1.2rem;
	}

	.chart__row-name{
		width: 10rem;
	}

	.chart__donut{
		flex-direction: column;
		align-items: flex-start;
		gap: 1.6rem;
	}

	.chart__donut img{
		width: 12rem;
		height: 12rem;
	}

	.chart__legend{
		width: 100%;
	}
}

.poetapno__title{
	margin-bottom: 4rem;
}

.poetapno__author{
	display: flex;
	align-items: center;
	gap: 2rem;
	margin-bottom: 4rem;
}

.poetapno__author .rost__author-avatar{
	flex-shrink: 0;
	width: 13.5rem;
	height: 13.5rem;
	border-radius: 50%;
	object-fit: cover;
}

.poetapno__author-body{
	min-width: 0;
}

.poetapno__author-name{
	margin-bottom: 1rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.poetapno__author-text{
	margin-bottom: 0;
	font-size: 1.6rem;
	line-height: 1.3;
}

.poetapno__panel{
	padding: 4rem;
	border-radius: 1.2rem;
	background-color: #fff;
}

.poetapno__panel-title{
	margin-bottom: 3rem;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--color-blue-900);
}

.poetapno__grid{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 2rem;
}

.poetapno-card{
	display: flex;
	flex-direction: column;
	width: calc((100% - 4.04rem) / 3);
	min-width: 0;
	padding: 2.5rem;
	border-radius: 0.8rem;
	background-color: #FAFAFA;
}

.poetapno-card__head{
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 2.4rem;
}

.poetapno-card__num{
	flex-shrink: 0;
	font-size: 8rem;
	font-weight: 500;
	line-height: 0.85;
	color: var(--color-blue-500);
}

.poetapno-card__text{
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.poetapno-card__tags{
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-top: auto;
}

.poetapno-card__tag{
	display: inline-flex;
	align-items: center;
	height: 3.5rem;
	padding: 0 1.5rem;
	border-radius: 0.4rem;
	background-color: var(--color-blue-500);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	color: #fff;
}

.poetapno-card__pic{
	display: flex;
	justify-content: center;
	margin-top: auto;
}

.poetapno-card__pic img{
	display: block;
	width: 100%;
	max-width: 42rem;
	height: auto;
}

.learn__points .auto-card__point{
	align-items: flex-start;
	font-size: 1.5rem;
	line-height: 1.35;
}

@media (max-width: 1024px) {
	.poetapno__panel{
		padding: 3rem;
	}

	.poetapno__panel-title{
		font-size: 2.6rem;
	}

	.poetapno-card{
		padding: 2rem;
	}

	.poetapno-card__num{
		font-size: 4.4rem;
	}

	.poetapno__author .rost__author-avatar{
		width: 9rem;
		height: 9rem;
	}

	.poetapno__author-name{
		font-size: 2.2rem;
	}
}

@media (max-width: 768px) {
	.poetapno__title,
	.poetapno__author{
		margin-bottom: 3rem;
	}

	.poetapno__author{
		gap: 1.6rem;
	}

	.poetapno__panel{
		padding: 2.4rem;
	}

	.poetapno-card{
		width: 100%;
	}

	.poetapno-card__pic img{
		max-width: 40rem;
	}
}

@media (max-width: 480px) {
	.poetapno__author{
		flex-direction: column;
		align-items: flex-start;
		gap: 1.6rem;
	}

	.poetapno__panel{
		padding: 2rem;
	}

	.poetapno__panel-title{
		font-size: 2.2rem;
	}

	.poetapno-card__num{
		font-size: 3.6rem;
	}

	.poetapno-card__tag{
		height: 3.2rem;
		padding: 0 1.2rem;
		font-size: 1.4rem;
	}
}

.about__scroll{
	position: relative;
}

.about__footer{
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: fit-content;
	margin-top: 6rem;
	margin-inline: auto;
}

.about__btn{
	min-width: 36rem;
	margin-bottom: 1.4rem;
}

.about__note{
	margin-bottom: 0;
	font-size: 1.4rem;
	line-height: 1.2;
	color: #FFF;
}

@media (max-width: 1024px) {
	.about__scroll{
		display: contents;
	}

	.about__footer{
		order: 10;
		width: 100%;
		margin-top: 2rem;
		margin-inline: 0;
	}

	.about__btn{
		min-width: 0;
		width: 100%;
	}
}

@media (max-width: 768px) {

	.learn__points .auto-card__point br{
		display: none;
	}
}

@media (max-width: 480px) {

	.learn__points .auto-card__point{
		font-size: 1.4rem;
	}
}

.sistema__inner{
	position: relative;
	min-height: 73rem;
}

.sistema__content{
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 102rem;
}

.sistema__title{
	margin-bottom: 1.6rem;
}

.sistema__subtitle{
	margin-bottom: 5rem;
}

.sistema__stats{
	max-width: 73rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.sistema-stat{
	display: flex;
	flex-direction: column;
	width: calc((100% - 2.02rem) / 2);
	min-width: 0;
	padding: 2.4rem;
	border-radius: 1.2rem;
	background-color: #fff;
}

.sistema-stat__num{
	margin-bottom: 1.2rem;
	font-size: 4.8rem;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.192rem;
	background: linear-gradient(270deg, var(--color-violet-500) 0%, #5188ED 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.sistema-stat__text{
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--color-blue-900);
}

.sistema__pic{
	position: absolute;
	right: 4rem;
	top: 50%;
	translate: 0 -50%;
	z-index: 0;
	display: block;
	width: 58.4rem;
	pointer-events: none;
}

.sistema__pic img{
	display: block;
	width: 100%;
	height: auto;
}
.benefit__head{
	margin-bottom: 4rem;
	text-align: center;
}

.benefit__title{
	margin-bottom: 1.6rem;
}

.benefit__subtitle{
	margin-bottom: 0;
}

.benefit__grid{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 2rem;
	padding-top: 7rem;
}

.benefit-card{
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc((100% - 6.06rem) / 4);
	min-width: 0;
	padding: 8rem 2.4rem 4rem;
	border-radius: 1.2rem;
	background-color: #fff;
}

.benefit-card__photo{
	position: absolute;
	left: 50%;
	bottom: 100%;
	translate: -50% 7rem;
	display: block;
	width: 16.5rem;
}

.benefit-card:nth-child(2) .benefit-card__photo{
	width: 19.3rem;
}

.benefit-card:nth-child(3) .benefit-card__photo{
	width: 18.3rem;
}

.benefit-card:nth-child(4) .benefit-card__photo{
	width: 15.9rem;
}

.benefit-card__photo img{
	display: block;
	width: 100%;
	height: auto;
}

.benefit-card__title{
	margin-bottom: 2.4rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	color: var(--color-blue-900);
}

.benefit-card__points{
	margin-bottom: 0;
	gap: 1.6rem;
}

.benefit-card__points .auto-card__point{
	align-items: flex-start;
	font-size: 1.4rem;
	line-height: 1.3;
}

.predlagaem-card__title:last-child{
	margin-bottom: 0rem !important;
}

.benefit-card__points .auto-card__marker{
	margin-top: 0.4rem;
}

@media (max-width: 1024px) {
	.sistema__inner{
		min-height: 0;
	}

	.sistema__content{
		max-width: none;
	}

	.sistema__pic{
		position: static;
		right: auto;
		top: auto;
		translate: none;
		width: 100%;
		margin-top: 3rem;
	}

	.sistema__pic img{
		max-width: 44rem;
		margin-inline: auto;
	}

	.sistema__subtitle{
		margin-bottom: 3rem;
	}

	.sistema-stat{
		padding: 2rem;
	}

	.sistema-stat__num{
		font-size: 4rem;
	}

	.sistema-stat__text{
		font-size: 1.5rem;
	}

	.benefit__grid{
		gap: 14rem 2rem;
		padding-top: 11rem;
	}

	.benefit-card{
		width: calc((100% - 2.02rem) / 2);
		padding: 8rem 2rem 3rem;
	}

	.benefit-card__photo{
		width: 14rem;
	}

	.benefit-card:nth-child(2) .benefit-card__photo{
		width: 16.4rem;
	}

	.benefit-card:nth-child(3) .benefit-card__photo{
		width: 15.6rem;
	}

	.benefit-card:nth-child(4) .benefit-card__photo{
		width: 13.5rem;
	}

	.benefit-card__title{
		font-size: 2.2rem;
	}

	.benefit-card__points .auto-card__point{
		font-size: 1.4rem;
	}
}

@media (max-width: 768px) {
	.sistema__title{
		margin-bottom: 1.2rem;
	}

	.about__note br{
		display: none;
	}

	.sistema-stat__num{
		font-size: 3.6rem;
	}

	.sistema-stat__text{
		font-size: 1.6rem;
	}

	.benefit__head{
		margin-bottom: 3rem;
	}

	.benefit__grid{
		gap: 13rem 2rem;
		padding-top: 10rem;
	}

	.benefit-card{
		width: 100%;
	}

	.benefit-card__points .auto-card__point{
		font-size: 1.6rem;
	}

	.benefit-card__points br{
		display: none;
	}
}

@media (max-width: 480px) {
	.sistema-stat{
		width: 100%;
		padding: 2rem;
	}

	.sistema-stat__num{
		font-size: 3.2rem;
	}

	.benefit__grid{
		gap: 11rem 2rem;
		padding-top: 9rem;
	}

	.benefit-card{
		padding: 7.4rem 1.6rem 2.4rem;
	}

	.benefit-card__photo,
	.benefit-card:nth-child(2) .benefit-card__photo,
	.benefit-card:nth-child(3) .benefit-card__photo,
	.benefit-card:nth-child(4) .benefit-card__photo{
		width: 12rem;
	}

	.benefit-card__title{
		margin-bottom: 2rem;
		font-size: 2rem;
	}

	.benefit-card__points .auto-card__point{
		font-size: 1.5rem;
	}
}

.predlagaem--sm .predlagaem__center{
	width: 39rem;
	height: 30rem;
}

.predlagaem--sm .predlagaem__col{
	width: calc((100% - 39rem) / 2);
}

.predlagaem--sm .predlagaem__circle{
	width: 24rem;
	height: 24rem;
	font-size: 2.4rem;
}

.predlagaem--sm .predlagaem-card__title{
	margin-bottom: 0;
	font-size: 3.2rem;
	line-height: 1.15;
}

@media (max-width: 1024px) {
	.predlagaem--sm .predlagaem__center{
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
	}

	.predlagaem--sm .predlagaem__col{
		width: calc((100% - 2rem) / 2);
	}

	.predlagaem--sm .predlagaem__circle{
		display: block;
		width: auto;
		height: auto;
		border-radius: 0;
		background: none;
		font-size: 2.4rem;
		line-height: 1.25;
		text-align: center;
	}

	.predlagaem--sm .predlagaem-card__title{
		font-size: 2.6rem;
	}
}

@media (max-width: 768px) {
	.predlagaem--sm .predlagaem-card__title{
		font-size: 2.8rem;
	}
}

@media (max-width: 480px) {
	.predlagaem--sm .predlagaem__circle{
		font-size: 2rem;
	}

	.predlagaem--sm .predlagaem-card__title{
		font-size: 2.2rem;
	}
}

.predlagaem--photo .predlagaem__title{
	margin-bottom: 1.6rem;
}

.predlagaem--photo .predlagaem__subtitle{
	margin-bottom: 4rem;
	text-align: center;
}

.predlagaem--photo .predlagaem__col{
	width: calc((100% - 46rem) / 2);
	gap: 1.6rem;
}

.predlagaem--photo .predlagaem__center{
	width: 46rem;
	height: 38rem;
}

.predlagaem--photo .predlagaem__decor img{
	object-fit: contain;
}

.predlagaem__photo{
	position: relative;
	display: block;
	flex-shrink: 0;
	width: 30.9rem;
	height: 30.9rem;
	border-radius: 50%;
	overflow: hidden;
}

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

.predlagaem--photo .predlagaem-card{
	display: flex;
	align-items: flex-start;
	gap: 1.6rem;
}

.predlagaem--photo .predlagaem-card__icon{
	margin-bottom: 0;
}

.predlagaem--photo .predlagaem-card__title{
	margin-bottom: 0;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.3;
}

@media (max-width: 1024px) {
	.predlagaem--photo .predlagaem__col{
		width: calc((100% - 2rem) / 2);
	}

	.predlagaem--photo .predlagaem__center{
		width: 100%;
		height: auto;
		order: -1;
		margin-bottom: 2rem;
	}

	.predlagaem__photo{
		width: 24rem;
		height: 24rem;
	}
}

@media (max-width: 768px) {
	.predlagaem--photo .predlagaem-card__title{
		font-size: 1.7rem;
	}

	.predlagaem__photo{
		width: 22rem;
		height: 22rem;
	}
}

@media (max-width: 480px) {
	.predlagaem--photo .predlagaem-card{
		gap: 1.2rem;
	}

	.predlagaem--photo .predlagaem-card__title{
		font-size: 1.6rem;
	}

	.predlagaem__photo{
		width: 18rem;
		height: 18rem;
	}
}

@media (max-width: 1024px) {
	.predlagaem--photo .predlagaem__subtitle{
		margin-bottom: 3rem;
	}

	.predlagaem--photo .predlagaem-card__title{
		font-size: 1.7rem;
	}

	.predlagaem--photo .predlagaem-card__icon{
		width: 4rem;
		height: 4rem;
	}
}

@media (max-width: 768px) {
	.predlagaem--photo .predlagaem__center{
		order: -1;
		margin-bottom: 1rem;
	}

	.predlagaem--photo .predlagaem__col:first-child > *:nth-child(3){ order: 5; }
	.predlagaem--photo .predlagaem__col:last-child > *:nth-child(3){ order: 6; }

	.predlagaem--photo .predlagaem-card__title{
		font-size: 1.8rem;
	}

	.predlagaem--photo .predlagaem-card__title br{
		display: none;
	}
}

@media (max-width: 480px) {
	.predlagaem--photo .predlagaem-card__icon{
		width: 3.6rem;
		height: 3.6rem;
	}

	.predlagaem--photo .predlagaem-card__icon svg{
		width: 2rem;
		height: 2rem;
	}
}

.doc__title{
	margin-bottom: 4rem;
}

.doc__content{
	max-width: 96rem;
}

.doc__content p{
	margin-bottom: 1.6rem;
	font-size: 1.6rem;
	line-height: 1.5;
	color: var(--color-blue-900);
}

.doc__content h2{
	margin-top: 4rem;
	margin-bottom: 2rem;
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.056rem;
}

.doc__content > h2:first-child{
	margin-top: 0;
}

.doc__content ul{
	margin-bottom: 2.4rem;
	padding-left: 2.4rem;
}

.doc__content li{
	margin-bottom: 1rem;
	list-style: disc;
	font-size: 1.6rem;
	line-height: 1.5;
	color: var(--color-blue-900);
}

.doc__content li:last-child{
	margin-bottom: 0;
}

.doc__content > *:last-child{
	margin-bottom: 0;
}

.doc__content b{
	font-weight: 600;
}

.doc__content a,
.doc__content a:link,
.doc__content a:visited{
	color: var(--color-blue-500);
	text-decoration: underline;
}

.doc__content a:hover{
	text-decoration: none;
}

@media (max-width: 1024px) {
		.doc__content h2{
		margin-top: 3rem;
		font-size: 2.4rem;
	}
}

@media (max-width: 768px) {
	.doc__content h2{
		font-size: 2.6rem;
	}

	.doc__content p,
	.doc__content li{
		font-size: 1.7rem;
	}
}

@media (max-width: 480px) {
		.doc__content h2{
		margin-top: 2.4rem;
		margin-bottom: 1.6rem;
		font-size: 2.2rem;
	}

	.doc__content p,
	.doc__content li{
		font-size: 1.5rem;
	}

	.doc__content ul{
		padding-left: 2rem;
	}
}

.wpcf7{
	width: 100%;
}

.wpcf7 .hidden-fields-container{
	display: none;
}

.consult__content .wpcf7{
	margin-top: auto;
}

.ereg__inner .wpcf7{
	flex-shrink: 0;
	width: calc((100% - 2rem) / 2);
}

.ereg__inner .ereg__form{
	width: 100%;
}

.wpcf7 .screen-reader-response{
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.wpcf7-form-control-wrap{
	position: relative;
	display: block;
}

.form-check .wpcf7-list-item{
	display: block;
	margin: 0;
}

.form-check .wpcf7-list-item label{
	display: flex;
	align-items: center;
	gap: 0.8rem;
	cursor: pointer;
}

.form-check .wpcf7-list-item-label{
	display: contents;
}

.form-check__input:focus-visible + .wpcf7-list-item-label .form-check__box{
	border-color: var(--color-blue-500);
}

.form-check__input:checked + .wpcf7-list-item-label .form-check__box{
	background-color: var(--color-blue-500);
	border-color: var(--color-blue-500);
}

.form-check__input:checked + .wpcf7-list-item-label .form-check__box::before{
	opacity: 1;
}

.quiz__form-bottom [data-field]{
	flex: 1;
}

.quiz__form-bottom [data-field] .form-input{
	width: 100%;
}

.wpcf7-not-valid-tip{
	display: block;
	margin-top: 0.6rem;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #d10303;
}

.wpcf7-form .wpcf7-response-output{
	grid-column: 1 / -1;
	padding: 1.2rem 1.6rem;
	border: 0.1rem solid var(--color-blue-500);
	border-radius: 0.4rem;
	font-size: 1.4rem;
	line-height: 1.2;
}

.wpcf7-form.init .wpcf7-response-output,
.wpcf7-form.resetting .wpcf7-response-output,
.wpcf7-form.submitting .wpcf7-response-output{
	display: none;
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.aborted .wpcf7-response-output,
.wpcf7-form.spam .wpcf7-response-output{
	border-color: #d10303;
}

.wpcf7-form.submitting .btn{
	pointer-events: none;
	opacity: 0.6;
}

.form-check .wpcf7-form-control-wrap,
.form-check .wpcf7-acceptance{
	display: block;
}

.form-input.wpcf7-not-valid{
	border-color: #d10303;
}

.wpcf7-form.submitting .form-input{
	pointer-events: none;
}

@media (max-width: 768px) {
	.ereg__inner .wpcf7{
		width: 100%;
	}
}

.prices__controls{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 4rem;
}

.prices__controls .plans__switch{
	width: auto;
	max-width: none;
	margin: 0;
}

.prices__users{
	display: flex;
	align-items: center;
	gap: 1.2rem;
	padding: 0.4rem 0.4rem 0.4rem 1.6rem;
	border-radius: 0.8rem;
	background-color: #fff;
	font-size: 1.4rem;
	line-height: 1.1;
	color: var(--color-blue-900);
	cursor: pointer;
}

.prices__users-input{
	width: 9rem;
	height: 4.4rem;
	padding: 0 1.2rem;
	border: 0.1rem solid #e4e8ef;
	border-radius: 0.4rem;
	background-color: #fafafa;
	font-family: inherit;
	font-size: 1.6rem;
	line-height: 1.1;
	color: inherit;
}

.prices__users-input:focus{
	outline: none;
	border-color: var(--color-blue-500);
}

@media (max-width: 768px) {
	.prices__controls{
		gap: 1.5rem;
		margin-bottom: 3rem;
	}

	.prices__controls .plans__switch{
		width: 100%;
		flex-wrap: wrap;
	}

	.prices__users{
		width: 100%;
		justify-content: space-between;
	}
}

.faq__text a,
.faq__text a:link,
.faq__text a:visited{
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

.faq__text a:hover{
	text-decoration: none;
}

.portal__item--group{
	align-items: flex-start;
	min-height: 0;
	padding: 2rem 2.4rem;
}

.portal__item-body{
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.portal__item-title{
	line-height: 1.35;
}

.portal__chips{
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
}

.portal__chip{
	display: inline-flex;
	padding: 0.6rem 1.2rem;
	border-radius: 10rem;
	background-color: #fff;
	font-size: 1.4rem;
	line-height: 1.1;
}

.portal__action{
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
}

.portal__btn.btn--light{
	background-color: #fafafa;
}

@media (max-width: 768px) {
	.portal__action{
		justify-content: stretch;
	}

	.portal__btn.btn--light{
		width: 100%;
	}
}

.reviews--grid[id]{
	scroll-margin-top: calc(var(--header-height) + 2rem);
}

.review__logo--hover{
	position: relative;
}

.review__logo--hover img{
	transition: opacity 0.3s ease;
}

.review__color{
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	pointer-events: none;
}

.review:hover .review__logo--hover img{
	opacity: 0;
}

.review:hover .review__logo--hover .review__color{
	opacity: 1;
}

.teh__card-avatar{
	position: absolute;
	right: 2.4rem;
	bottom: -2.8rem;
	width: 7.2rem;
	height: 7.2rem;
	border-radius: 50%;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.08);
	border: 0.1rem solid rgba(255, 255, 255, 0.15);
}

.teh__card-foot--avatar .teh__card-text{
	padding-right: 7rem;
}

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

@media (min-width: 769px) {
	.portal__tabs{
		display: grid;
		grid-template-columns: 100%;
	}

	.portal__tabs .tabs__body{
		grid-row: 1;
		grid-column: 1;
	}

	.portal__tabs .tabs-content{
		display: block;
		grid-row: 2;
		grid-column: 1;
		visibility: hidden;
	}

	.portal__tabs .tabs-content.d-block{
		visibility: visible;
	}

	.portal__tabs .portal__grid{
		height: 100%;
	}

}

@media (max-width: 768px) {
	.teh__card-avatar{
		width: 5.5rem;
		height: 5.5rem;
		right: 1rem;
		bottom: 1rem;
	}

	.teh__card-foot--avatar .teh__card-text{
		padding-right: 5.5rem;
	}
}

section.notfound{
	padding: calc(var(--section-margin) * 3) 0rem;
}

.notfound__inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.notfound__code{
	margin: 0;
	font-size: 24rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -1.2rem;
	background: linear-gradient(270deg, var(--Color-Violet-500, #7F71E5) 0%, #5188ED 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.notfound__text{
	max-width: 56rem;
	margin-top: 2rem;
}

.notfound__btn{
	margin-top: 4rem;
}

@media (max-width: 1024px) {
	.notfound__code{
		font-size: 18rem;
		letter-spacing: -0.9rem;
	}
}

@media (max-width: 768px) {
	.notfound__code{
		font-size: 14rem;
		letter-spacing: -0.7rem;
	}

	.notfound__btn{
		margin-top: 3rem;
	}
}

@media (max-width: 480px) {
	.notfound__code{
		font-size: 10rem;
		letter-spacing: -0.5rem;
	}

	.notfound__text br{
		display: none;
	}
}

.article--wide .article__inner{
	flex-direction: column;
	gap: 6rem;
}

.article--wide .article__content{
	width: 100%;
}

.article__author{
	width: 100%;
}

@media (max-width: 768px) {
	.article--wide .article__inner{
		gap: 4rem;
	}
}

.videos__head{
	margin-bottom: 4rem;
	text-align: center;
}

.videos__title{
	font-size: 4.2rem;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.168rem;
}

.videos__subtitle{
	margin-top: 1.2rem;
}

.videos__grid{
	display: grid;
	align-items: center;
	margin-inline: auto;
	gap: 1.9rem;
}

.videos__grid--2{
	max-width: 67.9rem;
	grid-template-columns: repeat(2, 1fr);
}

.videos__grid--3{
	max-width: 103.7rem;
	grid-template-columns: repeat(3, 1fr);
}

.videos__item{
	position: relative;
	display: block;
	padding-bottom: 130.31%;
	overflow: hidden;
	border-radius: 2rem;
	background-color: #fff;
}

.videos__item img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.videos__label{
	position: absolute;
	top: 3rem;
	left: 3rem;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.128rem;
}

.videos__label,
a.videos__item .videos__label{
	color: var(--theme-color);
}

.videos__time{
	position: absolute;
	right: 3rem;
	bottom: 3rem;
	font-size: 1.6rem;
	font-weight: 500;
}

.videos__play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background: #0F1C2A;
	transition: background 0.25s;
}

.videos__item:hover .videos__play{
	background: var(--theme-color);
}

.videos__play svg{
	margin-left: 0.4rem;
	width: 2rem;
	height: 1.8rem;
}

.videos--dark{
	background: var(--color-blue-900);
}

.videos--dark .videos__title,
.videos--dark .videos__subtitle{
	color: #fff;
}

@media (max-width: 1024px) {
	.videos__head{
		margin-bottom: 3rem;
	}

	.videos__title{
		font-size: 3rem;
	}

	.videos__grid{
		gap: 2rem;
	}

	.videos__grid--3{
		grid-template-columns: repeat(2, 1fr);
	}

	.videos__item{
		padding-bottom: 120.7%;
	}

	.videos__label{
		top: 2rem;
		left: 2rem;
		font-size: 1.8rem;
	}

	.videos__time{
		right: 1.5rem;
		bottom: 1.5rem;
		font-size: 1.4rem;
	}

	.videos__play{
		width: 5rem;
		height: 5rem;
	}

	.videos__play svg{
		width: 1.6rem;
		height: 1.4rem;
	}
}

@media (max-width: 480px) {
	.videos__grid,
	.videos__grid--2,
	.videos__grid--3{
		grid-template-columns: auto;
		gap: 1rem;
	}

	.videos__item{
		padding-bottom: 60%;
		border-radius: 1rem;
	}

	.videos__label{
		top: 1rem;
		left: 1rem;
		font-size: 1.6rem;
	}

	.videos__time{
		right: 1rem;
		bottom: 1rem;
	}

	.videos__play{
		width: 4.5rem;
		height: 4.5rem;
	}
}

.scheme{
	overflow: hidden;
	background: var(--color-blue-900);
}

.scheme .wrapper{
	position: relative;
}

.scheme__head{
	text-align: center;
}

.scheme__title{
	font-size: 4.2rem;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.168rem;
	color: #fff;
}

.scheme__subtitle{
	margin-top: 1.2rem;
	color: #fff;
}

.scheme__logo{
	display: block;
	margin: 2.5rem auto 0;
	width: fit-content;
}

.scheme__logo img{
	display: block;
	height: 4rem;
	width: auto;
}

.scheme__block{
	margin-top: 3rem;
	display: grid;
	grid-template-columns: auto 56.9rem auto;
	align-items: stretch;
}

.scheme__col{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.scheme__chip{
	position: relative;
	z-index: 1;
	animation-name: schemeFly;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: backwards;
	animation-duration: 6s;
	will-change: translate, opacity;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	max-width: fit-content;
	height: 4.8rem;
	padding: 0.5rem 2.5rem;
	border-radius: 0.5rem;
	background-color: #FAFAFA;
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--color-blue-900);
}

.scheme__chip-icon{
	display: flex;
	flex-shrink: 0;
}

.scheme__chip-icon img{
	display: block;
	max-width: 2.9rem;
	height: auto;
}

.scheme__center{
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.4rem 3rem 4.5rem;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: var(--color-blue-900);
}

.scheme__center img{
	display: block;
	width: 100%;
	height: auto;
}

.scheme__arrow{
	position: absolute;
	z-index: 0;
	pointer-events: none;
}

.scheme__arrow img{
	display: block;
	max-width: 100%;
	height: auto;
}

.scheme__arrow--left{
	top: 12rem;
	left: -2.6rem;
}

.scheme__arrow--right{
	top: 9rem;
	right: -2.1rem;
}

.scheme--light{
	background: #fff;
}

.scheme--light .scheme__title,
.scheme--light .scheme__subtitle{
	color: var(--color-blue-900);
}

.scheme--light .scheme__center{
	background-color: #fff;
	border-color: rgba(15, 28, 42, 0.15);
}

@media (max-width: 1440px) {
	.scheme__title br{
		display: none;
	}

	.scheme__block{
		grid-template-columns: auto 35rem auto;
	}
}

@media (max-width: 1024px) {
	.scheme__title{
		font-size: 3rem;
	}

	.scheme__block{
		margin-top: 2.4rem;
		grid-template-columns: 1fr;
		align-items: center;
	}

	.scheme__chip{
		left: 0 !important;
		margin-top: 0 !important;
		max-width: 100%;
		height: auto;
		padding: 0.6rem 1.2rem;
		border-radius: 0.4rem;
		font-size: 1.2rem;
	}

	.scheme__chip-icon img{
		max-width: 1.8rem;
	}

	.scheme__center{
		padding: 2rem 0;
		border-left: 0;
		border-right: 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.scheme__col{
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 0.8rem;
		padding-block: 1.6rem;
	}

	.scheme__arrow{
		display: none;
	}
}

@media (max-width: 480px) {
	.scheme__chip{
		padding: 0.5rem 1rem;
		font-size: 1.1rem;
	}

	.scheme__col{
		gap: 0.6rem;
		padding-block: 1.2rem;
	}

	.scheme__logo img{
		height: 3.2rem;
	}
}

.intro__badges--label{
	align-items: center;
	gap: 1rem;
}

.intro__badge-label{
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--color-blue-900);
}

.intro__logos{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 8.2rem;
}

.intro__logo{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4.1rem;
	padding-inline: 2rem;
	border-radius: 0.5rem;
	background: #fff;
}

.intro__logo img{
	display: block;
	max-height: 2.2rem;
	width: auto;
}

@media (max-width: 1024px) {
	.intro__logos{
		margin-top: 4rem;
	}
}

@media (max-width: 480px) {
	.intro__logos{
		margin-top: 3rem;
		gap: 0.4rem;
	}

	.intro__logo{
		height: 3.4rem;
		padding-inline: 1.2rem;
	}

	.intro__logo img{
		max-height: 1.8rem;
	}
}

.reports--panel{
	background: var(--color-blue-900);
}

.reports--panel .wrapper{
	max-width: 138rem;
	padding: 5rem;
	border-radius: 2rem;
	background: #FAFAFA;
}

.reports--side .reports__grid{
	gap: 2rem;
}

.reports--side .report-card{
	display: grid;
	grid-template-columns: auto 20rem;
	align-items: start;
	gap: 2rem;
	width: calc((100% - 2rem) / 2);
	padding: 3rem;
	border-radius: 1rem;
}

.reports--side .report-card__title{
	min-height: 0;
	margin-bottom: 2rem;
}

.reports--side .report-card__pic{
	height: auto;
	margin-bottom: 0;
	padding: 0;
	background-color: transparent;
}

.reports--side .report-card__pic img{
	width: 100%;
	height: auto;
}

.reports--side .report-card__points{
	margin-top: 0;
}

@media (max-width: 1440px) {
	.reports--side .report-card{
		grid-template-columns: auto 15rem;
	}
}

@media (max-width: 1024px) {
	.reports--panel .wrapper{
		padding: 3rem 2rem;
		border-radius: 1.2rem;
	}

	.reports--side .report-card{
		grid-template-columns: auto;
	}

	.reports--side .report-card__pic{
		height: 15rem;
		border-radius: 0.6rem;
		background-color: #FAFAFA;
	}

	.reports--side .report-card__pic img{
		width: auto;
		height: 100%;
		object-fit: contain;
	}
}

@media (max-width: 768px) {
	.reports--side .report-card{
		width: 100%;
	}
}

.benefit--avatar .benefit-card{
	padding-top: 7rem;
}

.benefit--avatar .benefit-card:nth-child(n) .benefit-card__photo{
	width: 13rem;
	translate: -50% 6.7rem;
}

@media (max-width: 480px) {
	.benefit--avatar .benefit-card:nth-child(n) .benefit-card__photo{
		width: 11rem;
		translate: -50% 5.6rem;
	}
}

@media (max-width: 1024px) {
	.scheme__chip{
		animation: none !important;
		opacity: 1 !important;
		translate: none !important;
	}

	.scheme__col{
		--scheme-fly-y: 9rem;
		animation: schemeFlyY 4.2s linear infinite backwards;
	}

	.scheme__col:last-of-type{
		--scheme-fly-y: -9rem;
		animation-delay: 2.1s;
	}
}

@keyframes schemeFly{
	0%{
		opacity: 0;
		translate: 0 0;
	}

	8%{
		opacity: 1;
	}

	66%{
		opacity: 1;
	}

	75%{
		opacity: 0;
		translate: var(--scheme-fly, 0) var(--scheme-fly-y, 0);
	}

	76%{
		translate: 0 0;
	}

	100%{
		opacity: 0;
		translate: 0 0;
	}
}

@keyframes schemeFlyY{
	0%{
		opacity: 0;
		translate: 0 0;
	}

	15%{
		opacity: 1;
	}

	55%{
		opacity: 1;
	}

	75%{
		opacity: 0;
		translate: 0 var(--scheme-fly-y, 0);
	}

	76%{
		translate: 0 0;
	}

	100%{
		opacity: 0;
		translate: 0 0;
	}
}

.consult__note{
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 52.9rem;
	border-radius: 1.5rem;
	background: #FAFAFA;
	overflow: hidden;
}

.consult__note-text{
	padding: 3rem 3rem 0;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.25;
	color: var(--color-blue-900);
}

.consult__note-logo{
	display: block;
	margin: 1.4rem 3rem 0;
	max-width: 17.2rem;
}

.consult__note-logo img{
	display: block;
	width: 100%;
	height: auto;
}

.consult__note-pic{
	position: absolute;
	right: 0;
	bottom: 4.6rem;
	display: block;
	max-width: 100%;
}

.consult__note-pic img{
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1024px) {
	.consult__note{
		min-height: 30.7rem;
	}

	.consult__note-text{
		padding: 2rem 2rem 0;
		font-size: 1.6rem;
	}

	.consult__note-logo{
		margin: 1.2rem 2rem 0;
		max-width: 14rem;
	}

	.consult__note-pic{
		bottom: 2rem;
		max-width: 65%;
	}
}

@media (max-width: 480px) {
	.consult__note{
		min-height: 26rem;
	}

	.consult__note-pic{
		max-width: 80%;
	}
}

.base--panel .base__grid{
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
}

.base--panel .wrapper{
	max-width: 138rem;
	padding: 5rem;
	border-radius: 2rem;
	background: #fff;
}

.base--panel .base-card{
	min-width: 0;
	padding: 0 0 3rem;
	background-color: #FAFAFA;
	overflow: hidden;
}

.base--panel .base-card__media{
	height: 22rem;
	margin-bottom: 2.4rem;
	padding: 1.6rem;
	border-radius: 0;
	background: #fff;
}

.base--panel .base-card__media img{
	object-fit: contain;
	object-position: center;
}

.base--panel .base-card__head{
	padding-inline: 2.4rem;
}

.base--panel .base-card__title{
	margin-bottom: 1.2rem;
}

@media (max-width: 1024px) {
	.base--panel .base__grid{
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
}

.base--panel .wrapper{
		padding: 3rem 2rem;
		border-radius: 1.2rem;
	}

	.base--panel .base-card__media{
		height: 18rem;
	}
}

@media (max-width: 480px) {
	.base--panel .base-card__media{
		height: 16rem;
	}
}

.base__grid--3{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.base__grid--2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1024px) {
	.base__grid--3,
	.base__grid--2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.base__grid--3,
	.base__grid--2{
		grid-template-columns: auto;
	}
}