@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
		url('../fonts/Inter-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter Tight';
	src: url('../fonts/InterTight-Medium.woff2') format('woff2'),
		url('../fonts/InterTight-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter Tight';
	src: url('../fonts/InterTight-Regular.woff2') format('woff2'),
		url('../fonts/InterTight-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter Tight';
	src: url('../fonts/InterTight-SemiBold.woff2') format('woff2'),
		url('../fonts/InterTight-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter Tight';
	src: url('../fonts/InterTight-Bold.woff2') format('woff2'),
		url('../fonts/InterTight-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Medium.woff2') format('woff2'),
		url('../fonts/Inter-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Regular.woff2') format('woff2'),
		url('../fonts/Inter-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {
	--theme-color: var(--fg-blue);
	--text-color: var(--fg-primary);
	--background-color: var(--bg-gray);
	accent-color: var(--theme-color);

	--font-family: "Inter Tight", sans-serif;
	--second-family: "Inter", sans-serif;
	--bg-white: #fff;
	--bg-gray: #f7f8fa;
	--fg-primary: #3c3f42;
	--fg-primary-85: rgba(60, 63, 66, 0.85);
	--fg-primary-80: rgba(60, 63, 66, 0.8);
	--fg-primary-60: rgba(60, 63, 66, 0.6);
	--fg-primary-40: rgba(60, 63, 66, 0.4);
	--fg-primary-20: rgba(60, 63, 66, 0.2);
	--fg-white: #fff;
	--fg-white-80: rgba(255, 255, 255, 0.8);
	--fg-white-60: rgba(255, 255, 255, 0.6);
	--fg-white-20: rgba(255, 255, 255, 0.2);
	--fg-blue: #213882;
	--fg-blue-60: rgba(33, 56, 130, 0.6);
	--fg-blue-10: rgba(33, 56, 130, 0.1);
	--fg-red: #d83332;
	--wrapper-size: 100%;
	--wrapper-padding: 4rem;
	--section-margin: 10rem;
	--blue-black: linear-gradient(225deg, #233986 0%, #03050c 100%);
	--blue-black-invers: linear-gradient(225deg, #03050c 12.7%, #233986 93.31%);
	--blue-black-50: linear-gradient(225deg, rgba(35, 57, 134, 0.5) 0%, rgba(3, 5, 12, 0.5) 100%);
	--lavender-sym: linear-gradient(134deg, #92a4e3 0%, rgba(146, 164, 227, 0) 27.53%, rgba(146, 164, 227, 0) 73.5%, #92a4e3 100%);
	--blue-sym-50: linear-gradient(225deg, rgba(35, 57, 134, 0.5) 0%, rgba(27, 44, 103, 0.5) 25.09%, rgba(8, 12, 29, 0.5) 85.74%, rgba(35, 57, 134, 0.5) 100%);
	--blue-glass: linear-gradient(46deg, rgba(167, 202, 252, 0) 0%, rgba(167, 202, 252, 0.07) 68.04%, rgba(13, 32, 202, 0.23) 100%), linear-gradient(46deg, rgba(33, 56, 130, 0.8) 0%, rgba(33, 56, 130, 0.8) 68.04%, rgba(33, 56, 130, 0.8) 100%);
	--diamond-slate: linear-gradient(to bottom right, rgba(112, 126, 184, 0.00) 0%, #7684BC 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, rgba(112, 126, 184, 0.00) 0%, #7684BC 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, rgba(112, 126, 184, 0.00) 0%, #7684BC 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, rgba(112, 126, 184, 0.00) 0%, #7684BC 50%) top right / 50% 50% no-repeat;
}

html {
	font-size: 0.521vw;
	height: 100%;
	overflow-x: clip;
}

html:not(.lenis) {
	scroll-behavior: smooth;
}

html.lenis body {
	min-height: 100dvh;
}

html.preloader-lock,
html:has(body.scroll-lock),
html:has(body.menu-open) {
	scrollbar-gutter: stable;
}



/* @media (min-width: 1920px) {
	html{
		font-size: 0.521vw;
	}
} */

body {
	display: flex;
	flex-direction: column;
	font-family: var(--font-family);
	min-height: 100%;
	font-size: 2rem;
	background-color: var(--background-color);
	color: var(--text-color);
}

body::-webkit-scrollbar {
	width: 0.8rem;
}

body::-webkit-scrollbar-thumb {
	background-color: var(--theme-color);
}

html.lenis {
	scrollbar-width: none;
}

html.lenis::-webkit-scrollbar,
html.lenis body::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.scrollbar {
	position: fixed;
	top: 0;
	right: 0.5rem;
	width: 0.8rem;
	background-color: var(--theme-color);
	z-index: 190;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease, width 0.3s ease;
	cursor: grab;
	border-radius: 1rem;
	touch-action: none;
	will-change: transform;
}

.scrollbar.is-visible,
.scrollbar.is-dragging {
	opacity: 1;
	visibility: visible;
}

.scrollbar.is-wide,
.scrollbar.is-dragging {
	width: 1rem;
}

.scrollbar.is-dragging {
	cursor: grabbing;
}

::selection {
	background-color: var(--theme-color);
	color: #FFF;
}

.icon {
	display: inline-block;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	fill: currentColor;
}



body.scroll-lock,
body.menu-open {
	overflow: hidden;
}

.mob-tel {
	display: none;
}

.mob-mini-tel {
	display: none;
}

.main {
	flex-grow: 1;
}

.wrapper {
	width: min(var(--wrapper-size), calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
	margin-inline: auto;
}

.wrapper-padding {
	padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
	padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
}

.wrapper-padding.scroll-table::-webkit-scrollbar,
.wrapper-padding.scroll-phone {
	display: none;
}

.menu-burger {
	display: none;
}

[data-modal] {
	cursor: pointer;
}

.modal {
	display: none;
}

.pp-animate .modal__body {
	opacity: 1;
	translate: 0px 0px;
}

.pp-animate .modal__fade {
	background-color: rgba(24, 24, 27, 0.88);
}

.modal-close::before {
	transform: rotate(-45deg);
	top: calc(50% - 0.3rem);
}

.modal-close::after {
	transform: rotate(45deg);
	bottom: calc(50% - 0.1rem);
}

.pp-unanimate .modal__body {
	opacity: 0;
	translate: 0px 2rem;
}

.modal-close {
	padding: 0.7rem 0.7rem;
	display: flex;
	position: relative;
	align-self: center;
	background-color: #ffffff00;
	width: 3.5rem;
	height: 3.5rem;
	z-index: 12;
	cursor: pointer;
}

.modal-close {
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	transition: 0.2s ease 0s;
}

.modal-close:hover {
	opacity: 0.8;
}

.modal-close::before,
.modal-close::after {
	content: "";
	transition: all 0.3s ease 0s;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	position: absolute;
	width: calc(100% - 1.5rem);
	height: 0.4rem;
	background-color: var(--theme-color);
	border-radius: 0.2rem;
	animation: fadeIn 1s ease 0.5s forwards;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		translate: 0px 1rem;
	}

	100% {
		opacity: 1;
		translate: 0px 0px;
	}
}

.scroll-up {
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	width: 6rem;
	position: fixed;
	right: 3rem;
	bottom: 3rem;
	height: 6rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	transition: 0.3s ease 0s;
	z-index: 100;
}

.scroll-up.active {
	opacity: 1;
	pointer-events: all;
}

.scroll-up svg,
.scroll-up img {
	transition: 0.2s ease 0s;
	width: 40%;
}

.scroll-up:hover img,
.scroll-up:hover svg {
	transform: translate(0px, -0.2rem);
}

.swiper-button-next,
.swiper-button-prev {
	margin-top: 0px;
	top: 50%;
	translate: 0px -50%;
}

.swiper-slide {
	height: auto;
}

.swiper-button-next svg,
.swiper-button-next img,
.swiper-button-prev svg,
.swiper-button-prev img {
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	display: none;
}

.drop-menu {
	position: relative;
}

.drop-menu ul {
	padding: 1rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.drop-menu ul a {
	border-bottom: none !important;
}

.drop-menu span {
	position: relative;
	transition: 0.2s ease 0s;
	cursor: pointer;
	margin-right: 1.4rem;
	border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.drop-menu span::after {
	content: '';
	height: 0.4rem;
	background: url(../img/icons/arrow.svg) center / contain no-repeat;
	position: absolute;
	width: 0.7rem;
	left: calc(100% + 0.8rem);
	transition: 0.2s ease 0s;
	top: 0.6rem;
}

.drop-menu ul::-webkit-scrollbar {
	width: 0.4rem;
}

.drop-menu ul::-webkit-scrollbar-thumb {
	background-color: var(--theme-color);
}

.modal-cookie {
	position: fixed;
	pointer-events: none;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 0px 0rem;
	translate: 0px calc(100% + 3.5rem);
	z-index: 200;
	animation: cookieVisible 1s ease 3s forwards;
}

.modal-cookie .wrapper {
	display: flex;
	justify-content: flex-end;
}

.modal-cookie__body {
	pointer-events: all;
	border-radius: 1.6rem;
	border: 0.1px solid var(--fg-blue-10);
	background: var(--bg-white);
	translate: 0px calc(0% - 3rem);
	overflow: hidden;
	padding: 3rem;
	max-width: 60rem;
	font-size: 1.6rem;
	line-height: 150%;
	transition: 0.4s ease 0s;
}

.modal-cookie__text a {
	color: var(--theme-color);
}

.modal-cookie__button-cancel {
	display: none !important;
}

.modal-cookie__title {
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: 1rem;
	line-height: 125%
}



@keyframes cookieVisible {
	0% {
		translate: 0px 35rem;
	}

	100% {
		translate: 0px 0px;
	}
}

.modal-cookie.hidden-modal .modal-cookie__body {
	opacity: 0;
}

.modal-cookie__bottom {
	display: flex;
	gap: 1.6rem;
}

.modal-cookie a {
	color: var(--theme-color);
}

.modal-cookie__text {
	margin-bottom: 2rem;
}

.burger-menu {
	display: none;
}

/* ==================================== */

@media (max-width: 1336px) {
	html {
		font-size: 0.75vw;
	}


	:root {
		--wrapper-padding: 2rem;
		--section-margin: 7.5rem;
	}
}

@media (max-width: 1024px) {
	/* html{
		font-size: 1.01vw
	} */

	.wrapper-padding.scroll-table {
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.wrapper-padding.scroll-table .scroll-el {
		scroll-snap-align: center;
	}

	.modal-cookie.hidden-modal .modal-cookie__body {
		opacity: 0;
	}

}

@media (max-width: 768px) {
	html {
		font-size: 1.30vw
			/* 10px */
		;
	}

	.mob-tel {
		display: block;
	}

	.wrapper-padding.scroll-phone {
		overflow: auto;
		scroll-snap-type: x mandatory;
	}


	.wrapper-padding.scroll-phone .scroll-el {
		scroll-snap-align: center;
	}

	.scroll-up {
		width: 4.5rem;
		height: 4.5rem;
		padding: 0.5rem;
		right: 1.5rem;
		bottom: 1.5rem;
		margin-bottom: -4.5rem;
	}

	.scroll-up.active {
		margin-bottom: 0;
	}

	:root {
		--section-margin: 6rem;
	}

	.burger-menu {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100dvh;
		background-color: var(--background-color);
		z-index: 200;
		overflow: auto;
		transition: 0.8s ease 0s;
		translate: 100% 0%;
	}

	body.menu-open .burger-menu {
		translate: 0px 0px;
	}

	.burger-menu::-webkit-scrollbar {
		display: none;
	}
}

@media (max-width: 480px) {
	html {
		font-size: 2.78vw
			/* 10px */
		;
	}

	.mob-mini-tel {
		display: block;
	}

	.modal-cookie__body {
		translate: 0px calc(0% - 1.5rem);
	}


	:root {
		--wrapper-padding: 1rem;
		--section-margin: 4rem;
	}
}

/* ==================================== */

.pleloader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100vh;
	display: flex;
	padding: 1rem;
	flex-direction: column;
	opacity: 1;
	visibility: visible;
	clip-path: inset(0 0 0 0);
	transition: clip-path 0.7s cubic-bezier(0.7, 0, 0.3, 1);
	/* animation: preloader-failsafe 0.6s ease 10s forwards; */
}

.pleloader__bg {
	position: absolute;
	inset: 0;
	background: var(--bg-gray);
	z-index: -1;
}

.pleloader.loaded {
	animation: none;
	pointer-events: none;
	clip-path: inset(100% 0 0 0);
}

@keyframes preloader-failsafe {
	to {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}

.preloader-lock {
	overflow: hidden;
}

.pleloader .wrapper {
	display: flex;
	flex-grow: 1;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.pleloader__logo {
	margin-bottom: 3.2rem;
	width: 21.4rem;
	opacity: 0;
	transform: translateY(2rem);
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.pleloader__logo img {
	width: 100%;
}

.pleloader__text {
	display: flex;
	align-items: center;
	flex-direction: column;
	color: var(--fg-blue);
	text-align: center;
	;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 124%;
	letter-spacing: -0.323px;
	text-transform: uppercase;
}

.pleloader__text span {
	opacity: 0;
	transform: translateY(2rem);
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.pleloader.is-in .pleloader__logo {
	opacity: 1;
	transform: none;
}

.pleloader.is-in .pleloader__text span {
	opacity: 1;
	transform: none;
}

.pleloader.is-in .pleloader__text span:nth-child(1) {
	transition-delay: 0.3s;
}

.pleloader.is-in .pleloader__text span:nth-child(2) {
	transition-delay: 0.5s;
}

@media (max-width: 1336px) {
	.pleloader__text {
		font-size: 2rem;
	}

	.pleloader__logo {
		width: 13rem;
	}

	.pleloader__logo {
		margin-bottom: 1.9rem;
	}
}


@media (max-width: 768px) {
	.cases-wrapper{
		width: 100%;
	}
}
@media (min-width: 769px) {
	.cases-wrapper .wrapper-padding{
		padding-left: 0rem;
		padding-right: 0rem;
	}
}
@media (max-width: 480px) {
	.pleloader__logo {
		margin-bottom: 1.3rem;
	}

	.pleloader__text {
		font-size: 1.4rem;
	}

	.pleloader__logo {
		width: 9.2rem;
	}
}

/* ==================================== */

.intro {
	position: relative;
	z-index: 20;
	padding: 0rem 0rem 2rem 0rem;
	color: var(--fg-white);
}

.intro__background {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.image {
	pointer-events: none;
}

.image img,
video.intro__background {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.intro_about .intro__content {
	justify-content: flex-start;
}

.intro_about .intro__bottom {
	margin-top: auto;
	flex-direction: column;
	gap: 0rem;
	align-items: flex-start;
	flex-grow: 0;
}

.intro_about .intro__bottom  .btn{
	margin-top: 6rem;
}

.intro_chlenstvo .intro__bottom{
	margin-top: 2rem !important;
	margin-bottom: auto;
}

.intro_chlenstvo .breadcrumbs{
	justify-self: flex-start;
}

.intro_chlenstvo h1{
	margin-top: auto;

}



.intro .button-border{
	color: var(--fg-primary);
}

.breadcrumbs {
	margin-bottom: 6rem;
	padding-top: 14rem;
}

.wrapper .breadcrumbs .wrapper {
	width: 100%;
}

.breadcrumbs ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.breadcrumbs li {
	display: flex;
	align-items: center;
}

.breadcrumbs li:not(:first-child)::before {
	content: '';
	flex-shrink: 0;
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 1.2rem;
	border-radius: 50%;
	background-color: var(--fg-primary-60);
}

.intro .breadcrumbs li:not(:first-child)::before{
	background-color: var(--fg-white-60);
}

.breadcrumbs a {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 130%;
	color: var(--fg-primary-60);
	transition: 0.2s ease;
}

.intro__year .breadcrumbs li a{
	color: var(--fg-white-60);
}

.intro .breadcrumbs{
	padding-top: 0rem;
}

.breadcrumbs li a:hover {
	color: var(--fg-primary-80);
}

.intro .breadcrumbs li a:hover {
	color: var(--fg-white-80);
}

.breadcrumbs li:last-child a {
	color: var(--fg-primary-80);
}

.intro .breadcrumbs li:last-child a {
	color: var(--fg-white-80);
}


.intro_about .intro__line {
	display: none;
}

.intro__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-top: 13.8rem;
	min-height: 100vh;
	padding-bottom: 10rem;
}

.intro__bottom {
	display: flex;
	position: relative;
	gap: 38rem;
	margin-top: 4rem;
	padding-top: 2rem;
}

.intro__line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0.1rem;
	background: rgba(255, 255, 255, 0.60);
	transform-origin: left;
}

h1,
.h1 {
	font-size: 12rem;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: -0.12rem;
}


.intro__year {
	font-size: 1.6rem;
	line-height: 130%;
	color: var(--fg-white-60);
}

.intro__text {
	line-height: 130%;
	max-width: 44.5rem;
}

@media (max-width: 1336px) {
	.intro_about .intro__bottom  .btn{
	margin-top: 3rem;
}

.intro_chlenstvo .intro__bottom{
	margin-top: 1rem !important;
}


	.breadcrumbs {
		margin-bottom: 3rem;
	}

	.breadcrumbs li:not(:first-child)::before {
		width: 0.6rem;
		height: 0.6rem;
		margin: 0 0.8rem;
	}

	.breadcrumbs a {
		font-size: 1.2rem;
	}


	h1,
	.h1 {
		font-size: 10rem;
	}

	.intro_about h1 span {
		display: inline-block;
	}

	.intro_about h1 {
		margin-top: auto;
	}

	.intro_about .intro__bottom {
		margin-top: 0rem;
		padding-top: 2rem;
	}

	.intro__content {
		padding-top: 10rem;
	}


	.intro {
		padding: 0rem 0rem 3.5rem 0rem;
	}

	.intro__text {
		max-width: 31.7rem;
		font-size: 1.6rem;
	}

	.intro__year {
		font-size: 1.2rem;
	}

	.intro__bottom {
		margin-top: 3rem;
		gap: 27.4rem;
		padding-top: 1.5rem;
	}

	.intro__content {
		padding-bottom: 8rem;
	}
}


@media (max-width: 768px) {
    .intro_about h1 {
        margin-top: 0rem;
    }

	    .intro_chlenstvo .intro__bottom {
			padding-right: 0rem;
			margin-top: 0rem !important;
		}

    .intro_about .intro__bottom .btn {
        margin-top: 2rem;
    }

	h1,
	.h1 {
		font-size: 5.6rem;
	}

	.intro__text {
		max-width: 31.7rem;
		font-size: 1.6rem;
	}

	.intro__content {
		min-height: 100svh;
		padding-bottom: 8.5rem;
	}

	.intro__bottom {
		justify-content: space-between;
		gap: 2rem;
		padding-right: 3.6rem;
	}

	.intro__bottom {
		padding-top: 1rem;
		margin-top: 2rem;
	}


}

@media (max-width: 480px) {

	h1,
	.h1 {
		font-size: 3rem;
	}

	.image img,
	video.intro__background {
		object-position: 70% 0rem;
	}

	.intro__bottom {
		margin-top: 1.5rem;
		padding-top: 0.8rem;
	}

	.intro__year {
		display: none;
	}

	h1 span {
		display: block;
	}
}

/* ==================================== */

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	padding-top: 2.5rem;
	transition: transform 0.4s ease;
	will-change: transform;
}

.header--hidden {
	transform: translateY(-100%);
}

.header__body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 9.4rem;
	padding: 0.6rem 0.6rem 0.6rem 4rem;
	border-radius: 1.6rem;
	background-color: var(--bg-white);
	position: relative;
}

.header__logo {
	flex-shrink: 0;
}

.header__logo img {
	display: block;
	width: auto;
	height: 4.8rem;
}

.header__nav--secondary {
	margin-left: auto;
}

.menu {
	display: flex;
	align-items: center;
}

.header__nav--primary .menu {
	gap: 7rem;
}

.menu__item {
	display: flex;
	position: relative;
}

.header__nav--secondary .menu {
	gap: 4rem;
}

.menu__link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 2rem;
	line-height: 1.2;
	color: var(--fg-primary-80);
	white-space: nowrap;
	transition: color 0.2s ease;
}

.menu__link:hover {
	color: var(--theme-color);
}

.menu__arrow,
.menu__icon {
	width: 2rem;
	height: 2rem;
}

.menu__arrow {
	transition: transform 0.3s ease;
}

.has-submenu.is-open .menu__arrow {
	transform: rotateX(180deg);
}

@media (hover: hover) {
	.has-submenu:hover .menu__arrow {
		transform: rotateX(180deg);
	}
}

.submenu {
	position: absolute;
	top: calc(100% + 1.4rem);
	left: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	min-width: 29rem;
	padding: 2rem;
	border-radius: 0.8rem;
	background-color: var(--bg-white);
	box-shadow: 0 2rem 5rem rgba(3, 5, 12, 0.18);
	opacity: 0;
	visibility: hidden;
	transform: translateY(1rem);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

.header__nav--secondary .submenu {
	top: calc(100% + 4.4rem);
}

.submenu::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -4.6rem;
	height: 4.6rem;
}

.submenu::after {
	content: "";
	position: absolute;
	left: 2.5rem;
	top: -0.8rem;
	width: 4.5rem;
	height: 1rem;
	background-color: var(--bg-white);
	-webkit-mask: url(../img/icons/decor-arrow.svg) center / contain no-repeat;
	mask: url(../img/icons/decor-arrow.svg) center / contain no-repeat;
}

.has-submenu.is-open .submenu,
.has-submenu:focus-within .submenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

@media (hover: hover) {
	.has-submenu:hover .submenu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
}

.menu__item:has(.submenu--cols) {
	position: static;
}

.submenu--cols {
	left: auto;
	right: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.submenu__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 1rem;
	border-radius: 0.4rem;
	font-size: 2rem;
	background-color: var(--bg-gray);
	white-space: nowrap;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.submenu__link:hover {
	color: var(--theme-color);
	background-color: var(--fg-blue-10);
}

.submenu__link .icon {
	width: 2rem;
	height: 2rem;
}

.submenu__all {
	grid-column: 1 / -1;
	margin-top: 0.4rem;
}

.submenu__all .button-border {
	width: 100%;
	text-align: center;
	justify-content: center;
}


.btn .icon {
	width: 2rem;
	height: 2rem;
}

.button,
a.button {
	color: var(--fg-white);
	transition: opacity 0.2s ease;
}

.btn,
a.btn {
	font-size: 2rem;
	display: inline-flex;
	position: relative;
	z-index: 1;
	overflow: hidden;
	align-items: center;
	gap: 1rem;
	min-height: 7.2rem;
	flex-shrink: 0;
	padding: 1rem 2.5rem;
	transition: color 0.3s ease 0s;
	border-radius: 0.8rem;
}

.button-border,
a.button-border {
	border: 0.1rem solid transparent;
	background: linear-gradient(var(--bg-white), var(--bg-white)) padding-box,
		var(--blue-black) border-box;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.button::before {
	background: var(--blue-black);
	z-index: -2;
	transition: 0.3s ease 0s;
}

.button::after,
.button::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: 0.3s ease 0s;
}

.button::after {
	z-index: -1;
	opacity: 0;
	background: var(--blue-black-invers);
}

.button:hover {
	color: var(--fg-white);
}

.button:hover::after {
	opacity: 1;
}

.button:disabled::after {
	opacity: 0;
}

.button:disabled {
	color: var(--fg-white-20);
}

.button:disabled::before {
	z-index: -1;
	opacity: 1;
	background: var(--blue-black-50);
}

.header__main {
	display: flex;
	margin-left: auto;
	gap: 19.7rem;
	align-items: center;
}

.burger-menu__inner {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	gap: 2rem;
	padding: 12rem 2rem 2rem 2rem;
}

.burger-menu__top {
	flex-grow: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}

.burger-menu__nav {
	border-radius: 1.2rem;
	padding: 1.5rem;
	background: var(--bg-white);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
}

.burger-menu__link {
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.2;
	transition: color 0.2s ease;
	width: 100%;
}

.burger-menu__link--group {
	padding-top: 1.5rem;
	margin-top: 1.5rem;
	border-top: 0.1rem solid rgba(60, 63, 66, 0.20);
}

.burger-menu__link:hover {
	color: var(--theme-color);
}


.burger-menu__title {
	margin-bottom: 1.5rem;
	font-size: 4rem;
	font-weight: 600;
	color: var(--fg-primary);
}

.burger-menu__list {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}

.burger-menu__list.submenu {
	position: static;
	box-shadow: none;
	opacity: 1;
	padding: 0rem;
	visibility: visible;
	transform: translateY(0rem);
	min-width: 0rem;
	background: none;
}

.burger-menu__list.submenu::before,
.burger-menu__list.submenu::after {
	display: none;
}

.burger-menu__list .submenu__link {
	background: var(--bg-white);
}

.burger-menu__bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 13rem;
	border-top: 0.1rem solid rgba(60, 63, 66, 0.20);
	padding-top: 2rem;
	gap: 4rem;
}

.burger-menu__contacts {
	display: flex;
	flex-direction: column;
	min-width: 16.5rem;
	align-items: flex-start;
	gap: 0.8rem;
	font-size: 1.6rem;
}

.burger-menu__contacts-title {
	margin-bottom: 0.7rem;
	font-size: 1.6rem;
	color: var(--fg-primary-60);
}

.burger-menu__contacts a {
	color: var(--fg-primary);
	transition: color 0.2s ease;
}

.burger-menu__contacts a:hover {
	color: var(--theme-color);
}

.burger-menu__btn {
	width: 100%;
	justify-content: center;
}

section {
	padding: var(--section-margin) 0px;
}

@media (max-width: 1336px) {
	.header__body {
		border-radius: 1.1rem;
		padding-left: 2.6rem;
	}

	body {
		font-size: 1.6rem;
	}

	.modal-cookie__body {
		max-width: 42.9rem;
		padding: 2rem;
		border-radius: 1.6rem;
	}

	.header {
		padding-top: 2rem;
	}

	.header__logo img {
		height: 3.8rem;
	}

	.header__main {
		gap: 12.3rem;
	}

	.submenu {
		padding: 1rem;
	}

	.header__nav--primary .menu,
	.header__nav--secondary .menu {
		gap: 2.4rem;
	}

	.header__nav--secondary .submenu {
		top: calc(100% + 3.4rem);
		min-width: 24rem;
	}

	.btn .icon {
		width: 1.6rem;
		height: 1.6rem;
	}

	.submenu__link {
		padding: 0.8rem;
		font-size: 1.6rem;
		border-radius: 0.8rem;
	}

	.submenu--cols {
		grid-template-columns: repeat(3, 1fr);
		gap: 0.8rem;
	}

	.submenu__link .icon {
		width: 1.6rem;
		height: 1.6rem;

	}

	.header__body {
		gap: 3.1rem;
	}

	.menu__link {
		gap: 0.4rem;
		font-size: 1.6rem;
	}

	.menu__icon {
		width: 1.8rem;
		height: 1.8rem;
	}

	.menu__arrow {
		width: 1.6rem;
		height: 1.6rem;
	}

	a.btn,
	.btn {
		font-size: 1.6rem;
		min-height: 4.8rem;
		padding: 0.5rem 1.5rem;
	}
}

@media (max-width: 768px) {
	.header {
		z-index: 210;
	}


	.scrollbar {
		right: 0.2rem;
		width: 0.4rem;
	}


	.scrollbar.is-wide,
	.scrollbar.is-dragging {
		width: 0.5rem;
	}

	.modal-cookie__body {
		max-width: 35.6rem;
	}

	.header__body {
		border-radius: 1.1rem;
		padding: 1.5rem;
	}

	.header__logo img {
		height: 3.1rem;
	}

	.header__btn {
		display: none !important;
	}

	.header__main,
	.header__btn {
		display: none;
	}

	.menu-burger {
		display: inline-flex;
		align-items: center;
		gap: 0.6rem;
		margin-left: auto;
		font-size: 1.6rem;
	}

	.menu-burger__icon {
		width: 1.5rem;
		height: 1rem;
		margin-top: 0.2rem;
		fill: currentColor;
	}

	.menu-burger__icon--close {
		width: 1.6rem;
		height: 1.6rem;
		margin-top: 0;
		fill: none;
		stroke: currentColor;
		display: none;
	}

	body.menu-open .menu-burger__icon--menu {
		display: none;
	}

	body.menu-open .menu-burger__icon--close {
		display: inline-block;
	}

	.modal-cookie__text {
		margin-bottom: 1.5rem;
	}

	.modal-cookie__title {
		font-size: 2rem;
	}

	.modal-cookie__body {
		padding: 1.5rem;
	}
}

@media (max-width: 480px) {
	.header__body {
		border-radius: 1.1rem;
		padding: 1.5rem 1rem;
	}

	.burger-menu__contacts {
		min-width: 14rem;
	}

	.modal-cookie__body {
		max-width: 100%;
	}

	.burger-menu__inner {
		gap: 2rem;
		padding: 10rem 2rem 2rem 2rem;
	}

	.burger-menu__top {
		gap: 0rem;
		grid-template-columns: 1fr;
	}

	.burger-menu__services {
		padding-bottom: 1.5rem;
		border-bottom: 0.1rem solid rgba(60, 63, 66, 0.20);
	}

	.burger-menu__nav {
		background: none;
		padding: 0rem;
		margin-top: 1.5rem;
	}

	.burger-menu__services {
		order: -1;
		padding-left: 0;
		border-left: none;
	}

	.burger-menu__bottom {
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.burger-menu__link--group {
		margin-top: 0rem !important;
	}

	.burger-menu__bottom {
		padding-top: 1.5rem;
		margin-top: -0.5rem;
	}

	.burger-menu__link,
	.burger-menu__title {
		font-size: 2.4rem;
	}

	.burger-menu__link--group {
		margin-top: 1.5rem;
	}
}

/* ==================================== */


.main-content .button-border {
	background: linear-gradient(var(--bg-gray), var(--bg-gray)) padding-box, var(--blue-black) border-box;
}

.main-content {
	position: relative;
	z-index: 21;
	padding-top: 14rem;
	background: var(--bg-gray);
	border-radius: 2rem 2rem 0rem 0rem;
}

.main-content_kontakty{
	padding-top: 7rem;
}

.intro + .main-content {
	margin-top: -6.5rem;
}

.main-content section:first-child {
	padding-top: 0rem;
}

.section-top__main {
	display: flex;
	gap: 2rem;
	padding-right: 5rem;
	flex-grow: 1;
}

.section-top__name, .section-top-name {
	width: 44.5rem;
	position: relative;
	flex-shrink: 0;
	font-weight: 500;
	padding-left: 1.4rem;
	line-height: 120%;
	color: var(--fg-primary-80);
	font-size: 1.6rem;
}

.bg-blue .section-top-name{
	color: inherit;
}

.bg-blue .section-top-name::before{
	background: #FFF;
}

.section-top-name{
	width: auto !important;
}

.section-top__name::before, .section-top-name::before {
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	left: 0;
	top: 0.65rem;
	border-radius: 50%;
	background: var(--fg-blue-60);
}

.section-top__right {
	flex-grow: 1;
}

h2,
.h2 {
	font-size: 7.6rem;
	font-weight: 500;
	line-height: 115%;
}

h2 span,
.h2 span {
	color: var(--theme-color);
}

.section-top__bottom {
	margin-top: 4rem;
	padding-top: 2rem;
	display: flex;
	gap: 6rem;
	padding-right: 19.5rem;
	padding-left: 46.5rem;
	position: relative;
}

.section-top__line {
	width: 100%;
	height: 0.1rem;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(60, 63, 66, 0.20);
	transform-origin: left;
}

.section-top__text {
	max-width: 83rem;
	flex-grow: 1;
	line-height: 1.4;
	width: calc((100% - 6rem) / 2);

}

.section-top__buttons {
	margin-top: 6rem;
	padding-left: 46.5rem;
}

.about__numbers {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	padding-left: 50.5rem;
	width: 100%;
	padding-right: 15rem;
	margin-top: 8rem;
}

.about__number-block {
	width: 33.5rem;
}

.about__number {
	font-size: 15.4rem;
	font-weight: 600;
	line-height: 90%;
	letter-spacing: -0.3008rem;
}

.about__number-block p {
	line-height: 140%;
	margin-top: 2rem;
}

.mob {
	display: none;
}

@media (max-width: 1336px) {
	.main-content {
		padding-top: 10rem;
	}

	.main-content_kontakty{
	padding-top: 6rem;
}

	.intro + .main-content {
	margin-top: -5rem;
}

	.section-top__name {
		width: 31.7rem;
	}

	h2,
	.h2 {
		font-size: 5.4rem;
	}

	.section-top__bottom {
		margin-top: 3rem;
		padding-top: 1.5rem;
		gap: 5rem;
		padding-right: 14rem;
		padding-left: 33.7rem;
	}

	.section-top__text {
		max-width: 59.1rem;
		width: calc((100% - 5rem) / 2);
	}

	.section-top__buttons {
		margin-top: 3rem;
		padding-left: 33.7rem;
	}

	.about__numbers {
		padding-left: 35.7rem;
		padding-right: 10rem;
		margin-top: 6rem;
	}

	.about__number {
		font-size: 10rem;
	}

	.about__number-block p {
		margin-top: 1rem;
	}
}

@media (max-width: 768px) {

	h2,
	.h2 {
		font-size: 4rem;
	}

	.section-top__main {
		flex-direction: column;
		gap: 1.5rem;
	}

	.section-top__bottom {
		gap: 2rem;
		padding-top: 1rem;
		margin-top: 2rem;
		padding-left: 0rem;
	}

	.section-top__text {
		max-width: 100%;
		width: calc((100% - 2rem) / 2);
	}

	.section-top__buttons {
		margin-top: 2rem;
		padding-left: 0rem;
	}

	.about__numbers {
		padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
		padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
		margin-top: 5rem;
	}

	.about__number-block {
		width: auto;
	}

	.main-content {
		padding-top: 7rem;
	}

	.section-top__bottom {
		padding-right: 0rem;
	}
}

@media (max-width: 480px) {
	.main-content {
		padding-top: 3.5rem;
	}

	.about__numbers {
		overflow: auto;
		gap: 3rem;
		margin-top: 2rem;
		scroll-snap-type: x mandatory;
		flex-wrap: nowrap;
	}

	.about__number {
		font-size: 5.6rem;
	}

	.mob {
		display: flex;
	}

	.about__number-block p {
		margin-top: 0.8rem;
	}

	.about__numbers::-webkit-scrollbar {
		display: none;
	}

	.about__number-block {
		flex-shrink: 0;
		scroll-snap-align: center;
	}

	h2,
	.h2 {
		font-size: 2.4rem;
	}

	.section-top__bottom {
		flex-direction: column;
		gap: 1.5rem;
	}


	.section-top .section-top__buttons {
		display: none;
	}


	.section-top__text {
		width: 100%;
	}

}

/* ==================================== */

.acquaintance__body {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}

.acquaintance__main-block {
	border-radius: 2.4rem;
	overflow: hidden;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 4rem;
	color: var(--fg-white);
	position: relative;
}

.acquaintance__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
	height: 100%;
}

.acquaintance__main-title {
	font-size: 5.2rem;
	font-weight: 500;
	line-height: 122%;
}

.acquaintance__main-text {
	line-height: 140%;
	max-width: 51.4rem;
}

.acquaintance__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.acquaintance__main-block,
.acquaintance__grid {
	width: calc((100% - 2rem) / 2);
}

.acquaintance__block,
.acquaintance__block.btn {
	position: relative;
	border-radius: 1.6rem;
	min-height: 44rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	padding: 3rem;
	border: 0.1rem solid rgba(35, 57, 134, 0.20);
	background: linear-gradient(230deg, rgba(19, 31, 71, 0.04) 1.59%, rgba(46, 76, 173, 0.04) 100%);
}

.acquaintance__block-num {
	margin-bottom: auto;
	padding: 0.5rem;
	align-items: center;
	justify-content: center;
	display: flex;
	font-size: 1.6rem;
	width: 4.2rem;
	height: 4.2rem;
	color: var(--fg-primary-40);
	font-weight: 500;
	line-height: 1;
	border-radius: 0.4rem;
	border: 0.1rem solid var(--fg-primary-20);
	background: var(--bg-gray);
}

.acquaintance__block .btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	justify-content: center;
	text-align: center;
	height: 100%;
}

.acquaintance__block-title {
	font-weight: 600;
	line-height: 125%;
	font-size: 2.4rem;
}

.acquaintance__block-text {
	margin-top: 1rem;
	color: var(--fg-primary-80);
	font-size: 1.6rem;
}

.acquaintance__block.btn {
	align-items: center;
	justify-content: center;
	flex-direction: row;
}


@media (max-width: 1336px) {
	.acquaintance__block {
		min-height: 37.4rem;
	}

	.acquaintance__main-title {
		font-size: 4rem;
		padding-right: 8rem;
	}

	.acquaintance__main-block {
		padding: 3rem;
		border-radius: 1.6rem;
	}

	.acquaintance__main-text {
		max-width: 36.6rem;
	}

	.acquaintance__block,
	.acquaintance__block.btn {
		padding: 2rem;
		border-radius: 1.6rem;
	}

	.acquaintance__block-num {

		width: 3.2rem;
		height: 3.2rem;
	}
}


@media (max-width: 768px) {

	.acquaintance__main-block,
	.acquaintance__grid {
		width: 100%;
	}

	.acquaintance__main-block {
		min-height: 50rem;
		justify-content: flex-start;
		gap: 2rem;
		padding: 2rem;
	}

	.acquaintance__grid {
		gap: 1.5rem;
	}

	.acquaintance__block,
	.acquaintance__block.btn {
		min-height: 25rem;
		padding: 1.5rem;
		width: calc((100% - 1.5rem) / 2);
	}

	.acquaintance__main-title {
		max-width: 29.8rem;
		padding-right: 0rem;
	}

	.acquaintance__block-title {
		font-size: 2rem;
	}
}

@media (max-width: 480px) {
	.acquaintance__block {
		width: 100%;
		min-height: 22.5rem;
	}

	.acquaintance__block.btn {
		width: 100%;
		padding: 1rem;
		border-radius: 0.8rem;
		min-height: 4.8rem;
	}

	.acquaintance__main-block {
		justify-content: flex-end;
		gap: 1.5rem;
	}

	.acquaintance__main-title {
		font-size: 2.4rem;
	}
}

/* ==================================== */


.advantages__top {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.advantages__top .section-top__name {
	width: auto;
	margin-bottom: 2rem;
	margin-left: -1.4rem
}

.center {
	text-align: center;
}

.sub-title {
	margin-top: 4rem;
	max-width: 52.6rem;
	line-height: 1.4;
}

.h2-mini {
	font-size: 5.2rem;
	max-width: 144.2rem;
}

.advantages__body {
	margin-top: 6rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.advantages__block {
	position: relative;
	padding: 3rem;
	min-height: 40rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 1.6rem;
	border: 0.1rem solid rgba(35, 57, 134, 0.20);
	background: linear-gradient(230deg, rgba(19, 31, 71, 0.04) 1.59%, rgba(46, 76, 173, 0.04) 100%);
	width: calc((100% - 6rem) / 4);
}

.advantages__block-icon {
	position: absolute;
	right: 3rem;
	top: 3rem;
	width: 9.4rem;
	height: 6.2rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.advantages__block-icon img {
	height: 100%;
}

.advantages__block-title {
	font-size: 3.2rem;
	font-weight: 600;
	padding-right: 13.4rem;
	line-height: 125%;
}

.advantages__block p {
	line-height: 1.4;
	color: var(--fg-primary-60);
}

section {
	overflow: hidden;
}

@media (max-width: 1336px) {
	.advantages__block-title {
		font-size: 2.4rem;
		padding-right: 10.1rem;
	}

	.advantages__block {
		padding: 2rem;
		min-height: 30rem;
	}

	.advantages__block-icon {
		right: 2rem;
		top: 2rem;
	}

	.h2-mini {
		font-size: 4rem;
		max-width: 102.6rem;
	}

	.sub-title {
		margin-top: 3rem;
		max-width: 40rem;
	}

	.advantages__top .section-top__name {
		margin-bottom: 1.5rem;
	}

	.advantages__body {
		margin-top: 4rem;
	}
}


@media (max-width: 768px) {
	.advantages__block {
		width: 27.7rem;
		flex-shrink: 0;
	}


	.sub-title {
		margin-top: 2rem;
	}

	.advantages__body {
		flex-wrap: nowrap;
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.advantages__body::-webkit-scrollbar {
		display: none;
	}

	.advantages__body {
		margin-top: 3rem;
	}

	.advantages__block {
		scroll-snap-align: center;
	}

}

@media (max-width: 480px) {
	.h2-mini {
		font-size: 2.4rem;
	}

	.advantages__top {
		align-items: flex-start;
	}

	.advantages__top .center {
		text-align: left;
	}


	.advantages__top .section-top__name {
		margin-bottom: 1.5rem;
		margin-left: -0rem;
	}

	.advantages__body {
		margin-top: 2rem;
	}

	.advantages__block {
		padding: 1.5rem;
	}

	.advantages__block {
		width: 27rem;
		flex-shrink: 0;
	}

	.advantages__block-title {
		font-size: 2rem;
		padding-right: 10.1rem;
	}

	.advantages__body {
		gap: 1.5rem;
	}

	.advantages__block-icon {
		right: 1.5rem;
		top: 1.5rem;
	}
}

/* ==================================== */

.main-content section {
	background: var(--bg-gray);
}

.privilege {
	color: var(--fg-white);
	position: relative;
	z-index: 2;
}

.privilege__main {
	padding: 6rem 0rem 18.4rem 0rem;
	border-radius: 2rem 2rem 0rem 0rem;
	overflow: hidden;
	position: relative;
}


.privilege .sub-title {
	max-width: 44.5rem;
}

.privilege {
	overflow: visible !important;
}

.privilege__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-radius: inherit;
	height: 100%;
	z-index: -2;
	overflow: hidden;
}

.privilege__main {
	overflow: visible;
}

.privilege__top {
	position: sticky !important;
	top: 20rem;
	transition: 0.4s ease 0s;
	width: 100%;
	max-width: 90.5rem;
}

.header.header--hidden~.main .privilege__top {
	top: 10rem;
}

.privilege .button-border {
	margin-top: 6rem;
	color: var(--fg-primary);
}

.privilege .wrapper {
	display: flex;
	align-items: flex-start;
	gap: 2.5rem;
}

.privilege__blocks {
	display: flex;
	margin-top: 32.6rem;
	flex-wrap: wrap;
	align-items: flex-start;
	padding-bottom: 22rem;
	max-width: 91rem;
	row-gap: 11rem;
	column-gap: 2rem;
}

.privilege__block {
	min-height: 30rem;
	padding: 3rem;
	border-radius: 0rem 1.6rem 1.6rem 1.6rem;
	background: var(--bg-white);
	width: calc((100% - 2rem) / 2);
	color: var(--fg-primary);
	position: relative;
}

.privilege__block::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: calc(100% - 1.5rem);
	width: 13rem;
	height: 3.1rem;
	transform: translateY(1px);
	background: url('../img/icons/decor-block.svg') no-repeat center / 100% 100%;
	pointer-events: none;
}


.privilege__block:nth-child(even) {
	top: 20.7rem;
}

.h4,
h4 {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 125%;
	margin-bottom: 1rem;
}

.privilege__block p {
	font-size: 1.6rem;
	line-height: 1.4;
}

@media (max-width: 1336px) {
	.privilege__main {
		translate: 0rem 5rem;
		padding: 6rem 0rem 18.4rem 0rem;
		border-radius: 1.6rem 1.6rem 0rem 0rem;
	}

	.privilege__top {
		top: 20rem;
	}

	.header.header--hidden~.main .privilege__top {
		top: 12rem;
	}

	.privilege__top {
		max-width: 64.4rem;
	}

	.privilege__blocks {
		max-width: 65.3rem;
	}

	.privilege__main {
		padding: 4rem 0rem 12rem 0rem;
	}

	.privilege .button-border {
		margin-top: 4rem;
	}

	.privilege__blocks {
		margin-top: 17.1rem;
	}

	.privilege__block {
		min-height: 26rem;
		border-radius: 1.6rem;
		padding: 2rem;
	}

	.privilege__blocks {
		row-gap: 8.2rem;
		padding-bottom: 5rem;
	}

	.privilege__block:nth-child(even) {
		top: 6.7rem;
	}
}


@media (max-width: 768px) {
	.privilege .wrapper {
		flex-direction: column;
	}

	.privilege__top {
		top: 0rem;
		position: relative !important;
	}

	.privilege.bg-blue {
		background: none;
	}

	.privilege__main {
		overflow: hidden !important;
	}

	.header.header--hidden~.main .privilege__top {
		top: 0rem;
	}

	.privilege__main {
		padding: 2rem 0rem 8.5rem 0rem;
	}

	.privilege .button-border {
		margin-top: 2rem;
	}

	.privilege__top {
		max-width: 52.3rem;
	}

	.privilege__main {
		min-height: 100vh;
		min-height: 100svh;
	}

	.privilege__blocks {
		gap: 1.5rem;
		flex-wrap: nowrap;
		padding-bottom: 0rem;
		padding-top: 1.6rem;
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.privilege__block {
		scroll-snap-align: center;
		top: 0 !important;
		width: 30rem;
		padding: 1.5rem;
		flex-shrink: 0;
	}

	.privilege__blocks::-webkit-scrollbar {
		display: none;
	}

	.privilege .wrapper {
		width: 100%;
	}

	.privilege__top {
		max-width: 100%;
		width: min(var(--wrapper-size), calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
		margin-inline: auto;
	}

	.privilege__top .h2,
	.privilege__top h2 {
		max-width: 52.3rem;
	}

	.h4,
	h4 {
		margin-bottom: 0.8rem;
		font-size: 2rem;
	}

	.privilege__blocks {
		max-width: 100%;
		margin-bottom: -4rem;
		padding-bottom: 4rem;
		padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
		padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
	}

}

/* ==================================== */


.premium {
	overflow: hidden;
}


.privilege.bg-blue {
	padding-bottom: 0rem;
}


.bg-blue+section {
	padding-top: 0rem;
	background: none;
	position: relative;
	z-index: 5;
	overflow: visible;
	margin-top: -8rem;
}

.bg-blue+section [data-wrapper-background] {
	padding-top: 14rem;
	background: var(--bg-gray);
	border-radius: 2rem 2rem 0rem 0rem;
}



.swiper-section__swiper.wrapper-padding,
.personal__swiper.wrapper-padding {
	padding-left: 0rem;
	padding-right: 0rem;
	width: min(var(--wrapper-size), calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
	margin-inline: auto;
}

.swiper-section__buttons {
	display: flex;
	width: 8.1rem;
	align-items: center;
	margin-left: auto;
	margin-top: -3.7rem;
	margin-bottom: 6rem;
	border: 0.1rem solid transparent;
	background: linear-gradient(var(--bg-gray), var(--bg-gray)) padding-box, linear-gradient(213deg, rgba(35, 57, 134, 0.50) 1.71%, rgba(3, 5, 12, 0.50) 94.87%) border-box;
	border-radius: 0.4rem;
	position: relative;
	z-index: 2;
}

.swiper-button-prev,
.swiper-button-next {
	display: flex;
	align-items: center;
	justify-content: center;
	position: static;
	top: auto;
	margin: 0;
	translate: none;
	width: 4rem;
	height: 3.8rem;
	background: none;
	border: none;
	cursor: pointer;
	color: var(--fg-primary-80);
	transition: color 0.2s ease;
}


.swiper-button-next:hover svg {
	translate: 0.2rem 0rem;
}

.swiper-button-prev:hover svg {
	translate: -0.2rem 0rem;
}

.swiper-section__buttons:has(.swiper-button-prev:hover) .swiper-button-next svg {
	translate: -0.2rem 0rem;
}

.swiper-section__buttons:has(.swiper-button-next:hover) .swiper-button-prev svg {
	translate: 0.2rem 0rem;
}

.swiper-button-next {
	right: 0rem;
}

.swiper-button-prev .icon,
.swiper-button-next .icon {
	position: static;
	translate: none;
	width: 1rem;
	height: 1.7rem;
	transition: 0.3s ease 0s;
}

.swiper-button-prev .icon {
	transform: scaleX(-1);
}

.swiper-button-next {
	position: relative;
}

.swiper-button-next::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.1rem;
	height: 2rem;
	background: var(--fg-primary-20);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	color: var(--fg-primary);
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 1;
	color: var(--fg-primary-20);
}


.premium-slide {
	min-height: 46rem;
}

.card {
	background: var(--bg-white);
	color: var(--fg-primary);
	text-decoration: none;
	display: flex;
	flex-direction: column;
	border-radius: 1.6rem;
	height: auto;
	padding: 3rem;
	position: relative;
}

.icon-plus {
	position: absolute;
	top: 3rem;
	right: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	border: 0.1rem solid var(--fg-primary-20);
	border-radius: 0.4rem;
	color: var(--fg-primary-80);
	transition: background-color 0.2s ease;
}

.icon-plus .icon {
	transition: transform 0.35s ease;
}

.premium-slide:hover .icon-plus .icon,
.personal-slide:hover .icon-plus .icon,
.spec:hover .icon-plus .icon, a:hover .icon-plus .icon{
	animation: icon-plus-spin 0.35s ease;
}


@keyframes icon-plus-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


.premium-slide p {
	margin-top: auto;
	color: var(--fg-primary-80);
	line-height: 1.4;
}

.bottom-button {
	margin-top: 6rem;
	padding-left: 46.5rem;
}

/* ====================================== */

.personal {
	overflow: hidden;
}

.personal-slide.card {
	cursor: pointer;
	padding: 0rem;
	border-radius: 1.2rem;
	overflow: hidden;
}

.personal-slide__media {
	overflow: hidden;
	border-radius: 1.2rem;
	position: relative;
	padding-top: 96%;
	background: radial-gradient(63.91% 63.9% at 48.46% 36.12%, rgba(199, 202, 214, 0.00) 0%, #C7CED6 100%), lightgray;
}

.personal-slide__photo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: inherit;
	overflow: hidden;
}

.personal-slide__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.personal .swiper-section__buttons {
	margin-top: -10rem;
}

.personal-slide .icon-plus {
	top: auto;
	right: 2rem;
	bottom: 2rem;
	background-color: var(--bg-white);
}

.personal-slide__info {
	padding: 4.2rem 3rem 3rem 3rem;
	margin-top: -1.2rem;
	border-radius: 0rem 0rem 1.2rem 1.2rem;
	border: 1px solid rgba(33, 56, 130, 0.10);
	min-height: 18.2rem;
}

.personal-slide__name {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 1rem;
}

.personal-slide__post {
	font-size: 1.4rem;
	color: var(--fg-primary-80);
}

.personal-slide__hidden {
	display: none;
}

.personal-popup {
	position: fixed;
	inset: 0;
	z-index: 300;
	visibility: hidden;
	pointer-events: none;
	transition: visibility 0s linear 0.45s;
}

.personal-popup.is-open {
	visibility: visible;
	pointer-events: auto;
	transition: visibility 0s linear 0s;
}

.personal-popup__fade {
	position: absolute;
	inset: 0;
	background: rgba(33, 56, 130, 0.60);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.personal-popup.is-open .personal-popup__fade {
	opacity: 1;
}

.personal-popup__panel {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 64rem;
	border-radius: 2.4rem 0 0 2.4rem;
	max-width: 100%;
	background: var(--bg-gray);
	transform: translateX(100%);
	transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.personal-popup.is-open .personal-popup__panel {
	transform: translateX(0);
}

.personal-popup__handle {
	display: none;
}

.personal-popup__close {
	position: absolute;
	top: 4rem;
	left: -5.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	background: var(--bg-white);
	border-radius: 0.4rem;
	color: var(--fg-primary-80);
	cursor: pointer;
	z-index: 2;
	transition: opacity 0.2s ease;
}

.personal-popup__close svg {
	width: 2rem;
	height: 2rem;
	transition: transform 0.35s ease;
}


.personal-popup__close:hover svg {
	animation: icon-plus-spin 0.35s ease;
}

.personal-popup__scroll {
	height: 100%;
	overflow-y: auto;
	padding: 4rem;
}

.personal-popup__photo {
	border-radius: 1.2rem;
	background: radial-gradient(63.91% 63.9% at 48.46% 36.12%, rgba(199, 202, 214, 0.00) 0%, #C7CED6 100%), lightgray;
	position: relative;
	padding-top: 96%;
	overflow: hidden;
	margin-bottom: 2rem;
}

.personal-popup__photo img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.personal-popup__name {
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 1rem;
}

.personal-popup__post {
	min-height: 5rem;
	font-size: 1.8rem;
	color: var(--fg-primary-60);
	margin-bottom: 2rem;
}

.personal-popup__contacts,
.president__contacts,
.spec__contacts {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	align-items: flex-start;
}

.personal-popup__contacts {
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 0.1rem solid rgba(60, 63, 66, 0.20);
}

.personal-popup__tel,
.personal-popup__mail,
.president__contact,
.spec__contact {
	display: flex;
	align-items: center;
	gap: 1rem;
	color: var(--fg-primary-80);
	font-size: 1.8rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

.personal-popup__tel:hover,
.personal-popup__mail:hover,
.president__contact:hover,
.spec__contact:hover {
	color: var(--fg-blue);
}

.personal-popup__tel .icon,
.personal-popup__mail .icon,
.president__contact .icon,
.spec__contact .icon {
	width: 4rem;
	height: 4rem;
	padding: 1.1rem;
	box-sizing: border-box;
	border-radius: 0.4rem;
	background: var(--bg-white);
	color: var(--fg-primary-80);
}

.personal-popup__desc {
	line-height: 1.4;
	color: var(--fg-primary);
}



@media (max-width: 1336px) {
	.personal-popup__scroll {
		padding: 3rem;
	}

	.personal-popup__tel .icon,
	.personal-popup__mail .icon,
	.president__contact .icon,
	.spec__contact .icon {
		width: 3.2rem;
		height: 3.2rem;
		padding: 0.9rem;
	}

	.personal-popup__photo {
		padding-top: 40rem;
	}

	.personal-popup__panel {
		width: 55rem;
		border-radius: 2.4rem 0 0 2.4rem;
	}

	.personal-popup__close {
		top: 3rem;
		left: -4rem;
		width: 3.2rem;
		height: 3.2rem;
	}

	.personal-popup__name {
		font-size: 2.4rem;
	}

	.personal-popup__post {
		min-height: 4rem;
		font-size: 1.4rem;
	}

	.personal-popup__tel,
	.personal-popup__mail,
	.president__contact,
	.spec__contact {
		font-size: 1.4rem;
	}

	.personal-slide__info {
		padding: 3.2rem 2rem 2rem 2rem;
		min-height: 15.6rem;
	}

	.personal-slide .icon-plus {
		top: auto;
		bottom: 1rem;
		right: 1rem;
	}

	.personal .swiper-section__buttons {
		margin-top: -7.5rem;
	}

	.swiper-section__buttons {
		margin-bottom: 4rem;
	}

	.premium-slide {
		min-height: 32rem;
	}

	.card {
		padding: 2rem;
	}

	.bottom-button {
		margin-top: 4rem;
		padding-left: 33.7rem;
	}

	.icon-plus {
		top: 2rem;
		right: 2rem;
		width: 3.2rem;
		height: 3.2rem;
	}

	.icon {
		width: 1.5rem;
		height: 1.5rem;
	}

	.bg-blue+section {
		margin-top: -5.5rem;
	}

	.bg-blue+section [data-wrapper-background] {
		padding-top: 10rem;
	}
}


@media (max-width: 768px) {
	.bg-blue+section [data-wrapper-background] {
		padding-top: 3.5rem;
	}



	.personal-popup__contacts {
		margin-bottom: 1rem;
	}

	.personal .bottom-button {
		justify-content: flex-start;
	}

	.personal__swiper {
		margin-top: 1.5rem !important;
	}

	.personal .section-top__bottom {
		padding-top: 0rem;
	}

	.premium {
		overflow: hidden;
	}

	.swiper-section__buttons {
		display: none;
	}

	.swiper-section__swiper.wrapper-padding,
	.personal__swiper.wrapper-padding {
		width: 100%;
		padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
		padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
		margin-top: 2rem;
	}

	.bottom-button {
		display: flex;
		padding-left: 0rem;
		margin-top: 3rem;
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.personal-popup__scroll {
		padding: 3rem 1rem 6rem 1rem;
	}

	.personal-popup__panel {
		border-radius: 1.4rem 1.4rem 0rem 0rem !important;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 88dvh;
		transform: translateY(100%);
	}

	.personal-popup.is-open .personal-popup__panel {
		transform: translateY(0);
	}

	.personal-popup__close {
		display: none !important;
	}

	.personal-popup__handle {
		display: block;
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 12rem;
		height: 3rem;
		z-index: 3;
		cursor: grab;
		touch-action: none;
	}

	.personal-popup__handle::before {
		content: '';
		position: absolute;
		top: 1rem;
		left: 50%;
		transform: translateX(-50%);
		width: 8rem;
		height: 0.3rem;
		border-radius: 1rem;
		background: #D9D9D9;
	}

	.personal-popup__handle.is-dragging {
		cursor: grabbing;
	}

	.personal-popup__close {
		top: 1.4rem;
		left: auto;
		right: 1.4rem;
	}

	.personal-popup__photo {
		padding-top: 29rem;
		margin-bottom: 1rem;
	}

	.personal-popup__name {
		font-size: 2rem;
	}

	.personal-popup__post {
		font-size: 1.4rem;
		margin-bottom: 1.5rem;
	}

	.personal-popup__contacts {
		padding: 0.8rem 0rem;
	}
}

/* ==================================== */

.main:has(.main-content)+.footer {
	margin-top: calc(var(--section-margin) + -4rem);
}

.footer {
	margin-top: var(--section-margin);
	position: relative;
	z-index: 1;
	color: var(--fg-white);
	background: var(--blue-black-invers);
	border-radius: 2.4rem 2.4rem 0 0;
	padding-top: 6rem;
	padding-bottom: 3rem;
}

.footer__top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 4rem;
	padding-bottom: 18.3rem;
}

.footer__logo {
	flex-shrink: 0;
	display: block;
	width: 64.2rem;
	max-width: 100%;
}

.footer__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.footer__cols {
	flex-shrink: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 4rem;
	row-gap: 8rem;
	width: 90.5rem;
	max-width: 100%;
}

.footer__title {
	margin-bottom: 3rem;
	font-weight: 500;
	color: var(--fg-white-60);
}

.footer__list,
.footer__contacts {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.footer__link,
.footer__text {
	color: var(--fg-white);
	text-decoration: none;
	font-weight: 500;
}

a.footer__link {
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0% 0.1rem;
	padding-bottom: 0.2rem;
	transition: color 0.2s ease, background-size 0.3s ease;
}

a.footer__link:hover {
	color: var(--fg-white);
	background-size: 100% 0.1rem;
}

.footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3rem;
	padding-top: 2rem;
	border-top: 0.1rem solid rgba(255, 255, 255, 0.20);
}

.footer__legal {
	color: var(--fg-white-60);
	font-size: 1.6rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer__legal:hover {
	color: var(--fg-white-80);
}

.footer__copy {
	display: flex;
	gap: 4rem;
	flex-shrink: 0;
	color: var(--fg-white-60);
	font-size: 1.6rem;
}

.footer__copy a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer__copy a:hover {
	color: var(--fg-white-80);
}

@media (max-width: 1336px) {
	.footer__logo {
		width: 44rem;
	}

	.footer__copy {
		font-size: 1.2rem;
	}

	.footer {
		border-radius: 1.6rem 1.6rem 0 0;
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.footer__bottom {
		padding-top: 1.5rem;
	}

	.footer__cols {
		width: 65.1rem;
		row-gap: 7rem;
	}

	.footer__top {
		padding-bottom: 10.8rem;
	}

	.footer__title {
		margin-bottom: 1.5rem;
	}

	.footer__legal {
		font-size: 1.2rem;
	}
}

@media (max-width: 768px) {
	.footer__top {
		gap: 7rem;
		flex-direction: column;
	}

	.footer__top {
		padding-bottom: 8.3rem;
	}

	.footer__copy {
		gap: 1rem;
	}

	.footer__bottom {
		gap: 4rem;
	}

	.footer__logo {
		width: 40rem;
	}

	.footer {
		padding-top: 2rem;
	}

	.footer__cols {
		width: 35.2rem;
		column-gap: 3rem;
		margin-left: auto;
	}

	.footer__block:nth-child(1) {
		order: 1;
	}

	.footer__block:nth-child(2) {
		order: 2;
	}

	.footer__block:nth-child(4) {
		order: 3;
	}

	.footer__block:nth-child(6) {
		order: 4;
	}

	.footer__block:nth-child(3) {
		order: 5;
		grid-column: 1 / -1;
	}

	.footer__block:nth-child(5) {
		order: 6;
		grid-column: 1 / -1;
	}
}

@media (max-width: 480px) {
	.footer__logo {
		width: 27.9rem;
	}

	.footer__top {
		gap: 4rem;
	}

	.footer__cols {
		width: 100%;
		row-gap: 4rem;
	}

	.footer__bottom {
		flex-wrap: wrap;
		gap: 1rem;
		align-items: flex-start;
		row-gap: 2rem;
	}

	.footer__copy {
		width: 100%;
		justify-content: space-between;
	}

	.footer {
		padding-bottom: 1.5rem;
	}

	.footer__legal {
		width: calc((100% - 1rem) / 2);
	}
}


/* ==================================== */

@media (max-width: 1336px) {}


@media (max-width: 768px) {}

@media (max-width: 480px) {}

/* ==================================== */

.tabs-content {
	display: none;
}

.d-block {
	display: block;
}

.none {
	display: none;
}

[class*="copyrights-pane"] {
	display: none !important;
}

.animate__animated,
.animate__ {
	opacity: 0;
	animation-fill-mode: forwards !important;
	animation-delay: 0.2s !important;
}

.animate__delay-1s {
	animation-delay: 0.8s !important;
}

.animate__delay-2s {
	animation-delay: 1.2s !important;
}

.animate__delay-2s.button {
	animation-delay: 1.4s !important;
}

/* Глобальный твик для всех анимируемых элементов */
.animate__animated,
.animated {
	/* подойдёт и для кастомного animation.css */
	will-change: transform, opacity;
	backface-visibility: hidden;
	transform: translateZ(0);
}

/* Если в ваших классах есть анимации margin/height/width/top/left — запрещаем: */
[class*="animate-"][style*="margin"],
[class*="animate-"][style*="top"],
[class*="animate-"][style*="left"] {}

/* лучше переписать сами эффекты на transform/opacity */

/* По умолчанию скрыть, чтобы не было блинка первого кадра */
.animate__animated,
.animated {
	visibility: hidden;
}

/* Когда страница готова — показать и дать анимациям отработать */
.page-ready .animate__animated,
.page-ready .animated {
	visibility: visible;
}

.button-border,
a.button-border {
	transition: color 0.2s ease, border-color 0.2s ease, transform 0.3s ease;
}

.button-border:hover {
	transform: translateY(-0.3rem);
}

.acquaintance__bg,
.acquaintance__main-block,
.acquaintance__grid>*,
.advantages__block {
	will-change: transform;
}

.section-top__bottom:has(.about__layout) {
	flex-direction: column;
	gap: 0;
	padding-left: 0;
	padding-right: 0;
}


.about {
	overflow: visible;
}

.about__layout {
	display: flex;
	align-items: flex-start;
	gap: 3rem;
	position: relative;
	width: 100%;
}

.about__media {
	position: relative;
	top: -2rem;
	flex-shrink: 0;
	width: 43.5rem;
}

.about__media video {
	display: block;
	width: 100%;
	height: auto;
}

.about__content {
	flex-grow: 1;
	min-width: 0;
}

.about__lead-text {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	max-width: 83rem;
	line-height: 1.4;
}

.about__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	row-gap: 15.5rem;
	padding-left: 46.5rem;
	padding-bottom: 22rem;
}

.about__cards .grad-card:nth-child(3n + 2) {
	top: 22rem;
}

.about__cards .grad-card:nth-child(3n) {
	top: 8rem;
}

.grad-card {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 3rem;
	border-radius: 2rem;
	background: linear-gradient(130deg, rgba(19, 31, 71, 0.04) 1.59%, rgba(46, 76, 173, 0.04) 100%);
}

.grad-border {
	position: relative;
}

.grad-card::before,
.grad-border::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 0.1rem;
	background: linear-gradient(45deg, rgba(35, 57, 134, 0.4) 0%, rgba(35, 57, 134, 0) 25%, rgba(35, 57, 134, 0) 75%, rgba(35, 57, 134, 0.4) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.grad-card__title {
	font-weight: 500;
}

.grad-card p {
	color: var(--fg-primary-60);

}

p {
	line-height: 1.4;
}

.about__cards .grad-card {
	min-height: 30rem;
}

.privilege_v2 .privilege__main{
	min-height: 108.0rem;
	display: flex;
	flex-direction: column;
	padding-bottom: 13.2rem;
}

.privilege_v3 .privilege__blocks{
	margin-top: 5rem;
}

.section-top-name{
	margin-bottom: 3.5rem;
}

.privilege_v3 .privilege__top{
	position: static !important;
}

.privilege_v2 .privilege__top{
	display: flex;
	flex-grow: 1;
	height: 100%;
	flex-direction: column;
	align-items: flex-start;
	position: static !important;
}

.privilege_v2 .sub-title{
	margin-top: auto;
	padding-top: 2rem;
	max-width: 61.4rem;
	width: 100%;
}

.privilege_v2  .btn{
	margin-top: 4rem;
}

.privilege_v2  .wrapper{
	flex-grow: 1;
	flex-direction: column;
}

.section-top__name + .section-top__right{
	padding-left: 0rem !important;
}

.personal .section-top__right{
	padding-left: 46.5rem;
}

.president + .personal{
	padding-top: 0rem;
}

.personal + .personal{
	padding-top: 0rem;
}

@media (max-width: 1366px) {
	.personal .section-top__right{
	padding-left: 35.7rem;
}


	.about__media {
		width: 28.8rem;
		top: -1.5rem;
	}

.privilege_v2 .privilege__main{
	min-height: 76.8rem;
	padding-bottom: 8.5rem;
}


	.about__lead-text {
		max-width: 65rem;
	}


	.privilege_v2 .sub-title {
    max-width: 43.7rem;
}

	.grad-card {
		padding: 2rem;
		border-radius: 1.6rem;
	}

	.about__cards .grad-card {
		min-height: 28rem;
	}

	.about__cards {
		padding-left: 33.7rem;
		row-gap: 4.5rem;
	}

	.about__cards .grad-card:nth-child(3n + 2) {
		top: 15rem;
	}

	.about__cards .grad-card:nth-child(3n) {
		top: 6rem;
	}

	.about__cards {
		padding-bottom: 15rem;
	}

	.about__layout {
		gap: 5rem;
	}

	.about__cards {
		margin-top: 2rem;
	}
}

@media (max-width: 768px) {
	.privilege_v2 .privilege__main{
	min-height: 102.4rem;
	padding-bottom: 8.5rem;
}
    .privilege_v2 .sub-title {
      margin-top: 0rem;
    }

	  .privilege_v3  .privilege__top .h2, .privilege_v3  .privilege__top h2 {
        max-width: 100%;
    }


	.privilege_v2  .btn{
	margin-top: 2rem;
}


	.about__cards {
		padding-left: 2rem;
		padding-right: 2rem;
		width: calc(100% + 4rem);
		display: flex;
		flex-wrap: nowrap;
		padding-bottom: 0rem;
		scroll-snap-type: x mandatory;
		overflow: auto;
		gap: 1.5rem;
		margin-left: -2rem;
	}

	.about__cards .grad-card {
		flex-shrink: 0;
		width: 32rem;
		top: 0rem !important;
		scroll-snap-align: center;
	}

	.about__cards::-webkit-scrollbar {
		display: none;
	}

	.about__lead-text {
		max-width: 35.6rem;
		margin-left: auto;
	}

	.about__media {
		top: -1rem;
	}
}

@media (max-width: 480px) {
		.privilege_v2 .privilege__main{
	min-height: 60rem;
}

	.about__media {
		display: none;
	}

	.grad-card {
		padding: 1.5rem;
	}

	.about__cards {
		padding-left: 1rem;
		padding-right: 1rem;
		width: calc(100% + 2rem);
		margin-left: -1rem;
	}

	.about__cards .grad-card {
		width: 30rem;
	}

	.intro_about h1 span {
		display: inline;
	}
}

.president__card {
	display: flex;
	gap: 3rem;
	max-width: 137.5rem;
	margin-left: auto;
	padding: 3rem;
	background: var(--bg-white);
	border-radius: 1.6rem;
}

.president__photo {
	flex-shrink: 0;
	width: 54rem;
	border-radius: 0.8rem;
	overflow: hidden;
}

.president__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.president__info {
	display: flex;
	flex-direction: column;
}

.president__name {
	font-size: 3.2rem;
	font-weight: 600;
}

.president__desc {
	margin-top: 6rem;
	max-width: 56.8rem;
	line-height: 1.4;
}

.president__contacts {
	margin-top: auto;
	padding-top: 2rem;
}

.president__contact .icon,
.spec__contact .icon {
	background: var(--bg-gray);
	flex-shrink: 0;
}


@media (max-width: 1336px) {
	.president__card {
    max-width: 95.9rem;
	padding: 2rem;
	}

	.president__photo {
    width: 38.4rem;
}

.president__desc {
    margin-top: 3rem;
	    max-width: 40.4rem;
}

.president__card{
	gap: 2rem;
}

.president__name{
	font-size: 2.4rem;
}
}

@media (max-width: 768px) {
	.president__card{
		margin-top: 0.5rem;
		flex-direction: column;
	}

	    .president__desc {
        margin-top: 2rem;
        max-width: 100%;
		margin-bottom: 1.5rem;
    }

	.president__contacts{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 1rem;
	}

	    .president__photo {
        width: 100%;
		height: 38.2rem;
    }

	 .president__photo  img{
		object-position: center -7rem;
	 }

	     .personal .section-top__right {
        padding-left: 0rem;
    }

	.section-top__main {
		padding-right: 0rem;
	}
}

@media (max-width: 480px) {
		    .president__photo {
		height: auto;
    }


	 .president__photo  img{
		object-position: center;
	 }

	     .president__desc {
        margin-top: 1.5rem;
    }

	    .president__contacts {
			flex-direction: column;
        gap: 0.8rem;
    }
}

.docs__row,
.charter__row {
	display: flex;
	gap: 3rem;
}


.charter__row{
	padding-top: 2rem;
	border-top: 0.1rem solid var(--fg-primary-20);
}


.docs__row .section-top__name,
.charter__row .section-top__name {
	width: 20rem;
}

.docs__row + .docs__row{
	margin-top: var(--section-margin);
	padding-top: 2rem;
	border-top: 0.1rem solid rgba(60, 63, 66, 0.20);
}

.docs__row-content,
.charter__content {
	flex-grow: 1;
	max-width: 137.5rem;
	margin-left: auto;
	width: 100%;
	min-width: 0;
}

.docs__row-content .h4{
	margin-bottom: 0rem;
}

.docs__row-content .grad-border.grad-card::before, .grad-border::before {
    background: linear-gradient(160deg, rgba(35, 57, 134, 0.2) 0%, rgba(35, 57, 134, 0) 65%, rgba(35, 57, 134, 0) 75%, rgba(35, 57, 134, 0.2) 100%);
}

.docs__requisites {
	display: flex;
	flex-direction: column;
	padding: 3rem;
	background: var(--bg-white);
	border-radius: 1.6rem;
}

.docs__req-row {
	display: flex;
	gap: 2rem;
}

.docs__req-row:not(:last-child){
	margin-bottom: 6rem;
}



.docs__req-row dt {
	flex-shrink: 0;
	width: 30.7rem;
	font-weight: 600;
}

.docs__req-row dd {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	color: var(--fg-primary-80);
}

.docs__req-row dd a:hover{
	color: var(--theme-color);
}

.docs__pdf {
	display: inline-flex;
	align-items: center;
	align-self: flex-end;
	gap: 0.6rem;
	margin-top: 2rem;
	color: var(--fg-primary-80);
	transition: color 0.2s ease;
}

.docs__pdf:hover {
	color: var(--fg-blue);
}

.docs__pdf .icon {
	width: 2rem;
	flex-shrink: 0;
	display: flex;
	margin-top: 0.2rem;
	align-items: center;
	justify-content: center;
	height: 2rem;
}

.docs__groups {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}

.docs__group {
	padding: 3rem 3rem;
	background: var(--bg-white);
	border-radius: 1.6rem;
}

.docs__group-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	cursor: pointer;
	list-style: none;
}

.docs__group-toggle,
.faq__toggle {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	border: 0.1rem solid var(--fg-primary-20);
	border-radius: 0.4rem;
	color: var(--fg-primary-80);
}

.docs__group-toggle .icon,
.faq__toggle .icon {
	width: 1.6rem;
	height: 1.6rem;
	transition: transform 0.3s ease;
}

.docs__group-toggle .icon,
.faq__toggle .icon {
	rotate: 90deg;
	transition: 0.3s ease 0s;
}

.docs__group.is-open .docs__group-toggle .icon,
.faq__item.is-open .faq__toggle .icon {
	rotate: 270deg;
}

.docs__group-body {
	margin-top: 2rem;
	margin-left: auto;
	width: 100%;
	max-width: 85rem;
	margin-left: auto;
}


.docs__file:first-child{
	border-top: 0rem;
	padding-top: 0rem;
}

.docs__file, a.docs__file {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 1rem 0;
	color: var(--fg-primary-80);
	border-top: 0.1rem solid var(--fg-primary-20);
	transition: color 0.2s ease;
}

.docs__file:hover {
	color: var(--fg-blue);
}

.docs__file-ext {
	flex-shrink: 0;
	color: var(--fg-primary-40);
}

.docs + .charter{
	padding-top: 0rem;
}

.charter__content {
	display: flex;
	flex-direction: column;
}

.charter__card {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 3rem 3rem 3rem;
	flex-wrap: wrap;
	min-height: 24rem;
	background: var(--bg-white);
	border-radius: 1.6rem;
}

.charter__card-body {
	display: flex;
	padding-bottom: 7rem;
	align-items: flex-start;
	gap: 2rem;
}

.charter__card:not(:first-child) {
	margin-top: -3rem;
}

.charter__card-title {
	flex-shrink: 0;
	width: 44.5rem;
}

.charter__pdf{
	align-self: flex-end;
}

.charter__card-text {
	color: var(--fg-primary-80);
	line-height: 1.4;
	max-width: 57rem;
}

.charter__pdf {
	align-self: flex-end;
	margin-top: 2rem;
}

@media (max-width: 1366px) {
.docs__row-content, .charter__content {
    max-width: 98.9rem;
}


.docs__pdf .icon {
    width: 1.6rem;
    margin-top: 0rem;
    height: 1.6rem;
}

.docs__group-body {
    max-width: 75rem;
}

.docs__group-toggle,
.faq__toggle {
    width: 3.2rem;
    height: 3.2rem;
}

.docs__group-toggle .icon,
.faq__toggle .icon {
    width: 1.4rem;
    height: 1.4rem;
}

.docs__groups {
    gap: 1rem;
}
.charter__card-title {
    width: 32rem;
}

.charter__card-body {
    padding-bottom: 9rem;
}

.docs__requisites {
    padding: 2rem;
}

.docs__group {
    padding: 2rem;
}


.charter__card {
    padding: 2rem;
}

.docs__req-row dt {
    width: 22.7rem;
}
}

@media (max-width: 768px) {
.docs__row{
	flex-direction: column;
	gap: 2rem;
}

.docs__req-row{
	flex-direction: column;
	gap: 0.8rem;
}

    .docs__req-row:not(:last-child) {
        margin-bottom: 3rem;
    }

	.docs__row-content{
		max-width: 100% !important;
	}

	.docs__group-head .h4{
		margin-bottom: 0rem;
	}

.docs__row .section-top-name{
	margin-top: 0.5rem;
	margin-bottom: 0rem;
}

.docs__group-body {
    margin-top: 1.5rem;
}

.charter__row{
	flex-direction: column;
	gap: 2rem;
}

.charter__row .section-top-name{
	margin-bottom: 0rem;
}

    .docs__group,     .docs__requisites,     .charter__card {
        padding: 1.5rem;
    }

	.docs__file, a.docs__file {
    padding: 0.8rem 0;
}

.charter__card-body{
	flex-direction: column;
	gap: 1rem;
	padding-bottom: 0rem;
}
.charter__card-title{
	margin-bottom: 0rem;
	width: auto;
}

.charter__card {
	min-height: 0rem;
}

.charter__card:not(:first-child) {
    margin-top: 1.5rem;
}
}

.join__head {
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.join__head .section-top__name {
	margin-bottom: 1.5rem;
	width: auto;
}


.join__title span {
	color: var(--fg-blue);
}

.join__grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: start;
	gap: 2.5rem;
	margin-top: 8rem;
}

.join__col {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.join__col--left{
	margin-left: 15.6rem;
}

.join__col--right {
	align-items: flex-end;
	padding-top: 9.5rem;
}

.join__col--right .join__card:nth-child(1){
translate: -15.5rem 0rem;
}
.join__col--right .join__card:nth-child(3){
translate: -31rem 0rem;
}

.join__col--center {
	align-items: center;
	gap: 0rem;
}

.join__col--center .join__card {
	width: 100%;
	margin-top: 6rem;
}

 .join__card{
	border-radius: 1.6rem;
	width: 44.5rem;
 }

.join__col--left .join__card:last-child{
	translate: 15.5rem 0rem;
}

.join__media {
	width: 43.4rem;
	margin-top: -8rem;
}

.join__media video {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.join__card {
	max-width: 44.5rem;
	gap: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: 5.2rem;
	min-height: 30rem;
}

.join__card-lines {
	position: absolute;
	left: 3rem;
	top: 3rem;
	bottom: 3rem;
	width: 0.2rem;
	background: repeating-linear-gradient(to bottom, var(--fg-blue-10) 0 4rem, transparent 4rem 5rem);
}

.grad-card{
	position: relative;
}

.join__card p {
	color: var(--fg-primary);
	line-height: 1.4;
	font-size: 1.6rem;
}

.join__button{
	display: none !important;
}

.charter__card-left{
	width: 44.5rem;
}

.charter__card-left p{
	max-width: 43.8rem;
	font-size: 1.8rem;
}

.section-top + .charter__row{
	margin-top: 4rem;
}

.charter__card-right ul{
	display: flex;
	font-weight: 500;
	padding-left: 3rem;
	flex-direction: column;
	gap: 2rem;
}

.charter__card-right p{
	max-width: 57rem;
}

.charter__card-right ul li{
	list-style: disc;
}

.charter__card-left  .h4{
	margin-bottom: 1rem;
}

.privilege_center .privilege__main{
	padding-top: 20rem;
}

.privilege_center .section-top-name{
	margin-left: -1.4rem;
	margin-bottom: 3.5rem;
}

.privilege_center  .btn{
	margin-top: 6rem;
}

.privilege_center .privilege__top{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 137.5rem;
	align-items: center;
}

.docs__top .section-top__main .section-top-name {
	min-width: 44.5rem;
	margin-top: 1rem;
}


@media (max-width: 1336px) {
	.docs__top .section-top__main .section-top-name {
	min-width: 28.2rem;
	margin-top: 1rem;
}


	.privilege_center .privilege__main{
	padding-top: 15.7rem;
}

.privilege_center .section-top-name{
	margin-left: -1.4rem;
	margin-bottom: 2rem;
}

.privilege_center  .btn{
	margin-top: 3rem;
}


	.join__grid{
		margin-top: 4.6rem;
	}

.charter__card-right ul {
    gap: 1rem;
}

	.section-top + .charter__row{
	margin-top: 3rem;
}

.charter__card-left p {
    font-size: 1.4rem;
}


.join__media {
	width: 26.8rem;
	margin-top: -3rem;
	margin-bottom: -2rem;
}

.join__col--right {
    padding-top: 5.4rem;
}

.join__col {
	gap: 4rem;
}

.join__col--right .join__card:nth-child(1) {
    translate: -11rem 0rem;
}

.join__col--right .join__card:nth-child(3) {
    translate: -22rem 0rem;
}

	.join__col--left {
    margin-left: 11.4rem;
}

.join__card {
    max-width:31.7rem;
	padding: 2rem;
    padding-left: 3.2rem;
    min-height: 28rem;
}


.join__card-lines {
    position: absolute;
    left: 2rem;
    top: 2rem;
    bottom: 2rem;
    width: 0.2rem;
    background: repeating-linear-gradient(to bottom, var(--fg-blue-10) 0 4rem, transparent 4rem 5rem);
}

.join__col--left .join__card:last-child {
    translate: 11.1rem 0rem;
}
}

@media (max-width: 768px) {
		.docs__top .section-top__main .section-top-name {
	min-width: 0rem;
	margin-top: 0rem;
	margin-bottom: 0rem;
}

		.privilege_center .privilege__main{
	padding-top: 2rem;
}

    .privilege_center .section-top-name {
        margin-left: -0rem !important;
        margin-bottom: 1.5rem;
    }

	  .privilege_center .h2-mini{
		max-width: 100%;
	  }

.privilege_v2 .wrapper {
	padding: 0rem 2rem;
}

.privilege_center .privilege__top{
	margin-left: 0rem;
	margin-right: 0rem;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
}
.privilege_center .section-top-name{
	margin-left: -1.4rem;
	margin-bottom: 1.5rem;
}

.privilege_center  .btn{
	margin-top: 2rem;
}

.join__head h2{
 text-align: left;
}

.charter__card-right ul {
  padding-left: 2rem;
}


.charter__card-left{
	max-width: 100%;
	width: 100%;
}
    .charter__card-left p {
     max-width: 100%;
    }

.section-top + .charter__row{
	margin-top: 2rem;
}

.join__button{
	display: inline-flex !important;
}


.join__head{
	align-items: flex-start;
}

.join__media{
	display: none;
}

.join__button{
	display: flex;
	margin-top: 2rem;
}

.join__col{
	display: flex;
	flex-direction: row !important;
	margin-left: 0rem;
	gap: 1.5rem;
	padding-top: 0rem !important;
	margin-top: 0rem !important;
	margin-right: 0rem;
	translate: 0px 0px 	!important;
}

.join__grid{
	overflow: auto;
	padding: 0rem 2rem;
	scroll-snap-type: x mandatory;
	width: calc(100% + 4rem);
	margin: 0rem -2rem;
	display: flex !important;
	margin-top: 2rem !important;
	gap: 1.5rem;
}

.join__grid::-webkit-scrollbar{
	display: none;
}

.join__col--right .join__card{
	translate: 0px 0px !important;
}

    .join__col--left .join__card:last-child {
        translate:0rem 0rem;
    }

	.join__grid{
		position: relative;
		margin-top: 2rem;
	}

	.join__col--center{
		display: none;
	}
}

@media (max-width:480px) {
.join__grid{
	padding: 0rem 1rem;
	width: calc(100% + 2rem);
	margin: 0rem -1rem;
}

.privilege_v2 .wrapper {
	padding: 0rem 1rem;
}

    .docs__req-row:not(:last-child) {
        margin-bottom: 2rem;
    }


}

.steps__top {
	display: flex;
	padding-top: 2rem;
	border-top: 0.1rem solid rgba(60, 63, 66, 0.20);
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 12rem;
}

.steps__top .section-top__name {
	width: auto;
	margin: 0;
}

.steps__top .swiper-section__buttons {
	margin: 0;
}

.steps__swiper-section {
	position: relative;
	overflow: visible;
}

.steps__swiper{
	padding-top: 5.6rem;
	padding-left: 46.9rem;
}

.steps-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 60.4rem;
	justify-content: flex-end;
	min-height: 30rem;
	height: auto;
	padding: 3rem 3rem 6rem 3rem;
	border-radius: 0rem;
	background: linear-gradient(130deg, rgba(19, 31, 71, 0.04) 1.59%, rgba(46, 76, 173, 0.04) 100%);
}

.steps-card__line {
	position: absolute;
	left: 0rem;
	top: 0rem;
	bottom: 0;
	width: 0.1rem;
	background: var(--fg-blue);
	pointer-events: none;
}

.steps-card__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4.6rem;
	position: absolute;
	left: -2rem;
	top: -5.6rem;
	margin-bottom: auto;
	border-radius: 0.4rem;
	border: 1px solid rgba(35, 56, 134, 0.5);

	font-weight: 500;
	line-height: 100%;
	color: var(--fg-primary-60);
	background: var(--bg-gray);
}

.steps-card__title {
	margin-bottom: 2rem;
	font-weight: 500;
	font-size: 3rem;
	line-height: 120%;
	color: var(--fg-primary);
}

.steps-card__desc {
	font-weight: 400;
	line-height: 150%;
	max-width: 35.1rem;
	color: var(--fg-primary-80);
}

.steps__ruler {
	height: 1.8rem;
	margin-top: -1.8rem;
	width: 100%;
	background: repeating-linear-gradient(to right, var(--fg-blue) 0 1px, transparent 1px calc(1.2rem + 1px));
}

@media (max-width: 1366px) {
.steps__top {
    margin-bottom: 8rem;
}

.steps-card {
    width: 42.15rem;
    min-height: 26rem;
    padding: 2rem 2rem 3rem;
}

.steps-card__line {
	top: -4rem;
	width: 0.1rem;
}

.steps-card__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
	font-size: 1.6rem;
    height: 3.5rem;
    position: absolute;
    left: -1.6rem;
    top: -8.5rem;
}

.steps__swiper {
    padding-top: 8.6rem;
    padding-left: 45.5rem;
}

}
@media (max-width: 768px) {
	.steps__swiper-section + .wrapper{
		display: none;
	}

	    .steps__swiper {
        padding-top: 0rem;
        padding-left:2rem;
    }

	.steps-card__line{
		display: none;
	}

	.steps__top{
		margin-bottom: 2rem;
	}

	.steps-card__title {
    margin-bottom: 1rem;
    font-size: 2rem;

}

.steps-card{
	width: 30rem;
	min-height: 26rem;
	padding: 1.5rem;
}
}

@media (max-width: 480px) {
	    .steps__swiper {
        padding-left:1rem;
    }
}

.faq .section-top-name{
	min-width: 44.5rem;
	margin-bottom: 0rem;
}

.padd-left{
	padding-left: 46.5rem;
}

.faq__list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.faq__item {
	border: 1px solid rgba(33, 56, 130, 0.1);
	padding: 3rem 3rem;
	background: var(--bg-white);
	border-radius: 1.6rem;
	cursor: pointer;
}

.faq__head .h4{
	font-size: 3.2rem;
	margin-bottom: 0rem;
}

.faq__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	cursor: pointer;
	list-style: none;
}

.faq__body {
	display: none;
	margin-top: 2rem;
	width: 100%;
}

.faq__body p{
	max-width: 98rem;
}

.faq__body p {
	color: var(--fg-primary);
}

@media (max-width: 1366px) {
.faq__head .h4{
	font-size: 2.4rem;
}

.faq__item {
    padding: 2rem;
}

.faq__list {
	gap: 1rem;
}

.padd-left {
    padding-left: 33.7rem;
}

.faq .section-top-name {
    min-width: 31.5rem;
}
}
@media (max-width: 768px) {
    .padd-left {
		margin-top: 0.5rem;
        padding-left: 0rem;
    }

	    .faq__head .h4 {
        font-size: 2rem;
    }

	    .faq__item {
        padding: 1.5rem;
    }
}
@media (max-width: 480px) {
}

.application__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	align-items: stretch;
}

.application__aside {
	position: relative;
	overflow: hidden;
	display: flex;
	min-height: 50rem;
	padding: 4rem;
	border-radius: 2.4rem;
	color: var(--fg-white);
	background: var(--blue-black);
}

.application__aside-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.application__aside-content {
	position: relative;
	z-index: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.application__aside-title {
	color: var(--fg-white);
}

.application__aside-text {
	max-width: 37.7rem;
	line-height: 150%;
	color: var(--fg-white-80);
}

.form {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.form__box {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 5rem 3rem 5rem 3rem;
	border-radius: 1.6rem;
	background: linear-gradient(230deg, rgba(19, 31, 71, 0.04) 1.59%, rgba(46, 76, 173, 0.04) 100%);
}

.form__submit {
	justify-content: center;
	width: 100%;
}

.field {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.field__label {
	font-size: 1.6rem;
	line-height: 130%;
	font-weight: 500;
	color: var(--fg-primary-80);
}

.input {
	width: 100%;
	font-family: var(--font-family);
	font-size: 1.6rem;
	line-height: 130%;
	color: var(--fg-primary);
	font-weight: 500;
	background: var(--bg-white);
	border-radius: 0.4rem;
	padding: 2rem;
	transition: border-color 0.3s ease;
}

.input::placeholder {
	color: var(--fg-primary-40);
}

.input:focus {
	outline: none;
	border-color: var(--fg-blue);
}

.select {
	position: relative;
}

.select__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	font-family: var(--font-family);
	font-size: 1.6rem;
	line-height: 130%;
	text-align: left;
	color: var(--fg-primary-60);
	background: var(--bg-white);
	border-radius: 0.4rem;
	padding: 2rem;
	cursor: pointer;
	transition: border-color 0.3s ease;
}

.select.is-open .select__trigger {
	border-color: var(--fg-blue);
}

.select__value {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--fg-primary-40);
}

.select.is-filled .select__value {
	color: var(--fg-primary);
}

.select__arrow {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	color: var(--fg-blue);
	transition: transform 0.3s ease;
}

.select.is-open .select__arrow {
	transform: rotateX(180deg);
}

.select__list {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 0.8rem);
	z-index: 5;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	max-height: 26rem;
	overflow-y: auto;
	padding: 1rem;
	background: var(--bg-white);
	border: 0.1rem solid var(--fg-primary-20);
	border-radius: 0.4rem;
	box-shadow: 0 1rem 3rem rgba(33, 56, 130, 0.12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-0.6rem);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

.select.is-open .select__list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.select__option {
	padding: 1.2rem 1.4rem;
	font-size: 1.6rem;
	line-height: 130%;
	color: var(--fg-primary);
	border-radius: 0.4rem;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.select__option:hover {
	background: var(--fg-blue-10);
}

.select__option--selected {
	font-weight: 500;
	color: var(--fg-blue);
}

.checkbox {
	display: flex;
	align-items: flex-start;
	gap: 1.4rem;
	cursor: pointer;
	padding-right: 2rem;
}

.checkbox__input,
.radio__input {
	position: absolute;
	width: 0.1rem;
	height: 0.1rem;
	padding: 0;
	margin: -0.1rem;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.checkbox__box {
	position: relative;
	flex-shrink: 0;
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 0.2rem;
	margin-top: 0.4rem;
	border: 0.1rem solid var(--fg-primary-20);
	transition: background 0.3s ease, border-color 0.3s ease;
}

.checkbox__box::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0.3rem;
	height: 0.6rem;
	border: solid var(--fg-white);
	border-width: 0 0.14rem 0.14rem 0;
	opacity: 0;
	transform: translate(-50%, -60%) rotate(45deg);
	transition: opacity 0.2s ease;
}

.checkbox__input:checked + .checkbox__box {
	background: var(--fg-blue);
	border-color: var(--fg-blue);
}

.checkbox__input:checked + .checkbox__box::after {
	opacity: 1;
}

.checkbox__input:focus-visible + .checkbox__box {
	outline: 0.2rem solid var(--fg-blue);
	outline-offset: 0.2rem;
}

.checkbox__text {
	font-size: 1.4rem;
	line-height: 150%;
	color: var(--fg-primary-60);
}

.radio {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.radio__option {
	display: inline-flex;
	align-items: center;
	gap: 1.33rem;
	padding: 1rem 1rem 1rem 1.4rem;
	background: var(--bg-white);
	border-radius: 0.4rem;
	cursor: pointer;
}

.radio__mark {
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: 0.1rem solid var(--fg-primary-20);
	transition: background 0.3s ease, border-color 0.3s ease;
}

.radio__input:checked + .radio__mark {
	background: var(--fg-blue);
	border-color: var(--fg-blue);
}

.radio__input:focus-visible + .radio__mark {
	outline: 0.2rem solid var(--fg-blue);
	outline-offset: 0.2rem;
}

.radio__text {
	font-size: 1.6rem;
	line-height: 130%;
	font-weight: 500;
	color: var(--fg-primary);
}

textarea.input {
	min-height: 14.4rem;
	resize: vertical;
}



	    .privilege__main {
        translate: 0rem 0rem !important;
	}


@media (max-width: 1366px) {
.form__box {
    padding: 2rem 2rem 9rem 2rem;
}


.radio{
	gap: 0.8rem;
}

.radio__option{
	padding: 0.8rem 0.8rem 0.8rem 1.2rem;
}

.radio__text {
	font-size: 1.2rem;
}

.radio__option{
	gap: 0.8rem;
}

.application__aside{
	padding: 2rem;
}

.field {

    gap: 1.5rem;
}


.application__aside-content {
	gap:3rem;
}

.form {
    gap: 1.5rem;
}

.input {
    font-size: 1.2rem;
    padding: 1.5rem 2rem;
}

.select__trigger {
    font-size: 1.2rem;
    padding: 1.5rem 2rem;
}

.form__box {
    gap: 1.5rem;
}

.select__option {
    padding: 1rem 0.8rem;
    font-size: 1.2rem;
    border-radius: 0.4rem;
}

.field__label {
    font-size: 1.2rem;
}

.checkbox__text{
	font-size: 1.2rem;
}

.checkbox{
	gap: 1rem;
}
}
@media (max-width: 768px) {
	.application__grid{
		display: flex;
		flex-direction: column;
	}
	textarea.input {
    min-height: 12rem;
}

	.application__aside {
    min-height: 40rem;
}

.application__aside{
	border-radius: 1.6rem;
}

    .application__aside-content {
        gap: 2rem;
    }

	    .form__box {
        padding: 1.5rem;
    }
}


.cards {}

.cards__wrapper {}

.cards__body {
display: flex;
gap: 2rem;
}

.cards__card {}

.big-card {
	position: relative;
	width: calc((100% - 2rem) / 2);
	padding: 9rem 3rem 3rem 3rem;
}

.big-card__picture{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.big-card__picture img{
	width: 100%;
	height: 100%;
}

.big-card__content {
	display: flex;
	padding-top: 10rem;
	position: relative;
	justify-content: flex-end;
	flex-direction: column;
	min-height: 40rem;
}

.big-card__icon {
	height: 7.9rem;
	right: 0rem;
	top: 0;
	width: 9.5rem;
	position: absolute;
}

.big-card__icon img{
	height: 100%;
}


.big-card__text {
	max-width: 52.5rem;
}

.big-card__text  p{
	font-size: 1.6rem;
}

.big-card__title {
	font-size: 3rem;
	font-weight: 500;
	margin-bottom: 2rem;
	line-height: 122%;
}

.big-card__link, a.big-card__link {
	position: absolute;
	right: 0rem;
	bottom: 0rem;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	transition: 0.3s ease 0s;
font-size: 1.6rem;
font-weight: 500;
line-height: 120%;
}

.big-card__link .icon{
	width: 2rem;
	height: 2rem;
}

.big-card:hover .big-card__link{
	color: var(--theme-color);
}

.wrapper .breadcrumbs .wrapper{
	width: 100%;
}

.intro_uslugi .breadcrumbs{
	margin-bottom: auto;
}

.intro_uslugi .intro__background img{
	object-position: center top;
}

.intro_uslugi .intro__content{
	min-height: 62rem;
}

.intro_uslugi .intro__year{
	color: var(--fg-white-80);
}

@media (max-width: 1366px) {
	.intro_uslugi .intro__content{
	min-height: 57rem;
}

.big-card {
    padding: 8.2rem 2rem 2rem 2rem;
}
.big-card__content{
	min-height: 35rem;
}

.big-card__text {
    max-width: 45.6rem;
}
}

@media (max-width: 768px) {
		.intro_uslugi .intro__content{
	min-height: 50rem;
	justify-content: flex-start;
}

.intro_uslugi .intro__background img{
	object-position: center;
}

.intro_uslugi .intro__year{
	display: none;
}

.intro_uslugi .intro__line{
	display: none;
}

.intro_uslugi .intro__bottom{
	padding-top: 0rem;
	padding-right: 0rem;
}

.intro_uslugi .breadcrumbs {
    margin-bottom: 4rem;
}


.big-card__title {
    font-size: 2rem;
    margin-bottom: 1rem;
	padding-right: 2rem;
}

.big-card__icon {
    right:auto;
	left: 0;
}

.cards__body{
	gap: 5rem;
}

.big-card__content{
	flex-grow: 1;
	padding-top: 8.8rem;
}

.big-card__link {
	position: static;
	margin-top: 1rem;
	margin-left: auto;
}

    .big-card {
		display: flex;
		flex-direction: column;
        padding: 2.1rem 1.5rem 1.5rem 1.5rem;
		width: calc((100% - 5rem) / 2);
    }

	.big-card__content{
		min-height: 0rem;
	}
}

@media (max-width: 480px) {
	.cards__body{
		flex-direction: column;
		gap: 1.5rem;
	}

	.intro_uslugi .breadcrumbs {
    margin-bottom: 3rem;
}

	.big-card{
		width: 100%;
	}
}
.services{
	overflow: visible;
}

.services__grid {
	display: grid;
	grid-template-columns: 44.5rem 1fr;
	gap: 2rem;
}

.side-menu {
	position: sticky;
	top: 15rem;
	padding: 3rem;
	background: var(--bg-white);
	border-radius: 0.8rem;
}

.side-menu__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	margin-bottom: 2rem;
	cursor: default;
}

.side-menu__title{
	text-align: left;
}

.side-menu__title {
	font-size: 3.2rem;
	font-weight: 500;
	color: var(--fg-primary);
}

.side-menu__toggle {
	display: none;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3.2rem;
	height: 3.2rem;
	border: 0.1rem solid var(--fg-primary-20);
	border-radius: 0.6rem;
	color: var(--fg-primary-60);
}

.side-menu__toggle .icon {
	width: 1.4rem;
	height: 1.4rem;
	transform: rotate(90deg);
	transition: transform 0.3s ease;
}

.side-menu__list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.nav-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem;
	font-size: 2rem;
	color: var(--fg-primary);
	background: var(--bg-gray);
	border-radius: 0.4rem;
	transition: background 0.25s ease, color 0.25s ease;
}

.nav-link:hover {
	background: var(--fg-blue-10);
	color: var(--fg-blue);
}

.nav-link__icon {
	flex-shrink: 0;
	width: 1.8rem;
	height: 1.8rem;
	color: var(--fg-primary-40);
	transition: transform 0.25s ease, color 0.25s ease;
}

.nav-link:hover .nav-link__icon {
	color: var(--fg-blue);
	transform: translateX(0.4rem);
}

.services__content {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}

.service {
	padding: 3rem;
	background: var(--bg-white);
	border-radius: 1.6rem;
	scroll-margin-top: 12rem;
	min-height: 54rem;
}

.service__top {
	display: flex;
	gap: 3rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 0.1rem solid var(--fg-primary-20);
}

.service__title {
	flex-shrink: 0;
	width: 41.5rem;
	font-size: 4rem;
}

.service__desc {
	color: var(--fg-primary-80);
	line-height: 1.5;
	min-height: 13.2rem;
	max-width: 60rem;
}

.service__body {
	display: flex;
	position: relative;
	gap: 3rem;
}

.service__icon {
	position: absolute;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	flex-shrink: 0;
	width: 9.5rem;
	height: 7.9rem;
}

.service__icon img {
	height: 100%;
}

.service__tags {
	display: flex;
	flex-wrap: wrap;
	padding-left: 43.5rem;
	gap: 1.2rem;
	align-content: flex-start;
}

.tag {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	padding: 1rem;
	color: var(--fg-primary);
	background: var(--bg-gray);
	border-radius: 0.4rem;
}

.tag__icon {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	color: var(--fg-primary-80);
}

@media (max-width: 1366px) {
	.services__grid {
    grid-template-columns: 31.7rem 1fr;
}

.side-menu {
    top: 15rem;
    padding: 2rem;
    background: var(--bg-white);
    border-radius: 0.8rem;
}

.side-menu__head{
	margin-bottom: 1.6rem;
}

.side-menu__title{
	font-size: 2.4rem;
	font-weight: 600;
}

.nav-link {
    padding: 0.8rem;
    font-size: 1.6rem;
}

.service {
	padding: 2rem;
}

.service__desc {
    min-height: 12rem;
    max-width: 43rem;
}

.service__top {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.service__tags {
	gap: 0.8rem;
}

.service{
	min-height: 44rem;
}

.services__content{
	gap: 3rem;
}

.service__title {
    width: 29.7rem;
    font-size: 3rem;
}

.service__tags{
	padding-left: 32.2rem;
}
}

@media (max-width: 769px) {
.services__content{
	gap: 1.5rem;
}

	.services__grid {
		grid-template-columns: 1fr;
	}


	.service__title{
		width: auto;
		font-size: 2rem;
	}

	.side-menu {
		position: static;
		top: auto;
	}

	.service__desc{
		min-height: 0rem;
	}

	.service__tags{
		padding-left: 0rem;
	}

	.service__icon{
		display: none;
	}

	    .service {
        min-height: 0rem;
    }

	.service__tags{
		width: 100%;
		flex-direction: column;
	}

	.tag__icon {
    width: 1.6rem;
    height: 1.6rem;
}

.tag {
	padding: 0.65rem 0.8rem;
}

.services__grid{
	gap: 3rem;
}

    .side-menu__title {
        font-size: 2rem;
    }

	.tag{
		justify-content: space-between;
		width: 100%;
	}

	.side-menu__head {
		margin-bottom: 0;
		cursor: pointer;
	}



	.side-menu{
		padding: 1.5rem;
	}

	.side-menu__toggle {
		display: inline-flex;
	}

	.side-menu.is-open .side-menu__toggle .icon {
		transform: rotate(-90deg);
	}

	.side-menu__list {
		overflow: hidden;
		max-height: 0;
		transition:  0.4s ease;
	}

	.side-menu.is-open .side-menu__list {
		max-height: 120rem;
		padding-top: 1.5rem;
	}

	.service__top{
		flex-direction: column;
		gap: 1rem;
	}

	    .service {
        padding: 1.5rem;
    }
}
.breadcrumbs + .intro-mini{
	padding-top: 4rem;
}


.intro-mini__body {
	display: flex;
	align-items: flex-end;
	gap: 2rem;
}

.intro-mini h1{
	max-width: 91rem;
	margin-bottom: 4rem;
}

.intro-mini__left {
	display: flex;
	flex-direction: column;
	max-width: 91rem;
	width: 100%;
}

.intro-mini__left  p{
	max-width: 60rem;
	width: 100%;
}


.intro-mini__right {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.intro-mini__price-block {
	width: 29rem;
}

.intro-mini__price-block span{
	color: var(--fg-primary-60);
}

.intro-mini__price-block  .fz32{
	padding-top: 1rem;
	margin-top: 1rem;
	border-top: 0.1rem solid rgba(60, 63, 66, 0.20);
}

.fz32 {
	font-size: 3.2rem;;
font-weight: 600;
line-height: 125%;
}

@media (max-width: 1366px) {
	.intro-mini h1 {
    margin-bottom: 3rem;
}


.intro-mini__price-block .fz32 {
    padding-top: 0.8rem;
    margin-top: 0.8rem;
}

.fz32{
	font-size: 2.4rem;
}

.intro-mini__body{
	gap: 20rem;
}

.breadcrumbs {
    padding-top: 10rem;
}

.breadcrumbs + .intro-mini {
    padding-top: 6rem;
}

.intro-mini__price-block {
    width: 20.4rem;
}

.intro-mini__left{
	max-width: 47.5rem;
}
}

@media (max-width: 768px) {
	.intro-mini__body{
		align-items: flex-start;
		flex-direction: column;
		gap: 2rem;
	}

	.intro-mini__left  p{
		max-width: 34rem;
	}

	    .intro-mini__body {
        gap: 3rem;
    }

	.intro-mini__right{
		gap: 1rem;
	}

	.intro-mini__price-block{
		width: 16.5rem;
	}
	.fz32{
		font-size: 2rem;
	}

	.intro-mini h1 {
    max-width: 53rem;
	margin-bottom: 2rem;
}
}

@media (max-width: 480px) {
		.intro-mini__price-block{
		width: calc((100% - 1rem) / 2);
	}

	.intro-mini__right{
		width: 100%;
	}

	.intro-mini h1{
		padding-right: 2rem;
	}

	    .breadcrumbs + .intro-mini {
        padding-top: 3rem;
    }
}

/* ======================== */

@media (max-width: 1366px) {}

@media (max-width: 768px) {}

@media (max-width: 480px) {}

.delay {
	opacity: 0;
	transform: translateY(2rem);
	transition: opacity 0.7s ease 0.5s, transform 0.7s ease 0.5s;
}

html.is-loaded .delay {
	opacity: 1;
	transform: translateY(0);
}

.charter + .charter{
	padding-top: 0rem;
}

.charter__row + .charter__row{
	margin-top: 8rem;
}

.charter .h4{
	margin-bottom: 0rem;
}

.docs .h4, .charter .h4{
	font-size: 3.2rem;
}

.charter__row ul{
	display: flex;
	margin-top: 2rem;
	padding-left: 2.5rem;
	flex-direction: column;
	gap: 0.4rem;
}

.charter__row ul li{
	list-style: disc;
}

.stages-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.card-el {
	padding: 3rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 1.6rem;
	border: 1px solid rgba(33, 56, 130, 0.10);
	background: var(--bg-white);
	min-height: 30rem;
	width: calc((100% - 4rem) / 3);
}

.num {
color: var(--fg-primary-60);
font-size: 1.4rem;
text-align: center;
align-items: center;
justify-content: center;
font-weight: 400;
line-height: 140%;
height: 3.6rem;
display: inline-flex;
border-radius: 0.4rem;
background: var(--bg-white);
border: 1px solid rgba(33, 56, 130, 0.10);
padding: 0.2rem 1.4rem;
}
.card-el  .h4 {
	margin-bottom: 1rem;
	font-size: 2.4rem;
	margin-top: auto;
}

@media (max-width: 1366px) {
	.card-el {
	padding: 2rem;
	min-height:28rem;
}

.charter__row + .charter__row {
    margin-top: 6rem;
}

.charter__row ul {
    margin-top: 1.2rem;
}

.docs .h4, .charter .h4{
	font-size: 2.4rem;
}
}

@media (max-width: 768px) {

.stages-grid {
	gap: 1.5rem;
}

.card-el  .h4 {
	margin-bottom: 0.8rem;
	font-size: 2rem;
}


.num{
	font-size: 1.6rem;
}

		.card-el {
	padding: 1.5rem;
	min-height:24.5rem;
	width: calc((100% - 1.5rem) / 2);
}

	.charter__row + .charter__row {
    margin-top: 5rem;
}

.docs .h4, .charter .h4{
	font-size: 2rem;
}

}

@media (max-width: 480px) {
		.card-el {
	width: 100%;
}
}

.spec {
	min-height: 36rem;
	position: relative;
	cursor: pointer;
}

.spec__name {
	font-weight: 500;
	line-height: 1.2;
	color: var(--fg-primary);
	margin-bottom: 1.5rem;
}


.spec__post {
	font-size: 1.4rem;
	line-height: 1.4;
	color: var(--fg-primary-60);
}

.spec__contacts {
	width: 100%;
	margin-top: auto;
		padding-right: 4.5rem !important;
}

.spec .icon-plus {
	top: auto;
	right: 3rem;
	bottom: 3rem;
}


@media (max-width: 1366px) {
	.spec{
		min-height: 29rem;
	}

	.spec .icon-plus {
    right: 2rem;
    bottom: 2rem;
}
}



.swiper-section__buttons:has(.swiper-button-lock){
	display: none !important;
}

.cases .section-top__main{
	padding-right: 10rem;
}

.cases .swiper-section__buttons {
	margin-top: -10rem;
}

.cases-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
		border-radius: 1.2rem;
}
.cases-card__picture {
	position: relative;
	width: 100%;
	padding-top: 74%;
}

.cases-card__picture picture{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.cases-card__picture span{
	position: absolute;
	left: 3rem;
	z-index: 2;
	font-size: 1.2rem;
	padding: 1rem;
	background: #FFF;
	font-style: normal;
	border-radius: 0.4rem;
	font-weight: 500;
	line-height: 125%;
	top: 3rem;
}

.cases-card__picture picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cases-card__body {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	z-index: 2;
	min-height: 29rem;
	background: var(--bg-white);
	border-radius: inherit;
	padding: 3rem;
	margin-top: -3rem;
}
.cases-card__title {
	font-size: 1.6rem;
	font-weight: 600;
line-height: 110%;
}
.cases-card__bottom {
	margin-top: auto;
	justify-content: space-between;
	display: flex;
	align-items: flex-end;
	padding-top: 1rem;
}



.cases-card__date {
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--fg-primary-80);
	line-height: 140%;
}
.cases-card__bottom .icon-plus {
	position: static;
}



.bottom {
	margin-top: 6rem;
	display: flex;
	justify-content: center;
}


@media (max-width: 1366px) {
.cases .swiper-section__buttons {
    margin-top: -8rem;
}

.cases-card__body{
	margin-top: -2rem;
}

.bottom{
	margin-top: 4rem;
}

.cases-card__picture span {
	top: 2rem;
	left: 2rem;
}

.cases-card__body{
	min-height: 23.4rem;
}

.cases-card__body{
	padding: 2rem;
}
}

@media (max-width: 768px) {
	.bottom{
		margin-top: 3rem;
		justify-content: flex-start;
	}

	.cases__swiper-section{
		padding-top: 0.5rem;
	}

	.cases h2, .cases .h2{
		font-size: 4rem;
	}

}
@media (max-width: 480px) {

}

/* ============================ */

@media (max-width: 1366px) {

}

@media (max-width: 768px) {

}
@media (max-width: 480px) {

}
