/* Start:/local/components/RTM_VRMCHK/menu/templates/top_menu/style.css?178426274615046*/
.header-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-nav a {
	text-decoration: none;
}

.mega-menu-right a {
	text-decoration: none !important;
}

.rkv-accordion__header>a {
	text-decoration: none;
}

.simple-dropdown a {
	text-decoration: none !important;
}

.header-nav a.activenav {
	color: #fff !important;

}

.top-menu {
    display: flex;
    align-items: center;
    
  
    
    /* Резиновый отступ: от 15px до 35px в зависимости от ширины экрана */
    gap: clamp(15px, 2.5vw, 35px);
    
    /* Чтобы меню плавно прижималось к краям или центру */
    justify-content: flex-start; 
    
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;

    /* Плавное уменьшение отступов на средних экранах */
    @media (max-width: 1400px) {
        gap: clamp(10px, 1.5vw, 20px);
    }

    /* На мобильных устройствах обычно меняется направление или выравнивание */
    @media (max-width: 768px) {
        gap: 15px;
        justify-content: center; /* Центрируем, если пункты перенеслись */
    }
}

/* Дополнительное правило для гибкости самих пунктов списка */
.top-menu .nav-item {
    flex-shrink: 1; /* Позволяет пунктам немного сжиматься, если нужно */
    display: flex;
    align-items: center;
}

.nav-item {
	position: relative;
	flex-shrink: 1;
	/* Позволяет пункту немного сжиматься */
}

.nav-link {
	white-space: nowrap;
	/* Текст пункта в одну строку */
	font-size: clamp(14px, 1.2vw, 17px);
	/* Резиновый размер шрифта: минимум 14, максимум 17 */
}

/* Линия подчеркивания для главных пунктов */
.nav-link::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	opacity: 0;
	transition: opacity 0.3s ease;
}

/* Ховер на главные пункты */
.nav-item:hover .nav-link {
	color: #ffffff;
}

.nav-item:hover .nav-link::after {
	opacity: 1;
}

/* --- 1. ПРОСТОЕ ВЫПАДАЮЩЕЕ МЕНЮ ("О Компании") --- */
.simple-dropdown {
	position: absolute;
	top: 100%;
	/* left: -15px; */
	/* Выравнивание рамки относительно текста */
	z-index: 150;
	/* Стили рамки по макету */
	border: 2px solid #ffffff;
	border-radius: 15px;
	padding: 20px 30px !important;
	min-width: 175px;

	/* Скрыто по умолчанию */
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;

	display: flex;
	flex-direction: column;
	gap: 15px;
	background: var(--main-purple);
}

/* Появление при наведении */
.has-simple-dropdown:hover .simple-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.simple-dropdown a {
	color: rgba(255, 255, 255, 0.7);
	font-size: 22px;
	transition: color 0.2s ease;
}

.simple-dropdown a:hover {
	color: #ffffff;
}

/* --- 2. МЕГА-МЕНЮ ("Услуги") --- */
.mega-menu {
	position: absolute;
	top: 100%;
	left: -15px;

	border: 2px solid #ffffff;
	border-radius: 15px;
	padding: 30px 30px;
	/* min-width: 600px; */
	min-width: 175px;

	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;

	display: flex;
	gap: 50px;
	background: var(--main-purple);
}

.has-mega-menu:hover .mega-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Левая колонка мега-меню */
.mega-menu-left {
	min-width: 180px;
}

.category-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.category-item {
	color: rgba(255, 255, 255, 0.7);
	font-size: 22px;
	cursor: pointer;
	transition: color 0.3s ease;

}

.category-item a {
	text-decoration: none;
	color: #ffffff;
}

.category-item:hover,
.category-item.active {
	color: #ffffff;
	font-weight: 500;
}

.category-item .active {
	color: #ffffff;
	font-weight: 500;
}

.simple-dropdown li:hover {
	color: #ffffff;
	font-weight: 500;
	transition: color 0.2s ease;
}



/* Правая колонка мега-меню */
.mega-menu-right {
	flex-grow: 1;
}

.subcategory-list {
	display: none;
	flex-direction: column;
	gap: 12px;
	animation: fadeIn 0.3s ease;
}

.subcategory-list.active {
	display: flex;
}

.subcategory-list a {
	color: rgba(255, 255, 255, 0.7);
	font-size: 20px;
	white-space: nowrap;
	transition: color 0.2s ease;
}

.subcategory-list a:hover {
	color: #ffffff;
	font-weight: 600;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateX(-5px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/** **/
.mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #8e5bd6, #6d55b8);
	color: white;
	z-index: 9999;
	padding: 40px 20px;
	overflow-y: auto;
	display: none;
	/* скрыто по умолчанию */
}

.mobile-menu__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 500;
}

.mobile-menu__close {
	cursor: pointer;
	font-size: 28px;
}

.mobile-menu__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-menu__item {
	font-size: 28px;
	padding: 20px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile-menu__item a {
	color: white;
	text-decoration: none;
	width: 100%;
}

.mobile-submenu {
	display: none;
	flex-direction: column;
	padding-left: 20px;
	margin-top: 10px;
}

.mobile-submenu li {
	padding: 12px 0;
	font-size: 24px;
	border-bottom: none;
}

/* Обязательно высокий z-index чтобы уровни меню были поверх всего */
.simple-dropdown,
.mega-menu {
	position: absolute;
	/* уже используется, но дублируем для надёжности */
	z-index: 12000;
	will-change: transform, top, left;
}

/* Мягкая анимация появления (опционально) */
.simple-dropdown,
.mega-menu {
	transition: opacity 0.18s ease, transform 0.18s ease;
	opacity: 0;
	transform: translateY(6px);
	visibility: hidden;
}

.simple-dropdown.visible,
.mega-menu.visible {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

/* Убрать маркеры и сбросить отступы у всех списков меню */
nav ul,
nav ul li,
.main-nav ul,
.main-nav li,
.top-menu,
.top-menu li,
.mobile-menu__list,
.mobile-menu__item,
.simple-dropdown,
.simple-dropdown li,
.mega-menu,
.mega-menu .category-list,
.mega-menu .category-list li,
.mega-menu .subcategory-list,
.mega-menu .subcategory-list li {
	list-style: none !important;

}

/* ...existing code... */


/* ===== RESET ONLY FOR MENU ===== */
.rkv-menu * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


/* ===== BURGER BUTTON ===== */



.rkv-burger-btn {
	display: none;
}

@media (max-width: 900px) {
	.main-nav {
		display: none;
		position: absolute;
	}

	.header-nav #bx_incl_area_1 {
		position: absolute;
	}

	.rkv-burger-btn {
		background: none;
		border: none;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		gap: 5px;
		padding: 4px;
	}
}


.rkv-burger-btn__line {
	display: block;
	width: 28px;
	height: 3px;
	background: white;
	border-radius: 2px;
}

/* ===== OVERLAY ===== */
.rkv-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9000;
}

.rkv-overlay--active {
	display: block;
}

/* ===== MENU PANEL ===== */
.rkv-menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 100vw;
	/* max-width: 480px; */
	height: 100%;
	/* background: #7B3FA0; */
	background: rgba(126, 87, 197, 1);
	z-index: 9001;
	transform: translateX(100%);
	transition: transform 0.35s ease;
	overflow: hidden;
}

.rkv-menu--open {
	transform: translateX(0);
}

/* ===== SCREENS ===== */
.rkv-screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(126, 87, 197, 1);
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: transform 0.35s ease;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 999999;
}

.rkv-screen--active {
	transform: translateX(0);
}

.rkv-screen::-webkit-scrollbar {
	width: 3px;
}

.rkv-screen::-webkit-scrollbar-track {
	background: transparent;
}

.rkv-screen::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 3px;
}

/* ===== SCREEN HEADER (main) ===== */
.rkv-screen__head-main {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 20px 20px 10px;
	flex-shrink: 0;
}

/* ===== SCREEN HEADER (sub) ===== */
.rkv-screen__head-sub {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px;
	flex-shrink: 0;
}

/* ===== LOGO INSIDE MENU ===== */
.rkv-menu-logo {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.rkv-menu-logo__icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.rkv-menu-logo__text {
	display: flex;
	flex-direction: column;
}

.rkv-menu-logo__name {
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
}

.rkv-menu-logo__sub {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.3;
	margin-top: 2px;
}

/* ===== BACK BUTTON ===== */
.rkv-back-btn {
	display: flex;
	align-items: center;
	gap: 20px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	color: #FFF;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 19px;
	/* 111.765% */
}

.rkv-back-btn__icon {
	width: 28px;
	height: 18px;
	flex-shrink: 0;
}

/* ===== CLOSE BUTTON ===== */
.rkv-close-btn {
	background: none;
	border: none;
	color: #ffffff;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rkv-close-btn__icon {
	width: 24px;
	height: 24px;
}

/* ===== MENU ITEMS WRAPPER ===== */
.rkv-menu-items {
	flex: 1;
	padding: 0 22px;
}

/* ===== ACCORDION ===== */
.rkv-accordion__item {
	/* padding: 0px 20px; */
}

.rkv-accordion__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 0px;
	border-bottom: 1px solid #D9D9D9;
	cursor: pointer;
	transition: background 0.2s;
	-webkit-tap-highlight-color: transparent;
}

.rkv-accordion__header:active {
	background: rgba(255, 255, 255, 0.08);
}

.rkv-accordion__title {
	color: #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	line-height: 25px;
	/* 100% */
}

.rkv-accordion__arrow {
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.rkv-accordion__arrow--rotated {
	transform: rotate(180deg);
}

.rkv-accordion__body {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
}

.rkv-accordion__body--open {
	max-height: 1200px;
}

.rkv-screen__head-sub .rkv-menu-item {}

/* ===== ACCORDION SUB ITEMS ===== */
.rkv-accordion__sub-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0px;
	cursor: pointer;
	border-bottom: 1px solid #D9D9D9;
	transition: background 0.2s;
	-webkit-tap-highlight-color: transparent;
}

.rkv-accordion__sub-item:active {
	background: rgba(255, 255, 255, 0.1);
}

.rkv-accordion__sub-title {
	color: #FFF;
	font-family: Mulish;
	font-weight: 400;
	font-style: Regular;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 20px;
	letter-spacing: 0%;
	vertical-align: middle;

	/* 100% */
}

.rkv-social a svg {
	width: 30px;
	height: 30px;
}

.rkv-accordion__sub-arrow {
	flex-shrink: 0;
}

/* ===== PLAIN MENU ITEM ===== */
.rkv-menu-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0px;
	cursor: pointer;
	border-bottom: 1px solid #D9D9D9;
	transition: background 0.2s;
	-webkit-tap-highlight-color: transparent;
}

.rkv-menu-item:first-child {
	border-top: 1px solid border-bottom: 1px solid #D9D9D9;
	;
}

.rkv-menu-item:active {
	background: rgba(255, 255, 255, 0.08);
}

.rkv-menu-item__title {
	font-family: Mulish;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 25px;
	leading-trim: NONE;
	line-height: 25px;
	letter-spacing: 0%;
	vertical-align: middle;

	color: #ffffff;
}

.rkv-menu-item__title--bold {
	font-weight: 700;
}

.rkv-menu-item__title--normal {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	/* 100% */
}

.rkv-menu-item__arrow {
	flex-shrink: 0;
}

/* ===== CONTACT BLOCK ===== */
.rkv-contact {
	padding: 30px 20px 20px;
	margin-top: auto;
	flex-shrink: 0;
}

.rkv-contact__phone-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 18px;
	border-radius: 50px;
	background: linear-gradient(180deg, #19D3C5 -155.41%, rgba(25, 211, 197, 0.00) 123.65%);
	border-radius: 50px;
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 20px;
	transition: background 0.2s;
	box-shadow: 0 -1px 10px 0 rgba(255, 255, 255, 0.30) inset;

	color: #FFF;
	text-align: center;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	/* 100% */
}

.rkv-contact__phone-btn:active {
	background: rgba(255, 255, 255, 0.28);
}

.rkv-contact__phone-icon {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
}

.rkv-contact__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
	margin-top: 30px;
}

.rkv-contact__info-item {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #FFF;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 19px;
	/* 111.765% */
}

.rkv-contact__info-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

/* ===== SOCIAL ===== */
.rkv-social {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.rkv-accordion__sub-item a {
	text-decoration: none;
}

.rkv-social__icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color 0.2s;
	flex-shrink: 0;
}

.rkv-social__icon:active {
	border-color: #ffffff;
}

.rkv-social__icon svg {
	width: 22px;
	height: 22px;
	fill: #ffffff;
}

/* ===== FOOTER ===== */
.rkv-menu-footer {
	text-align: center;
	padding: 0 20px 30px;
}

.rkv-menu-footer__copy {
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 4px;
}

.rkv-menu-footer__created {
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 12px;
	margin-top: 12px;
}

.rkv-menu-footer__brand {
	font-weight: 700;
	font-size: 15px;
}
/* End */


/* Start:/sect_hero.css?1782840751807*/
		@media (max-width: 770px) {
			.header-nav {
				background-color: #7e57c500;
			}
		}

		.linear-background {
			background: linear-gradient(rgb(211 202 255 / 32%) 20.1557%, rgb(164 131 222) 32.4450%, rgb(61, 42, 95) 44.0917%, rgb(61, 42, 95) 46.2916%, rgb(126, 87, 197) 74.4029%, rgb(211 202 255 / 137%) 81.15%) !important;
		}


		@media (max-width: 768px) {
			.linear-background {
				background: linear-gradient(179deg, rgba(211, 202, 255, 0.50) 25.11%, #7e57c552 26.71%, #9F82D9 31.97%, #3D2A5F 36.01%, #7E57C5 52.46%, #7E57C5 63.25%, rgba(211, 202, 255, 0.50) 69.69%) !important;
			}

		}

		@media (max-width: 1400px) {
			.svg-atimate-right {
				max-width: 35%;
				transform: translate(0, -75%);
			}
		}

		.header-contacts {
			margin: 35px 100px !important;
			color: white !important;
		}
/* End */


/* Start:/local/components/RTM_VRMCHK/cookie.banner/templates/.default/style.css?17828407364509*/
#cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: #fff;
    color: #333;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 900px;
    margin: 0 auto;
}

#cookie-banner a {
    color: var(--main-purple);
    text-decoration: underline;
}

#cookie-banner .btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#cookie-banner button {
    padding: 10px 22px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    flex: 1;
    min-width: 120px;
}

#cookie-accept-all {
    background: var(--main-purple);
    border: none;
    color: #fff;
}

#cookie-reject {
    background: #f0f0f0;
    border: none;
    color: #333;
}

#cookie-settings {
    background: transparent;
    border: 1px solid #ccc;
    color: #333;
}

/* Мобильная версия */
@media (max-width: 600px) {
    #cookie-banner {
        font-size: 13px;
        padding: 10px;
    }

    #cookie-banner button {
        width: 100%;
    }
}

#cookie-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

#cookie-modal .modal-box {
    background: #fff;
    color: #333;
    padding: 25px;
    border-radius: 12px;
    width: 420px;
    max-width: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

#cookie-modal h3 {
    margin-top: 0;
    font-size: 18px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

#cookie-modal .modal-btns {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#cookie-save {
    background: var(--main-purple);
    border: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
}

#cookie-cancel {
    background: #f0f0f0;
    border: none;
    color: #333;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
}

#cookie-banner .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
}

#cookie-banner .head {
    display: none;
}

.cookie-settings {
    display: block;
}

@media (max-width: 600px) {
    #cookie-banner .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    #cookie-modal .modal-box {
        padding: 20px;
    }

    #cookie-modal .modal-btns {
        flex-direction: column;
    }

    #cookie-banner .btns {
        flex-direction: row;
    }

    #cookie-save,
    #cookie-cancel {
        width: 100%;
    }

    .cookie-settings-mob {
        width: auto;
        border: none;
        color: #333;
        width: auto !important;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        cursor: pointer;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;


    }

    #cookie-banner button.cookie-settings-mob {
        padding: 5px 10px;
        border-radius: 10px;
        cursor: pointer;
        font-size: 14px;
        flex: 1;
        min-width: 120px;
        background: none;
    }

    .cookie-settings {
        display: none;
    }
}


#cookie-settings-pc {
    display: block;
}

@media (max-width: 600px) {
    #cookie-settings-pc {
        display: none;
    }
}

#cookie-banner {
    display: flex;
    /* По умолчанию */
}

#cookie-modal {
    display: none;
    /* Скрыто по умолчанию */
}
/* End */


/* Start:/local/components/RTM_VRMCHK/subscribe.form/templates/footer_subscribe/style.css?17828407361974*/
.footer-subscribe {
    display: flex;
    gap: 10px; /* Отступ между инпутом и кнопкой */
    align-items: stretch;
    width: 100%;
}

.footer-input {
    flex: 1; /* Инпут забирает всё свободное пространство */
    min-width: 0; /* Важно, чтобы flex-элемент мог сужаться */
    /* Ваши стили для инпута (высота, бордеры и т.д.) */
    border-radius: 50px;
    padding-left: 25px;
}

.btn-blue-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    background: var(--blue-gradient);
    border: none;
    border-radius: 50px;
    color: white;
    font-size: 25px;
    font-weight: 600;
    padding: 0 50px;
    height: 65px;
    box-shadow: inset 0px -1px 10px rgba(255, 255, 255, 0.3);
    transition: all 0.2s ease;
    white-space: nowrap; /* Чтобы текст не переносился на новую строку */

    /* Планшеты и небольшие десктопы */
    @media (max-width: 1280px) {
        font-size: 16px;
        padding: 0 30px;
        height: 50px;
        /* Убрали жесткую ширину width: 160px, теперь она резиновая по падингам */
    }

    /* Мобилки */
    @media (max-width: 767px) {
        font-size: 18px;
        padding: 15px 20px;
        height: auto;
        width: 100%; /* На мобилках кнопка на всю ширину */
    }
}

/* Мобильная адаптация всей формы */
@media (max-width: 767px) {
    .footer-subscribe {
        flex-direction: column; /* Элементы встают друг под друга */
        gap: 15px;
    }
    
    .footer-input {
        width: 100%;
        height: 50px; /* Укажите нужную высоту для мобилки */
    }
}
/* End */


/* Start:/local/components/RTM_VRMCHK/menu/templates/footer_menu/style.min.css?1782840737490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/components/RTM_VRMCHK/menu/templates/footer_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/components/RTM_VRMCHK/form.result.new/templates/obekty-obsluzhivaniya-popup/style.css?17828407372640*/
.rkv-popup-quiz-form .rkv-popup-quiz-alert {
    margin: 0 auto 20px;
    max-width: 1480px;
}

.rkv-popup-quiz-form .quiz-real-input:checked + .quiz-tag {
    background-color: #f2eeff;
    color: #3d2a5f;
    border-color: #f2eeff;
    font-weight: 600;
}

.rkv-popup-quiz-form .quiz-tag-label {
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.rkv-popup-quiz-form .quiz-tag {
    display: inline-block;
    padding: 3px 15px 5px;
    border: 1px solid #f2eeff;
    border-radius: 999px;
    color: #fff;
    background: transparent;
    transition: all 0.25s ease;
}

.rkv-popup-quiz-form .quiz-tag:hover {
    background: rgba(255, 255, 255, 0.1);
}
.quiz-input-left {
	background-color: #ffffff !important;
	border: none;
	border-radius: 50px;
	padding: 5px 0px;
	font-family: Mulish;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 15px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0px;
	text-align: center;
	vertical-align: middle;

}
.rkv-popup-quiz-form .quiz-tag.active {
    background-color: #f2eeff;
    color: #3d2a5f;
    border-color: #f2eeff;
    font-weight: 600;
}

.rkv-popup-quiz-form .ml-51px {
    margin-left: 51px;
}

@media (max-width: 992px) {
    .rkv-popup-quiz-form .ml-51px {
        margin-left: 0;
    }
}



/* Контейнер для выравнивания */
.custom-checkbox-container {
    display: flex;
    align-items: flex-start; /* Выравнивание по верхнему краю, если текст длинный */
    gap: 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 5px;
}

.custom-checkbox-container input {
    display: none;
}

/* Квадрат 24x24 */
.checkmark {
    min-width: 24px;
    height: 24px;
    border: 1px solid #ffffff;
    background-color: transparent;
    display: inline-block;
    position: relative;
    flex-shrink: 0; /* Чтобы квадрат не сжимался при длинном тексте */
}

/* Галочка (адаптирована под 24px) */
.custom-checkbox-container input:checked + .checkmark::after {
    content: "";
    position: absolute;
    /* Центрирование галочки внутри 24px */
    left: 8px; 
    top: 3px;
    width: 7px;
    height: 14px;
    border: solid #FFF; /* Цвет галочки под стиль вашей кнопки */
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* Ссылка внутри текста */
.checkbox-text a {
    color: #ffffff;
    text-decoration: underline;
}

.checkbox-text a:hover {
    text-decoration: none;
}
/* End */


/* Start:/local/templates/roskvit/template_styles.css?1793793835174407*/
 .spacer {
     width: 100%;
     height: var(--sp-mob, 20px);
     display: block;
     clear: both;
 }

 @media (min-width: 768px) {
     .spacer {
         height: var(--sp-tab, var(--sp-mob));
     }
 }

 @media (min-width: 1400px) {
     .spacer {
         height: var(--sp-pc, var(--sp-tab));
     }
 }

 .container-custom {
     max-width: 1520px;
     margin: 0 auto;
     /* padding-left: 15px;
    padding-right: 15px; */
     box-sizing: border-box;
     position: relative;
     z-index: 5;
     padding: 0 70px;

     @media (max-width: 1400px) {
         /* border-radius: 50px; */
         padding: 0 0px;
     }

     @media (max-width: 768px) {
         /* border-radius: 30px; */
         padding: 0 0px;
     }
 }

 .foundation-bg-img-mobile {
     position: absolute;
     display: none;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     transform: translate(-50%, -50%);
     /* Центрирование "тяжелой" картинки */
     object-fit: cover;
     z-index: 1;

     @media (max-width: 768px) {
         display: block;

     }
 }

 .section-label {
     font-family: Mulish;
     font-weight: 400;
     font-style: Regular;
     font-size: 25px;
     line-height: 100%;
     letter-spacing: 0px;
     color: #7D56C4;
     margin-top: 20px;

     @media (max-width: 1400px) {
         font-size: 20px;
         vertical-align: middle;
         margin-top: 10px;
     }

     @media (max-width: 768px) {
         font-size: 15px;
         margin-top: 0px;
     }
 }

 .color-white {
     color: white;
 }

 .wrapper-viollet {
     background: linear-gradient(180deg, #7E57C5 0%, #3D2A5F 50.48%, #3D2A5F 65.38%, #7E57C5 100%);
     color: white;
     border-radius: 80px;
     /* padding: 0 200px; */

     @media (max-width: 1400px) {
         border-radius: 50px;
         /* padding: 0 70px; */
     }

     @media (max-width: 768px) {
         border-radius: 30px;
         /* padding: 0 20px; */
     }
 }

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

 .RTM-EBE1FF {
     color: #EBE1FF;
 }

 .RTM-FFFFFF {
     color: #FFFFFF;
 }

 .RTM-7D56C4 {
     color: #7D56C4;
 }

 .RTM-title,
 .RTM-title h2 {
     font-family: Mulish;
     font-weight: 600;
     /* clamp(минимум, адаптив, максимум) */
     font-size: clamp(30px, 5.5vw, 90px);
     line-height: 0.95;
     /* Плотная линия для крупных залогов */
     letter-spacing: -0.04em;
     /* Отрицательный кернинг в процентах лучше масштабируется */
     overflow-wrap: normal;
     /* Защита от переполнения */
     word-wrap: break-word;
     /* hyphens: auto; */

     margin-bottom: 20px;
     /* Условно, вместо жестких спейсеров в PHP */

     @media (max-width: 1400px) {
         letter-spacing: -2px;
     }

     @media (max-width: 768px) {
         letter-spacing: -1px;
         line-height: 1.1;
     }
 }

 .RTM-description {
     font-family: Mulish;
     font-weight: 400;
     /* Плавно уменьшаем от 25px до 16px */
     font-size: clamp(16px, 1.8vw, 25px);
     line-height: 1.4;
     /* Для текста лучше чуть больше пространства */
     letter-spacing: 0px;
     overflow-wrap: break-word;
     /* Чтобы текст не слипался с карточкой на узких экранах */
     max-width: 90%;

     @media (max-width: 768px) {
         max-width: 100%;
         line-height: 1.3;
     }
 }

 .custom-checkbox-group {
     display: flex;
     gap: 27px;
     padding: 20px 50px;
     width: 456px;
     background: var(--input-bg);
     border-radius: 25px;



     @media (max-width: 1400px) {

         gap: 15px;
         padding: 15px 40px;
         width: 290px;
         display: flex;
         align-items: center;

     }

     @media (max-width: 768px) {

         width: 100%;

     }
 }



 .header-nav {
     gap: 20px;
     padding: 49px 100px 36px;
     /* position: relative; */
     z-index: 10;

     @media (max-width: 1400px) {
         padding: 32px 70px 12px;
     }

     @media (max-width: 768px) {
         padding: 30px 20px;
         flex-wrap: nowrap !important;
         align-items: flex-start !important;
     }
 }

 .nav-link {
     color: var(--text-light) !important;
     font-size: 25px;
     margin: 0;
     transition: color 0.3s;

     @media (max-width: 1400px) {
         font-size: 17px;
         margin: 0 0;
     }
 }

 .header-nav.logo-group {
     @media (max-width: 1400px) {
         max-width: 226px;
     }

     @media (max-width: 768px) {
         max-width: 216px;
     }
 }

 .text-end {
     @media (max-width: 768px) {
         display: none;
     }
 }

 .svg-logo {
     display: inline-block;
     vertical-align: middle;
     width: 100%;

     /* Исходный размер на больших экранах (от 1400px и выше) */
     max-width: 308px;
     min-width: 200px;
     height: auto;
     /* Высота пропорционально подстроится сама (~101px) */

     transition: max-width 0.3s ease;
     /* Плавный переход при изменении экрана */

     @media (max-width: 1400px) {
         max-width: 226px;
         min-width: 120px;
         /* Высота сама пропорционально станет ~74px */
     }

     @media (max-width: 768px) {
         max-width: 170px;
         min-width: 100px;
         /* Для мобильных лучше сделать чуть меньше, ~170px (высота ~55px) */
     }
 }

 .RTM-header-contacts {

     display: flex;
     justify-content: space-between;


 }

 .RTM-header-contacts .mobile-none {
     margin-top: 7px;

     @media (max-width: 1400px) {
         margin-top: 0px;
     }
 }

 .RTM-hero-content {
     padding: 35px 100px 139px;


     @media (max-width: 1400px) {
         padding: 41px 70px 120px;
     }

     @media (max-width: 768px) {
         padding: 15px 20px 80px;
         background: #0000006e;
     }
 }














































 /* =========================================================
   ROSKVIT / TEMPLATE STYLES (Legacy + Ongoing Refactor)
   Refactor strategy: preserve visual output and cascade.
   ========================================================= */

 /* =======================
   VARIABLES
   ======================= */
 :root {
     --purple: #7e57c5;
     --purple-dark: #3d2a5f;
     --mint: #19d3c5;
     --yellow: #fbe122;
     --text-dark: #464647;
     --bg-light: #f2eeff;
 }

 /* =======================
   UTILITIES
   ======================= */
 .mt-50 {
     margin-top: 50px !important;
 }

 .mobile-none {
     @media (max-width: 768px) {
         display: none !important;
     }
 }

 .etapy-rabot-block .slider-dots {
     gap: 15px;
     margin-top: 30px;
     margin-bottom: 50px;
 }

 .tarif-block .cl-price-intro-text {
     margin-top: 0px !important;
     margin-bottom: 0px !important;
 }

 /* =======================
   BASE
   ======================= */
 body {
     font-family: 'Mulish', sans-serif;
     margin: 0;
     padding: 0;
 }

 .linear-background {
     background: linear-gradient(180deg, rgba(211, 202, 255, 0.5) 18.01%, #7E57C5 26.71%, #3D2A5F 33.12%, #3D2A5F 40.13%, #7E57C5 68.39%, rgba(211, 202, 255, 0.5) 79.89%);

 }


 .background-linear-2 {
     background: linear-gradient(180deg, rgba(211, 202, 255, 1) 0%, #FFFFFF 25.93%);

     transform: translate(0px, -120px);
 }

 html,
 body {
     overflow-x: hidden;
     width: 100%;
     margin: 0;
     padding: 0;
 }

 .ml-51px {
     margin-left: 51px !important;
 }

 .mb-20px {
     margin-bottom: 20px !important;
 }

 .mb-32px {
     margin-bottom: 32px !important;
 }

 .mb-40px {
     margin-bottom: 40px !important;
 }

 .mb-60px {
     margin-bottom: 60px !important;
 }

 .mt-40px {
     margin-top: 40px !important;
 }

 .mt-20px {
     margin-top: 20px !important;
 }

 .mb-95px {
     margin-bottom: 95px !important;
 }

 .mt-100px {
     margin-top: 100px !important;
 }

 .mb-86px {
     margin-bottom: 86px !important;
 }

 .mb-100px {
     margin-bottom: 100px !important;
 }

 @media (min-width: 992px) {
     .objects-section .objects-section-main.mb-100px {
         margin-bottom: 116px !important;
     }
 }

 .mt-150px {
     margin-top: 150px !important;
 }

 .mb-70px {
     margin-bottom: 70px !important;
 }

 .mb-90px {
     margin-bottom: 90px !important;
 }


 .pt-352px {
     padding-top: 352px !important;
 }

 .pt-304px {
     padding-top: 304px !important;
 }

 .pt-100px {
     padding-top: 100px !important;
 }

 .gap-20px {
     gap: 20px !important;
 }

 .gap-10px {
     gap: 10px !important;
 }

 .gap-16px {
     gap: 10px !important;
 }

 /* =======================
   LAYOUT
   ======================= */


 .container-custom-varansii {
     max-width: 1720px;
     margin-left: auto;
     padding: 0 15px;
 }

 /* =======================
   COMPONENTS: Header / Hero
   ======================= */
 /* Header & Phone Button */
 .main-header {
     position: absolute;
     top: 0;
     z-index: 1000;
 }

 .menu-header {
     margin: 0 auto;
 }

 .nav-links a {

     color: white;
     text-decoration: none;
     font-weight: 600;
 }


 /* Sections */
 .hero-section {
     background: linear-gradient(180deg, var(--purple) 0%, var(--purple-dark) 100%);
     height: 1080px;
     padding-top: 150px;
     overflow: hidden;
 }

 .hero-text {
     font-size: 25px;
     max-width: 600px;
 }

 .py-header {
     /* padding: 120px 0; */
 }

 /* Typography */
 .display-1 {
     font-size: 150px;
     line-height: 0.9;
     letter-spacing: -5px;
 }

 .section-title {
     font-size: 90px;
     line-height: 1;
     font-weight: 700;
     color: var(--purple);
 }

 .section-title-large {
     font-size: 90px;
     line-height: 1;
     font-weight: 700;
 }

 .label-purple {
     font-weight: 700;
     font-size: 25px;
     color: var(--purple);
 }

 .purple-text {
     color: var(--purple);
 }

 /* Buttons */
 .btn-mint {
     background-color: var(--mint);
     color: white;
     border-radius: 50px;
     font-weight: 700;
     border: none;
 }

 .btn-outline-white {
     border: 2px solid white;
     color: white;
     border-radius: 50px;
     font-weight: 700;
 }



 /* Forms & Quiz */
 .badge-tag {
     padding: 8px 20px;
     border: 1px solid var(--purple);
     border-radius: 50px;
     cursor: pointer;
     font-weight: 600;
 }

 .badge-tag.active {
     background-color: var(--purple);
     color: white;
 }

 .custom-input {
     border-radius: 15px;
     padding: 15px 20px;
     background-color: #f8f8f8;
     border: 1px solid #eee;
 }

 /* Footer */
 .main-footer {
     background-color: var(--purple);
     color: white;
 }

 .main-footer h5 {
     font-size: 35px;
     font-weight: 700;
     margin-bottom: 25px;
 }

 .footer-brand.mb-5>a {
     display: inline-flex !important;
     align-items: center;
     width: fit-content;
     height: 32px;
     line-height: 0;
     margin-bottom: 20px;
 }

 .footer-brand.mb-5 .footer-logo {
     display: block !important;
     height: 32px !important;
     width: auto !important;
     max-width: none;
 }

 .footer-links a {
     color: white;
     opacity: 0.7;
     text-decoration: none;
 }

 .subscribe-input input {
     height: 60px;
     padding-left: 30px;
 }

 .btn-arrow {
     position: absolute;
     right: 5px;
     top: 5px;
     bottom: 5px;
     background: var(--purple);
     color: white;
     border: none;
     border-radius: 50px;
     padding: 0 25px;
 }

 /* Utils */
 .x-small {
     font-size: 14px;
 }

 /* Кастомные переменные для этого блока */
 :root {
     --purple-main: #7d56c4;
     --yellow-stat: #fbe122;
     --mint-main: #19d3c5;
     --text-muted: #464647;
 }



 .align-items-baseline {
     align-items: baseline;
 }

 .section-label-comanda {
     color: #7D56C4;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     text-transform: uppercase;
 }

 @media (max-width: 768px) {
     .section-label-comanda {
         color: #7D56C4;
         font-size: 15px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
         text-transform: uppercase;
     }
 }




 .about-title,
 .about-title h1 {
     font-size: 90px;
     font-weight: 600;
     line-height: 1;
     color: var(--purple-main);
     letter-spacing: -3px;
 }

 .about-title h2 {
     font-size: 90px;
     font-weight: 600;
     line-height: 1;
     color: var(--purple-main);
     letter-spacing: -3px;
 }

 .about-description {
     color: var(--text-muted);
     max-width: 1021px;
     text-align: left;
     font-size: 25px;
     font-weight: 400;
     line-height: normal;
 }

 /* Карточки статистики */
 .stat-card {
     background: var(--yellow-stat);
     border-radius: 25px;
     padding: 0px 25px;
     text-align: left;
     height: 100%;
     /* Мягкое свечение как на макете */
     box-shadow: 0px 4px 15px rgba(251, 225, 34, 0.4),
         inset 0px 4px 10px rgba(255, 255, 255, 0.25);
     transition: transform 0.3s ease;
 }

 .stat-card:hover {
     transform: translateY(-5px);
 }

 .stat-card__number {
     font-size: 100px;
     font-weight: 600;
     color: var(--purple-main);
     margin-bottom: 15px;
     letter-spacing: -3px;
 }

 .stat-card__text {
     font-size: 25px;
     color: var(--purple-main);
     font-weight: 400;
     margin-bottom: 25px;
 }

 /* Кнопка и подсказка */
 .btn-mint-pill {
     background-color: var(--mint-main);
     color: white;
     font-size: 25px;
     font-weight: 600;
     padding: 18px 60px;
     border-radius: 50px;
     text-decoration: none;
     transition: 0.3s;
     border: none;
     box-shadow: 0px -1px 10px rgba(255, 255, 255, 0.3) inset;
 }

 .btn-mint-pill:hover {
     background-color: #16bdaf;
     color: white;
 }



 .hint-text {
     font-size: 15px;
     line-height: 1.3;
     color: var(--text-muted);
 }

 /* Адаптивность для малых экранов */
 @media (max-width: 992px) {

     .about-title,
     .about-title h1 {
         font-size: 60px;
     }

     .about-title h2 {
         font-size: 60px;
     }

     .stat-card__number {
         font-size: 70px;
     }
 }

 :root {
     --purple-main: #7e57c5;
     --text-muted: #464647;
 }

 .ceo-quote {
     padding-top: 290px !important;
     padding-bottom: 146px !important;
 }

 .ceo-quote.py-5 {
     padding-top: 168px !important;
     padding-bottom: 68px !important;
 }

 /* Стили для фото */
 .ceo-quote__photo img {
     width: 235px;
     height: 235px;
     margin-bottom: 45px;
     object-fit: cover;
     /* Если на макете есть легкое свечение или граница, можно добавить тут */
 }

 /* Главная фраза */
 .ceo-quote__title,
 .ceo-quote__title h2 {
     color: var(--purple-main);
     font-size: 90px;
     font-weight: 600;
     line-height: 1;
     margin-bottom: 60px;
     letter-spacing: -4px;
 }

 /* Описание */
 .ceo-quote__text {
     font-size: 25px;
     line-height: normal;
     color: var(--text-dark);
     font-weight: 400;
     font-family: 'Mulish', sans-serif;
 }

 /* РџРѕРґРїРёСЃСЊ */
 .ceo-quote__author {
     color: var(--purple-main);
     font-size: 30px;
     font-weight: 500;
 }

 /* Адаптивность для мобильных устройств */
 @media (max-width: 991px) {

     .ceo-quote__title,
     .ceo-quote__title h2 {
         font-size: 50px;
         letter-spacing: -2px;
     }

     .ceo-quote__photo img {
         width: 180px;
         height: 180px;
     }

     .ceo-quote__text {
         font-size: 20px;
     }
 }


 :root {
     --yellow-brand: #fbe122;
     --dark-bg: #0a0a0a;
     /* Очень темный фон */
     --card-gradient-top: rgba(220, 206, 247, 0.25);
     --card-gradient-bottom: rgba(220, 206, 247, 0.05);
 }

 .bg-dark-custom {
     /* background-color: var(--dark-bg); */
 }



 .text-yellow {
     color: var(--yellow-brand);
 }

 /* Стили заголовков */
 .section-title,
 .section-title h2 {
     font-size: 90px;
     font-weight: 600;
     line-height: 1;
     letter-spacing: -3px;
 }

 .section-title-services,
 .section-title-services h2 {
     text-align: left;
     color: #EBE1FF;
     font-size: 90px;
     font-style: normal;
     font-weight: 600;
     line-height: 90px;
     letter-spacing: -4px;
 }





 .svg-atimate-left {
     position: absolute;
     z-index: 99;
     overflow: visible;
     left: 0;
     transform: translate(0, -690px) rotate(0deg);

 }


 .svg-atimate-right {
     position: absolute;
     z-index: 0;
     overflow: visible;
     right: 0;
     transform: translate(0, -50%);
 }


 .svg-atimate-suppot-right {
     position: absolute;

     overflow: visible;
     right: 0;
     transform: translate(0, -19%);
 }







 /* Адаптивность */
 @media (max-width: 1200px) {

     .section-title,
     .section-title h2 {
         font-size: 60px;
     }
 }

 @media (max-width: 768px) {

     .section-title,
     .section-title h2 {
         font-size: 40px;
     }
 }

 .foundation-section {
     position: relative;
     height: 896px;
     /* Фиксированная высота по макету */
     width: 100%;
     overflow: hidden;
     background-color: #DCD4F9;
     /* Резервный фон */
 }

 /* Позиционирование фонового изображения без поломки потока */

 .foundation-top-overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     display: block;
     width: 100%;
     height: auto;
     pointer-events: none;
 }

 .foundation-bottom-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 2;
     display: block;
     width: 100%;
     height: auto;
     pointer-events: none;
 }

 .foundation-bg-img {
     position: absolute;
     display: block;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     transform: translate(-50%, -50%);
     /* Центрирование "тяжелой" картинки */
     object-fit: cover;
     z-index: 1;
 }

 .mobile-none {
     @media (max-width: 769px) {
         display: none;
     }
 }

 /* .foundation-bg-img-mobile {
    display: none !important;
} */

 /* Верхний градиент для мягкого перехода */
 .foundation-gradient-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background: linear-gradient(180deg, rgb(180, 159, 226) 20.000000298023224%, rgba(233, 228, 255, 0.00) 100%);
     height: 236px;
     z-index: 2;
 }

 .foundation-gradient-bottom {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;

     background: linear-gradient(180deg, rgba(118, 82, 184, 0.00) 25%, rgba(115, 80, 180) 85.00000238418579%);
     height: 284px;
     z-index: 2;
 }


 /* Стилизация заголовка */
 .foundation-title {
     position: relative;
     z-index: 3;
     color: #ffffff;
     text-align: center;
     font-size: 130px;
     line-height: 1.2;
     letter-spacing: -5px;
     font-weight: 600;
     text-transform: uppercase;
     opacity: 0.6;

     /* Эффекты по макету */
     filter: blur(1px);
     mix-blend-mode: hard-light;
 }

 /* Адаптивность для мобильных устройств */
 @media (max-width: 1400px) {
     .foundation-title {
         font-size: 100px;
     }
 }

 @media (max-width: 992px) {
     .foundation-section {
         height: 600px;
     }

     .foundation-title {
         font-size: 60px;
         letter-spacing: -2px;
     }
 }

 @media (max-width: 768px) {
     .foundation-top-overlay {
         top: -1px;
     }
 }

 @media (max-width: 576px) {
     .foundation-section {
         height: 400px;
     }

     .foundation-title {
         font-size: 35px;
         letter-spacing: -1px;
     }
 }

 :root {
     --purple-light: #ebe1ff;
     --purple-accent: #7e57c5;
     --yellow-progress: #fbe122;
 }

 .bg-purple-dark {
     /* background: linear-gradient(180deg, #3d2a5f 0%, #1a1228 100%); */
 }

 .text-light-purple {
     color: #EBE1FF;

 }




 .active-card {
     width: var(--card-active-width);
 }

 .mini-card {
     width: 220px;
 }



 .mini-overlay {
     justify-content: flex-end;
 }

 .mini-overlay span {
     font-size: 25px;
     line-height: 1;
     letter-spacing: -1px;
 }

 .badge-glass {
     background: rgba(255, 255, 255, 0.2);
     backdrop-filter: blur(10px);
     padding: 10px 25px;
     border-radius: 50px;
     border: 1px solid rgba(255, 255, 255, 0.3);
 }



 /* Навигация */
 .slider-arrow {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: none;
     border: none;
     z-index: 10;
     cursor: pointer;
 }

 .arrow-left {
     left: -80px;
 }

 .arrow-right {
     right: -80px;
 }







 :root {
     --dark-quiz: #050505;
     --card-quiz: rgba(220, 206, 247, 0.15);
     --yellow-brand: #fbe122;
     --mint-brand: #19d3c5;
 }

 .quiz-section {
     /* background-color: var(--dark-quiz); */
 }

 .quiz-subtitle {
     font-size: 25px;
     max-width: 900px;
 }

 /* Карточка с параметрами (Glassmorphism) */
 .quiz-card {
     background: linear-gradient(180deg, rgba(220, 206, 247, 0.2) 0%, rgba(220, 206, 247, 0.05) 100%);
     border-radius: 25px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: inset 0px 4px 10px rgba(255, 255, 255, 0.2);
     padding: 40px;
 }

 .quiz-tags {
     gap: 10px;
 }

 @media (max-width: 770px) {
     .quiz-tags {
         gap: 0px;
     }
 }


 .quiz-group__title {
     font-size: 30px;
     font-weight: 500;
 }



 /* Теги (Кнопки выбора) */
 .quiz-tag {
     background: transparent;
     padding: 3px 15px 5px 15px;

     border-radius: 50px;
     border: 1px solid #F2EEFF;

     transition: all 0.3s ease;
     cursor: pointer;

     color: #FFF;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
 }

 .quiz-tag:hover {
     background: rgba(255, 255, 255, 0.1);
 }

 .quiz-tag.active {
     background-color: #f2eeff;
     color: #3d2a5f;
     font-weight: 600;
 }

 /* Форма */
 .form-title {
     font-size: 60px;
     font-weight: 600;
     letter-spacing: -2px;
     text-align: center;
 }

 .quiz-input {
     background-color: #ffffff !important;
     border: none;
     border-radius: 50px;
     padding: 20px 30px;
     font-size: 18px;
     color: #000;
 }

 .quiz-input.textarea {
     border-radius: 25px;
 }

 .quiz-input::placeholder {
     color: rgba(0, 0, 0, 0.4);
     font-weight: 600;
 }

 /* Кнопка отправки */
 .btn-submit-quiz {
     background-color: var(--mint-brand);
     color: #ffffff;
     font-size: 25px;
     font-weight: 600;
     padding: 20px 50px 22px 50px;
     border-radius: 50px;
     border: none;
     box-shadow: 0px -1px 10px rgba(255, 255, 255, 0.3) inset;
     transition: 0.3s;
 }

 .btn-submit-quiz:hover {
     transform: translateY(-2px);
     box-shadow: 0px 5px 15px rgba(25, 211, 197, 0.4);
     color: white;
 }

 /* Иконка подсказки */
 .hint-icon {
     width: 20px;
     height: 20px;
     border: 1px solid #464647;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
 }

 /* Иконка подсказки */
 .hint-icon-w {
     width: 20px;
     height: 20px;
     border: 1px solid #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
 }

 .hint-icon-txt {
     color: #FFF;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 .x-small {
     font-size: 15px;
 }

 /* Адаптивность */
 @media (max-width: 992px) {

     .section-title,
     .section-title h2 {
         font-size: 50px;
     }

     .form-title {
         font-size: 40px;
         text-align: center;
     }

     .quiz-subtitle {
         font-size: 18px;
     }

     .quiz-group__title {
         font-size: 22px;
     }
 }

 :root {
     --purple-light: #ebe1ff;
 }

 .strength-section {
     position: relative;
     padding: 20px 0;
     overflow: hidden;
     background-color: transparent;
     /* Или основной фон страницы */
 }

 .strength-section.mt-150px.mb-70px {
     padding-bottom: 0 !important;
     margin-bottom: 100px !important;
 }

 /* Обертка для графики */
 .strength-graphic-wrap {
     position: relative;
     display: inline-block;
     width: 100%;
     max-width: 860px;
     height: 320px;
     overflow: hidden;
 }

 .strength-flower-svg {
     position: relative;
     display: block;
     margin: 0 auto;
     z-index: 1;
     max-width: 100%;
     height: auto;
     transform-box: fill-box;
     transform-origin: 50% 50%;
     -webkit-transform-origin: 50% 50%;
     will-change: transform;
     transform: rotate(0deg);
     -webkit-animation: flower-c 40s linear infinite;
     animation: flower-c 40s linear infinite;
 }

 @keyframes flower-c {
     0% {
         /* Пишем оба значения в одну строку */
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         /* Меняем только градусы, translate оставляем таким же */
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 /* Для Safari/Chrome старых версий */
 @-webkit-keyframes flower-c {
     0% {
         -webkit-transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
     }
 }

 /* Прямоугольник-градиент под цветком */
 .strength-gradient-overlay {
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     width: 938px;
     height: 109px;
     background: linear-gradient(180deg, rgba(124, 86, 194, 0) 0%, #7551B7 90%);
     z-index: 2;
     pointer-events: none;
 }

 /* Заголовок */
 .strength-title {
     font-size: 90px;
     font-weight: 600;
     line-height: 1;
     letter-spacing: -4px;
     color: white;
     text-align: center;
 }

 /* Описание */
 .strength-subtitle {
     font-size: 25px;
     line-height: 1.4;
     color: #ffffff;
     text-align: center;
 }

 /* Адаптивность */
 @media (max-width: 992px) {
     .strength-title {
         font-size: 50px;
         letter-spacing: -2px;
     }

     .strength-gradient-overlay {
         width: 100%;
     }
 }

 :root {
     --feature-purple: #7e57c5;
     --feature-grad-start: #DCCEF7;
 }

 .bg-black {
     background-color: #000000;
 }

 /* Контейнер карточки */
 .feature-card {
     position: relative;
     width: 100%;
     max-width: 450px;
     height: 190px;
     margin: 0 auto;

     /* Форма лепестка: верхний левый и нижний правый - острые, остальные - круглые */
     border-radius: 0 150px 0 150px;

     /* Градиентный фон как в макете */
     background: linear-gradient(180deg, rgba(220, 206, 247, 0.3) 0%, rgba(220, 206, 247, 0) 100%);

     /* Внутренняя тень для объема */
     box-shadow: inset 0px 4px 10px rgba(255, 255, 255, 0.4);

     /* Рамка со свечением (реализация SVG фильтра через CSS) */
     border: 2px solid rgba(126, 87, 197, 0.5);
     filter: drop-shadow(0px 0px 8px rgba(126, 87, 197, 0.4));

     /* Центрирование текста внутри */
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 20px 40px;
     transition: all 0.3s ease;

     fill: linear-gradient(180deg, #DCCEF7 -155.41%, rgba(220, 206, 247, 0.00) 123.65%);
     box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.50) inset;
 }

 .feature-card:hover {
     filter: drop-shadow(0px 0px 15px rgba(126, 87, 197, 0.8));
     transform: scale(1.02);
 }

 /* Текст внутри карточки */
 .feature-card__text {
     color: #ffffff;
     text-align: center;
     font-family: 'Mulish', sans-serif;
     font-size: 35px;
     line-height: 1;
     font-weight: 600;
     pointer-events: none;
 }

 /* Адаптивность */
 @media (max-width: 1400px) {
     .feature-card {
         height: 160px;
         border-radius: 0 120px 0 120px;
     }

     .feature-card__text {
         font-size: 24px;
     }
 }

 @media (max-width: 768px) {
     .feature-card {
         height: 140px;
         border-radius: 0 100px 0 100px;
         padding: 15px 30px;
     }

     .feature-card__text {
         font-size: 24px;
     }
 }

 :root {
     --purple-main: #7d56c4;
     --text-dark: #464647;
     --mint-main: #19d3c5;
     --yellow-bg: #fde021;
 }

 .jobs-section {
     padding: 120px 0;
 }

 .jobs-section.mt-100px.overflow-hidden {
     padding-top: 0 !important;
     margin-top: 300px !important;
 }

 .news-intro.py-header .container-custom {
     margin-bottom: 118px;
 }

 .news-list-section.pb-header {
     padding-bottom: 425px;
 }

 .news-list-section.pb-header .d-flex.justify-content-center.gap-4.mt-5 {
     /* margin: 0 !important; */
 }

 .text-purple {
     color: var(--purple-main);
 }

 /* Типографика */
 .jobs-title,
 .jobs-title h2 {
     font-size: 90px;
     font-weight: 600;
     line-height: 1;
     letter-spacing: -4px;
 }

 .jobs-subtitle {
     font-size: 25px;
     color: var(--text-dark);
     max-width: 600px;
 }

 /* Список с галочками */
 .benefit-text {
     font-size: 25px;
     color: var(--text-dark);
     line-height: 1.3;
 }

 .check-icon-wrap {
     width: 30px;
     height: 30px;
     flex-shrink: 0;
     margin-top: 5px;
 }

 .check-icon-wrap img {
     width: 100%;
     height: 100%;
 }

 /* РљРЅРѕРїРєРё */
 .btn-mint-pill {
     background-color: var(--mint-main);
     color: white;
     font-size: 25px;
     font-weight: 600;
     padding: 20px 50px;
     border-radius: 50px;
     text-decoration: none;
     box-shadow: inset 0px -1px 10px rgba(255, 255, 255, 0.3);
     transition: 0.3s;
     border: none;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 323px;
 }

 .btn-mint-pill:hover {
     background-color: #16bdaf;
     color: white;
     transform: translateY(-2px);
 }

 /* Правая часть: Композиция */
 .jobs-image-container {
     position: relative;
     width: 100%;
     /* Чтобы изображение не выходило за границы контейнера слишком сильно */
     max-width: 800px;
     margin-left: auto;
 }

 .jobs-yellow-shape {
     position: absolute;
     top: 0;
     right: -100px;
     /* Смещение вправо как на макете */
     z-index: 1;
     width: 100%;
     height: auto;
 }

 .jobs-yellow-shape svg {
     width: 100%;
     height: auto;
 }

 .jobs-person-img {
     position: relative;
     z-index: 2;
     /* width: 100%; */
     height: 928.17px;
     object-fit: cover;
     right: 0;
     transform: translate(-2%, 21%);
 }

 /* Адаптивность */
 @media (max-width: 1400px) {

     .jobs-title,
     .jobs-title h2 {
         font-size: 60px;
     }

     .btn-mint-pill {
         min-width: 250px;
         font-size: 20px;
     }

     .benefit-text {
         font-size: 20px;
     }
 }

 @media (max-width: 992px) {

     .jobs-title,
     .jobs-title h2 {
         font-size: 45px;
         text-align: center;
     }

     .jobs-subtitle {
         text-align: center;
         margin: 0 auto 30px;
     }

     .jobs-yellow-shape {
         right: 0;
     }

     .jobs-benefits {
         max-width: 500px;
         margin: 0 auto 40px;
     }

     .jobs-image-container {
         margin-top: 50px;
     }
 }

 :root {
     --purple-main: #7e57c5;
     --mint-main: #19d3c5;
     --text-dark: #464647;
 }

 /* Стили заголовка */
 .news-main-title,
 .news-main-title h2 {
     font-size: 90px;
     font-weight: 600;
     line-height: 1;
     letter-spacing: -4px;
 }

 /* Описание */
 .news-description {
     font-size: 25px;
     line-height: 1.4;
     color: var(--text-dark);
     max-width: 830px;
 }

 /* Кнопка (используем ранее созданный стиль или уточняем) */
 .btn-mint-pill.btn-news {
     background-color: var(--mint-main);
     padding: 20px 50px;
     border-radius: 50px;
     text-decoration: none;
     min-width: 250px;
     text-align: center;
     box-shadow: inset 0px -1px 10px rgba(255, 255, 255, 0.3);

     color: #FFF;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     /* 80% */
 }


 .hint-text {
     font-size: 15px;
     line-height: 1.3;
     color: var(--text-dark);
 }

 /* Адаптивность */
 @media (max-width: 1200px) {

     .news-main-title,
     .news-main-title h2 {
         font-size: 70px;
     }
 }

 @media (max-width: 992px) {

     .news-main-title,
     .news-main-title h2 {
         font-size: 45px;
         letter-spacing: -2px;
         text-align: center;
     }

     .news-description {
         text-align: center;
         font-size: 20px;
         /* margin: 0 auto 40px; */
     }

     .news-header-content .d-flex {
         justify-content: center;
     }
 }

 :root {
     --news-purple: #7e57c5;
     --news-text-meta: #fbe122;
     /* Желтый для даты */
     --news-bg-card: rgba(126, 87, 197, 0.5);
     --mint-brand: #19d3c5;
 }

 /* Контейнер карточки */
 .news-card {
     background: linear-gradient(180deg, var(--news-purple) 0%, rgba(126, 87, 197, 0.5) 100%);
     border-radius: 25px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: inset 0px 4px 10px rgba(255, 255, 255, 0.25);
     transition: transform 0.3s ease;
 }

 .news-card:hover {
     transform: translateY(-5px);
     border-color: var(--mint-brand);
 }

 /* Изображение */
 .news-card__image {
     width: 100%;
     height: 288px;
 }

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

 /* Контентная часть */
 .news-card__body {
     padding: 35px;
     color: #ffffff;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
 }

 .news-card__meta {
     font-size: 16px;
     display: flex;
     gap: 10px;
 }

 .meta-label {
     opacity: 0.8;
 }

 .meta-date {
     color: var(--news-text-meta);
     font-weight: 600;
 }

 .news-card__title,
 .news-card__title h3 {
     font-size: 35px;
     font-weight: 600;
     line-height: 1.1;
 }

 .news-card__text {
     font-size: 18px;
     line-height: 1.4;
     opacity: 0.9;
 }

 .news-card__more {
     color: #ffffff;
     text-decoration: none;
     font-size: 16px;
     font-weight: 400;
     opacity: 0.8;
     transition: opacity 0.3s;
 }

 .news-card__more:hover {
     opacity: 1;
     color: var(--mint-brand);
 }

 /* Кнопки навигации */
 .btn-slider-round {
     width: 66px;
     height: 66px;
     border-radius: 50%;
     background: var(--mint-brand);
     border: none;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: inset 0px -1px 10px rgba(255, 255, 255, 0.3);
     transition: 0.3s;
 }

 .btn-slider-round:hover {
     background-color: #16bdaf;
     transform: scale(1.1);
 }

 .btn-slider-round img {
     width: 24px;
 }

 /* Адаптивность */
 @media (max-width: 1200px) {

     .news-card__title,
     .news-card__title h3 {
         font-size: 28px;
     }
 }

 @media (max-width: 768px) {
     .news-card__image {
         height: 200px;
     }

     .news-card__body {
         padding: 25px;
     }
 }

 :root {
     --review-purple: #7e57c5;
     --mint-brand: #19d3c5;
     --text-grey: #464647;
 }

 .text-purple {
     color: var(--review-purple);
 }

 .reviews-subtitle {
     max-width: 830px;
     color: #464647;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 /* Карточка отзыва */
 .review-card {
     background: linear-gradient(180deg, #7E57C5 0%, #7E57C580 50%);
     border-radius: 25px;
     padding: 40px;
     display: flex;
     flex-direction: column;
     border: 1px solid rgba(255, 255, 255, 0.2);
     box-shadow: inset 0px 4px 10px rgba(255, 255, 255, 0.25);
     transition: transform 0.3s ease;
 }

 .review-card:hover {
     transform: translateY(-5px);
 }

 /* Логотипы внутри карточек */
 .review-card__logo {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     overflow: hidden;
     flex-shrink: 0;
 }

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

 .review-card__logo-svg {
     width: 80px;
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 /* Тексты в карточке */
 .review-card__company span {
     font-size: 20px;
     font-weight: 700;
     color: #ffffff;
     line-height: 1.2;
 }

 .author-name {
     font-size: 15px;
     color: #ffffff;
     opacity: 0.8;
 }

 .review-card__text {
     font-size: 20px;
     line-height: 1.3;
     color: #ffffff;
 }

 .review-card__link {
     font-size: 15px;
     color: #ffffff;
     text-decoration: none;
     /* opacity: 0.7; */
     transition: 0.3s;
 }

 .review-card__link:hover {
     opacity: 1;
     color: var(--mint-brand);
 }

 /* Кнопки навигации */
 .btn-slider-round {
     width: 66px;
     height: 66px;
     border-radius: 50%;
     background: var(--mint-brand);
     border: none;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: inset 0px -1px 10px rgba(255, 255, 255, 0.3);
     transition: 0.3s;
 }

 .btn-slider-round:hover {
     background-color: #16bdaf;
     transform: scale(1.05);
 }

 /* Адаптивность */
 @media (max-width: 1200px) {

     .section-title,
     .section-title h2 {
         font-size: 60px;
     }

     .review-card {
         padding: 30px;
     }

     .review-card__text {
         font-size: 18px;
     }
 }

 @media (max-width: 992px) {

     .section-title,
     .section-title h2 {
         font-size: 45px;
         text-align: center;
     }

     .reviews-subtitle {
         text-align: center;
         font-size: 18px;
         margin: 0 auto 30px;
     }

     .reviews-section .d-flex {
         justify-content: center;
         text-align: center;
     }
 }

 :root {
     --footer-purple: #7e57c5;
     --footer-text-light: #ffffff;
     --blue-gradient: linear-gradient(180deg, #19d3c5 0%, #3e86c1 100%);
 }

 .main-footer {
     background-color: var(--footer-purple);
     color: var(--footer-text-light);
     padding: 30px 50px;
     position: relative;
     overflow: hidden;
     margin-bottom: 0 !important;
     border-bottom: 0;
     /* Чтобы декоративные элементы не выходили за пределы */
 }

 .linear-background {
     margin-bottom: 0 !important;
     padding-bottom: 0 !important;
 }

 .container-custom-footer {
     max-width: 1760px;
     margin: 0 auto;
     padding-left: 15px;
     padding-right: 15px;
     box-sizing: border-box;
     position: relative;
     z-index: 5;

     @media (max-width: 769px) {
         max-width: 1760px;
         margin: 0 auto;
         padding: 0 0;
         box-sizing: border-box;
         overflow-x: hidden;
     }
 }

 .container-custom-footer .row .col-lg-4 {
     @media (max-width: 769px) {
         padding: 0 0;
     }
 }

 .container-custom-footer .col-lg-2 {
     @media (max-width: 769px) {
         padding: 0 0;
     }
 }




 /* Заголовки списков */
 .footer-heading {
     font-size: 35px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .footer-sub-title {
     font-family: "Mulish", sans-serif;
     font-size: 30px;
     line-height: 35px;
     font-weight: 600;
     letter-spacing: 0;
     margin-bottom: 0;
 }

 .footer-brand.mb-5 {
     margin-bottom: 20px !important;
 }

 @media (min-width: 769px) {
     .main-footer {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .main-footer .footer-bottom {
         padding-top: 0 !important;
         margin-top: 150px !important;
         flex-wrap: nowrap !important;
     }

     .main-footer .footer-bottom>div {
         flex: 1 1 0;
         max-width: 100%;
     }

     .main-footer .footer-socials {
         justify-content: flex-end !important;
         gap: 35px !important;
     }

     .main-footer .footer-socials a svg {
         height: 40px;
         width: auto;
         display: block;
     }

     .main-footer .footer-copyright {
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;
         font-family: "Mulish", sans-serif;
         font-weight: 400;
         font-size: 15px;
         line-height: 100%;
         letter-spacing: 0;
     }

     .main-footer .footer-copyright.footer-copy-fabula {
         justify-content: flex-start;
         text-align: left;
     }

     .main-footer .footer-copyright.footer-copy-fabula svg {
         color: #fff;
         fill: #fff;
     }

     .main-footer .footer-copyright.footer-copy-fabula svg path {
         fill: #fff !important;
     }

     .footer-brand.mb-5 {
         margin-bottom: 30px !important;
     }

     .footer-brand.mb-5>a {
         height: 49.5px;
         margin-bottom: 37px;
     }

     .footer-brand.mb-5 .footer-logo {
         height: 49.5px !important;
         width: auto !important;
     }

     .footer-sub-title {
         font-family: "Mulish", sans-serif;
         font-weight: 600;
         font-size: 50px;
         line-height: 55px;
         letter-spacing: 0;
     }
 }

 /* РЎРїРёСЃРєРё */
 .footer-list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .footer-list li {
     margin-bottom: 12px;
     font-size: 15px;
     line-height: 17px;
 }

 .footer-list a {
     color: var(--footer-text-light);
     text-decoration: none;
     opacity: 0.8;
     transition: opacity 0.3s ease;
 }

 .footer-list a:hover {
     opacity: 1;
 }

 /* Иконки контактов */
 .footer-contacts li {
     display: flex;
     align-items: flex-start;
     gap: 15px;
 }

 ul.footer-list.footer-contacts li,
 ul.footer-list.footer-contacts li a {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 0 !important;
     font-family: "Mulish", sans-serif;
     font-weight: 400;
     font-size: 15px;
     line-height: 17px;
     letter-spacing: 0;
     text-decoration: none;
 }

 ul.footer-list.footer-contacts {
     display: flex;
     flex-direction: column;
     gap: 23px;
 }

 .main-footer ul.footer-list:not(.footer-contacts) {
     display: flex;
     flex-direction: column;
     gap: 7px;
 }

 .main-footer ul.footer-list:not(.footer-contacts) li {
     margin-bottom: 0 !important;
 }

 .main-footer ul.footer-list:not(.footer-contacts) li a {
     font-family: "Mulish", sans-serif;
     font-weight: 400;
     font-size: 15px;
     line-height: 17px;
     letter-spacing: 0;
 }

 ul.footer-list.footer-contacts li svg {
     height: 20px;
     width: auto;
     flex: 0 0 auto;
     display: block;
 }

 .footer-contacts img {
     width: 20px;
     margin-top: 3px;
 }

 /* Поле ввода и кнопка */
 .footer-input {
     width: 288px;
     height: 65px;
     border-radius: 50px;
     border: none;
     padding: 21px 30px;
     box-sizing: border-box;
     font-size: 22px;

     @media (max-width: 1280px) {
         font-size: 16px;
         padding: 0 30px;
         height: 50px;
         /* Убрали жесткую ширину width: 160px, теперь она резиновая по падингам */
     }
 }

 .form-control.footer-input::placeholder {
     font-family: "Mulish", sans-serif;
     font-weight: 600;
     font-size: 22px;
     line-height: 20px;
     letter-spacing: 0;
     color: #7E57C5;
     opacity: 1;
     text-align: left;
 }

 @media (max-width: 1280px) {
     .form-control.footer-input::placeholder {
         font-family: "Mulish", sans-serif;
         font-weight: 600;
         font-size: 12px;
         line-height: 12px;
         letter-spacing: 0;
         text-align: left;
     }
 }



 .footer-subscribe.d-flex.flex-wrap.gap-3 {
     gap: 20px !important;
 }

 .footer-subscribe .btn-blue-pill {
     background: linear-gradient(180deg, #19D3C5 -155.41%, rgba(25, 211, 197, 0.00) 123.65%) !important;
     border: 1px solid rgba(255, 255, 255, 0.2);
     box-shadow: inset 0 -1px 10px rgba(255, 255, 255, 0.3);
 }

 .btn-blue-pill:hover {
     transform: translateY(-2px);
     color: white;
 }

 /* Нижняя панель */
 .footer-bottom {
     /* border-top: 1px solid rgba(255, 255, 255, 0.1); */
 }

 .footer-copyright {
     font-size: 15px;
     opacity: 0.8;
 }

 .footer-creator {
     font-size: 15px;
     opacity: 0.8;
     margin-top: 150px;
 }

 /* Соцсети */
 .footer-socials a img {
     width: 40px;
     height: 40px;
     transition: transform 0.3s ease;
 }

 .footer-socials a:hover img {
     transform: scale(1.1);
 }

 /* Декоративные лепестки (absolute только для декора) */
 .deco-flower {
     position: absolute;
     pointer-events: none;
     z-index: 1;
     opacity: 0.3;
     /* Регулируйте видимость */
 }

 .deco-top-right {
     top: 50px;
     right: 5%;
     width: 117px;
 }

 .deco-bottom-left {
     bottom: -20px;
     left: 20%;
     width: 167px;
 }

 /* Адаптивность */
 @media (max-width: 1200px) {
     .footer-heading {
         font-size: 28px;
     }

     .footer-sub-title {
         font-size: 35px;
     }
 }

 /* =======================
   COMPONENTS: Footer (Mobile)
   ======================= */
 @media (max-width: 768px) {
     .main-footer {
         text-align: center;
         padding: 25px 20px 56px;
     }

     .main-footer .footer-brand.mb-5 {
         text-align: left;
         margin-bottom: 30px !important;
     }

     .main-footer .footer-brand.mb-5>a {
         margin-bottom: 19px;
         height: 40px;
         justify-content: flex-start;
     }

     .main-footer .footer-brand.mb-5 .footer-logo {
         height: 40px !important;
         width: auto !important;
     }

     .main-footer .footer-sub-title {
         font-family: "Mulish", sans-serif;
         font-weight: 600;
         font-size: 30px;
         line-height: 30px;
         letter-spacing: -3px;
     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6 {
         text-align: left;
     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6 .footer-heading,
     .main-footer .row.gy-5>.col-lg-2.col-md-6 .footer-list {
         text-align: left;
         font-family: "Mulish", sans-serif;
         font-weight: 400;
         font-size: 20px;
         line-height: 20px;
         letter-spacing: 0;

     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6 .footer-list li,
     .main-footer .row.gy-5>.col-lg-2.col-md-6 .footer-list li a {
         text-align: left;
         font-family: "Mulish", sans-serif;
         font-weight: 400;
         font-size: 19px;
         line-height: 19px;
         letter-spacing: 0;

     }

     .main-footer .footer-heading {
         font-family: "Mulish", sans-serif;
         font-weight: 600;
         font-size: 20px;
         line-height: 20px;
         letter-spacing: 0;
         margin-bottom: 12px;
     }

     .footer-contacts li {
         justify-content: flex-start;
         gap: 15px;
     }

     .main-footer ul.footer-list.footer-contacts li {
         gap: 15px !important;
     }

     .main-footer ul.footer-list.footer-contacts,
     .main-footer ul.footer-list:not(.footer-contacts) {
         gap: 10px !important;
     }

     .main-footer ul.footer-list.footer-contacts li svg {
         height: 15px;
         width: auto;
     }

     .footer-subscribe {
         justify-content: center;
     }

     .main-footer .footer-subscribe.d-flex.flex-wrap.gap-3 {
         width: 100%;
         display: flex;
         flex-direction: column;
         gap: 15px !important;
     }

     .main-footer .footer-subscribe .footer-input,
     .main-footer .footer-subscribe .btn-blue-pill {
         width: 100% !important;
     }

     .main-footer .form-control.footer-input {
         padding: 18px 30px;
         font-family: Mulish;
         font-weight: 600;
         font-size: 17px;
         line-height: 19px;
         letter-spacing: 0px;
         vertical-align: middle;
         height: auto;
         color: #6F4DAE;
         padding: 18px 30px;
     }

     .main-footer .form-control.footer-input::placeholder {
         font-family: "Mulish", sans-serif;
         font-family: Mulish;
         font-weight: 600;
         font-size: 17px;
         line-height: 19px;
         letter-spacing: 0px;
         color: #6F4DAE;
     }

     .main-footer .row.gy-5>.contact-nashi.col-lg-2.col-md-6,
     .main-footer .row.gy-5>.col-lg-2.col-md-6 {
         margin-top: 0 !important;
         padding-top: 0 !important;
     }

     .main-footer .row.gy-5>.contact-nashi.col-lg-2.col-md-6 {
         margin-top: 0px !important;
         padding-top: 35px !important;
     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6 .footer-heading {
         cursor: pointer;
         position: relative;
         padding-right: 22px;
     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6 .footer-heading::after {
         content: "";
         position: absolute;
         right: 5px;
         top: 50%;
         width: 25px;
         height: 13px;
         background-image: url("data:image/svg+xml,%3Csvg width='25' height='13' viewBox='0 0 25 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3359 11.6777L12.3359 0.677733L0.335938 11.6777' stroke='white'/%3E%3C/svg%3E");
         background-repeat: no-repeat;
         background-size: contain;
         transform: translateY(-20%) rotate(180deg);
         transition: transform 0.25s ease;
         border: none;
     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6 .footer-accordion-content {
         max-height: 0;
         opacity: 0;
         overflow: hidden;
         pointer-events: none;
         transition: max-height 0.3s ease, opacity 0.25s ease;
     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6.is-open .footer-accordion-content {
         max-height: 1200px;
         opacity: 1;
         pointer-events: auto;
     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6.is-open .footer-accordion-content {
         padding-bottom: 0;
         margin-bottom: 0;
         border-bottom: none;
     }

     .main-footer .footer-mobile-divider {
         display: block;
         width: 100%;
         height: 1px;
         background: #FFFFFF;
         margin-top: 15px;
         margin-bottom: 7px;
     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6:last-child .footer-mobile-divider {
         margin-bottom: 0;
     }

     .main-footer .row.gy-5>.col-lg-2.col-md-6.is-open .footer-heading::after {
         transform: translateY(-35%) rotate(0deg);
     }

     /* Footer bottom row */
     .main-footer .footer-bottom {
         margin-top: 31px !important;
         padding-top: 0 !important;
         justify-content: center;
     }

     /* Copyright + credits alignment/order */
     .main-footer .footer-bottom .footer-copyright {
         width: 100% !important;
         justify-content: center !important;
         text-align: center !important;
     }

     .main-footer .footer-bottom .footer-copyright:not(.footer-copy-fabula) {
         order: 2 !important;
         margin-bottom: 8px !important;
     }

     .main-footer .footer-bottom .footer-copyright.footer-copy-fabula {
         order: 3 !important;
     }

     /* Social links row */
     .main-footer .footer-socials {
         display: flex;
         width: 100%;
         align-items: center;
         justify-content: space-between !important;
         gap: 0 !important;
     }

     .main-footer .footer-socials a {
         display: inline-flex;
         align-items: center;
     }

     .main-footer .footer-socials a svg {
         display: block;
         width: auto !important;
         height: 30px !important;
     }
 }

 :root {
     --main-purple: #7E57C5;
     --accent-yellow: #FDE021;
     --text-light: #C09EFF;
 }


 .wmax-1720 {
     max-width: 1720px;
     margin: 0 auto;
 }

 .fs20px {
     display: inline-flex;
     align-items: center;
     gap: 14px;
     color: #FFF;
     font-size: 20px !important;
     font-weight: 400;
     line-height: 17px;
     text-decoration: none;
     letter-spacing: 0;
     white-space: nowrap;
     /* Запрещает перенос текста */
 }

 .fs20px>svg {
     display: block;
     height: 17px;
     width: auto;
     flex: 0 0 auto;
 }

 .header-contacts .d-flex.justify-content-end.gap-4 {
     gap: 35px !important;
 }

 .row.header-contacts {
     max-width: 1720px;
     margin-left: auto;
     margin-right: auto;
 }

 /* Основная секция с закруглением */
 .hero-wrapper {

     background-color: var(--main-purple);
     color: white;
     border-bottom-left-radius: 100px;
     border-bottom-right-radius: 100px;
     position: relative;
     overflow: hidden;
     /* padding-bottom: 200px; */
     z-index: 1;
 }

 /* Декоративные SVG на фоне */
 .bg-decor {
     position: absolute;
     z-index: 0;
     opacity: 0.1;
     pointer-events: none;
 }



 .nav-link {
     color: var(--text-light) !important;
     margin: 0;
     transition: color 0.3s;

     /* Резиновый шрифт: минимум 16px, плавно растет, максимум 25px */
     font-size: clamp(16px, 1.6vw, 25px);

     /* Пропорциональная высота строки и сжатие межсимвольного интервала */
     line-height: 1;
     letter-spacing: -0.04em;

     /* Запрещаем перенос текста внутри ссылки и добавляем отступы через em */
     white-space: nowrap;
     padding: 0.5em 0.8em;

     display: inline-flex;
     align-items: center;

     /* На экранах до 1400px мы немного корректируем диапазон clamp для компактности */
     @media (max-width: 1400px) {
         font-size: clamp(14px, 1.4vw, 17px);
         padding: 0.4em 0.6em;
     }

     /* Для мобильных устройств можно оставить фиксированный размер для удобства нажатия */
     @media (max-width: 768px) {
         font-size: 18px;
         /* В мобильном меню пункты обычно крупнее для тача */
         white-space: normal;
         /* Разрешаем перенос на мобилках, если меню вертикальное */
     }
 }



 .nav-link:hover {
     color: white !important;
 }

 /* Кнопка телефона */
 .btn-phone {
     /* --- Эстетика (без изменений) --- */
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     backdrop-filter: blur(10px);
     color: white;
     border-radius: 50px;
     box-shadow: inset 0 -2px 10px rgba(255, 255, 255, 0.2);
     transition: all 0.3s ease;

     /* --- Гибкая геометрия --- */
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     /* Плавно уменьшаем макс. ширину от 308px до 219px */
     max-width: clamp(219px, 20vw, 308px);
     /* Плавно уменьшаем высоту от 65px до 48px */
     min-height: clamp(48px, 4.5vw, 65px);
     /* Вместо жесткого padding: 53px используем em, чтобы отступы зависели от текста */
     padding: 0 0.8em;
     gap: 0.8em;

     /* --- Типографика по правилам --- */
     font-weight: 600;
     line-height: 1;
     white-space: nowrap;
     /* Межсимвольный интервал в em */
     letter-spacing: -0.04em;
     /* Резиновый шрифт: от 35px до 50px */
     font-size: clamp(30px, 2.6vw, 50px);

     @media (max-width: 1400px) {
         /* На средних экранах чуть корректируем диапазон, если нужно */
         max-width: 219px;
         font-size: clamp(24px, 2.5vw, 35px);
     }

     @media (max-width: 480px) {
         max-width: 100%;
         /* На мобильных кнопка на всю ширину экрана */
         font-size: clamp(20px, 8vw, 30px);
     }
 }

 /* Если внутри есть SVG иконка */
 .btn-phone svg {
     width: 0.8em;
     height: 0.8em;
     flex-shrink: 0;
 }



 /* Контент героя */
 .hero-content {
     position: relative;
     z-index: 5;
     padding-top: 53px;
     max-width: 1720px;
     margin: auto 100px;
 }

 .hero-title,
 .hero-title h1 {
     font-size: 130px;
     line-height: 140px;
     letter-spacing: -4px;
     font-weight: 600;
     font-family: 'Mulish', sans-serif;
     margin-bottom: 60px;
 }

 .hero-description {
     color: #ffffff;
     text-align: left;
     font-family: 'Mulish', sans-serif;
     font-size: 25px;
     font-weight: 400;
     margin-bottom: 80px;
     max-width: 687px;
 }

 .company-hero-text {
     max-width: 991px;
     font-family: 'Mulish', sans-serif;
     font-size: 25px;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 0;
 }

 .company-hero-text-objects {
     margin-bottom: 70px;
 }

 .objects-page-container-offset {
     margin-top: 433px;
 }

 .objects-page-container-offset .cl-about-title.cl-about-title-2 {
     margin-bottom: 60px;
 }

 .objects-page-container-offset .cl-about-description {
     margin-bottom: 50px;
 }

 /* РљРЅРѕРїРєРё */
 .btn-custom {
     padding: 15px 35px;
     border-radius: 50px;
     font-weight: 600;
     transition: all 0.3s;
     border: none;
 }

 .btn-gradient {
     background: linear-gradient(180deg, #19D3C5 -155.41%, rgba(25, 211, 197, 0.00) 123.65%);
     color: white;
     box-shadow: inset 0 -1px 10px rgba(255, 255, 255, 0.3);

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

 .btn-gradient:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     color: white;
 }

 /* Изображение с рукой */
 .hero-image-container {
     position: relative;
 }

 .hand-img {
     width: 110%;
     height: auto;
     object-fit: contain;
     /* В Bootstrap вместо абсолюта используем смещение, если нужно */
 }

 @media (max-width: 991px) {

     .hero-title,
     .hero-title h1 {
         font-size: 3.5rem;
     }

     .hero-wrapper {
         border-bottom-left-radius: 40px;
         border-bottom-right-radius: 40px;
     }

     .hand-img {
         width: 100%;
         margin-top: 30px;
     }
 }


 .form-agreement {

     font-family: 'Mulish', sans-serif;
     font-size: 15px;
     font-weight: 400;

 }

 /* Заставляем внутренние блоки занимать 100% высоты колонки */
 .quiz-card,
 .form-container {
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 /* Опционально: если вы хотите, чтобы кнопка в форме всегда была внизу, 
   а в квизе подсказка тоже прижималась к низу: */
 .quiz-footer,
 .form-agreement {
     margin-top: auto;
     /* Выталкивает подвал к нижней границе */
 }

 .quiz-footer {
     margin-top: auto !important;
     padding-top: 24px;
     /* Небольшой отступ сверху, чтобы не прилипал к тегам */
 }

 #quizForm {
     flex-grow: 1;
     /* Форма растягивается, заполняя пространство */
     display: flex;
     flex-direction: column;
 }

 /* Чтобы кнопка в форме не "улетала" слишком далеко, 
   можно задать отступ у последнего поля */
 .textarea {
     flex-grow: 0;
 }

 .row-quiz {
     display: flex;
     align-items: stretch !important;
 }

 .row-quiz-small {
     display: flex;
     align-items: stretch !important;
     padding: 55px 30px;
 }

 .footer-flower-1 {
     position: absolute;
     transform: translate(178px, -36px);
     z-index: -1;

     @media (max-width: 768px) {
         display: none;
     }
 }

 .footer-flower-2 {
     position: absolute;
     transform: translate(250px, 0);
     bottom: 0;
     z-index: 0;

     @media (max-width: 768px) {
         display: none;
     }
 }

 .footer-flower-3 {
     position: absolute;
     /* transform: translate(250px, 0); */
     bottom: 0;
     right: 32%;
     z-index: 0;

     @media (max-width: 768px) {
         display: none;
     }
 }

 .footer-flower-4 {
     position: absolute;
     transform: translate(88%, 50px);

     @media (max-width: 768px) {
         display: none;
     }
 }

 .back-main-img {
     z-index: -1;
 }

 .back-main-flower,
 .back-main-flower-2,
 .back-main-img {
     position: absolute;
     bottom: 0;
     right: 0;
     /* width: 100%; */
 }

 .back-main-flower {
     top: 0;
     bottom: 0;
     z-index: -1;
     width: 60vw;
     max-width: 60vw;
     height: auto;
     max-height: none;
     background-image: url("/local/templates/roskvit/assets/images/image%201.webp");
     background-repeat: no-repeat;
     background-position: right bottom;
     background-size: contain;
 }

 .back-main-flower-2 {
     top: 0;
     bottom: 0;
     width: 60vw;
     max-width: 60vw;
     height: auto;
     max-height: none;
     background-image: url("/local/templates/roskvit/assets/images/Group%201234.webp");
     background-repeat: no-repeat;
     background-position: right bottom;
     background-size: contain;
     pointer-events: none;
 }

 @media (min-width: 992px) {
     .back-main-flower-2 {
         right: calc((100vw - 100%) / -2);
         bottom: -201px;
     }
 }

 .back-main-flower-mobile {
     display: none;
     position: absolute;
     left: 34px;
     top: 0;
     bottom: 0;
     width: calc(100% - 34px);
     height: 100%;
     background-image: url("/local/templates/roskvit/assets/images/Group%2047204.webp");
     background-repeat: no-repeat;
     background-position: left bottom;
     background-size: auto 100%;
     opacity: 0.8;
     -webkit-filter: blur(30px);
     filter: blur(30px);
     pointer-events: none;
     z-index: 1;
 }

 .back-main-img {
     width: auto;
     height: 100%;
 }

 :root {
     --purple-light: #7e57c5;
     --purple-dark: #3d2a5f;
     --mint-brand: #19d3c5;
     --input-bg: #f2eeff;
     --input-border: #6f4dae;
     --hero-scroll-track: #855DCA;
     --hero-scroll-thumb: #FDE021;
     --hero-scroll-radius: 12px;
     --hero-scroll-track-width: 20px;
     --hero-scroll-thumb-width: 12px;
     --hero-scroll-thumb-height: 29px;
 }

 .final-contact-section {
     margin: auto 20px;
     /* padding: 120px 0; */
     overflow: hidden;
 }

 /* Заголовки */
 .final-title,
 .final-title h2 {
     font-size: 90px;
     font-weight: 600;
     line-height: 1.05;
     letter-spacing: -4px;
     color: var(--purple-light);
 }

 .final-subtitle {
     font-size: 60px;
     font-weight: 600;
     line-height: 1;
     color: var(--purple-light);
 }

 .final-desc {
     font-size: 25px;
     color: #464647;
     max-width: 885px;
 }

 /* Контейнер формы */
 .contact-form-wrapper {
     max-width: 1520px;
     margin: 0 auto;
 }

 /* Стилизация полей ввода */
 .custom-input {
     border-radius: 50px;
     padding: 22px 30px;
     border: none;
     background-color: var(--input-bg);
     font-size: 22px;
     font-weight: 600;
     color: var(--input-border);
 }

 .custom-input::placeholder {
     color: var(--input-border);
     opacity: 0.6;
 }

 .textarea-large {
     border-radius: 35px;
     resize: vertical;
 }

 .captcha-box {
     width: 25px;
     height: 25px;
     border-radius: 5px !important;
     border-color: var(--input-border) !important;
     cursor: pointer;
 }

 .captcha-label {
     font-size: 22px;
     color: var(--input-border);
     font-weight: 600;
 }

 /* Кнопка Отправить */
 .btn-submit-final {
     background-color: var(--mint-brand);
     color: white;
     font-size: 25px;
     font-weight: 600;
     padding: 18px 70px;
     border-radius: 50px;
     border: none;
     box-shadow: inset 0px -1px 10px rgba(255, 255, 255, 0.3);
     transition: transform 0.3s ease;
 }

 .btn-submit-final:hover {
     transform: translateY(-3px);
 }



 .slick-list {
     /* margin: 0 -10px; */
 }


 .objects-slide {
     flex-shrink: 0;
     width: var(--slide-width);
     padding: 20px 0;
 }

 .txt-scroll-text {
     max-width: 800px;
     width: 100%;
     position: relative;
     padding-right: 35px;
     scrollbar-gutter: stable;
     font-family: Mulish;
     font-weight: 400;
     font-size: 25px;
     line-height: 100%;
     letter-spacing: 0px;

     @media (max-width: 1400px) {
         font-size: 20px;

     }

     @media (max-width: 768px) {
         font-size: 18px;
         line-height: 20px;

     }
 }

 .txt-scroll {
     max-width: 800px;
     width: 100%;
     max-height: 80px;
     overflow-y: auto;
     position: relative;
     padding-right: 35px;
     scrollbar-gutter: stable;
     font-family: Mulish;
     font-weight: 400;
     font-size: 25px;
     line-height: 100%;
     letter-spacing: 0px;

     @media (max-width: 1400px) {
         font-size: 20px;

     }

     @media (max-width: 768px) {
         font-size: 18px;
         line-height: 20px;

     }
 }

 /* Кастомный скроллбар */
 .txt-scroll::-webkit-scrollbar {
     width: var(--hero-scroll-track-width);
 }

 .txt-scroll::-webkit-scrollbar-track {
     background: var(--hero-scroll-track);
     border-radius: var(--hero-scroll-radius);
     margin: 5% 0;
 }

 .txt-scroll::-webkit-scrollbar-thumb {
     border-radius: var(--hero-scroll-radius);
     background: var(--hero-scroll-thumb);
     min-height: var(--hero-scroll-thumb-height);
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     background-clip: padding-box;
 }

 .txt-scroll::-webkit-scrollbar-thumb:hover {
     background-color: var(--hero-scroll-thumb);
 }

 /* Firefox (используем существующие свойства) */
 .txt-scroll {
     scrollbar-width: auto;
     scrollbar-color: var(--hero-scroll-thumb) var(--hero-scroll-track);
 }

 /* Убираем стрелки для WebKit-браузеров (Chrome, Safari, Edge) */
 .txt-scroll::-webkit-scrollbar-button {
     display: none;
     /* Скрываем стрелки полностью */
 }


 /* Остальной ваш код */
 .txt-scroll p {
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     max-width: 1000px;
 }

 .txt-scroll p+p {
     margin-top: 25px;
 }

 /* Планшет */
 @media (max-width: 1024px) {
     .txt-scroll {
         max-height: 120px;
     }

     .txt-scroll p {
         font-size: 18px;
     }
 }

 /* Мобильный */
 @media (max-width: 600px) {
     .txt-scroll {
         padding: 15px 0;
         max-height: 100px;
     }

     .txt-scroll p {
         font-size: 16px;
     }
 }

 .wrapper-f {
     background: linear-gradient(180deg, #7E57C5 0%, #3D2A5F 50.48%, #3D2A5F 65.38%, #7E57C5 100%);
     color: white;
     border-top-left-radius: 80px;
     border-top-right-radius: 80px;
     border-bottom-left-radius: 80px;
     border-bottom-right-radius: 80px;
     position: relative;
     overflow: hidden;
     padding-top: 150px;
     padding-bottom: 150px;
 }

 .wrapper-f .section-label-white.d-flex.align-items-center.gap-2 {
     margin-bottom: 100px;
 }

 .container-custom.frame-37 {
     /* margin-top: 300px;
    margin-bottom: 270px; */
 }

 /* Обертка блока с уникальными переменными, чтобы не переопределить чужие :root */
 .rk-space-wrapper {
     --rk-bg-color: #5c479c;
     --rk-accent-yellow: rgba(253, 224, 33, 1);
     --rk-text-white: #ffffff;
     color: var(--rk-text-white);
     /* padding: 60px 20px; */
     box-sizing: border-box;
 }

 .rk-space-wrapper *,
 .rk-space-wrapper *::before,
 .rk-space-wrapper *::after {
     box-sizing: inherit;
 }

 /* --- Верхний главный блок --- */
 .rk-space__hero {
     border: 10px solid var(--rk-accent-yellow);
     border-radius: 0px 240px 0px 240px;
     padding: 120px 150px;
     margin-bottom: 70px;
 }

 .rk-space__hero-title,
 .rk-space__hero-title h2 {
     margin-top: 0;
     /* margin-bottom: 25px; */
     color: #EBE1FF;
     font-size: 85px;
     font-style: normal;
     font-weight: 600;
     line-height: 90px;
     /* 100% */
     letter-spacing: -4px;
 }

 .rk-space__hero-text {
     margin: 0;
     color: #FFF;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;

 }

 .rk-space__hero-text--advantages {
     margin-top: -35px;
     margin-bottom: 70px;
 }

 /* --- Сетка для карточек --- */
 .rk-space__grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
 }

 /* --- Карточка --- */
 .rk-space__card {
     display: flex;
     flex-direction: column;
     height: 100%;
 }

 .rk-space__card-header {
     border: 10px solid var(--rk-accent-yellow);
     border-radius: 115px 0 115px 0;
     padding: 85px 24px;
     text-align: center;
     font-size: 45px;
     font-weight: 500;
     position: relative;
     z-index: 2;
     color: var(--rk-text-white);
     background: #4f367c;
 }

 .rk-space__card-body {
     /* background: linear-gradient(180deg, rgba(92, 71, 156, 0) 0%, #9f8dcd 100%); */
     background: linear-gradient(180deg, #DCCEF7 -14.91%, rgba(220, 206, 247, 0) 100%);
     padding: 140px 20px 50px 25px;
     margin-top: -110px;
     flex-grow: 1;
     border-radius: 0 0 170px 22px;
 }

 .rk-space__card-title {
     margin-top: 0;
     margin-bottom: 15px;
     color: #FFF;
     font-size: 45px;
     font-style: normal;
     font-weight: 600;
     line-height: 50px;
 }

 .rk-space__card-desc {

     margin-top: 0;
     margin-bottom: 25px;


     color: #FFF;
     font-family: Mulish;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: 30px;
     /* 120% */
 }

 /* --- РЎРїРёСЃРєРё --- */
 .rk-space__list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .rk-space__list-item {
     position: relative;
     padding-left: 20px;
     margin-bottom: 15px;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: 30px;
     /* 120% */
     color: var(--rk-text-white);
 }

 .rk-space__list-item:last-child {
     margin-bottom: 0;
 }

 .rk-space__list-item::before {
     content: '';
     position: absolute;
     left: 0;
     top: 6px;
     width: 8px;
     height: 8px;
     background-color: var(--rk-accent-yellow);
     border-radius: 50%;
 }


 /* --- Адаптив --- */
 .main-button {
     width: 360px;
 }


 /** **/

 .frame-37 {
     margin-top: 50px;
 }

 .frame-37 img {
     width: 100%;
     height: auto;
 }

 .frame-37 .section-title {
     color: #F2EEFF;
     font-size: 60px;
     font-style: normal;
     font-weight: 600;
     line-height: 60px;
     letter-spacing: -4px;
 }

 .frame-37 .section-description {
     margin-top: 20px;
     margin-bottom: 20px;
     color: #FFF;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     max-width: 513px;
 }

 /* Сброс базовых отступов для конкретного списка */
 .rk-features-list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 22px;
     /* Расстояние между пунктами списка */
 }

 /* Элемент списка */
 .rk-features-list__item {
     display: flex;
     align-items: flex-start;
     gap: 20px;
     /* Расстояние от кружочка до текста */

     color: #FFF;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     /* 180% */


 }

 @media (min-width: 769px) {

     .ceo-quote__title,
     .ceo-quote__title h2 {
         color: #7D56C4;
         font-family: 'Mulish', sans-serif;
         font-weight: 600;
         font-size: 90px;
         line-height: 90px;
         letter-spacing: -4px;
         text-align: center;
     }

     .ceo-quote__text {
         color: #464647;
         font-family: 'Mulish', sans-serif;
         font-weight: 400;
         font-size: 25px;
         line-height: 150%;
         letter-spacing: 0;
         text-align: center;
     }

     .ceo-quote__author {
         color: #7D56C4;
         font-family: 'Mulish', sans-serif;
         font-weight: 500;
         font-size: 30px;
         line-height: 100%;
         letter-spacing: 0;
         text-align: center;
     }
 }

 .about-stats.mb-217px {
     position: relative;
     padding-top: 111px;
 }

 .about-statsx {
     padding-top: 135px;
     padding-bottom: 481px;
 }

 .about-statsx.about-statsx--vakansii {
     position: relative;
     padding-top: 0;
     padding-bottom: 0;
     overflow: hidden;
 }

 .about-statsx.about-statsx--vakansii .svg-bg-ros-left,
 .about-statsx.about-statsx--vakansii .svg-bg-ros-right {
     position: absolute;
     inset: 0;
     overflow: hidden;
     pointer-events: none;
     z-index: 0;
 }

 .about-statsx.about-statsx--vakansii>*:not(.svg-bg-ros-left):not(.svg-bg-ros-right) {
     position: relative;
     z-index: 1;
 }

 .about-statsx.about-statsx--vakansii .about-description.mb-60px {
     margin-bottom: 100px !important;
 }

 .about-statsx .card-table.row.g-5.mb-90px {
     margin-bottom: 0 !important;
 }

 @media (min-width: 992px) {
     .about-stats.mb-217px {
         padding-bottom: 266px;
     }
 }

 .home-intro-gradient {
     background: linear-gradient(180deg, #F1EEFF 0%, #F1EEFF 70%, #DCD4F9 100%);
 }

 .about-stats .about-title {
     margin-bottom: 60px;
 }

 .about-stats .card-table.row.g-3 {
     margin-bottom: 90px;
 }

 .about-stats.mb-217px>.svg-atimate-left.hidn-mb {
     left: 0;
     bottom: 0;
     transform: none;
 }

 @media (max-width: 768px) {

     .hero-wrapper .hero-title,
     .hero-title h1 {
         font-family: 'Mulish', sans-serif !important;
         font-weight: 700 !important;
         font-size: 50px !important;
         line-height: 55px !important;
         letter-spacing: -2px !important;
         margin-bottom: 20px !important;
     }

     .about-stats.mb-217px {
         padding-top: 162px !important;
         padding-bottom: 60px !important;
     }

     .about-statsx {
         padding-top: 0 !important;
         padding-bottom: 0 !important;
     }

     .back-main-flower-2 {
         display: none !important;
     }

     .about-stats.mb-217px .about-title {
         margin-top: 28px !important;
         margin-bottom: 20px !important;
     }

     .about-stats.mb-217px .about-description.mb-60px {
         margin-bottom: 40px !important;
     }

     .about-stats.mb-217px .stat-card {
         padding: 17px !important;
     }

     .about-stats.mb-217px .stat-card__number {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 600 !important;
         font-size: 70px !important;
         line-height: 100% !important;
         letter-spacing: -3px !important;
         color: #7E57C5 !important;
     }

     .about-stats.mb-217px .stat-card__text {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 400 !important;
         font-size: 20px !important;
         line-height: 20px !important;
         letter-spacing: 0 !important;
         color: #7E57C5 !important;
     }

     .about-stats.mb-217px .card-table.row.g-3 {
         margin-bottom: 50px !important;
     }

     .hero-wrapper {}

     .hero-wrapper .back-main-flower-mobile {
         display: block;
     }

     .hero-wrapper .txt-scroll-wrap {
         margin-bottom: 74px !important;
     }

     .hero-wrapper .txt-scroll p,
     .hero-wrapper .txt-scroll p+p {
         margin: 0 !important;
     }

     .hero-wrapper .txt-scroll p+p {
         margin-top: 15px !important;
     }

     .hero-wrapper .txt-scroll-wrap .txt-scroll {
         padding-right: 0 !important;
     }

     .hero-wrapper .txt-scroll-wrap .txt-scrollbar,
     .hero-wrapper .txt-scroll-wrap .txt-scrollbar-thumb {
         display: none !important;
         visibility: hidden !important;
         opacity: 0 !important;
         pointer-events: none !important;
         width: 0 !important;
     }

     .hero-wrapper .button-on-main.button-home {
         gap: 15px !important;
     }

     .hero-wrapper .button-home .btn.btn-custom.btn-gradient.px-5 {
         padding-top: 15px !important;
         padding-bottom: 15px !important;
         font-family: 'Mulish', sans-serif !important;
         font-weight: 600 !important;
         font-size: 20px !important;
         line-height: 20px !important;
         letter-spacing: 0 !important;
         text-align: center !important;
         display: inline-flex !important;
         align-items: center !important;
         justify-content: center !important;
     }
 }

 /* Желтый кружок с галочкой */
 .rk-features-list__item::before {
     content: "";
     display: block;
     width: 28px;
     height: 28px;
     background-color: #fbe131;
     /* Желтый цвет */
     border-radius: 50%;
     flex-shrink: 0;
     /* Чтобы кружок не сплющивался, если текст перенесется на вторую строку */

     /* Встроенная SVG-галочка */
     /* %23382a59 - это закодированный цвет галочки (совпадает с фоном) */
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23382a59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 8 7 11 12 5'/%3E%3C/svg%3E");
     background-position: center;
     background-repeat: no-repeat;
     background-size: 60%;
 }

 /* Адаптив для мобильных устройств */
 @media (max-width: 650px) {
     .rk-features-wrapper {
         padding: 0 !important;
     }

     .rk-features-list__item {
         font-size: 18px;
         gap: 12px;
     }

     .rk-features-list__item::before {
         width: 24px;
         height: 24px;
     }
 }

 .why-us {
     /* margin-top: 150px;
    margin-bottom: 150px; */

 }

 .why-us-flx {}

 .why-us__title,
 .why-us__title h2 {
     color: #F2EEFF;
     text-align: center;
     font-size: 90px;
     font-style: normal;
     font-weight: 600;
     line-height: 110px;
     /* 122.222% */
     letter-spacing: -4px;
 }

 .purple {
     color: #7b55c0;
 }

 .why-us__description {
     margin-top: 50px;
     margin-bottom: 50px;
     color: #FFF;
     text-align: center;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     max-width: 828px;
     margin: 0 auto 144px;
 }

 .why-us-000 {}

 .why-us-000 .why-us__title,
 .why-us-000 .why-us__title h2 {
     color: #7B55C0;
     text-align: center;
     font-size: 90px;
     font-style: normal;
     font-weight: 600;
     line-height: 90px;
     /* 100% */
     letter-spacing: -4px;
 }

 .why-us-000 .why-us__description {
     color: #464647;
     text-align: center;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     max-width: 1079px;
 }

 .container-custom.why-us.why-us-000 {
     padding-top: 177px;
 }

 /** **/





 /* --- ЛОГИКА АНИМАЦИИ (HOVER) --- */




 .o-kompanii .stat-card__text {
     color: #464647;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }


 .o-kompanii .about-description {
     color: #464647;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 @media (max-width: 992px) {
     .rk-space__grid {
         grid-template-columns: repeat(2, 1fr);
     }

     .rk-space__hero {
         padding: 135px 50px;
     }
 }

 .rk-space__container .svc-mobile-controls {
     display: none;
 }

 @media (max-width: 768px) {
     .rk-space__grid {
         grid-template-columns: 1fr;
     }

     .rk-space__grid.rk-space__grid--mobile-slider {
         display: block;
         padding-right: 40px;
         overflow: visible;
     }

     .rk-space__grid.rk-space__grid--mobile-slider.slick-initialized .slick-list {
         overflow: visible;
         margin-right: -20px;
     }

     .rk-space__grid.rk-space__grid--mobile-slider.slick-initialized .slick-track {
         display: flex;
     }

     .rk-space__grid.rk-space__grid--mobile-slider.slick-initialized .slick-slide {
         height: auto;
     }

     .rk-space__grid.rk-space__grid--mobile-slider.slick-initialized .slick-slide>div {
         height: 100%;
     }

     .rk-space__grid.rk-space__grid--mobile-slider.slick-initialized .rk-space__card {
         margin-right: 20px;
         height: 100%;
     }

     .rk-space__container .svc-mobile-controls {
         display: none;
         align-items: center;
         gap: 14px;
         margin: 32px 0 0;
         padding-right: 0;
     }

     .rk-space__container .svc-mobile-controls .svc-arrow {
         position: static;
         transform: none;
         width: 32px;
         height: 44px;
         padding: 0;
         border: none;
         background: transparent;
         box-shadow: none;
         display: flex;
         align-items: center;
     }

     .rk-space__container .svc-mobile-controls .svc-arrow--prev {
         justify-content: flex-start;
     }

     .rk-space__container .svc-mobile-controls .svc-arrow--next {
         justify-content: flex-end;
     }

     .rk-space__container .svc-mobile-controls .svc-arrow svg {
         width: auto;
         height: 24px;
     }

     .rk-space__container .svc-mobile-controls .svc-progress-wrap {
         flex: 1 1 auto;
         width: auto;
         margin: 0;
         position: relative;
         overflow: hidden;
         border-radius: 33px;
         background: #402D63;
         height: 20px;
         padding: 0 15px;
     }

     .rk-space__container .svc-mobile-controls .svc-progress-bar {
         height: 6px;
         margin-top: 7px;
         border-radius: 33px;
         background: #FBE122;
         width: 0;
         transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     }

     .rk-space__hero {
         padding: 135px 50px;
     }

     .rk-space__hero-title,
     .rk-space__hero-title h2 {
         line-height: 50px;
         font-size: 45px;

     }

     .rk-space__card-desc {
         min-height: auto;
     }
 }

 /* Адаптивность */
 @media (max-width: 1400px) {


     .logo-group {
         max-width: 222px;
     }


     .back-main-flower {
         max-width: 68%;
         right: 0;
     }

     .back-main-flower-2 {
         max-width: 55%;
     }

     .hero-description {
         font-size: 20px;
         max-width: 572px;
         margin-bottom: 50px;
     }



     .hero-title,
     .hero-title h1 {
         font-size: 120px;
         line-height: 100px;
     }

     .fs20px {
         font-size: 17px !important;
     }

     .hero-wrapper {
         min-height: 500px;
     }

     .hero-content {
         padding-top: 30px;
     }

     .hero-content .col-lg-7 {
         width: 75%;
     }

     :root {
         --card-active-width: 361px;
         --card-mini-width: 167px;
         --gap-width: 28px;
         --card-min-width: 167px;
         --slide-width: calc(var(--card-active-width) + (var(--card-mini-width) * 4) + (var(--gap-width) * 4));
     }

     .why-us__title,
     .why-us__title h2,
     .cl-about-title,
     .cl-about-title h2,
     .rk-space__hero-title,
     .rk-space__hero-title h2 .cl-price-main-title {
         font-size: 60px !important;
         line-height: normal !important;
         letter-spacing: normal !important;
     }

     .wrapper-f {
         border-top-left-radius: 50px;
         border-top-right-radius: 50px;
         border-bottom-left-radius: 50px;
         border-bottom-right-radius: 50px;
     }

     .why-us__description,
     .cl-about-description,
     .rk-space__hero-text,
     .advantage-text,
     .custom-list li {
         font-size: 20px !important;
         line-height: normal !important;
         letter-spacing: normal !important;
     }

     .hero-content {
         margin: auto 70px;

     }


     .container-custom,
     .container-custom-varansii {
         margin: auto 70px;

     }



     .ceo-quote {
         padding-top: 101px !important;
         padding-bottom: 251px !important;
     }

     .ceo-quote__photo img {
         width: 176px;
         height: 176px;
         margin-bottom: 30px;
     }

     .ceo-quote__title,
     .ceo-quote__title h2 {
         font-size: 60px;
         margin-bottom: 35px;
     }

     .ceo-quote__text {
         font-size: 20px;
     }

     .ceo-quote__author {
         font-size: 25px;
     }

     .svg-atimate-right {
         max-width: 20%;
         transform: translate(0, -85%);
     }

     .about-title,
     .about-title h1 .section-label {
         margin-top: 0;

     }

     .section-label {
         font-size: 20px;
     }

     .about-title,
     .about-title h1 {
         font-size: 60px;
         margin-bottom: 35px !important;
     }

     .about-title h2 {
         font-size: 60px;
         margin-bottom: 35px !important;
     }

     .about-description {
         font-size: 20px;
         margin-bottom: 40px !important;
         max-width: 632px;
     }

     .stat-card__number {
         font-size: 85px;
         letter-spacing: -3px;
         margin-bottom: 0;
     }

     .stat-card {
         padding: 0px 15px 1px 15px;
         background: linear-gradient(180deg, rgba(251, 225, 34, 1.00) 0%, rgba(251, 225, 34, 0.70) 100%);
         height: auto;
     }

     .card-table {
         --bs-gutter-x: 18px;
     }

     .btn-mint-pill {
         min-width: 220px;
         padding: 10px 50px;
     }

     .hint-icon {
         width: 30px;
         height: 30px;
         border: 1px solid #464647;
     }

     .stat-card__text {
         font-size: 20px;
         margin-bottom: 15px;

         color: #7E57C5;
         font-size: 20px;
         font-style: normal;
         font-weight: 400;
         line-height: 20px;
         /* 100% */

     }

     .svg-atimate-left {
         max-width: 20%;
     }

     .foundation-section {
         height: 565px;
     }

     .foundation-title {
         font-size: 95px;
     }

     .foundation-gradient-overlay {
         background: linear-gradient(180deg, rgb(181, 160, 227) 20.000000298023224%, rgba(233, 228, 255, 0.00) 100%);
     }

     .foundation-gradient-bottom {
         background: linear-gradient(180deg, rgba(118, 82, 184, 0.00) 25%, rgba(128, 90, 198) 85.00000238418579%);
     }

     .foundation-bg-img {

         object-fit: contain;
         width: 100%;
     }





     .section-title,
     .section-title h2 {
         font-size: 60px;
         margin-bottom: 35px !important;
     }

     .about-description {
         text-align: left;
         font-family: 'Mulish';
         font-size: 20px;
         font-weight: 400;
         /* margin-bottom: 0 !important; */
     }

     .badge-glass {
         font-size: 25px;
         font-weight: 500;
     }

     .active-card {
         width: 361px;
     }

     .mini-card {
         width: 167px;
     }



     .mini-overlay span {
         font-size: 20px;
         line-height: 25px;
         letter-spacing: -1px;
         font-weight: 400;
     }

     .slider-progress-container {
         margin-top: 10px !important;
     }

     .quiz-section {
         padding-top: 230px !important;
     }

     .quiz-group__title {
         font-size: 20px;
         font-weight: 500;
     }

     .svg-flower-quiz {
         /* width: 20px;
    height: 20px; */
     }

     .quiz-tag {}

     .quiz-footer {
         padding-top: 0;
     }

     .quiz-group {
         margin-bottom: 30px !important;
     }

     .strength-title {
         font-size: 60px;
         line-height: 60px;
         letter-spacing: -4px;
         font-weight: 600;
         margin-bottom: 35px !important;
     }



     .strength-subtitle {
         font-size: 20px;
     }

     .form-title {
         font-size: 30px;
         letter-spacing: -2px;
         font-weight: 600;
     }

     .final-title,
     .final-title h2 {
         font-size: 70px;
     }

     .form-control {
         margin-bottom: 0 !important;
     }

     .btn-submit-quiz {
         margin-top: 0 !important;
     }

     /* .features-table .col {
        margin-top: 0 !important;
    } */

     .features-section {
         margin-top: 0px !important;
     }

     .strength-section {
         margin-bottom: 46px !important;
     }

     .feature-card__text {
         /* font-size: 30px; */
         line-height: 30px;
         letter-spacing: -2px;
     }

     .jobs-section-lable {
         margin-bottom: 60px !important;
     }

     .jobs-section {
         padding: 0;
     }

     .jobs-subtitle {

         font-size: 20px;
         font-weight: 400;
         margin-bottom: 37px !important;
     }

     .jobs-person-img {
         scale: 0.8;
         transform: translate(-13%, 12%);
     }

     .news-intro {
         padding-bottom: 70px;
     }

     .news-main-title,
     .news-main-title h2 {
         font-size: 60px;
         margin-bottom: 35px !important;
     }

     .news-description {
         font-size: 20px;
         /* margin-bottom: 73px !important; */
     }

     .btn-mint-pill.btn-news {
         font-size: 20px;
         font-weight: 600;
         padding: 9px 30px;
     }

     .news-card__image {

         height: 212px;
     }

     .news-card__body {
         padding: 10px 30px;
     }

     .news-card__meta {
         font-size: 12px;
         font-weight: 500;
         margin-bottom: 10px !important;
     }

     .news-card__title,
     .news-card__title h3 {
         font-size: 25px;
         line-height: 25px;
         font-weight: 600;
     }

     .news-card__text {
         font-size: 12px;
         font-weight: 400;
     }

     .reviews-section {
         padding-top: 125px !important;
     }

     .form-agreement {
         font-size: 12px;
         font-weight: 400;
     }

     .review-card__logo {
         width: 60px;
         height: 60px;
     }

     .review-card__company h4 {
         font-size: 15px;
         line-height: 15px;
         font-weight: 700;
     }

     .author-name {
         font-weight: 400;
     }

     .review-card {
         padding: 20px 25px !important;
     }

     .review-card__text {
         font-size: 15px;
         line-height: 20px;
         font-weight: 400;
     }

     .review-card__link {}

     .btn-slider-round {
         width: 48px;
         height: 48px;
     }

     .btn-slider-round svg {
         width: 11.47px;
         height: 23.54px;
     }

     .review-card__header {
         margin-bottom: 15px !important;
     }





     .final-title,
     .final-title h2 .final-subtitle {
         font-size: 60px;
         letter-spacing: -4px;
         font-weight: 600;
     }

     .final-desc {
         font-size: 20px;
         font-weight: 400;
         max-width: 590px;
         margin-bottom: 52px;
     }

     .form-final .col-lg-9 {
         width: 90%;
     }

     .custom-input {
         padding: 15px 25px;
         font-size: 16px;
     }

     .captcha-label {
         font-size: 16px;
     }

     .btn-submit-final {
         font-size: 16px;
         padding: 17px 40px;
     }

     .footer-heading {
         font-size: 22px;
         margin-bottom: 10px;
     }

     .footer-sub-title {
         font-size: 30px;
         line-height: 35px;
         font-weight: 600;
     }

     .footer-logo {
         max-width: 153px;
     }

     .footer-socials a svg {
         width: 25px;
         height: 25px;

     }

     .footer-socials {
         gap: 20px !important;
     }

     .main-footer {
         padding: auto 70px;
     }




     .main-button {
         width: 260px;
     }
 }

 @media (max-width: 992px) {

     .final-title,
     .final-title h2 {
         font-size: 45px;
     }

     .feature-card__text {
         font-size: 24px;
     }

     .jobs-title,
     .jobs-title h2 .jobs-subtitle {
         text-align: start;
     }

     .jobs-person-img {
         transform: translate(-29%, 12%);
     }

     .back-main-flower {
         display: none !important;
     }

     .hero-title,
     .hero-title h1 {
         font-size: 90px;
     }

     .final-subtitle {
         font-size: 35px;
     }

     .foundation-title {
         font-size: 60px;
     }

     .final-desc {
         font-size: 20px;
     }

     .rk-space__hero {
         border-radius: 0px 140px 0px 140px;
     }

     .rk-space__hero {
         padding: 40px 20px 60px 20px;
     }

     .service-number {
         max-height: 90px;
         max-width: 140px;
     }

     .section-title,
     .section-title h2 {
         text-align: left;
     }

     .quiz-tag {
         font-size: 12px;
     }

     /* .service-card__title {
        font-size: 30px;
    } */

     .service-card__link {
         font-size: 16px;
         display: flex;
         flex-direction: row;
         gap: 15px;
         align-content: center;
         align-items: center;
     }

     .form-agreement {
         font-size: 10px;
     }

     .svg-flower-quiz {
         width: 20px;
         height: 20px;
     }

     .quiz-footer .x-small {
         font-size: 10px !important;
     }

     .quiz-group__title {
         font-size: 16px;
     }

     .custom-input {
         font-size: 18px;
         padding: 15px 25px;
     }

     .captcha-label {
         font-size: 18px;
     }
 }

 @media (max-width: 768px) {
     .container-custom.faq-accordion-section .why-us__title.purple {
         font-family: 'Mulish', sans-serif !important;
         font-size: 30px !important;
         font-style: normal !important;
         font-weight: 600 !important;
         line-height: 30px !important;
         letter-spacing: -3px !important;
         text-align: center !important;
     }



     .why-us__title,
     .why-us__title h2,
     .cl-about-title,
     .cl-about-title h2,
     .rk-space__hero-title,
     .rk-space__hero-title h2 .cl-price-main-title {
         font-size: 30px !important;
         font-style: normal !important;
         font-weight: 600 !important;
         line-height: 30px !important;
         letter-spacing: -3px !important;
     }

     .rk-space__hero-title,
     .rk-space__hero-title h2 {
         margin-top: 30px !important;
         margin-bottom: 20px !important;
     }

     .rk-space__hero {
         padding: auto 20px !important;
     }



     .container-custom.container-custom--advantages-mobile {
         padding-bottom: 80px !important;
     }

     .container-custom .row {
         --bs-gutter-x: 0;
         margin-left: 0 !important;
         margin-right: 0 !important;
     }

     .container-custom .row>* {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }

     .why-us__description,
     .cl-about-description,
     .rk-space__hero-text,
     .advantage-text,
     .custom-list li {
         font-size: 16px !important;
         line-height: normal !important;
         letter-spacing: normal !important;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         /* 112.5% */
     }

     .rk-space__hero-text--advantages {
         margin-top: 0 !important;
         margin-bottom: 40px !important;
     }

     .final-contact-section {
         padding: 0px 0;
     }

     .hero-title,
     .hero-title h1 {
         letter-spacing: -2px;
         font-size: 50px;
         line-height: 55px;
     }

     .main-button {
         width: 100%;
     }

     .txt-scroll {
         overflow-y: hidden;
         max-height: none;
     }



     .button-on-main {
         flex-direction: column;
     }

     .hero-content .col-lg-7 {
         width: 100%;
     }

     .col-lg-7 {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }

     .col-lg-3,
     .col-lg-9 {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }


     .hero-content,
     .container-custom,
     .container-custom-varansii {
         margin: auto 20px;
     }



     .hero-content {
         padding-top: 30px;
     }

     .hero-description {
         font-size: 18px;
         margin-bottom: 70px;
     }

     .back-main-flower-2 {
         max-width: none;
     }

     .ceo-quote {
         padding-top: 82px !important;
         padding-bottom: 126px !important;
     }

     .ceo-quote.py-5 {
         padding-top: 82px !important;
         padding-bottom: 0 !important;
     }

     .ceo-quote__photo img {
         width: 120px;
         height: 120px;
         margin-bottom: 15px;
     }

     .ceo-quote__title,
     .ceo-quote__title h2 {
         font-size: 30px;
         margin-bottom: 20px;
     }

     .ceo-quote__text {
         font-size: 16px;
     }

     .ceo-quote__author {
         font-size: 20px;
     }

     .section-label {
         font-size: 15px;
     }

     .about-title,
     .about-title h2 {
         margin-top: 58px;
         font-size: 30px;
         font-style: normal;
         font-weight: 600;
         line-height: 30px;
         /* 100% */
         letter-spacing: -3px;
     }

     .about-description {
         font-size: 16px;

         /* margin-bottom: 0 !important; */
     }

     .about-description-news {
         font-size: 18px;
         font-style: normal;
         font-weight: 400;
         line-height: 20px;
     }

     .stat-card {
         display: flex;
         align-items: center;
         gap: 20px;
         padding: 10px;
         flex-wrap: nowrap;
         flex-direction: row;
     }

     .stat-card__number {
         font-size: 70px;
     }

     .btn-mint-pill {
         width: 100%;
     }

     .hint-text {
         font-size: 12px;
     }

     .foundation-bg-img {

         display: none;
     }



     .foundation-title {
         position: absolute;
         top: 85px;
         color: #FFF;
         text-align: center;
         font-size: 40px;
         font-style: normal;
         font-weight: 700;
         line-height: 50px;
         /* 125% */
         letter-spacing: -2px;
         text-transform: uppercase;
     }

     .services-section {
         margin-top: 0;
         padding-bottom: 69px;
     }

     .section-title-services,
     .section-title-services h2 {
         line-height: 30px;
         letter-spacing: -1px;
         font-size: 30px;
         margin-top: 28px;
     }

     /* Отключаем flex-wrap у row, когда работает Slick, чтобы карточки не вставали в ряд по вертикали */
     .services-card-table.slick-initialized {
         display: block;
     }

     /* Исправляем отступы карточек внутри слайдера */
     .services-card-table.slick-initialized .col {
         padding: 10px;
         /* или по вашему дизайну */
     }

     /* Стилизация точек (Dots) */
     .services-card-table .slick-dots {
         bottom: -40px;
         /* Положение под карточками */
     }

     .services-card-table .slick-dots li button:before {
         font-size: 12px;
         color: #ffffff;
         /* Цвет точек как в вашем SVG */
         opacity: 0.5;
     }

     .services-card-table .slick-dots li.slick-active button:before {
         color: #ffffff;
         /* Цвет активной точки */
         opacity: 1;
     }

     .section-label {
         /* max-width: 141px; */

     }

     .section-title,
     .section-title h2 {
         font-size: 30px;
         margin-bottom: 20px !important;
         letter-spacing: -3px;
         font-weight: 600;
         line-height: 30px;
     }
 }

 /* Убираем отрицательные маржи Bootstrap row в режиме слайдера, чтобы не было горизонтальной прокрутки */
 @media (max-width: 767px) {
     .services-card-table {
         margin-left: 0;
         margin-right: 0;
         /* padding-bottom: 50px; */
         /* Место для точек */
     }
 }


 /* --- АДАПТИВ (ниже 1265px) --- */
 @media (max-width: 1265px) {

     :root {
         --card-active-width: 320px;
         --card-mini-width: 140px;
         --gap-width: 15px;
         --slide-width: 100%;
     }



     .quiz-section {
         padding-top: 95px !important;
     }


     .quiz-container .col-lg-8 {
         padding: 0 !important;
     }

     .quiz-card {
         border-radius: 25px;
         padding: 20px;
     }

     .quiz-container.row.row-quiz.g-5.align-items-start .quiz-card {
         width: 100%;
         max-width: 100%;
         margin-left: 0;
         margin-right: 0;
     }

     .about-description {
         margin-bottom: 0 !important;
     }

     .quiz-section .row {
         margin-bottom: 40px !important;
     }

     .quiz-tags,
     .form-agreement {
         margin: 0 !important;
         padding: 0 !important;
     }

     .strength-section {
         margin-top: 80px !important;
     }

     .jobs-section.mt-100px.overflow-hidden {
         margin-top: 81px !important;
     }

     .strength-graphic-wrap {
         height: 180px;

     }

     .strength-gradient-overlay {
         height: 63px;
     }

     .strength-title {
         font-size: 30px;
         line-height: 30px;
         letter-spacing: -3px;
         margin-bottom: 20px !important;
     }

     .strength-subtitle {
         font-size: 16px;
     }

     .features-table.slick-initialized {
         display: block;
         /* Отключаем flex от Bootstrap row */
     }

     /* Убираем отступы Bootstrap, чтобы слайдер встал по краям */
     .features-table.row {
         margin-left: 0;
         margin-right: 0;
     }

     .features-table .col {
         padding: 0;
     }

     /* Делаем активный слайд более четким (опционально) */
     .slick-slide {
         /* opacity: 0.7;
        transition: opacity 0.3s ease; */
     }

     .slick-center {
         opacity: 1;
     }

     .feature-card {
         height: 131px;
         max-width: 280px;
     }

     .linear-background {
         background: linear-gradient(180deg, rgba(211, 202, 255, 0.50) 13.352178037166595%, rgba(126, 87, 197, 1.00) 24.36206042766571%, rgba(61, 42, 95, 1.00) 31.01777732372284%, rgba(61, 42, 95, 1.00) 36.119937896728516%, rgba(126, 87, 197, 1.00) 56.941235065460205%, rgba(126, 87, 197, 1.00) 60.58693170547485%, rgba(211, 202, 255, 0.50) 76.73981595039368%);

     }

     .foundation-gradient-overlay {
         background: linear-gradient(180deg, rgb(141, 107, 206) 20.000000298023224%, rgba(233, 228, 255, 0.00) 100%);
     }

     .foundation-gradient-bottom {
         background: linear-gradient(180deg, rgba(118, 82, 184, 0.00) 25%, rgba(92, 64, 144) 85.00000238418579%);
     }



     .jobs-section-lable {
         margin-bottom: 28px !important;
     }

     .jobs-subtitle {
         font-size: 16px;
         line-height: 18px;
         font-weight: 400;
     }

     .container-custom-varansii {
         padding: 0px;
     }

     .benefit-text {
         font-size: 17px;
     }

     .jobs-benefits .align-items-start {
         align-items: center !important;
     }

     .container-custom-vakansii .position-relative {
         display: none !important;
     }

     .container-custom-vakansii,
     .news-intro {
         margin-bottom: 100px !important;
     }

     .news-main-title,
     .news-main-title h2 {
         font-size: 30px;
         line-height: 30px;
         letter-spacing: -3px;
         text-align: start;
         margin-bottom: 20px !important;
     }

     .news-description {
         font-size: 16px;
         line-height: 18px;
         letter-spacing: normal;
         text-align: start;
     }
 }



 section.services-section#services {
     padding-top: 148px;
     padding-bottom: 105px;
     background: linear-gradient(180deg,
             rgba(128, 89, 198, 1) 0%,
             rgba(128, 89, 198, 1) 70%,
             rgba(128, 89, 198, 0) 100%);
 }

 @media (max-width: 768px) {
     section.services-section#services {
         padding-top: 29px;
         padding-bottom: 0;
     }

     .foundation-section .foundation-title {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 700 !important;
         font-size: 40px !important;
         line-height: 50px !important;
         letter-spacing: -2px !important;
         text-align: center !important;
         text-transform: uppercase !important;
         color: #ffffff !important;
     }

     .foundation-bottom-overlay {
         bottom: -1px;
     }

     .services-section .section-label-serveces.d-flex.align-items-center.gap-2 {
         margin-bottom: 0 !important;
     }

     .services-section .section-title-services {
         margin-top: 30px !important;
         margin-bottom: 35px !important;
     }

     .services-card-table.slick-initialized.slick-slider.slick-dotted {
         margin-bottom: 124px !important;
     }


     .objects-section .objects-section-main.row.mb-100px.align-items-start {
         margin-bottom: 40px !important;
     }

     .objects-section.bg-purple-dark.text-white.mb-32px {
         margin-bottom: 0 !important;
     }

     .quiz-section.pt-304px.text-white.mb-20px {
         padding-top: 95px !important;
     }
 }



 @media (max-width: 768px) {
     .quiz-section {
         padding-top: 70px !important;
     }

     .quiz-section .col-lg-9>h2 {
         margin-top: 28px !important;
     }


     .wrapper-f {
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         border-bottom-left-radius: 30px;
         border-bottom-right-radius: 30px;
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .wrapper-f .section-label-white.d-flex.align-items-center.gap-2 {
         margin-bottom: 40px;
     }

     .rk-space__hero {
         margin-bottom: 40px !important;
     }

     .container-custom.frame-37 {
         /* margin-top: 100px !important;
        margin-bottom: 80px !important; */
     }

     .container-custom.why-us.why-us-000 {
         padding-top: 70px !important;
     }

     .why-us__description {
         margin-bottom: 40px !important;
     }

     .rk-space__list-item {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 400 !important;
         font-size: 15px !important;
         line-height: 15px !important;
         letter-spacing: 0 !important;
     }

     .rk-space__card-body {
         padding-bottom: 118px !important;
         border-radius: 40px 0 170px 22px !important;
     }

     .rk-space__card-desc {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 400 !important;
         font-size: 16px !important;
         line-height: 18px !important;
         letter-spacing: 0 !important;
     }

     .rk-space__card-title {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 600 !important;
         font-size: 25px !important;
         line-height: 25px !important;
         letter-spacing: 0 !important;
     }

     .rk-space__card-header {
         padding-top: 55px !important;
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 600 !important;
         font-size: 30px !important;
         line-height: 30px !important;
         letter-spacing: -2px !important;
     }

     .company-hero-text {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 400 !important;
         font-size: 18px !important;
         line-height: 20px !important;
         letter-spacing: 0 !important;
     }

     .company-hero-text-objects {
         margin-bottom: 50px !important;
     }

     .back-main-flower-2 {
         display: none !important;
     }

     .strength-gradient-overlay {

         background: linear-gradient(180deg, rgba(124, 86, 194, 0) 0%, #6B4AA8 90%);

     }

     .about-statsx .stat-card__number {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 600 !important;
         font-size: 60px !important;
         line-height: 60px !important;
         letter-spacing: -3px !important;
         margin-top: 15px !important;
         margin-bottom: 15px !important;
     }

     .about-statsx .stat-card__text {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 400 !important;
         font-size: 15px !important;
         line-height: 17px !important;
         letter-spacing: 0 !important;
     }

     .frame-37 .section-title {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 600 !important;
         font-size: 30px !important;
         line-height: 30px !important;
         letter-spacing: -2px !important;
     }

     .frame-37 .section-description {
         font-family: 'Mulish', sans-serif !important;
         font-style: normal !important;
         font-weight: 400 !important;
         font-size: 16px !important;
         line-height: 18px !important;
         letter-spacing: 0 !important;
     }
 }

 svg.svg-atimate-bottom {
     position: absolute;
     z-index: 99;
     overflow: visible;
 }

 .svg-bg-ros-left svg {
     position: absolute;
     margin-top: -155px;

     @media (max-width: 768px) {
         display: none;
     }
 }

 .svg-bg-ros-right svg {
     position: absolute;
     margin-top: -155px;
     right: 0;
 }

 .svg-bg-ros-right-top svg {
     position: absolute;
     right: 0;
 }

 @media (max-width: 767.98px) {
     .svg-bg-ros-left svg {
         position: absolute;
         margin-top: -75px;
         left: -105px;
         width: 300px;
         height: 297.999px;
     }

     .svg-bg-ros-right svg {
         position: absolute;
         width: 150px;
         height: 325.999px
     }
 }



 .top-cont {
     display: block;
 }

 @media (max-width: 800px) {
     .top-cont {
         display: none;
     }
 }

 .img-rskv img {
     position: absolute;
     z-index: 50;
     top: 0;
     right: 0;
     max-width: 550px;
     height: auto;
     display: block;
 }

 @media (max-width: 800px) {
     .img-rskv img {
         display: none;
     }
 }

 .objects-section-main-rskv .section-label-serveces span {
     color: #EBE1FF;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 .rskv-or-top svg {
     display: block;
     position: absolute;
     margin: 0 auto;
 }

 .rskv-or-top-obj svg {
     width: 100%;
     display: block;
     position: absolute;
     margin: 0 auto;
     margin-top: -220px;
 }

 .roskv-d-right-ceo {
     text-align: end;
     color: #7E57C5;
     font-size: 25px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     margin-top: 30px;
 }

 /** **/
 .rokv-tbl {
     border-collapse: collapse;
 }

 .rokv-tbl th,
 .rokv-tbl td {
     border: 0px;
     padding: 0px;
     min-width: 30px;
     vertical-align: top;
     color: #464647;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 .rskv-rt-kr {
     position: absolute;
     left: 0;
 }

 .rskv-lf-kr {
     position: absolute;
     right: 0;
 }

 .news-date-time {
     color: #464647;
     font-size: 25px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
 }

 .col-md-8>h2>a {
     color: #7E57C5;
     font-size: 45px;
     font-style: normal;
     font-weight: 600;
     line-height: 50px;
     text-decoration: none;
     /* 111.111% */
 }

 .news-item a {

     text-decoration: none;
     /* 111.111% */
 }

 .news-item a h2 {
     color: #7E57C5;
     font-size: 45px;
     font-style: normal;
     font-weight: 600;
     line-height: 50px;
     text-decoration: none;
     /* 111.111% */
 }

 .news-item-preview {
     color: #464647;
     font-size: 25px;
     font-style: normal;
     font-weight: 300;
     line-height: normal;
 }

 .news-img img {
     border-radius: 25px;
 }

 .news-detail-image img,
 .news-detail-text img {
     border-radius: 25px;
 }

 .news-detail-text img {
     width: 100%;
     margin-bottom: 20px;
     max-height: auto;
     object-fit: cover;
     max-height: 650px;
 }

 a.news-btn-det {
     border-radius: 50px;
     background: linear-gradient(180deg, #19D3C5 -155.41%, #19D3C5 123.65%);
     color: #FFF;
     text-align: center;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     padding: 15px 50px;
     text-decoration: none;
 }

 .news-detail-text {
     color: #000;
     text-align: justify;
     font-size: 30px;
     font-style: normal;
     font-weight: 400;
     line-height: 45px;
     /* 150% */
 }

 /* Стили для первого абзаца */
 .news-detail-text p a {
     color: #000;
 }

 .news-detail-text p {
     color: #000;
     text-align: justify;
     font-size: 30px;
     letter-spacing: 0px;
     font-weight: 400;
     line-height: 45px;
     margin-bottom: 10px;
     /* Добавляем отступ после первого абзаца */
 }

 .detail_picture {
     max-height: 650px;
 }

 .news-detail-text ol li,
 .news-detail-text ul li {
     margin-bottom: 10px;
 }

 .news-detail-text h2,
 .news-detail-text h3,
 .news-detail-text h4,
 .news-detail-text h5 {
     color: #000;
     text-align: justify;
     font-size: 40px;
     font-weight: 500;
     letter-spacing: 0px;
     margin-bottom: 15px;
     line-height: 100%;
     /* Добавляем отступ после первого абзаца */
 }

 /* Остальные абзацы */
 .news-detail-text p {
     margin-bottom: 40px;
 }

 .news-detail-text p:last-child {
     margin-bottom: 0;
 }



 @media (max-width: 800px) {


     .news-detail-text img {
         width: 100%;
         max-height: 300px;
         object-fit: cover;
     }

     .news-detail-text,
     .news-detail-text p,
     .news-detail-text h2,
     .news-detail-text h3,
     .news-detail-text h4,
     .news-detail-text h5 {
         color: #000;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
     }

     /* Остальные абзацы */
     .news-detail-text p {
         margin-bottom: 15px;
     }
 }

 .sert-img img {
     border-radius: 25px;
 }


 .news-lst-pc {
     display: block;
     margin-bottom: 222px;
 }

 .news-lst-pc>.row:not(:last-child) {
     margin-bottom: 60px;
 }

 .news-lst-pc .col-md-8>p.news-item:first-of-type {
     margin-bottom: 32px;
 }

 .news-lst-pc .col-md-8>p.news-item:nth-of-type(2) {
     margin-bottom: 30px;
 }

 .news-lst-pc .col-md-8>p.news-item-preview {
     margin-bottom: 50px;
 }

 /* чтобы кнопка не наезжала на отступ предыдущего блока */
 .news-lst-pc .col-md-8>p:last-child {
     margin-top: 0;
     margin-bottom: 0;
     clear: both;
 }

 .about-title.about-title-new {
     margin-top: 100px;
     margin-bottom: 50px;
 }

 .news-lst-mb {
     display: none;
 }

 @media (max-width: 768px) {
     .row.header-contacts.d-md-flex {
         margin-top: 14px !important;
         margin-bottom: 37px !important;
     }


     .about-title.about-title-new {
         margin-top: 22px !important;
         margin-bottom: 20px !important;
     }

     .about-title-new,
     .about-title-new h1 {
         font-size: 30px;
         font-style: normal;
         font-weight: 600;
         line-height: 30px;
         letter-spacing: -2px;
     }

     .news-lst-pc {
         display: none;
     }

     .news-lst-mb {
         display: block;
     }

     .news-lst-mb .news-lst-mb-slider {
         display: flex;
         gap: 16px;
         overflow-x: auto;
         overflow-y: hidden;
         scroll-snap-type: x mandatory;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none;
         padding-bottom: 8px;
     }

     .news-lst-mb .news-lst-mb-slider::-webkit-scrollbar {
         display: none;
     }

     .news-lst-mb .news-lst-mb-slider .product-card {
         flex: 0 0 100%;
         max-width: 100%;
         scroll-snap-align: start;
         margin: 0;
     }

     .news-lst-mb .news-lst-mb-slider {
         scroll-behavior: smooth;
     }

     .news-lst-mb .news-mobile-controls {
         display: flex !important;
         align-items: center;
         gap: 14px;
         margin: 32px 0 0 !important;
         padding: 0 !important;
         width: 100%;
     }

     .news-lst-mb .news-mobile-controls .svc-arrow {
         width: 28px;
         height: 44px;
         min-width: 28px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         border: 0;
         background: transparent;
         padding: 0;
         margin: 0;
         box-shadow: none;
     }

     .news-lst-mb .news-mobile-controls .svc-arrow svg {
         width: 19px;
         height: 35px;
         display: block;
     }

     .news-lst-mb .news-mobile-controls .svc-arrow svg path {
         stroke: #7E57C5 !important;
     }

     .news-lst-mb .news-mobile-controls .svc-progress-wrap {
         position: relative;
         flex: 1;
         height: 20px;
         background: #7E57C5;
         border-radius: 20px;
         overflow: hidden;
         margin: 0;
         padding: 0;
         box-sizing: border-box;
     }

     .news-lst-mb .news-mobile-controls .svc-progress-bar {
         position: absolute;
         top: 5px;
         left: 7px;
         height: 10px;
         width: 0;
         background: #FFD600;
         border-radius: 20px;
         transition: width 0.35s ease;
     }
 }

 :root {
     --product-purple: #7D56C4;
     --product-mint: #19D3C5;
     --product-yellow: #FBE122;
     --product-text-dark: #464647;
 }

 /* === КАРТОЧКА ТОВАРА === */
 .product-card {
     position: relative;
     width: 100%;
     max-width: 520px;
     border-radius: 35px;
     overflow: hidden;
     background: linear-gradient(180deg, #7E57C5 -155.41%, rgba(126, 87, 197, 0.50) 123.65%);
     box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.25) inset;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .product-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 15px 40px rgba(125, 86, 196, 0.5);
 }

 /* Изображение */
 .product-card__image-wrapper {
     position: relative;
     width: 100%;
     padding-bottom: 55%;
     /* 1:1 ratio */
     overflow: hidden;
     border-radius: 25px;
     background: linear-gradient(180deg, #7E57C5 -155.41%, rgba(126, 87, 197, 0.50) 123.65%);
 }

 .product-card__image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: block;
 }

 .product-card__image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;
 }

 .product-card:hover .product-card__image img {
     transform: scale(1.05);
 }

 /* Оверлей на изображении */
 .product-card__overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, rgba(125, 86, 196, 0) 0%, rgba(125, 86, 196, 0.3) 100%);
     z-index: 1;
 }

 /* Контент */
 .product-card__content {
     padding: 40px 35px;
     position: relative;
     z-index: 2;
 }

 /* Мета информация */
 .product-card__meta {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 20px;
 }

 .product-card__label {
     color: #FBE122;
     font-size: 16px;
     font-weight: 400;
 }

 .product-card__date {
     color: #FBE122;
     font-size: 16px;
     font-weight: 500;
 }

 /* Заголовок */
 .product-card__title {
     margin: 0 0 20px 0;
     font-size: 45px;

     color: #FFF;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 /* Описание */
 .product-card__description {
     margin: 0 0 30px 0;
     color: rgba(255, 255, 255, 0.9);
     font-size: 22px;
     font-weight: 400;
     line-height: 1.4;
 }

 /* Ссылка / Кнопка */
 .product-card__link {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     text-decoration: none;
     transition: all 0.3s ease;
     padding: 8px 0;

     color: #FFF;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;


 }

 .product-card__link:hover {
     border-bottom-color: var(--product-yellow);
     color: var(--product-yellow);
 }

 .product-card__link svg {
     width: 20px;
     height: 16px;
     transition: transform 0.3s ease;
 }

 .product-card__link:hover svg {
     transform: translateX(5px);
 }

 /* Декоративный элемент */
 .product-card__decoration {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 150px;
     height: 150px;
     background: radial-gradient(circle, var(--product-yellow) 0%, transparent 70%);
     opacity: 0.15;
     border-radius: 50%;
     pointer-events: none;
 }

 /* === АДАПТИВНОСТЬ === */

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

     .product-card__title {
         font-size: 35px;
     }

     .product-card__description {
         font-size: 18px;
     }

     .product-card__content {
         padding: 30px 25px;
     }
 }

 @media (max-width: 768px) {
     .product-card {
         border-radius: 25px;
     }

     .product-card__content {
         padding: 25px 24px;
     }

     .product-card__title {
         font-size: 28px;
         margin-bottom: 15px;
     }

     .product-card__description {
         font-size: 16px;
         margin-bottom: 40px;
         margin-top: 10px;
     }

     .product-card__meta {
         margin-bottom: 15px;
     }

     .product-card__label,
     .product-card__date {
         font-size: 14px;
     }

     .product-card__link {
         font-size: 18px;
     }
 }

 @media (max-width: 576px) {
     .product-card {
         border-radius: 20px;
     }

     .product-card__title {
         font-size: 24px;
     }

     .product-card__description {
         font-size: 15px;
     }

     .product-card__content {
         padding: 20px 24px;
     }

     .product-card__decoration {
         width: 100px;
         height: 100px;
     }
 }

 /** **/
 .carousel-container {
     width: 100%;
     position: relative;
 }

 .carousel-wrapper {
     overflow: hidden;
     position: relative;
 }

 .carousel-track {
     display: flex;
     transition: transform 0.5s ease-in-out;
     gap: 30px;
 }

 .carousel-card {
     min-width: calc(33.333% - 20px);
     border-radius: 25px;
     background: #7E57C5;
     box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.25) inset;
     overflow: hidden;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .carousel-card img {
     width: 100%;
     height: auto;
     border-radius: 25px;
 }

 .carousel-card:hover {
     transform: translateY(-5px);
     border-radius: 25px;
 }

 .card-image {
     width: 100%;
     height: 320px;
     object-fit: cover;
     filter: grayscale(100%);
 }

 .card-content {
     padding: 30px;
     color: white;
 }

 .card-title a,
 .card-title a h2 {
     color: #FBE122;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-skip-ink: auto;
     text-decoration-thickness: auto;
     text-underline-offset: auto;
     text-underline-position: from-font;
 }

 .card-text {
     color: #FFF;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-top: 17px;
     margin-bottom: 10px;
 }

 .card-link {
     text-decoration: none;
     display: inline-block;

     color: #FFF;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-top: 10px;
 }

 .card-link:hover {
     opacity: 1;
     text-decoration: underline;
 }

 .carousel-controls {
     display: flex;
     justify-content: center;
     gap: 20px;
     margin-top: 40px;
 }

 .carousel-btn {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     border: none;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
     background: linear-gradient(180deg, #19D3C5 -155.41%, #19D3C5 123.65%);
     box-shadow: 0 -1px 10px 0 rgba(255, 255, 255, 0.30) inset;
 }

 .carousel-btn:hover {
     transform: scale(1.1);
     background: linear-gradient(180deg, #19b5a8 -155.41%, #14a599 123.65%);
     box-shadow: 0 -1px 10px 0 rgba(255, 255, 255, 0.30) inset;
 }

 .carousel-btn:active {
     transform: scale(0.95);
 }

 .carousel-btn svg {
     width: 24px;
     height: 24px;
     fill: white;
 }

 .carousel-btn.prev svg {
     transform: translateX(-2px);
 }

 .carousel-btn.next svg {
     transform: translateX(2px);
 }

 /* Адаптивность */
 @media (max-width: 1024px) {
     .carousel-card {
         min-width: calc(50% - 15px);
     }
 }

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

     .card-title,
     .card-title a h2,
     .card-title a {
         font-size: 20px;
     }

     .card-image {
         height: 250px;
     }
 }

 /** **/
 .main-button-zakaz-usl a {
     border-radius: 50px;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%), #19D3C5;
     text-decoration: none;
     padding: 20px 70px;
     color: #FFF;
     text-align: center;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     /* 80% */
 }

 .txt-scroll-no-scroll {
     color: #FFF;
     font-size: 25px;
     font-style: normal;
     font-weight: 300;
     line-height: normal;
     max-width: 1045px;
     width: 100%;
     /* max-height: 200px; */

 }

 /** контакты **/
 .hero-contact {}

 .hero-contact span {
     color: #FDE021;
     font-size: 40px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
 }

 .hero-contact label {
     color: #FFF;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin: 20px 0 5px 0;
 }

 .hero-contact p {
     color: #FFF;
     font-size: 40px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-left: 25px;
 }

 .hero-contact p.cnt-big {
     color: #FFF;
     font-size: 40px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 @media (max-width: 768px) {
     .hero-contact p {
         color: #FFF;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         /* 112.5% */
     }

     .hero-contact h3 {
         color: #FDE021;
         font-size: 25px;
         font-style: normal;
         font-weight: 500;
         line-height: 25px;
         /* 100% */
         letter-spacing: -2px;

     }

     .hero-contact p.cnt-big {
         color: #FFF;
         font-size: 20px;
         font-style: normal;
         font-weight: 400;
         line-height: 20px;
         /* 100% */
     }

     .hero-contact h4 {
         color: #FFF;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         /* 112.5% */
     }
 }

 .footer-copy-fabula {
     color: #FFF;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 /* .btn-more {
    text-decoration: none;
    display: flex;
    padding: 20px 50px 22px 50px;
    justify-content: center;
    align-items: center;
    gap: 39px;
    flex-shrink: 0;
    box-shadow: 0 -1px 10px 0 rgba(255, 255, 255, 0.30) inset;
    border-radius: 50px;
    background: linear-gradient(180deg, #19D3C5 -155.41%, rgba(25, 211, 197, 0.00) 123.65%);
} */

 .etapy-rabot {
     text-align: center;
 }

 .etapy-rabot .cl-about-description {
     text-align: center;
     display: inline-flex;
 }

 @media (max-width: 760px) {
     .etapy-rabot {
         text-align: left;
     }

     .etapy-rabot .cl-about-description {
         text-align: left;
         display: block;
     }
 }

 .news-lst-home span {
     color: #464647;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     padding-top: 20px;
 }

 .news-lst-home-h1 {
     color: #7E57C5;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 @media (max-width: 760px) {
     .news-lst-home-h1 {
         color: #7D56C4;
         font-size: 15px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
         padding-left: 5px;
     }

     .btn-submit-final {
         color: #FFF;
         text-align: center;
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
         line-height: 20px;
         width: 100%;
     }

     .o-kompanii .about-description {
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         /* 112.5% */
     }

     .section-label span {
         font-size: 15px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
     }
 }

 .faq-item-vakansii a {
     color: #FFF;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     text-decoration: none;
     letter-spacing: 0;
 }

 .vak-lst-h {
     font-family: 'Mulish', sans-serif;
     color: #FFF;
     font-size: 30px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     letter-spacing: 0;
 }

 .vak-lst-ul ul {
     font-family: 'Mulish', sans-serif;
     list-style-type: none;
     padding-left: 0;
     letter-spacing: 0;
 }

 .vak-lst-ul ul li {
     background-image: url('/upload/img/ul-li-marker.webp');
     background-position: 0 5px;
     /* Позиция картинки */
     background-repeat: no-repeat;
     background-size: 20px;
     /* Размер картинки */
     padding-left: 20px;
     /* Отступ для текста */
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin: 12px 0;
 }

 .faq-item-vakansii .price-1 {
     font-family: 'Mulish', sans-serif;
     color: #FFF;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     letter-spacing: 0;
 }

 .faq-item-vakansii .price-2 {
     font-family: 'Mulish', sans-serif;
     color: #FFF;
     font-size: 40px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: 0;
 }

 .faq-item-vakansii .faq-question h3 {
     font-family: 'Mulish', sans-serif !important;
     color: #FFF !important;
     font-size: 60px !important;
     font-style: normal !important;
     font-weight: 700 !important;
     line-height: normal !important;
     letter-spacing: 0;
 }

 .vak-btn a {
     display: none;
 }

 .vak-btn-pc {
     display: block;
 }

 .vak-lst-ul {
     margin: 0;
 }

 @media (max-width: 760px) {
     .vak-btn-pc {
         display: none;
     }

     .faq-item-vakansii .faq-question h3 {
         color: #FFF;
         font-size: 30px;
         font-style: normal;
         font-weight: 600;
         line-height: 30px;
         letter-spacing: -2px;
     }

     .faq-item-vakansii .price-1 {
         color: #FFF;
         font-size: 15px;
         font-style: normal;
         font-weight: 400;
         line-height: 19px;
         /* 126.667% */
     }

     .faq-item-vakansii .price-2 {
         color: #FFF;
         font-size: 25px;
         font-style: normal;
         font-weight: 500;
         line-height: 25px;
     }

     .faq-item-vakansii .faq-header {
         padding: 20px 20px;
     }

     .vak-lst-h {
         color: #FFF;
         font-size: 20px;
         font-style: normal;
         font-weight: 500;
         line-height: 20px;
     }

     .vak-lst-ul {
         margin: 15px 0;
     }

     .vak-lst-ul ul li {
         color: #FFF;
         font-size: 15px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
     }

     .vak-btn a {
         font-family: 'Mulish', sans-serif;
         text-align: center;
         width: 100%;
         padding: 15px 20px;
         display: block;
         color: #FFF;
         font-size: 18px;
         font-style: normal;
         font-weight: 400;
         line-height: 20px;
         border: 1px solid #fff;
         /* 111.111% */
         border-radius: 25px;
         background: linear-gradient(180deg, #7E57C5 -155.41%, rgba(126, 87, 197, 0.80) 123.65%);
         box-shadow: 0 -1px 10px 0 rgba(255, 255, 255, 0.30) inset;
         /* margin-top: 30px; */
     }
 }

 .vakansii-slider .slider-viewport {
     width: 100%;
 }

 .vakansii-list-faq {}

 /* .container-custom.vakansii-list-faq {
    margin-top: 225px;
} */

 .vakansii-list-faq .rk-space__hero-title,
 .vakansii-list-faq .rk-space__hero-title h2 {
     color: #7B55C0;
     font-family: 'Mulish', sans-serif;
     font-size: 90px;
     font-style: normal;
     font-weight: 600;
     line-height: 90px;
     margin-bottom: 100px;
     /* 100% */
     letter-spacing: -4px;
 }

 .vakansii-list-faq .advantages-wrapper .advantage-text {
     color: #FFF;
     font-family: 'Mulish', sans-serif;
     font-size: 40px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
 }

 .vakansii-list-faq .advantages-wrapper .advantage-card {
     border-radius: 25px;
     background: linear-gradient(180deg, #7E57C5 -155.41%, rgba(126, 87, 197, 0.80) 123.65%);
     box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.25) inset;
 }

 .vakansii-list-faq .advantages-wrapper {
     padding-bottom: 178px;
 }

 @media (max-width: 768px) {


     /* .container-custom.vakansii-list-faq {
        margin-top: 70px !important;
    } */

     .vakansii-list-faq .advantages-wrapper {
         padding-bottom: 30px !important;
     }

     .about-statsx.about-statsx--vakansii .about-title.mb-60px {
         margin-top: 28px !important;
         margin-bottom: 20px !important;
     }

     .about-statsx.about-statsx--vakansii .about-description.mb-60px {
         margin-bottom: 0 !important;
     }
 }

 @media (max-width: 992px) {
     .vakansii-list-faq .advantages-wrapper .advantage-text {
         font-size: 25px;
         font-style: normal;
         font-weight: 500;
         line-height: normal;
     }
 }

 @media (max-width: 760px) {
     .vakansii-list-faq .advantages-wrapper .advantage-text {
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
     }
 }

 .img-rskv.img-rskv-autst img {
     right: -125px;
     width: 735px;
     height: auto;
     max-width: 735px;
 }


 .autstaffing-list-bg {
     border-radius: 25px;
     background: #7D55C7;
     padding: 80px 60px 70px 60px;
     z-index: 15;
 }

 .autstaffing-list-bg h2 {
     font-family: Mulish;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 90px;
     leading-trim: NONE;
     line-height: 90px;
     letter-spacing: -4px;
     margin-bottom: 65px;
     color: #F2EEFF;

     @media (max-width: 1400px) {

         font-family: Mulish;
         font-weight: 600;
         font-style: SemiBold;
         font-size: 60px;
         line-height: 60px;
         letter-spacing: -4px;
         margin-bottom: 54px;
     }

     @media (max-width: 768px) {
         font-family: Inter;
         font-weight: 500;
         font-style: Medium;
         font-size: 25px;
         leading-trim: NONE;
         line-height: 25px;
         letter-spacing: 0px;
         margin-bottom: 65px;
     }
 }





 .autstaffing-list-left {
     position: absolute;
     margin-left: -160px;
     margin-top: -210px;
     z-index: -5;
     display: block;

     @media (max-width: 768px) {
         display: none;
     }
 }

 .autstaffing-list-left-768 {

     position: absolute;
     margin-left: -40px;
     margin-top: -100px;
     z-index: -5;
     display: none;

     @media (max-width: 768px) {
         display: block;
     }
 }

 .autstaffing-list-right {
     position: absolute;
     right: -100px;
     margin-top: -90px;
     z-index: -5;
     display: block;

     @media (max-width: 768px) {
         display: none;
     }
 }

 .autstaffing-list-right-768 {
     position: absolute;
     right: 0px;
     margin-top: -50px;
     z-index: -5;
     display: none;

     @media (max-width: 768px) {
         display: block;
     }
 }

 .autstaffing-list-bg .rk-features-list__item::before {
     content: "";
     display: block;
     width: 28px;
     height: 28px;
     background-color: #fbe131;
     border-radius: 50%;
     flex-shrink: 0;
     background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23382a59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 8 7 11 12 5'/%3E%3C/svg%3E);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 60%;
 }

 .btn-more__text {
     position: relative;
     color: #ffffff;
     font-size: 25px;
     font-weight: 600;
     z-index: 1;
 }

 /** **/
 /* Облако тегов */
 .cl-tags-cloud {
     display: flex;
     flex-wrap: wrap;
     gap: 12px 10px;
 }

 .cl-tags-pill {
     padding: 5px 20px;
     border-radius: 50px;
     border: 1px solid #f2eeff;
     font-size: 16px;
     line-height: 20px;
     color: #ffffff;
     cursor: default;
     transition: all 0.3s ease;
     white-space: nowrap;
 }

 /* Первый элемент (активный) */
 .cl-tags-pill.is-active {
     background: #fbe122;
     border-color: #fbe122;
     color: #7e57c5;
     box-shadow: 0px 4px 4px 0px rgba(126, 87, 197, 0.30);
 }

 .cl-tags-pill:hover:not(.is-active) {
     background: rgba(242, 238, 255, 0.1);
 }

 .cl-section-label {
     color: #ebe1ff !important;

 }

 .cl-about-description {
     color: #ffffff !important;
     max-width: 1021px;
     text-align: left;
     /* font-family: 'Mulish-Regular', sans-serif; */
     font-size: 25px;
     font-weight: 400;
     line-height: normal;
 }

 .cl-about-title,
 .cl-about-title h2 {
     font-size: 90px;
     font-weight: 600;
     line-height: 1;
     letter-spacing: -3px;
     color: #ebe1ff !important;
 }

 .cl-section-label-white {
     font-size: 25px;
     font-family: 'Mulish-Regular', sans-serif;
     font-weight: 400;
     color: white;
     letter-spacing: 0.5px;
     margin-top: 20px;
 }

 /** **/
 /* .btn-more {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 323px;
    height: 65px;
    text-decoration: none;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: inset 0px -1px 10px 0px rgba(255, 255, 255, 0.3);
} */

 .btn-more__bg {
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, rgba(25, 211, 197, 1.0) 0%, rgba(25, 211, 197, 0.4) 100%);
     transition: 0.3s;
 }

 .btn-more__text {
     position: relative;
     color: #ffffff;
     font-size: 25px;
     font-weight: 600;
     z-index: 1;
 }

 .cl-section-label-white span.h3 {
     color: #EBE1FF;
     font-family: 'Mulish-Regular', sans-serif;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 @media (max-width: 770px) {
     .objects-page-container-offset .cl-section-label-white {
         margin-top: 100px !important;
         margin-bottom: 20px !important;
     }

     .objects-page-container-offset .cl-about-title.cl-about-title-2 {
         margin-bottom: 20px !important;
     }

     .cl-section-label-white span.h3 {
         color: #EBE1FF;
         font-size: 15px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
     }
 }


 .cl-about-title-2 {
     color: #EBE1FF;
     font-size: 85px;
     font-style: normal;
     font-weight: 600;
     line-height: 90px;
     /* 100% */
     letter-spacing: -4px;
 }

 /** uslugi **/
 .uslugi-header {}

 .uslugi-header-bg {
     min-height: 300px;
     border-radius: 0 0 100px 100px;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     overflow: hidden;

     @media (max-width: 1400px) {
         border-radius: 0 0 50px 50px;
     }

     @media (max-width: 768px) {
         border-radius: 0 0 25px 25px;
     }
 }

 .uslugi-header .bx-breadcrumb {
     margin-top: 0;
 }

 .uslugi-header-title h1 {
     color: #F9F7FF;
     font-family: 'Mulish', sans-serif;
     font-size: 150px;
     font-style: normal;
     font-weight: 600;
     line-height: 140px;
     /* 93.333% */
     letter-spacing: -4px;
     max-width: 1441px;
 }

 .uslugi-header-title-description {
     max-width: 781px;
     color: #F9F7FF;
     font-family: 'Mulish', sans-serif;
     font-size: 25px;
     font-style: normal;
     font-weight: 300;
     line-height: normal;
 }

 .uslugi-header-btn a {
     color: #FFF;
     text-align: center;
     font-family: 'Mulish', sans-serif;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     text-decoration: none;
     border-radius: 50px;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%), #19D3C5;
     padding: 20px 70px;
     /* 80% */
 }

 /** **/


 .srv-icon {
     flex-shrink: 0;
     width: 40px;
     height: 40px;
     margin-top: 10px;
 }

 .srv-title {
     font-weight: 600;
     font-style: SemiBold;
     font-size: 40px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0px;
     color: #7E57C5;
     vertical-align: middle;
 }

 .srv-description {
     color: #7E57C5;
     font-size: 40px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
 }

 .srv-description-note {
     color: #7E57C5;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     margin-top: 5px;
 }

 @media (max-width: 1400px) {
     .srv-title {
         font-size: 35px;
         font-weight: 600;
     }

     .news-header-content .news-lst-home {
         flex-direction: column;
     }

     .srv-description-note {
         color: #7E57C5;
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
         line-height: normal;
     }

     .srv-description {
         font-size: 35px;
         font-style: normal;
         font-weight: 600;
         line-height: normal;
     }
 }

 @media (max-width: 767.98px) {
     .srv-title {
         font-size: 20px;
         line-height: 20px;
         font-weight: 700;
     }

     .srv-description-note {
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 18px;
         /* 112.5% */
     }

     .srv-description {
         color: #7D56C4;
         font-size: 20px;
         font-style: normal;
         font-weight: 700;
         line-height: 30px;
     }
 }


 .srv-item {
     margin-left: 35px;
 }

 @media (max-width: 1200px) {
     .srv-item {
         margin-left: 17px;
     }

     .uslugi-header-title h1{
         font-size: 120px;
         font-style: normal;
         font-weight: 600;
         line-height: normal;
         letter-spacing: -4px;
     }

     .uslugi-header-title-description {
         font-size: 20px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
     }

     .uslugi-header-btn a {
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
         line-height: 20px;
         /* 100% */
     }
 }

 @media (max-width: 760px) {
     .srv-item {
         margin-left: 10px;
     }

     .uslugi-header-title h1{
         font-size: 50px;
         font-style: normal;
         font-weight: 700;
         line-height: 55px;
         /* 110% */
         letter-spacing: -2px;
     }

     .uslugi-header-title-description {
         font-size: 18px;
         font-style: normal;
         font-weight: 400;
         line-height: 20px;
     }

     .uslugi-header-btn a {
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
         line-height: 20px;
     }

 }



 .img_staff svg {
     position: absolute;
     z-index: 120;
 }

 .img_staff img {
     position: absolute;
     bottom: 0;
     right: 0;
     z-index: 140;
     max-height: 874px;

     @media (max-width: 1400px) {
         max-height: 688px;
     }

     @media (max-width: 768px) {
         display: none;
     }
 }

 .review-item-wrapper {
     position: relative;
     cursor: pointer;
 }

 .review-item-image {
     text-align: center;
     padding: 15px;
     margin: 20px;
     border-radius: 25px;
     background: #FFF;
     box-shadow: 0 0 30px 0 rgba(125, 85, 199, 0.30);
     transition: opacity 0.3s ease, visibility 0.3s ease;
     opacity: 1;
     visibility: visible;
 }

 .review-item-image img {
     width: 100%;
     height: auto;
     display: block;
 }

 .review-item-card {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     padding: 40px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(10px);
     transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
     display: flex !important;
     flex-direction: column;
     justify-content: flex-start;
 }

 .review-item-wrapper:hover .review-item-image {
     opacity: 0;
     visibility: hidden;
 }

 .review-item-wrapper:hover .review-item-card {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }


 .review-card__text-det {
     color: #FFF;
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 @media (max-width: 760px) {
     .review-card__text-det {
         color: #FFF;
         font-size: 17px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
     }
 }


 /** **/
 .vakansi-detail-tab-bg {

     border-radius: 25px;
     background: linear-gradient(180deg, #7E57C5 -155.41%, rgba(126, 87, 197, 0.50) 123.65%);
     box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.25) inset;
     padding: 60px;
 }

 .text-right {
     text-align: right;
 }

 /** **/
 /* ===== ISOLATED NAMESPACE ===== */
 .ua-tabs {
     color: #fff;
     padding: 40px;
 }

 @media (max-width: 768px) {
     .ua-tabs {
         padding: 40px 0;
     }
 }

 .ua-tabs__container {
     margin: 0 auto;
 }

 /* ===== DESKTOP TABS ===== */
 .ua-tabs__nav {
     display: flex;
     gap: 100px;
     margin-bottom: 40px;
 }

 .ua-tabs__btn {
     font-size: 32px;
     opacity: 0.4;
     cursor: pointer;
     position: relative;
     transition: 0.3s;
 }

 .ua-tabs__btn.active {
     opacity: 1;
 }

 .ua-tabs__btn.active::before {
     content: "";
     position: absolute;
     left: -40px;
     top: 50%;
     transform: translateY(-50%);
     width: 24px;
     height: 24px;
     background: #ffd400;
     border-radius: 50%;
 }

 /* .ua-tabs__btn.active::after {
    content: "вњ”";
    position: absolute;
    left: -34px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #6a4cff;
} */

 .ua-tabs__btn.active::after {
     content: "";
     /* Пустой контент для псевдоэлемента */
     position: absolute;
     left: -35px;
     top: 51%;
     transform: translateY(-50%);
     width: 15px;
     height: 15px;

     /* SVG как background */
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14' fill='none'%3E%3Cpath d='M1.02539 6.23113L6.67245 11.5252L15.143 0.937012' stroke='%237E57C5' stroke-width='3'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;

     /* Убираем старые текстовые стили */
     font-size: 0;
     /* На случай наследования */
     color: transparent;
 }

 /* ===== CONTENT ===== */
 .ua-tabs__content {
     display: none;
 }

 .ua-tabs__content.active {
     display: block;
 }

 .ua-tabs__grid {
     display: grid;
     /* grid-template-columns: 1fr 1fr; */
     gap: 20px 80px;
 }

 .ua-tabs__item {
     position: relative;
     padding-left: 28px;
     line-height: 1.6;
     font-size: 18px;
 }

 /* ===== MOBILE ===== */
 .ua-acc {
     display: none;
 }

 .ua-acc__item {
     border-top: 1px solid rgba(255, 255, 255, 0.3);
 }

 .ua-acc__header {
     padding: 20px 0;
     font-size: 22px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     position: relative;
 }

 .ua-acc__header::before {
     content: "";
     position: relative;
     /* Для корректного позиционирования */
     display: inline-flex;
     /* Центрирование иконки */
     align-items: center;
     justify-content: center;

     width: 30px;
     height: 30px;

     /* ✅ Новая иконка: жёлтый круг с галочкой */
     background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FDE021'/%3E%3Cpath d='M5.5 9.0689L8.79961 13L14.5 7' stroke='%237E57C5' stroke-width='2'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;

     margin-right: 10px;

     /* Убираем текстовые стили, если наследуются */
     font-size: 0;
     color: transparent;

     /* Опционально: убираем старый фон, если он мешает */
     background-color: transparent;
     border-radius: 0;
     padding: 0;
 }

 .ua-acc__header::after {
     content: "";
     width: 10px;
     height: 10px;
     border-right: 2px solid #fff;
     border-bottom: 2px solid #fff;
     transform: rotate(45deg);
     transition: 0.3s;
 }

 .ua-acc__item.active .ua-acc__header::after {
     transform: rotate(-135deg);
 }

 .ua-acc__content {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease;
 }

 .ua-acc__inner {
     padding-bottom: 20px;
 }

 /* ===== RESPONSIVE ===== */
 @media (max-width: 768px) {
     .ua-tabs__nav {
         display: none;
     }

     .ua-tabs__content {
         display: none !important;
     }

     .ua-acc {
         display: block;
     }

     .ua-tabs__grid {
         grid-template-columns: 1fr;
     }
 }

 /** **/

 /* Сброс стандартных стилей списка */
 .ua-tabs__grid ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ua-acc__inner ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ua-tabs__grid li {
     position: relative;
     /* Для позиционирования ::before */
     padding-left: 24px;
     /* Отступ под маркер */
     margin-bottom: 12px;
     /* Отступ между пунктами */


     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 23px;
 }

 .ua-acc__inner li {
     position: relative;
     /* Для позиционирования ::before */
     padding-left: 24px;
     /* Отступ под маркер */
     margin-bottom: 12px;
     /* Отступ между пунктами */
     line-height: 1.4;
 }

 /* Кастомный маркер */
 .ua-tabs__grid li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 4px;
     /* Точная подгонка по вертикали */
     width: 16px;
     height: 10px;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M0.00373734 2.46158C0.146663 7.84884 2.52946 10 7.15996 10L16 10C10.4174 8.03174 10.4003 5.70801 9.68569 2.91682C9.31576 1.44911 7.93213 -0.049642 6.32631 0.00126115L0.00373745 0.00126115C0.00373745 0.00126115 -0.00467119 2.11375 0.00373734 2.46158Z' fill='%23FBE122'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: left center;
 }

 /* Кастомный маркер */
 .ua-acc__inner li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 4px;
     /* Точная подгонка по вертикали */
     width: 16px;
     height: 10px;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M0.00373734 2.46158C0.146663 7.84884 2.52946 10 7.15996 10L16 10C10.4174 8.03174 10.4003 5.70801 9.68569 2.91682C9.31576 1.44911 7.93213 -0.049642 6.32631 0.00126115L0.00373745 0.00126115C0.00373745 0.00126115 -0.00467119 2.11375 0.00373734 2.46158Z' fill='%23FBE122'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-size: contain;
     background-position: left center;
 }

 /* Плавное появление элементов */
 .ua-tabs__grid {
     opacity: 0;
     transform: translateY(10px);
     animation: fadeInUp 0.3s ease forwards;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 23px;
 }

 /* Плавное появление элементов */
 .ua-acc__inner {
     opacity: 0;
     transform: translateY(10px);
     animation: fadeInUp 0.3s ease forwards;
 }

 .ua-tabs__grid {
     animation-delay: 0.1s;
 }

 .ua-acc__inner {
     animation-delay: 0.1s;
 }

 /* Рё С‚.Рґ. */

 @keyframes fadeInUp {
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }


 /** **/
 @media (max-width: 960px) {
     .fs20px {
         display: none;
     }
 }

 .vakansi-detail-tab-bg .btn-custom {
     width: auto;
 }

 /** **/
 @media (max-width: 960px) {
     .vakansi-detail-tab-bg .btn-custom {
         width: 100%;
     }
 }

 .button-on-main.button-home {
     gap: 40px !important;
     margin-bottom: 200px;
 }

 .button-home button {
     padding: 20px 50px 22px 50px;
     justify-content: center;
     align-items: center;
     gap: 39px;
     box-shadow: 0 -1px 10px 0 rgba(255, 255, 255, 0.30) inset;
     margin: 0;
     color: #FFF;
     text-align: center;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     /* 80% */
 }



 .comanda-seo-bg svg {
     position: absolute;
     right: 0;
 }

 /** **/



 /* Hero custom scrollbar (main page) */
 .txt-scroll-wrap {
     position: relative;
     width: 100%;
     max-width: 1000px;
     margin-bottom: 80px;


 }

 .txt-scroll-wrap .txt-scroll {
     max-width: none;
     width: 100%;
     padding-right: 44px !important;
     overflow-y: auto;
     scrollbar-width: none !important;
     -ms-overflow-style: none;
 }

 .txt-scroll-wrap .txt-scroll::-webkit-scrollbar {
     width: 0 !important;
     height: 0 !important;
     display: none !important;
 }

 .txt-scroll-wrap .txt-scrollbar {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     width: var(--hero-scroll-track-width);
     height: 90%;
     max-height: 100%;
     border-radius: var(--hero-scroll-radius);
     background: var(--hero-scroll-track);
     box-shadow: 0 2px 10px rgba(61, 42, 95, 0.16);
     pointer-events: auto;
 }

 .txt-scroll-wrap .txt-scrollbar-thumb {
     position: absolute;
     left: 50%;
     top: 0;
     width: var(--hero-scroll-thumb-width);
     height: var(--hero-scroll-thumb-height);
     transform: translateX(-50%);
     border-radius: var(--hero-scroll-radius);
     background: var(--hero-scroll-thumb);
     transition: top 0.08s linear;
     cursor: grab;
     user-select: none;
 }

 .txt-scroll-wrap .txt-scrollbar-thumb.is-dragging {
     cursor: grabbing;
     transition: none;
 }


 .btn-mint-pill-home {
     color: #FFF;
     text-align: center;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     /* 80% */
 }

 .news-header-content .news-description {
     color: #464647;
     font-size: 25px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 .news-lst-home span {
     color: #464647;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }

 .visbl-pk {
     display: none;
 }

 .hidn-mb {
     display: block;
 }

 @media (max-width: 900px) {
     .visbl-pk {
         display: block;
     }

     .hidn-mb {
         display: none;
     }

     .text-end {
         display: none !important;
     }
 }

 @media (max-width: 770px) {
     .card-table .col-md-4 {
         padding-right: 0;
         padding-left: 0;
     }

     .stat-card__number {
         width: 50%;
     }

     .stat-card__text {
         color: #7E57C5;
         font-size: 20px;
         font-style: normal;
         font-weight: 400;
         line-height: 20px;
         max-width: 170px;
         margin-bottom: 0;
         /* width: 50%; */
     }

     .komanda-sub-471 .col-md-3 {
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .rskv-rt-kr,
     .rskv-lf-kr {
         display: none;
     }
 }

 @media (max-width: 768px) {
     .home-mobile-gradient-flow {
         background: linear-gradient(180deg, #6B4AA8 70%, #E9E4FF 90%, rgba(233, 228, 255, 0) 100%);
     }
 }

 @media (max-width: 768px) {

     .btn.btn-mint-pill.btn-mint-pill-home,
     .btn.btn-mint-pill.btn-news {
         padding-top: 16px;
         padding-bottom: 16px;
         font-family: 'Mulish', sans-serif;
         font-size: 20px;
         font-weight: 600;
         line-height: 20px;
         letter-spacing: 0;
         text-align: center;
     }

     .jobs-section.mt-100px.overflow-hidden .row.align-items-center .d-flex.flex-wrap.gap-4 {
         gap: 15px !important;
     }

     .news-intro.py-header {
         margin-top: 80px !important;
     }

     .news-header-content .news-description,
     .news-description {
         font-family: 'Mulish', sans-serif;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         letter-spacing: 0;
         margin-bottom: 49px;
     }

     .row.news-lst-home {
         display: flex;
         flex-direction: row;
         align-items: center;
         gap: 12px;
         margin-top: 15px;
     }

     .row.news-lst-home .col-md-9.d-flex.flex-wrap.align-items-center.gap-4 {
         flex: 0 0 auto;
         width: auto;
         max-width: none;
         flex-direction: row !important;
         flex-wrap: nowrap !important;
         justify-content: flex-start !important;
         gap: 12px !important;
         margin-top: 0 !important;
     }

     .news-list-section.pb-header .d-flex.justify-content-center.gap-4.mt-5,
     .container-custom .d-flex.justify-content-center.gap-4.mt-5 {
         margin: 20px 0 0 !important;
     }

     .news-list-section.pb-header {
         padding-bottom: 69px !important;
     }

     .background-linear-2 {
         background: linear-gradient(180deg, #E9E4FF 0%, rgba(233, 228, 255, 0) 100%) !important;
     }

     .reviews-section {
         padding-top: 0 !important;
     }

     .reviews-section .section-label-serveces.d-flex.align-items-baseline.text-uppercase.gap-2 {
         justify-content: flex-start !important;
         text-align: left !important;
     }

     .reviews-section .d-flex.justify-content-center.gap-4.py-4 {
         padding-top: 0 !important;
         padding-bottom: 0 !important;
     }

     .reviews-section .d-flex.justify-content-center.gap-4.py-4 .btn-slider-round {
         width: 34px;
         height: 34px;
     }

     .reviews-section .d-flex.justify-content-center.gap-4.py-4 .btn-slider-round svg {
         width: 8px;
         height: 16px;
     }

     .reviews-slider-track.mb-5.slick-initialized.slick-slider {
         margin-bottom: 20px !important;
     }

     .reviews-subtitle.mb-5 {
         text-align: left !important;
     }

     .reviews-section .container-custom .d-flex.flex-wrap.align-items-center.gap-4.mb-5 {
         margin-bottom: 0 !important;
     }

     .background-linear-2 .rskv-rt-kr {
         display: none !important;
     }

     .final-contact-section {
         /* padding-top: 76px !important;
        padding-bottom: 76px !important; */
     }

     .text-center.d-flex.align-items-center.flex-column.mb-5 .final-title.mb-2,
     .text-center.d-flex.align-items-center.flex-column.mb-5 .final-subtitle {
         font-family: 'Mulish', sans-serif;
         font-size: 30px;
         font-style: normal;
         font-weight: 600;
         line-height: 30px;
         letter-spacing: -3px;
         text-align: center;
     }

     .text-center.d-flex.align-items-center.flex-column.mb-5 .final-desc.mt-4 {
         display: block;
         visibility: visible;
         opacity: 1;
         font-family: 'Mulish', sans-serif;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         letter-spacing: 0;
         text-align: center;
         margin-top: 0 !important;
         margin-bottom: 0 !important;
         color: #464647;
     }

     .contact-form-wrapper .contact-form input::placeholder,
     .contact-form-wrapper .contact-form textarea::placeholder {
         font-family: 'Mulish', sans-serif;
         font-size: 17px;
         font-style: normal;
         font-weight: 600;
         line-height: 19px;
         letter-spacing: 0;
         opacity: 1;
     }

     .contact-form-wrapper .contact-form input::-webkit-input-placeholder,
     .contact-form-wrapper .contact-form textarea::-webkit-input-placeholder {
         font-family: 'Mulish', sans-serif;
         font-size: 17px;
         font-style: normal;
         font-weight: 600;
         line-height: 19px;
         letter-spacing: 0;
         opacity: 1;
     }

     .container-custom .d-flex.justify-content-center.gap-4.mt-5 .btn-slider-round {
         width: 34px;
         height: 34px;
     }

     .container-custom .d-flex.justify-content-center.gap-4.mt-5 .btn-slider-round svg {
         width: 8px;
         height: 16px;
     }

     .news-intro.py-header .container-custom {
         margin-bottom: 49px !important;
     }
 }


 .container-custom .row>.bg-list-uslugi {
     border-radius: 25px;
     background: linear-gradient(180deg, #7E57C5 -155.41%, #7E57C5 123.65%);
     box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.25) inset;
     padding: 50px 45px !important;
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     gap: 20px;
 }


 .bg-list-uslugi .list-uslugi-list {
     color: #FFF;
     font-size: 23px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
 }


 .bg-list-uslugi .list-uslugi-list svg {
     margin-right: 15px;
 }


 .bg-list-uslugi .list-uslugi-list b {
     font-weight: 700;
 }

 @media (min-width: 771px) {
     .bg-list-uslugi .list-uslugi-list {
         color: #FFF;
         font-size: 15px;
         line-height: 1.4;
     }
 }


 /* Базовый стиль: мобильные устройства по умолчанию */
 .spacer {
     width: 100%;
     height: var(--sp-mob, 20px);
     display: block;
     clear: both;
 }

 /* Планшеты (от 768px) */
 @media (min-width: 768px) {
     .spacer {
         height: var(--sp-tab, var(--sp-mob));
     }
 }

 /* Большие экраны (от 1400px) */
 @media (min-width: 1400px) {
     .spacer {
         height: var(--sp-pc, var(--sp-tab));
     }
 }
/* End */
/* /local/components/RTM_VRMCHK/menu/templates/top_menu/style.css?178426274615046 */
/* /sect_hero.css?1782840751807 */
/* /local/components/RTM_VRMCHK/cookie.banner/templates/.default/style.css?17828407364509 */
/* /local/components/RTM_VRMCHK/subscribe.form/templates/footer_subscribe/style.css?17828407361974 */
/* /local/components/RTM_VRMCHK/menu/templates/footer_menu/style.min.css?1782840737490 */
/* /local/components/RTM_VRMCHK/form.result.new/templates/obekty-obsluzhivaniya-popup/style.css?17828407372640 */
/* /local/templates/roskvit/template_styles.css?1793793835174407 */