:root {
	--accent: #64DB69;
	--accent-bg: rgba(243, 243, 243, .6);
	--text: #202020;
	--accent-black: #032A47;
	--regular-text: clamp(10px, 0.94vw, 18px);
	--text-8: 0.47vw;
	--text-10: 0.5875vw;
	--text-12: 0.705vw;
	--text-14: 0.8225vw;
	--text-16: 0.94vw;
	--text-18: clamp(10px, 1.0575vw, 18px);
	--text-20: clamp(14px, 1.175vw, 20px);
	--text-22: 1.2vw;
	--text-24: 1.41vw;
		--text-26: clamp(22px, 1.4vw, 26px);
	--text-28: clamp(16px, 1.4vw, 28px);
	--text-38: clamp(22px, 2.0vw, 38px);
	--text-40: clamp(24px, 2.35vw, 40px);
	--text-48: clamp(24px, 3vw, 48px);
	--text-52: clamp(24px, 3.3vw, 52px);
	--text-60: 3.525vw;
	--text-64: 3.76vw;
	--text-80: 4.5vw;
	--text-100: 5.875vw;
	--text-208: 10.5vw;
}


html.lenis, html.lenis body {
	height: auto;
   }
   .lenis.lenis-smooth {
	scroll-behavior: auto !important;
   }
   .lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
   }
   .lenis.lenis-stopped {
	overflow: hidden;
   }
   .lenis.lenis-smooth iframe {
	pointer-events: none;
   }


 
html {
	overflow-x: hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}

body {
	font-family: "Inter Tight", sans-serif;
	background: #fff;
	font-size: var(--regular-text);
	line-height: 1.15vw;
	color: var(--text);
	min-width: 16.67vw;
	font-weight: normal;
	position: relative;
	overflow-x: clip;
	box-sizing: border-box;
	letter-spacing: -0.02em;
}


.container {
	max-width: 93.75vw;
	width: 100%;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
}

.hidden {
	display: none;
}

section {
	margin-top: clamp(100px, 10vw, 200px);
}

section#post {
	margin-top: 50px;
}

#breadcrumbs {
	margin-top: 0;
	margin-bottom: 28px;
}

h2{
	font-weight: 500;
}

/* Начальное состояние (текст скрыт) */
h1, #promo .note, #promo__services .text p, #about-promo p {
    overflow: hidden;
    clip-path: inset(100% 0 0 0);
}

/* Запускаем анимацию только когда добавляется класс .animate-text */
.animate-text h1,
.animate-text #promo .note,
.animate-text #promo__services .text p,
.animate-text #about-promo p {
    animation: drawText 1s ease-in-out forwards;
}

@keyframes drawText {
    0% {
        clip-path: inset(100% 0 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}


#promo {
	margin-top: 0;
}


#promo.home-page form{
	margin-bottom: 40px;
}



header {
	padding: 2.08vw 0;
	position: relative;
	z-index: 300;
	font-size: 1em
}

header .flex {
	align-items: center;
}

header .logo {
	position: absolute;
	left: calc(50% - 2vw);
	width: 6vw;
	max-width: 130px;
}

header .pull {
	display: none;
}



header nav li {
	display: inline-block;
	margin-right: 0.95em;
}

header nav li:last-child {
	margin: 0
}

header nav li a {
	color: #202020;
	border-bottom: 1px solid transparent;
	opacity: 0.6;
	padding: 0.16vw 0;
	display: inline-block;
	font-size: var(--text-18);
}

header nav li:hover>a,
header nav li.current-menu-item a {
	opacity: 1;
	border-color: #202020
}

header nav li.current-menu-item  li a {
	border-bottom: 1px solid transparent;
}

header nav .sub-menu {
	opacity: 0;
	margin-top: 20px;
	z-index: -1;
	min-width: 9vw;
	position: absolute;
	top: 100%;
	left: -1vw;
	background: #fff;
	border-radius: 0.78em;
	box-shadow: 0 0 1.56em rgba(0, 0, 0, 0.1);
	padding: 0.78em 1em;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.3s, max-height 0.3s;
}

header nav .menu-item-has-children {
	position: relative;
	background-image: url(../img/menu-down.svg);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 1.1em;
	transition: .25s;
	background-size: .8em;
}

/* Добавляем невидимую область над подменю */
header nav .menu-item-has-children::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 20px;
	/* Задаём высоту отступа */
	background: transparent;
}

header nav .menu-item-has-children:hover,
header nav .menu-item-has-children.active {
	background-image: url(../img/menu-up.svg);
}

header nav .menu-item-has-children:hover .sub-menu {
	opacity: 1;
	z-index: 1;
	max-height: 500px;
	display: block;
}

header nav .menu-item-has-children .sub-menu li {
	display: block;
	width: fit-content;
	padding: .3em 0;
}

header nav .menu-item-has-children .sub-menu li a {
	display: block;
}

header nav .menu-item-has-children:hover .sub-menu li a {
	color: #202020;
	font-size: var(--regular-text);
	display: inline-block;
}



header .data {
	gap: 1.56vw;
}

header .data .lang {
	position: relative;
	width: 3.44vw;
	color: #202020;
	height: 3.12vw;
	cursor: pointer;
	background: var(--accent-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	text-transform: uppercase;
}

header .data .lang .current {
	position: relative;
	padding-right: 0.78vw
}

header .data .lang.open .current:after {
	transform: rotate(180deg);
}

header .data .lang .current:after {
	transition: all 0.2s;
	position: absolute;
	top: calc(50% - 0.26vw);
	right: 0;
	width: 6px;
	height: 6px;
	content: '';
	background: url("../img/arrd.svg") 50% 50% no-repeat;
}

header .data .lang ul {
	display: none;
	border-radius: 0.26vw;
	background: var(--accent-bg);
	padding: 0 6px;
	box-sizing: border-box;
	position: absolute;
	top: 100%;
	left: 0;
	width: 5.73vw;
	margin-top: 0.26vw;
	font-size: 0.73vw;
	text-transform: none;
}


header .data .lang ul li a {
	color: var(--text);
	padding: 0.36vw 0;
	display: block;
	opacity: 0.4;
	border-bottom: 1px solid var(--text)
}

header .data .lang ul li a:hover {
	opacity: 1
}

header .data .lang ul li:last-child a {
	border-bottom: none;
}

header .data .socials {
	gap: 0.10vw
}

header .data .socials a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.12vw;
	height: 3.12vw;
	background: var(--accent-bg);
	border-radius: 50%;
}

header .data .socials a svg {
	width: 1.563em;
}

header .data .socials a:hover {
	background: var(--accent);
}

header .data .socials a:hover svg path {
	fill: #fff
}


#breadcrumbs a {
	color: var(--text);
	font-size: var(--text-18);
}

#breadcrumbs span.arrow {
	margin: 0 0.26vw;
	width: 1em;
	height: 1em;
	display: inline-block;
	background-image: url(../img/breadcrumbs.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.breadcrumb_last {
	font-size: var(--text-18);
	color: rgba(32, 32, 32, 0.40);
	letter-spacing: -0.36px;
}
.mh-19 {
	min-height: 19vw;
}
.mh-17 {
	min-height: 17vw;
}
.mh-13 {
	min-height: 13vw;
}
.mh-9 {
	min-height: 9vw;
}

#promo {
	padding: 1.82vw 0 0;
}

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

#promo .actions .act, #promo .actions .account {
	transition: transform 0.3s ease-out;
}

#promo .actions .act {
	position: absolute;
	top: 0;
	left: 0;
	transition: transform 0.2s ease-in-out;
}

#promo .actions .act:nth-child(1) img {
	width: 11em;
}

#promo .actions .act:nth-child(2) img {
	width: 11em;
}

#promo .actions .act:nth-child(3) img {
	width: 11em;
}

#promo .actions .act:nth-child(1) {
	top: 8.2em;
	left: 8.5em;
}

#promo .actions .act:nth-child(2) {
	top: 0.35em;
	left: auto;
	right: 8.35em;
}

#promo .actions .act:nth-child(3) {
	top: 16.1em;
	left: 20.1em;
	background: rgba(243, 243, 243, 1);
	border-radius: 10px
}

#promo .actions .account {
	width: 9.90vw;
	border-radius: 10px;
	position: absolute;
	top: 14em;
	right: 20em;
}

#promo .text {
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 3
}

#promo h1,
.content__container__text {
	font-weight: 500;
	font-size: var(--text-100);
	line-height: 1;
	overflow: hidden;
	padding-bottom: 0.1em;
	letter-spacing: -2%;
}
#promo h1.header-small{
	font-size: var(--text-64);
}

#promo li {
	display: block;
	font-weight: 500;
	font-size: 5.21vw;
	line-height: 100%;
	background: linear-gradient(180deg, var(--accent) 0%, #43B848 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

#promo .content {
	height: 5.21vw;
	overflow: hidden;
	margin-bottom: 1.30vw;
	max-width: 100%;
	padding: 0
}

#promo .content ul {
	padding: 0
}

#promo .content__container {
	overflow: hidden;
	height: 5.21vw;
}

#promo .content__container__list-main {
	-webkit-animation-name: change;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-name: change;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes opacity {

	0%,
	100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-webkit-keyframes change {

	0%,
	12.66%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	16.66%,
	29.32% {
		transform: translate3d(0, -25%, 0);
	}

	33.32%,
	45.98% {
		transform: translate3d(0, -50%, 0);
	}

	49.98%,
	62.64% {
		transform: translate3d(0, -75%, 0);
	}

	66.64%,
	79.3% {
		transform: translate3d(0, -50%, 0);
	}

	83.3%,
	95.96% {
		transform: translate3d(0, -25%, 0);
	}
}

@keyframes opacity {

	0%,
	100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@keyframes change {

	0%,
	12.66%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	16.66%,
	29.32% {
		transform: translate3d(0, -25%, 0);
	}

	33.32%,
	45.98% {
		transform: translate3d(0, -50%, 0);
	}

	49.98%,
	62.64% {
		transform: translate3d(0, -75%, 0);
	}

	66.64%,
	79.3% {
		transform: translate3d(0, -50%, 0);
	}

	83.3%,
	95.96% {
		transform: translate3d(0, -25%, 0);
	}
}

#promo .note {
	margin-bottom: 1.56vw;
	opacity: 0.4;
	line-height: 1.3;
	font-size: var(--text-20)
}

#promo select,
#promo input {
	width: 11vw;
	height: 3vw;
	font-size: .9em;
	border: 0.05vw solid rgba(32, 32, 32, 0.2);
	border-radius: 4.17vw;
	background: var(--accent-bg);
	padding: 0 1.50vw;
}

#promo select {
	background: var(--accent-bg) url("../img/arrd.svg") no-repeat;
	background-size: .7em;
	background-position: right .8em center;
	color: rgba(32, 32, 32, 0.4);
}

#promo .form__promo {
	align-items: center;
	justify-content: center;
	display: flex;
	margin: 0 auto;
}

#promo .form__promo.form-relative {
	position: relative;
	margin: 0 auto;
}

#promo .form__promo.form-relative form {
	position: absolute;
	top: 2vw;
}

#promo .form__promo.form-relative form input,
#promo .form__promo.form-relative form select {
	background-color: #fff;
}

#promo .form__promo .flex {
	gap: .2em;
	justify-content: center;
}


#promo .form__promo .btn-green-arr svg {
	width: 3vw;
}

#promo .promo__video {
	overflow: hidden;
	border-radius: 20px;
	position: relative;
	margin-bottom: 2.08vw;
	height: 24.48vw
}

#promo .promo__video .video img {
	width: 100%;
	height: 24.48vw;
	object-fit: cover;
}

#promo .promo__video .video video {
	min-width: 100%;
	min-height: 100%;
}

#promo .promo__video .socials {
	justify-content: center;
	padding: 0 2em;
	border-radius: 1.04vw 0 0 0;
	gap: 1.9em;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	height: 3.91vw;
	align-items: center;
}

#promo .advantages {
	text-align: center;
	border-radius: 20px;
	border: 0.05vw solid rgba(32, 32, 32, 0.4);
	position: relative;
	overflow: hidden;
	z-index: 10
}

#promo .advantages .item {
	width: calc(25% - var(--regular-text));
	box-sizing: border-box;
	padding: 2.60vw 0;
	border-right: 0.05vw solid rgba(32, 32, 32, 0.4);
	position: relative;
}

#promo .advantages .item:nth-child(2),
#promo .advantages .item:nth-child(3) {
	width: calc(25% + var(--regular-text))
}


@keyframes firstHighlight {
    0%, 50% { background: var(--accent); }
    60%, 100% { background: var(--accent-bg); }
}

@keyframes cycleHighlight {
    0%, 40% { background: var(--accent-bg); }
    50%, 70% { background: var(--accent); }
    80%, 100% { background: var(--accent-bg); }
}

#promo .advantages .item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.04vw;
    content: '';
    background: var(--accent-bg);
    animation: cycleHighlight 6s infinite;
}

#promo .advantages .item:nth-child(1):after {
    animation: firstHighlight 2s 1, cycleHighlight 6s infinite;
}

#promo .advantages .item:nth-child(2):after { animation-delay: 1.5s; }
#promo .advantages .item:nth-child(3):after { animation-delay: 3s; }
#promo .advantages .item:nth-child(4):after { animation-delay: 4.5s; }

/* Убираем бордер у последнего элемента */
#promo .advantages .item:last-child {
    border: none;
}



#promo .advantages .item .count {
	font-size: 3.12vw;
	line-height: normal;
}

#promo .advantages .item p {
	font-size: var(--text-20);
	opacity: 0.4
}




#why {
	background-image: url("../img/why-main.png");
	background-repeat: no-repeat;
	background-position: right bottom -5vw;
	background-size: auto 100%
}


#why .item {
	width: calc(25% - 0.78vw);
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	min-height: 21vw;
	border-radius: 20px;
	background: var(--accent-bg);
	padding: 2em
}

#why .mobile-style .item{
	background: rgb(248, 248, 248);
}

#why .item .text {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	padding: 0 2.08vw 2.08vw
}

#why .item img {
	width: 100%;
}

#why .item .title {
	margin-bottom: .4em;
	font-size: 2.15em;
	line-height: 1em;
	font-weight: 500;
	word-wrap: break-word;
}

#why .item p {
	font-size: var(--text-20);
	opacity: 0.4;
	line-height: 1.25;
}


#why .items-main {
	display: grid;
	position: relative;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}

#why .items-main .item {
	width: 100%;
}

#why .items-main .item.blank {
	background: transparent;
}


#why .items-main .item.green {
	background: var(--accent);
	color: #fff;
}

#why .items-main .item.full-image img {
	position: absolute;
	left: 0;
	top: 0;
}

#why .items-main .item.black {
	background: var(--text);
	color: #fff;
}

#why .items-main .item.black i {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: block;
	z-index: 1;
	background: linear-gradient(180deg, rgba(32, 32, 32, 0.00) 0%, #202020 55%);
}





#why.why__services .item:first-child img {
	margin-top: 0;
}

#why.why__services .flex {
	align-items: flex-start;
}

#why.why__services .right {
	width: calc(100% - 23.70vw)
}

#why.why__services .bt,
#why.why__services .bt strong {
	margin: 0
}

#why.why__services .bt {
	line-height: 0;
}

#why.why__services .item {
	width: calc(100%/3 - 12px);
	background: var(--accent-bg);
	color: var(--text);
}








#accounts {
	background: url("../img/bg_account.png") no-repeat;
	background-size: auto 100%;
	background-position: right center;

}




/* #accounts.service_accounts .slider-sw .swiper-button-prev,
#accounts.service_accounts .slider-sw .swiper-button-next {
	top: -5.4em;
} */

#accounts .center {
	padding: 2em 0 0;
}

#accounts .bt {
	margin-bottom: 9.38vw
}

#accounts .bt strong {
	margin-bottom: 2em;
}

/* #accounts.service_accounts .bt strong {
	margin-bottom: 1.7em;
} */

#accounts .item {
	position: relative;
	box-sizing: border-box;
	border-radius: 20px;
	background: var(--accent-bg);
	padding: 2.3em 1.6em;
	backdrop-filter: blur(1.15vw);
}

#accounts .item .flex .btn {
	padding-bottom: 5px;
}



/* #accounts.service_accounts .item {
	padding: 1.8em 1.6em;
	border-radius: 20px;
} */

#accounts .item .title {
	position: relative;
	padding: 0 0 0 4.17vw;
	font-size: 2.50vw;
	line-height: 3.12vw;
	margin-bottom: 1.04vw
}

#accounts .item .title span {
	position: absolute;
	top: 0;
	left: 0;
	width: 3.12vw;
	height: 3.12vw;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent)
}

#accounts .item .title span img {
	width: 0.5em;
}

#accounts .item p {
	margin-bottom: 1.56vw;
	opacity: 0.4;
	min-height: 3.5vw;
}

#accounts .item ul {
	display: flex;
	margin-bottom: 1.56vw;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #fff;
	padding: 6px 1.04vw;
	border-radius: 6px;
}

#accounts .item ul li {
	width: 50%;
	padding: 0.26vw 0;
	box-sizing: border-box;
	color: rgba(32, 32, 32, 0.4);
}

#accounts .item ul li span {
	display: block;
	font-weight: 500;
	color: var(--text);
	margin-top: 0.26vw
}

#accounts .item ul li:first-child {
	border-right: 0.05vw solid rgba(32, 32, 32, 0.2);
}

#accounts .item ul li:last-child {
	padding-left: 2.08vw;
}

#accounts .item .flex .btn {
	width: calc(50% - 0.16vw)
}

#accounts.affiliate .item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

#accounts.affiliate .item .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	color: rgba(32, 32, 32, 0.40);
	font-size: var(--text-18);
}

#accounts.affiliate .item p {
	margin-bottom: 0;
	color: var(--text);
	opacity: 1;
	font-size: var(--text-22);
	letter-spacing: -0.48px;
	line-height: 1.1;
}

#accounts.affiliate .item i {
	width: 30px;
	height: 30px;
	background-image: url(../img/logo-symbol.svg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 2.5vw auto;
}


.niches-data {
	background: #f3f3f3;
}


#niches .container {
	position: relative;
	z-index: 3
}

#niches .bt {
	margin: 0 auto 4.17vw;
	max-width: 41.67vw
}

#niches .bt strong {
	background: var(--accent);
	margin-bottom: 1.5em;
	color: #202020;
}

#niches .bt strong:after {
	background: var(--text);
}

#niches .items {
	background: transparent;
	position: relative;
	min-height: 75.52vw;
	z-index: 2
}

#niches .item {
	box-sizing: border-box;
	position: absolute;
	width: calc(25% - 0.78vw);
	padding: 1.56vw;
	border-radius: 20px;

}
.title-niches {
	display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-bottom: 1vw;
}

#niches .item .icon img {
	width: 3.5em;
	height: 3.5em;
	display: inline-block;
	border-radius: 50%;
}

#niches .item:nth-child(2),
#niches .item:nth-child(3) {
	background-color: var(--accent);
	color: #fff
}

#niches .item:nth-child(2) .btn-black,
#niches .item:nth-child(3) .btn-black{
	background-color: var(--accent);
	color: #fff
}


#niches .item:nth-child(2) .title span,
#niches .item:nth-child(3) .title span {
	opacity: 0.6
}

#niches .item:nth-child(1) {
	top: 0;
	background-color: #e3e3e3;
	left: 38em
}

#niches .item:nth-child(1)::after,
#niches .item:nth-child(1)::before {
	background-color: #e3e3e3;
}


#niches .item:nth-child(2) {
	top: 9.06vw;
	right: 0;
}

#niches .item:nth-child(3) {
	top: 13.96vw;
	left: 0
}

#niches .item:nth-child(4) {
	top: 33.54vw;
	right: 11.56vw;
	background: rgba(255, 255, 255, .3);
	backdrop-filter: blur(10px);
}


#niches .item:nth-child(4)::after,
#niches .item:nth-child(4)::before {
	background: rgba(255, 255, 255, .0);
	backdrop-filter: blur(10px);
}

#niches .item:nth-child(5) {
	top: 53.2em;
	background: #f7f7f7;
	left: 25em
}

#niches .item:nth-child(5)::after,
#niches .item:nth-child(5)::before {
	background: #f7f7f7;
}



#niches .item .title {
	font-size: 1.67vw;
	line-height: 1.77vw;
	font-weight: 500;
	position: relative;
	padding-left: 2.08vw;
	box-sizing: border-box;
}

#niches .item .title span {
	position: absolute;
	top: 0.10vw;
	left: 0;
	font-size: 0.73vw;
	font-weight: normal;
	opacity: 0.2;
	line-height: normal;
}

#niches .item .data {
	background: #fff;
	box-sizing: border-box;
	min-height: 11.72vw;
	padding: 1.04vw;
	border-radius: 16px;
	position: relative;
}

#niches .item .data .btn {
	width: calc(100% - 2.08vw);
	margin: 0;
	position: absolute;
	bottom: 1.04vw;
	left: 1.04vw
}

#niches .item .data .excerpt {
	max-width: 100%;
	box-sizing: border-box;
	padding: 6px 2.34vw 6px 6px;
	font-size: var(--text-14);
	line-height: 1.3;
	background: #E8E7E7;
	border-radius: 6px 6px 6px 0;
	position: relative;
	color: rgba(32, 32, 32, 0.6);
}

#niches .item .data .excerpt strong {
	border-bottom: 1px solid var(--text);
	color: var(--text);
	font-weight: 500
}

#niches .item .data .excerpt span {
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-size: 6px;
	font-style: italic;
}

#niches .consultation {
	max-width: 13.54vw;
	position: absolute;
	bottom: 5.94vw;
	left: calc(50% + 12.50vw)
}

#niches .consultation p {
	font-size: 1.98vw;
	line-height: 1.98vw;
	margin-bottom: 1.04vw;
	opacity: 0.4;
	max-width: 10.42vw
}

#niches .niches__video {
	position: absolute;
	top: 40.7em;
	left: 0;
	width: 100%;
	height: 49.48vw;
	overflow: hidden;
	z-index: 2;
}

#niches .niches__video video {
	width: 101%;
	height: 101%;
}





#ceo .inn {
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	background-color: var(--text);
	background-repeat: no-repeat;
	color: var(--accent-bg);
	background-size: 96%;
	background-position: bottom;

	padding: 5.21vw 5.21vw 1.56vw;
	height: 46em;
}

#ceo .inn:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: linear-gradient(180deg, rgba(32, 32, 32, 0) 50.58%, rgba(32, 32, 32, 0.4) 100%);
}

#ceo .description {
	max-width: 30vw;
	margin-bottom: 14.58vw;
	position: relative;
	z-index: 3
}




#ceo .description p {
	margin-bottom: 2.86vw;
	letter-spacing: -0.03em;
	font-size: var(--text-64);
	line-height: 1;
	color: #fff;
}

#ceo .description strong {
	font-weight: 500;
}

#ceo .description .flex {
	justify-content: flex-start;
	align-items: center;
}

#ceo .btn-white {
	width: 9.64vw;
	margin-right: 2.08vw
}

#ceo .btn-white:hover {
	border-color: #fff;
	color: #fff;
	background: transparent;
}

#ceo .btn-tr {
	color: rgba(255, 255, 255, 0.6);
	font-size: var(--text-20);
	font-weight: 500;
	letter-spacing: -0.03em;
	border-bottom: 0.10vw solid #D9D9D9;
	padding-bottom: 0.21vw
}

#ceo .btn-tr:hover {
	border-color: transparent;
}

 .name span {
	display: inline-block;
	transform: translateX(0);
}
.name span:first-child {
	transform: translateX(-140%);
}
.name span:last-child {
	transform: translateX(140%);
}

#ceo .name {
	text-align: center;
	font-size: 9.90vw;
	line-height: normal;
	color: #fff;
	position: relative;
	z-index: 3;
	position: absolute;
	bottom: 0.21em;
	letter-spacing: .005em;
	width: 100%;
	left: 0;
}




#ceo .more {
	position: absolute;
	top: 26.2em;
	width: 25%;
	left: calc(76% + 0.21vw);
	z-index: 4
}

#ceo .more a {
	color: #fff;
	font-size: var(--text-20);
	display: inline-block;
	max-width: 8.85vw;
	line-height: normal;
}

#ceo .more span {
	display: flex;
	transition: all 0.2s;
	align-items: center;
	justify-content: center;
	width: 3.12vw;
	height: 3.12vw;
	border-radius: 50%;
	background: #fff;
	margin-bottom: 1.1em
}

#ceo .more:hover span {
	transform: rotate(-40deg);
}





#faq {
	background: url("../img/bg_faq.png") no-repeat;
	background-position: left bottom;
	background-size: auto 70%
}



#faq .bt.bt__l {
	display: none;
}

#faq .bt strong {
	margin-bottom: 1.8em;
}

#faq .flex {
	align-items: flex-start;
}

#faq .container {
	position: relative;
}

#faq .info {
	max-width: 37%;
	width: 100%;
}

#faq .bt {
	text-align: left;
}

#faq .bt strong:after {
	background: var(--text);
}

#faq .consultation {
	max-width: 17.71vw;
	position: absolute;
	bottom: 0;
	left: 0em;
}

#faq .consultation p {
	margin-bottom: 1.56vw;
	font-size: var(--text-20);
	line-height: 1.25;
	opacity: 0.4;
}

#faq .accordion {
	width: calc(62% + 0.62vw);
	border-bottom: 1px solid #202020
}

#faq .accordion .title {
	position: relative;
	cursor: pointer;
	transition: all 0.2s;
	padding: 2.60vw 0 0 11.82vw;
	margin-bottom: 2.5em;
	border-top: 0.05vw solid #202020
}

#faq .accordion .title:after {
	position: absolute;
	top: 2.60vw;
	right: 0;
	width: 45px;
	height: 45px;
	content: '';
	background: url("../img/arrbr.svg") no-repeat;
	transition: all 0.2s;
	background-size: cover;
}

#faq .accordion .title.active:after {
	background: url("../img/arrgr.svg") no-repeat;
	background-size: cover;
}

#faq .accordion .title:first-child {
	border: none;
}

#faq .accordion .title span {
	position: absolute;
	top: 2.97vw;
	left: 0;
	opacity: 0.4
}

#faq .accordion .title p {
	max-width: 34vw;
	font-size: var(--text-38);
	line-height: 1.1
}

#faq .accordion .answer {
	max-width: 34vw;
	margin-left: 13vw;
	padding-bottom: 2.60vw;
	font-size: var(--text-20);
	line-height: 1.2;
	opacity: 0.6;
	display: none;
}






#request .flex__title {
	justify-content: flex-end;
}

#request .bt {
	max-width: calc(62% + 0.62vw);
	text-align: left;
	width: 100%;
}

#request .bt strong:after {
	background: var(--text);
}

#request .bt__note {
	font-size: var(--text-20);
	line-height: normal;
	opacity: 0.4;
	max-width: calc(62% + 0.62vw);
	width: 100%;
	position: relative;
	top: -2.08vw;
	margin-bottom: 1.56vw
}

#request .center-data {
	position: relative;
	padding: 2.08vw 0 0;
	margin-top: 3.12vw;
	border-top: 0.05vw solid #202020
}

#request .center-data .note {
	font-size: var(--text-20);
	font-weight: 500;
	opacity: 0.4;
	text-align: left;
}

#request .center-data .input-2 {
	width: calc(62% + 0.62vw)
}





#blog {
	position: relative;
	margin-top: 0;
}

#blog .bt {
	margin: 0 auto 0.2em
}

#blog .bt span {
	display: block;
	line-height: normal;
}

#blog .bt strong {
	color: rgba(32, 32, 32, 0.4);
}

#blog .blog__filters {
	text-align: center;
	margin-bottom: 5.21vw
}

#blog .blog__filters select {
	display: none;
	color: #000;
}

#blog .blog__filters .items {
	display: inline-block;
	padding: 6px;
	background: rgba(243, 243, 243, 0.4);
	backdrop-filter: blur(1.15vw);
	border-radius: 3.65vw;
}

#blog .blog__filters .items a {
	display: inline-block;
	padding: 0 0.78vw 0 1.72vw;
	background: var(--accent-bg);
	margin: 0 0.21vw;
	position: relative;
	line-height: 2.29vw;
	border-radius: 4.17vw;
	color: rgba(32, 32, 32, 0.4);
	font-size: var(--regular-text);
}

#blog .blog__filters .items a:after {
	position: absolute;
	width: 0.42vw;
	height: 0.42vw;
	left: 0.78vw;
	top: calc(50% - 0.21vw);
	border-radius: 50%;
	background: var(--text);
	opacity: 0.4;
	content: ''
}

#blog .blog__filters .items a.active,
#blog .blog__filters .items a:hover {
	color: #fff;
	background: var(--accent)
}

#blog .blog__filters .items a.active:after,
#blog .blog__filters .items a:hover:after {
	background: #fff;
	opacity: 1
}

.blog__items {
	position: relative;
	margin-bottom: 4em
}

.blog__items .item {
	padding: 1.56vw;
	border-radius: 20px;
	background: var(--accent-bg);
}

.blog__items .flex {
	align-items: center;
}

.blog__items .date {
	margin-bottom: 2.08vw
}

.blog__items .date span {
	font-size: 0.83vw;
	opacity: 0.4
}

.blog__items .date a {
	border-radius: 4.69vw;
	color: var(--text);
	border: 0.05vw solid var(--text);
	opacity: 0.4;
	line-height: 1.56vw;
	padding: 0 0.78vw;
	font-size: 0.83vw;
}

.blog__items .date a:hover {
	opacity: 1
}

.blog__items .image {
	margin-bottom: 1.56vw;
}

.blog__items .image img {
	width: 100%;
	height: auto!important;
	border-radius: 6px;
	object-fit: cover;
}

.blog__items .title {
	margin-bottom: 1.04vw;
	font-weight: 500;
	font-size: 1.35vw;
	line-height: 1.46vw
}

.blog__items .title a {
	color: var(--text);
	opacity: 0.8;
}

.blog__items .title a:hover {
	opacity: 1
}

.blog__items .excerpt {
	margin-bottom: 1.56vw;
	font-size: 0.83vw;
	line-height: 1.04vw;
	color: rgba(0, 0, 0, 0.4);
}

.blog__items .btn {
	letter-spacing: normal;
	margin-top: 0.9em;
}







#post .bt {
	margin-bottom: 0.6em;
	overflow: inherit;
}

#post .bt .title{
	padding-bottom: 10px;
	font-size: 4vw;
}

#post .container {
	max-width: 70.10vw
}

#post .thumbnail img {
	border-radius: 1.56vw;
	width: auto;
	max-height: 400px;
	margin: 20px auto;

}




#page {
	margin-top: 50px;
}
#page .bt {
	text-align: left;
}

#page .bt .title{
	padding-bottom: 10px;
}

#page .content {
	margin: 0;
	max-width: 66.67vw
}





.content {
	margin: 0 auto;
	max-width: 46.35vw;
	width: 100%;
	font-size: var(--regular-text);
	line-height: 1.25vw
}

.content .date {
	margin-bottom: 2.08vw;
	opacity: 0.4;
	content: #202020
}

.content p {
	margin-bottom: 2.08vw
}

.content img {
	width: 100%;
	border-radius: 1.56vw;
	margin-bottom: 3.12vw
}

.content a {
	color: var(--accent);
	border-bottom: 1px solid var(--accent)
}

.content a:hover {
	border-color: transparent;
}

.content h2,
.content h3,
.content h4 {
	margin: 0 0 2.08vw;
	font-size: 3.12vw;
	line-height: 3.12vw;
	font-weight: 500;
}

.content ul {
	padding: 0 0 2.08vw 2.08vw
}

.content ul li {
	margin-bottom: 0;
	position: relative;
}

.content ul li:after {
	content: "—";
	position: absolute;
	top: 0;
	left: -2.08vw;
}

.content ol {
	padding: 0 0 2.08vw 2.08vw;
	counter-reset: item;
}

.content ol ol {
	padding-top: 2.08vw;
	padding-bottom: 1.04vw
}

.content ol li {
	margin-bottom: 1.04vw;
	position: relative;
	display: block;
}

.content ol:not(.table__content ol) li::before {
	content: "0" counter(item) ". ";
	counter-increment: item;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: -2.08vw
}

.content blockquote {
	padding: 2.08vw;
	color: rgba(255, 255, 255, 0.6);
	background: var(--text);
	font-size: var(--regular-text);
	line-height: 1.25vw;
	border-radius: 20px;
	margin-bottom: 2.08vw
}

.content blockquote span,
.content blockquote h3 {
	color: #fff;
	line-height: 1.04vw;
	font-size: var(--regular-text);
	margin-bottom: 1.30vw;
	font-weight: 500;
}

.content blockquote p {
	margin: 0
}

.content .share {
	width: 100%;
	border-radius: 3.65vw;
	padding: 0 6px 0 1.56vw;
	max-width: 22em;
	height: 4.17vw;
	align-items: center;
	background: var(--text);
	color: #fff;
}

.content .share .flex {
	gap: 6px
}

.content .share a {
	display: flex;
	background: #fff;
	width: 3.12vw;
	height: 3.12vw;
	color: transparent;
	border: none;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

.content .share a:hover {
	background: var(--accent)
}

.content .table__content {
	max-width: 22.66vw;
	width: 100%;
	box-sizing: border-box;
	border-radius: 20px;
	margin-bottom: 3.12vw;
	background: rgba(232, 232, 232, 0.6);
	padding: 2em 1em
}

.content .table__content span {
	display: block;
	margin-bottom: 0.78vw;
	font-weight: 500;
	color: #202020
}

.content .table__content ol {
	padding-left: 1.30vw;
	padding-bottom: 0
}

.content .table__content ol li:before {
	left: -1vw;
	content: counter(table-item) ". ";
  counter-increment: table-item;
	position: absolute;
	opacity: .5;
}

.content .table__content ol {
  counter-reset: table-item;
}

.content .table__content ol li a {
	color: rgba(32, 32, 32, 0.4);
	border-bottom: none;
}

.content .table__content ol li a:hover {
	color: var(--text)
}

.content .table__content li {
	margin: 0;
	font-size: 0.83vw;
	line-height: 1.25vw;
}

.content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    font-family: Arial, sans-serif;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.content table tbody {
    display: table-row-group;
}

.content table tr {
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.2s ease;
}

.content table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.content table tr:hover {
    background-color: #f0f8ff;
}

.content table tr:first-child {
    background-color: #51c756;
    color: white!important;
}

.content table tr:first-child:hover {
    background-color: #48aa4c;
}

.content table td {
    padding: 15px 20px;
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
    border-right: 1px solid #e0e0e0;
}

.content table td:last-child {
    border-right: none;
}

.content table tr:first-child td {
    font-weight: bold;
    text-align: center;
    padding: 18px 20px;
		color: white!important;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.content table tr:first-child td b{
	color: white!important;
}

.content table tr:first-child td:last-child {
    border-right: none;
}

.content table td b {
    font-weight: 600;
    color: #333;
}

.content table td span {
    display: block;
    color: #555;
    line-height: 1.6;
}

.content table tr:first-child td span {
    color: white;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .content table {
        font-size: 14px;
        margin: 15px 0;
    }
    
    .content table td {
        padding: 12px 15px;
    }
    
    .content table tr:first-child td {
        padding: 15px;
    }
}

/* Альтернативный стиль для компактных таблиц */
.content table.compact {
    font-size: 14px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.content table.compact td {
    padding: 10px 15px;
}

.content table.compact tr:first-child td {
    padding: 12px 15px;
}

/* Стиль для таблиц с зеленым акцентом */
.content table.green-accent tr:first-child {
    background-color: #27ae60;
}

.content table.green-accent tr:first-child:hover {
    background-color: #219a52;
}

/* Стиль для таблиц с красным акцентом */
.content table.red-accent tr:first-child {
    background-color: #e74c3c;
}

.content table.red-accent tr:first-child:hover {
    background-color: #c0392b;
}



#promo__services {
	text-align: center;
	padding: 1.56vw 0 0;
	margin-top: 0;
}

#promo__services .socials {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#promo__services .socials span {
	position: absolute;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	width: 7em;
	height: 7em;
	background: linear-gradient(90deg, var(--accent) 27.69%, #55D35A 50.02%, var(--accent) 72.35%);
}


#promo__services .socials span svg {
	width: 3.125em;
}

#promo__services .socials span:nth-child(1) {
	top: .3em;
	left: 20.7em;
}

#promo__services .socials span:nth-child(2) {
	top: 3.7em;
	left: calc(50% + 28.65vw);
	background: var(--accent-bg)
}

#promo__services .socials span:nth-child(3) {
	top: 12em;
	left: 15.8em;
	background: var(--accent-bg)
}

#promo__services .socials span:nth-child(4) {
	top: 20.9em;
	left: 33.35em;
	background: var(--text)
}

#promo__services .socials span:nth-child(5) {
	top: 18.23vw;
	left: auto;
	right: 28.75em;
}

#promo__services .container {
	position: relative;
	z-index: 3
}

#promo__services .text {
	margin-bottom: 3.12vw
}

#promo__services h1 {
	font-weight: 500;
	font-size: 5.21vw;
	line-height: 0.85em;
	margin-bottom: 2.08vw;
	padding-bottom: 10px;	
}

#promo__services h1 strong {
	display: block;
	font-weight: 500;
	background: linear-gradient(180deg, var(--accent) 0%, #43B848 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	line-height: normal;
}

#promo__services p {
	margin: 0 auto;
	max-width: 30em;
	color: rgba(32, 32, 32, 0.4);
	line-height: 1.4em;
}

#promo__services p strong {
	color: rgba(32, 32, 32, 0.8);
	font-weight: 500;
}

#promo__services .video__block {
	overflow: hidden;
	height: 25em;
	border-radius: 1.56vw;
	position: relative;
}

#promo__services .video__block .center {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#promo__services .video__block video {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: -12em;
	left: 0
}



#promo__services .center div {
	display: inline-block;
	padding: 1.04vw 1.04vw 0 1.04vw;
	border-radius: 1.56vw 1.56vw 0 0;
	position: relative;
}



.box-bottom {
	width: 100%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

#request .box-bottom {
	position: relative;
	display: block;
}

#request .center-bg {
	justify-content: start;
	margin-left: 35vw;
	padding-left: 0;
}

.box-bottom::before {
	content: '';
	background: #f7f7f7;
	position: absolute;
	width: 100%;
	height: 1em;
	top: 0;
	left: 0;
	z-index: -1;
}

.box-bottom::after {
	content: '';
	background: #fff;
	position: absolute;
	width: 100%;
	height: 1em;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.left-bg {
	background: #f7f7f7;
	border-bottom-right-radius: 1.5em;
}

.center-bg {
	background: #fff;
	border-radius: 1em;
	border-top-left-radius: 1.5em;
	border-top-right-radius: 1.5em;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.right-bg {
	background: #f7f7f7;
	border-bottom-left-radius: 1.5em;
}

#request .left-bg,
#request .right-bg,
.box-bottom::before {
	background: transparent;
}

#request .box-bottom {
	position: relative;
}





#place .inn {
	background: #1F1F1F;
	border-radius: 1.56vw;
	color: #fff;
	padding-top: 3em;
	overflow: hidden; /* Обрезаем выходящее за границы */
}

#place .text {
	z-index: 1;
	position: relative;
}

#place .bt {
	margin-bottom: 1.56vw
}

#place .bt strong {
	color: var(--text);
	background: #fff;
}

#place .bt strong:after {
	background: var(--text);
}

#place .bt__note {
	margin: 0 auto 2.60vw;
	opacity: 0.4;
	max-width: 35vw;
	text-align: center;
	font-size: var(--text-20);
	line-height: normal;
}


.video-place {
    position: relative;
    width: 100%;
    height: 31vw; /* Задай нужную высоту */
	z-index: 0;
    
}

.video-place video {
    width: 100%;
    height: auto;
    object-fit: cover; /* Заполняем контейнер, сохраняя пропорции */
    position: absolute;
    top: -12vw; /* Сдвигаем вверх для обрезки */
    left: 0;
	z-index: 0;
}





#clients .flex {
	align-items: flex-start;
}

#clients .right {
	width: calc(100% - 23.70vw)
}

#clients .bt,
#clients .bt strong {
	margin: 0
}

#clients .bt {
	line-height: 0;
}

#clients .bt__s {
	margin-bottom: 2em
}



#clients .item {
	background: var(--text);
	color: #fff;
	border-radius: 20px;
	padding: 1.56vw;
}

#clients .item .title {
	margin-bottom: 1.56vw;
	font-size: 2.50vw;
	line-height: 2.50vw
}

#clients .item .row {
	margin-bottom: 1.56vw;
}

#clients .item .row span {
	display: block;
	font-size: 0.83vw;
	margin-bottom: 6px;
	opacity: 0.2
}

#clients .item .row p {
	opacity: 0.7
}

#clients .item a:hover {
	color: #fff;
	border-color: #fff
}

#clients .swiper-button-next {
	right: 0;
}

#clients .swiper-button-prev {
	left: calc(100% - 6.77vw);
}
/* 
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	margin-top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	overflow: hidden;
	transition: background 0.8s ease, opacity 0.8s ease;
}

#preloader .logo {
	position: absolute;
	top: calc(50% - 7vw);
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	transition: transform .7s ease-in-out;
}

#preloader .logo.scale-up {
	transform: translate(-50%, -50%) scale(60);
}

#preloader .line {
	height: 15vw;
	max-height: 200px;
	background: #f3f3f3;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}

#preloader .line__progress {
	height: 100%;
	background: var(--accent);
	padding: 0;
	transition: width 0.1s ease;
	display: flex;
	align-items: center;
	justify-content: end;
}

#preloader .counts {
	font-size: var(--text-100);
	font-weight: 500;
	color: #202020;
	z-index: 1000;
	position: absolute;
	height: 100%;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: end;
	right: 1vw;
	top: 0;
	z-index: 9999;
	
} */


#preloader-line {
	height: 100vh;
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

#preloader-line .text {
	font-size: var(--text-64);
	font-weight: 500;
	line-height: 1.2;
	height: 10vw;
	z-index: 9999;
	color: #fff;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}


#preloader-line .text span {
	position: relative;
	display: inline-block;
	white-space: pre;
    display: inline;
	animation: fadeOut 0.8s ease forwards;
}




.bg-preloader-top {
	background: var(--accent);
	width: 100%;
	height: 48vh;
	position: absolute;
	left: 0;
	top: 0;
}

.bg-preloader-bottom {
	background: var(--accent);
	width: 100%;
	height: 48vh;
	position: absolute;
	left: 0;
	bottom: 0;
}
/* Элемент, который будет анимировать фон */
.bg-line-text {
	width: 100%;
	height: 10vw;
	position: absolute;
	left: 0; /* Начало анимации слева */
	top: 0;
	background: var(--accent); /* Цвет фона */
	z-index: -1;
	animation: slideIn 2.5s ease forwards; /* Применяем анимацию */
	animation-delay: 2.5s; /* Задержка 2 секунды перед началом анимации */
  }
  
  /* Прозрачный фон */
  .bg-line-text-transparent {
	width: 100%;
	height: 10vw;
	position: absolute;
	left: -100%; /* Начало анимации с левой стороны */
	top: 0;
	z-index: 0;
	background: transparent; /* Прозрачный фон */
	animation: slideInTransparent 2.5s ease forwards; /* Применяем анимацию */
	animation-delay: 2.5s; /* Задержка 2 секунды перед началом анимации */
  }
  
  
  



.footer-line {
	margin-top: 150px;
}

.footer-line .line{
	height: 30px;
	width: 100%;
	display: block;
	background: #F9F9F9;
}

.footer-line .line {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
    transition-delay: var(--delay);
}

/* Активируем при появлении в зоне видимости */
.footer-line .line.visible {
    opacity: 1;
    transform: translateY(0);
}


.footer-line .line:nth-child(1){
	background: #E7E7E7;
}
.footer-line .line:nth-child(2){
	background: #C0C0C0;
}
.footer-line .line:nth-child(3){
	background: #969696;
}
.footer-line .line:nth-child(4){
	background: #6E6E6E;
}
.footer-line .line:nth-child(5){
	background: #494949;
}
.footer-line .line:nth-child(6){
	background: #323232;
}


footer {
	position: relative;
	padding: 5em 0 5.21vw;
	background: var(--text);
	
	color: var(--accent-bg)
}

footer .data {
	width: calc(62% + 0.62vw)
}



footer .logo {
	max-width: 17.71vw;
	width: 100%;
	position: relative;
}

footer .logo img {
	width: 11em;
}

footer .logo p {
	color: var(--accent-bg);
	font-size: 1.35vw;
	line-height: 1.46vw;
	font-weight: 500;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

footer .logo p strong {
	font-weight: 500;
	color: #fff;
}

footer .title {
	opacity: 0.6;
	margin-bottom: 2.08vw
}

footer .socials {
	width: 100%;
	justify-content: flex-start;
	gap: 1em;
	position: absolute;
	bottom: 0;
}

footer .socials a {
	background: #fff;
	width: 3.12vw;
	height: 3.12vw;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer .socials a svg {
	height: 1.625em;
}

footer .socials a:hover {
	background: #5ACF5F;
}

footer .socials a:hover svg path {
	fill: #fff
}

footer .col {
	max-width: 22.40vw;
	width: 100%;
}

footer .address {
	font-size: var(--text-24);
	line-height: 1.3;
	margin-bottom: 5.6em;
	color: #fff;
}

footer .copyright {
	opacity: 0.6;
	margin: 6em 0 0;
}

footer ul.docs {
	margin-bottom: 6.8em
}

footer li {
	margin-bottom: 1.45em
}

footer li a {
	color: #fff;
	font-size: var(--text-24);
	border-bottom: 1px solid transparent;
}

footer li a:hover {
	border-color: #fff
}


html.no-scroll {
	overflow: hidden;
}






#navigation {
	position: fixed;
	display: none;
	top: -7vw;
	left: 0;
	width: 100%;
	height: calc(100% - 18vw);
	overflow-y: auto;
	z-index: 6000;
	background: #fff;
	box-sizing: border-box;
	padding: 2.08vw
}

#navigation .close {
	transition: all 0.2s;
	position: absolute;
	top: 2.45vw;
	left: 2.08vw;
	width: 1.35vw;
	height: 1.35vw;
	background: url("../img/close.svg") 50% 50% no-repeat;
	background-size: 100%;
}

#navigation .data {
	justify-content: flex-end;
	gap: 6px
}

#navigation .data .lang {
	position: relative;
	width: 2.40vw;
	color: #202020;
	height: 2.08vw;
	cursor: pointer;
	background: var(--accent-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	text-transform: uppercase;
}

#navigation .data .lang .current {
	position: relative;
	padding-right: 0.62vw;
	font-size: 0.62vw
}

#navigation .data .lang.open .current:after {
	transform: rotate(180deg);
}

#navigation .data .lang .current:after {
	transition: all 0.2s;
	position: absolute;
	top: calc(50% - 0.26vw);
	right: 0;
	width: 6px;
	height: 6px;
	content: '';
	background: url("../img/arrd.svg") 50% 50% no-repeat;
	background-size: 0.36vw
}

#navigation .data .lang ul {
	display: none;
	border-radius: 0.26vw;
	background: var(--accent-bg);
	padding: 0 6px;
	box-sizing: border-box;
	position: absolute;
	top: 100%;
	left: 0;
	width: 5.73vw;
	margin-top: 0.26vw;
	font-size: 0.73vw;
	text-transform: none;
}


#navigation .data .lang ul li a {
	color: var(--text);
	padding: 0.36vw 0;
	display: block;
	opacity: 0.4;
	border-bottom: 1px solid var(--text)
}

#navigation .data .lang ul li a:hover {
	opacity: 1
}

#navigation .data .lang ul li:last-child a {
	border-bottom: none;
}

#navigation nav {
	padding: 0;
	display: flex;
	height: 100%;
	top: -50px;
	align-items: center;
	position: absolute;
}

#navigation nav li {
	margin-bottom: 6px
}

#navigation nav li:last-child {
	margin-bottom: 0;
}

#navigation nav li a {
	display: block;
	opacity: 0.6;
	font-size: 3.12vw;
	line-height: normal;
	color: #202020
}

#navigation nav li:hover a,
#navigation nav li.active a {
	opacity: 1
}

#navigation .sub-menu {
	display: none;
}

#navigation .menu-item-has-children {
	position: relative;
	width: fit-content;
	padding-right: 7em;
}

#navigation .menu-item-has-children a {
	display: inline-block;
	position: relative;
}

#navigation .menu-item-has-children a:after {
	content: '';
	position: absolute;
	display: block;
	background-image: url(../img/menu-down.svg);
	background-size: 12px;
	width: 12px;
	height: 12px;
	right: -20px;
	top: 12px;
	background-repeat: no-repeat;
	background-position: top right;
	transition: .25s;
}

#navigation .menu-item-has-children.open a:after {
	background-image: url(../img/menu-up.svg);
}

#navigation .menu-item-has-children .sub-menu a:after {
	display: none;
}

#navigation .menu-item-has-children.open .sub-menu a:after {
	display: none;
}


#navigation .menu-item-has-children .sub-menu {
	position: relative;
	padding-top: 15px;
	padding-bottom: 10px;
}

#navigation .menu-item-has-children .sub-menu a {
	font-size: 14px;
	color: rgba(0, 0, 0, .6);
}

#navigation .info {
	align-items: center;
}

#navigation .info p {
	max-width: 14.06vw;
	font-size: var(--text-20);
	line-height: 1.25vw;
	color: rgba(32, 32, 32, 0.6);
}

#navigation .info p strong {
	font-weight: 500;
	color: #202020;
}

#navigation .socials {
	gap: 0.26vw
}

#navigation .socials a {
	display: flex;
	background: var(--text);
	width: 2.60vw;
	height: 2.60vw;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
}

#navigation .socials a svg {
	width: 1.04vw;
	height: 1.04vw
}

#navigation .socials a svg path {
	fill: #fff;
}





.center {
	display: flex;
	align-items: center;
	justify-content: center;
}



.slider-products .swiper {
	padding: 0 0.05vw
}

.slider-sw,
.list__swiper {
	position: relative;
}

.slider-sw .swiper-button-prev,
.slider-sw .swiper-button-next {
	width: 3vw;
	opacity: 1 !important;
	height: 3vw;
	top: -4.69vw;
	transition: all 0.15s ease-out;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--text);
	border-radius: 50%;
	z-index: 1;
}

.slider-sw .swiper-button-prev:hover,
.slider-sw .swiper-button-next:hover {
	background: var(--accent)
}

.slider-sw .swiper-button-prev svg,
.slider-sw .swiper-button-next svg {
	width: 0.688em;
	height: auto;
}

.slider-sw .swiper-button-prev svg {
	margin-right: 3px;
}

.slider-sw .swiper-button-next svg {
	margin-left: 3px;
}

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

.slider-sw .swiper-button-prev {
	left: calc(50% - 3.1vw);
}

.slider-sw .swiper-button-next {
	right: calc(50% - 3.1vw)
}






.slider-products.slider-sw .swiper-pagination {
	bottom: 0.00vw !important
}

.sll1.slider-sw .swiper-pagination {
	bottom: 0.00vw !important
}

.sll2.slider-sw .swiper-pagination {
	bottom: 0.00vw !important
}

.slider-sw .swiper-pagination {
	bottom: -0.42vw !important;
}

.slider-sw .swiper-pagination-bullet {
	width: 0.42vw;
	height: 0.42vw;
	opacity: 1;
	background: transparent;
	border: 0.05vw solid #8FC143;
	border-radius: 50% !important
}

.slider-sw .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #8FC143
}



.compensate-for-scrollbar {
	margin-right: 0 !important
}


.f-nav {
	display: none;
}





section {
	position: relative;
	z-index: 2
}



.box__modal {
	display: none;
	font-family: "Inter Tight", sans-serif !important;
	width: 31.25vw !important;
	max-width: calc(100% - 2.08vw) !important;
	box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 20px;
	padding: 2.08vw;
	text-align: center;
	background: #fff !important
}

.box__modal .note {
	margin-bottom: 1.56vw;
	line-height: 1.15vw;
	font-size: var(--regular-text);
	opacity: 0.4;
	text-align: left
}

.box__modal .title {
	color: #202020;
	font-size: 2.50vw;
	line-height: 2.71vw;
	margin-bottom: 6px;
	text-align: left;
}

.box__modal .form input[type="text"],
.box__modal .form input[type="email"],
.box__modal .form input[type="tel"],
.box__modal .form input[type="password"],
.box__modal .form textarea,
.box__modal .form select {
	background: var(--accent-bg);
	border-radius: 6px;
	height: 3.12vw;
	border: 0.05vw solid rgba(32, 32, 32, 0.2);
	margin-bottom: 6px;
	font-size: var(--regular-text);
	padding: 0 1.04vw
}

.box__modal .btn {
	width: 100%;
	text-transform: uppercase;
	margin: 1.04vw 0 0 !important
}

.fancybox-close-small {
	top: 2.08vw;
	right: 2.08vw;
	width: 1.35vw;
	height: 1.35vw;
	background: url("../img/close.svg") 50% 50% no-repeat;
	transition: all 0.2s;
}

.fancybox-close-small:hover {
	transform: rotate(90deg);
}

.fancybox-close-small:after {
	display: none;
}

.compensate-for-scrollbar {
	margin-right: 0 !important
}







.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}




.grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.04vw;
}


.bt,
.header-main {
	text-align: center;
	margin-bottom: 4.17vw;
	font-size: 5.21vw;
	font-weight: 500;
	overflow: inherit;

}

.header-main {
	margin-bottom: 1vw;
}

.bt span,
.header-main span {
	background: linear-gradient(180deg, var(--accent) 0%, #43B848 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	letter-spacing: -0.02em;
	line-height: 1;
	text-fill-color: transparent;

}


.bt strong {
	position: relative;
	display: inline-block;
	border-radius: 10.42vw;
	padding: 0 1.41vw 0 2.60vw;
	line-height: 3.12vw;
	font-weight: normal;
	font-size: var(--text-20);
	margin-bottom: 2vw;
	color: rgb(32, 32, 32, .4);
	text-transform: capitalize;
	background: rgba(243, 243, 243, .6)
}

.bt .title {
	line-height: 1;
	font-weight: 500;
	overflow: inherit;
}

.bt strong:after {
	position: absolute;
	top: calc(50% - 0.3vw);
	left: 1.30vw;
	width: .7vw;
	height: .7vw;
	background: #44B949;
	border-radius: 50%;
	content: ''
}


.bt.bt-black strong {
	background: var(--text);
	color: #fff;
}


#faq .bt span {
	background: transparent;
	-webkit-text-fill-color: #202020
}

#accounts.meta .bt span,
#accounts.affiliate .bt span {
	background: linear-gradient(180deg, var(--accent) 0%, #43B848 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}



.bt__s {
	letter-spacing: -0.03em;
	font-size: var(--text-64);
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: 3.12vw;
	overflow: inherit;
	max-width: 55vw
}

.bt__s strong {
	font-weight: 500;
	color: rgba(32, 32, 32, 0.6);
}

.bt__s span {
	background: linear-gradient(180deg, var(--accent) 0%, #43B848 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}


.bt p {
	text-align: center;
	color: rgba(32, 32, 32, 0.40);
	font-size: var(--text-20);
	line-height: 1.2;
	font-weight: 400;
	letter-spacing: -0.4px;
	margin-top: 30px;
}



section {
	box-sizing: border-box;
	position: relative;
}




.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="password"],
.form textarea,
.form select {
	width: 100%;
	border: none;
	border-bottom: 1px solid #202020;
	height: 5.21vw;
	color: #202020;
	font-size: 2.50vw;
	margin-bottom: 3.12vw;
	background: transparent;
}

.form select {
	background: #fff url("../img/arrb.svg") calc(100% - 0.83vw) 50% no-repeat;
}

.form textarea {
	padding: 0.68vw;
	border-radius: 0.26vw;
	height: 4em;
	resize: none;
	background: transparent;
}


.form .input span {
	display: block;
	font-size: var(--text-20);
	font-weight: 500;
}

.form .flex .input {
	width: 36%;
	box-sizing: border-box;
}

.form .flex.flex-first .input-2 {
	width: calc(62% + 0.62vw);
}

.form .flex.flex-first .input-2 .input:first-child {
	width: calc(62% - 1.15vw)
}

.mt-3 {
	margin-top: 3vw
}

.form .flex.flex-first .i-labels {
	width: 90%;
	justify-content: flex-start;
	gap: 1.25vw;
	margin-top: 2.08vw
}

.form .flex.flex-first .input-full {
	width: 100% !important;
}

.form .flex.flex-first .input-full input {
	margin-bottom: 0;
}

.form .flex .input.input__s {
	width: 38%;
}

.form .flex.flex-2 {
	border-bottom: 1px solid #202020;
	padding-bottom: 3.12vw;
	margin-bottom: 3.12vw
}


.form .radio i {
	font-style: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 10.78vw;
	height: 3.12vw;
	border-radius: 80px;
	background: var(--accent-bg);
	border: 0.05vw solid var(--accent-bg);
	font-size: var(--text-20);
	font-weight: 500;
	color: rgba(32, 32, 32, 0.4);
}

.form .radio input:checked+i {
	border-color: #202020;
	color: #202020
}
.d-none{
	position: absolute;
	left: 0;
	opacity: 0;
}

input[type="checkbox"],
input[type="radio"] {
	display: none;
}

html form .wpcf7-not-valid-tip {
	display: none!important;
}
html form .wpcf7-not-valid {
	border-color: #F20E12!important;
}
html form .wpcf7-not-valid::placeholder {
	color: #F20E12!important;
}

::placeholder {
	color: rgba(32, 32, 32, 0.4);
	font-size: 1em;
}
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	font-size: 14px;
	text-align: center;
	padding: 10px;
	line-height: 1.3;
}
.wpcf7 {
	display: flex;
	justify-content: center;
	width: 100%;
}

button {
	background: transparent;
}



.clearfix {
	clear: both;
}

.center {
	display: inline-block;
	width: 100%;
	text-align: center;
}


a,
svg,
svg path {
	text-decoration: none;
	transition: all 0.15s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer;
}

a:hover {
	transition: all 0.15s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
	display: block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	max-width: 100%;
	height: auto;
	transition: all 0.15s ease-out;
}

div {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



.btn,
.btn:after {
	font-family: "Inter Tight", sans-serif;
	display: inline-block;
	cursor: pointer;
	position: relative;
	text-align: center;
	cursor: pointer;
	padding: 0;
	border: none;
	transition: all 0.2s ease-out;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: none;
}

.btn:hover {
	transition: all 0.2s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}




.btn-black {
	padding: 0 2.08vw;
	line-height: 3.12vw;
	color: #fff;
	background: var(--text);
	border-radius: 6.77vw;
	font-size: var(--text-20);
	font-weight: 500;
	margin-right: 3.12vw
}

.btn-black span {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.12vw;
	height: 3.12vw;
	position: absolute;
	top: 0;
	transition: all 0.5s;
	background: var(--text);
	right: -3.12vw;
}

.btn-black span svg {
	width: 1em;
}

.btn-black:hover {
	background: var(--accent);
}

.btn-black:hover span {
	background: var(--accent);
	transform: rotate(90deg);
}




.btn-white-arr {
	padding: 0 2.08vw;
	line-height: 3.12vw;
	color: #202020;
	background: #fff;
	border-radius: 6.77vw;
	font-size: var(--text-20);
	font-weight: 500;
	margin-right: 3.12vw
}

.btn-white-arr span {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.12vw;
	height: 3.12vw;
	position: absolute;
	top: 0;
	transition: all 0.5s;
	background: #fff;
	right: -3.12vw;
}


.btn-white-arr span svg {
	width: 1em;
}

.btn-white-arr:hover {
	background: var(--accent);
	color: #fff
}

.btn-white-arr:hover span {
	background: var(--accent);
	transform: rotate(90deg);
}

.btn-white-arr:hover span svg path {
	fill: #fff
}




.btn-green-a {
	padding: 0 2.08vw;
	line-height: 3.12vw;
	color: #fff;
	background: var(--accent);
	border-radius: 6.77vw;
	font-size: var(--text-20);
	font-weight: 500;
	margin-right: 3.12vw
}

.btn-green-a span {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.12vw;
	height: 3.12vw;
	position: absolute;
	top: 0;
	transition: all 0.5s;
	background: var(--accent);
	right: -3.12vw;
}

.btn-green-a span svg {
	width: 1em;
}

.btn-green-a:hover {
	background: var(--text);
}

.btn-green-a:hover span {
	background: var(--text);
	transform: rotate(90deg);
}



.btn-green-arr {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3vw;
	height: 3vw;
	border-radius: 50%;
	background: var(--accent)
}

.btn-green-arr svg {
	width: 1.5vw;
}

#promo .form__promo .btn-green-arr svg {
	width: 1.5vw;
}

.btn-green-arr:hover {
	background: var(--text)
}





.btn-greenl {
	background: var(--accent);
	border-radius: 3.65vw;
	line-height: 3.12vw;
	height: 3.12vw;
	width: 100%;
	font-weight: 500;
	color: #fff;
	font-size: var(--text-20);
	overflow: hidden;
}

.btn-greenl:hover {
	background: var(--text);
	line-height: 10.42vw
}

.btn-greenl i {
	position: absolute;
	transition: all 0.2s;
	width: 100%;
	height: 100%;
	line-height: 3.12vw !important;
	font-style: normal;
	left: 0;
	margin: 3.12vw 0 0;
	font-size: var(--text-20);
	font-weight: 500;
	z-index: 5
}

.btn-greenl:hover i, 
.btn-grey-tr:active i, 
.btn-grey-tr:focus i {
    margin: 0 !important;
}





.btn-grey-tr {
	background: transparent;
	overflow: hidden;
	border-radius: 3.65vw;
	height: 3.12vw;
	border: 0.05vw solid rgba(32, 32, 32, 0.4);
	line-height: 3.12vw;
	width: 100%;
	color: rgba(32, 32, 32, 0.4);
	font-size: var(--regular-text)
}

.btn-grey-tr:hover {
	color: var(--text);
	border-color: var(--text);
	line-height: 10.42vw;
}

.btn-grey-tr i {
	position: absolute;
	transition: all 0.2s;
	width: 100%;
	height: 100%;
	line-height: 3.12vw !important;
	font-style: normal;
	left: 0;
	margin: 3.12vw 0 0;
	z-index: 5
}

.btn-grey-tr:hover i, 
.btn-grey-tr:active i, 
.btn-grey-tr:focus i {
    margin: 0 !important;
		
}



#niches .item .data .btn-black {
	height: 3.12vw;
	overflow: hidden;
}

#niches .item .data .btn-black:hover {
	line-height: 10.42vw
}

#niches .item .data .btn-black i {
	position: absolute;
	transition: all 0.2s;
	width: 100%;
	height: 100%;
	line-height: 3.12vw !important;
	font-style: normal;
	left: 0;
	margin: 3.12vw 0 0;
	z-index: 5
}

#niches .item .data .btn-black:hover i {
	margin: 0
}

.video-service-mobile {
	display: none;
}


.btn-white {
	width: 100%;
	line-height: 3.12vw;
	background: #fff;
	border-radius: 5.21vw;
	font-size: var(--text-20);
	color: #202020;
	font-weight: 500;
	border: 0.05vw solid #fff
}

.btn-white:hover {
	border-color: #202020;
	color: #202020;
	background: transparent;
}




input,
textarea,
select,
button {
	-webkit-appearance: none;
	box-sizing: border-box;
	font-family: "Inter Tight", sans-serif;
}








@-webkit-keyframes opacity {

	0%,
	100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-webkit-keyframes change {

	0%,
	12.66%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	16.66%,
	29.32% {
		transform: translate3d(0, -25%, 0);
	}

	33.32%,
	45.98% {
		transform: translate3d(0, -50%, 0);
	}

	49.98%,
	62.64% {
		transform: translate3d(0, -75%, 0);
	}

	66.64%,
	79.3% {
		transform: translate3d(0, -50%, 0);
	}

	83.3%,
	95.96% {
		transform: translate3d(0, -25%, 0);
	}
}

@keyframes opacity {

	0%,
	100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@keyframes change {

	0%,
	12.66%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	16.66%,
	29.32% {
		transform: translate3d(0, -25%, 0);
	}

	33.32%,
	45.98% {
		transform: translate3d(0, -50%, 0);
	}

	49.98%,
	62.64% {
		transform: translate3d(0, -75%, 0);
	}

	66.64%,
	79.3% {
		transform: translate3d(0, -50%, 0);
	}

	83.3%,
	95.96% {
		transform: translate3d(0, -25%, 0);
	}
}


.video-block {
	position: relative;
	height: 30vw;
	border-radius: 30px;
	overflow: hidden;
	top: -2em;
}

.video-block video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.video-block .socials {
	position: absolute;
	right: 3vw;
	bottom: 2vw;
	gap: .5vw;
}

.video-block .socials a {
	width: 3.5vw;
	height: 3.5vw;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.video-block .socials a svg {
	height: 1.5vw;
}

.video-block .socials a:hover {
	background: #43B848;
}

.video-block .socials a:hover svg path {
	fill: #fff;
}

.btn-center-radius {
	display: flex;
	justify-content: center;
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	background-size: cover;
	width: 100%;
	margin: 0 auto;
	bottom: 0;
	position: absolute;
}

.btn-center-radius div {
	--default-bg: lightgrey;
	--active-bg: #fff;
	position: relative;
	padding-top: 1vw;
	padding-left: 1vw;
	padding-right: 1vw;
	background-color: var(--default-bg);
	border-top-left-radius: 2.5vw;
	border-top-right-radius: 2.5vw;
}

.btn-center-radius div.active {
	color: #222;
	background-color: var(--active-bg);
	z-index: 1;
	height: fit-content;
}

.btn-center-radius div.active::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	left: calc(100% - 2px);
	background: transparent;
	border-bottom-left-radius: 3vw;
	box-shadow: -0.6vw 2vw 0 rgba(255, 255, 255, 1);
}

.btn-center-radius div.active::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 7vw;
	height: 100%;
	right: calc(100% - 2px);
	background: transparent;
	border-bottom-right-radius: 3vw;
	box-shadow: 0.6vw 2vw 0 rgba(255, 255, 255, 1);
}

.but-circle {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.but-circle span {
	display: inline-block;
	background-color: #202020;
	color: #fff;
	border-radius: 56px;
	padding: 0 2.7em;
	height: 3.4vw;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
	font-size: var(--text-20);
	font-weight: 500;
}

.but-circle i {
	min-height: 3.4vw;
	min-width: 3.4vw;
	color: #fff;
	display: flex;
	line-height: 1;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #202020;
	transition: .3s;
}

.but-circle.green i {
	background-color: var(--accent);
}


.but-circle i svg {
	width: 1.1em;
}

.but-circle:hover span {
	background: var(--accent);
}

.but-circle:hover i {
	transform: rotate(90deg);
	background: var(--accent);
}

.btn-center-top {
	top: 0;
	padding-top: 0;
	position: absolute;
	margin: 0 auto;
	width: 100%;
}

.btn-center-top .active {
	transform: rotate(-180deg);
	width: 30vw;
	min-height: 2.5vw;
}

.btn-center-top div {
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0;
	border-top-left-radius: 6vw;
	border-top-right-radius: 6vw;
}

.btn-center-top div.active::before {
	mask-image: linear-gradient(to top, red, red), radial-gradient(circle 2.7vw at center, green 80%, transparent 81%);
	mask-size: 2vw 2vw, 100%;
	left: 99%;
}

.btn-center-top div.active::after {
	mask-image: linear-gradient(to top, red, red), radial-gradient(circle 2.8vw at center, green 80%, transparent 81%);
	mask-size: 2vw 2vw, 100%;
	right: 99%;

}

#promo .btn-center-radius .active .note {
	width: fit-content;
	transform: rotate(-180deg);
	text-align: center;
	margin-bottom: 0;
	background: none;
	margin-bottom: 0;
	opacity: 0;
	padding: 0;
}

.btn-center-top .active {
	height: fit-content;
}

#why.why__services.why-join {
	padding-bottom: 0;
	background-image: url(../img/why-join-bg.png);
	background-position: left center;

	background-size: auto 100%;
	background-repeat: no-repeat;
}



#why.why__services.why-affiliate {
	background: none;
}

#why.why__services.why-affiliate.width-bg {
	background-image: url(../img/why-join-bg.png);
	background-position: left center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#why.why__services.why-bg {
	background-image: url(../img/why-join-bg.png);
	background-position: left center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#why.why__services.why-join .right {
	width: calc(100% - 33vw);
	padding-top: 0;
}

#why.why__services.why-affiliate .right {
	width: calc(100% - 24vw);
	padding-top: 0;
}

#why.why__services.why-join .right .bt__s {
	max-width: 53vw;
}



#why.why__services.why-affiliate .right .bt__s {
	max-width: 100%;
	letter-spacing: -2.92px;
}

#why.why__services.why-join .bt__s {
	position: relative;
}

#why.why__services.why-join .items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5em;
	max-width: 53vw;
	margin-left: 33vw;
}

#why.why__services.why-affiliate .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1.5em;
	max-width: 100%;
	margin-left: 0;
}

#why.why__services.why-edtech .items {
	grid-template-columns: 1fr 1fr 1fr;
	margin-left: 24vw;
}


#why.why__services.why-join .items .item {
	width: 100%;
	min-height: auto;
	display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#why.why__services.why-join .items .item.green {
	background: var(--accent);
}

#why.why__services.why-join .items .item.black {
	background: var(--text);
}

#why.why__services.why-join .items .item.green p,
#why.why__services.why-join .items .item.black p {
	color: #fff;
}

#why.why__services.why-join .items .item.green .num,
#why.why__services.why-join .items .item.black .num {
	color: rgba(255, 255, 255, 0.6);
}




#why.why__services.why-join .items .item .label {
	background: #fff;
	color: rgb(32, 32, 32, .4);
	border-radius: 90px;
	line-height: 1;
	display: inline-block;
	padding: .5vw 1vw;
	padding-left: 1.8vw;
	font-size: var(--regular-text);
	position: relative;
}

#why.why__services.why-join .items .item .label:before {
	position: absolute;
	top: calc(50% - 0.18vw);
	left: .8vw;
	width: .5vw;
	height: .5vw;
	background: #44B949;
	border-radius: 50%;
	content: '';
}

#why.why__services.why-join .items .item.black .label:before {
	background: var(--text);
}

#why.why__services.why-join .items .item .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5vw;
}

#why.why__services.why-affiliate .items .item .top {
	margin-bottom: 3vw;
}

#why.why__services.why-join .items .item .num {
	font-size: var(--text-18);
	color: rgb(32, 32, 32, .4);
}

#why.why__services.why-join .items .item p {
	font-size: var(--text-24);
	color: var(--text);
	opacity: 1;
}

#solution {
	background-image: url(../img/bg-solutions.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 100%;
}


.filter-solution {
	display: flex;
	align-items: center;
	width: fit-content;
	padding: .5vw;
	gap: .5vw;
	border-radius: 80px;
	border: 1px solid rgba(32, 32, 32, 0.20);
	background: rgba(255, 255, 255, 0.60);
	margin: 0 auto;
}

.filter-solution select {
	width: fit-content;
	height: 3vw;
	font-size: .9em;
	border: 0.05vw solid rgba(32, 32, 32, 0.2);
	border-radius: 4.17vw;
	background: var(--accent-bg);
	padding-left: 1.50vw;
	padding-right: 2.50vw;
	background: var(--accent-bg) url("../img/arrd.svg") no-repeat;
	background-size: .7em;
	background-position: right .8em center;
	color: rgba(32, 32, 32, 0.4);
}

#solution .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1.5em;
	margin-top: 2vw;
}

#solution .item {
	padding: 1.6em;
	background: var(--accent-bg);
	backdrop-filter: blur(1.15vw);
	border-radius: 20px;
	position: relative;
}

#solution .item .label {
	background: #fff;
	color: rgb(32, 32, 32, .4);
	border-radius: 90px;
	line-height: 1;
	display: inline-block;
	padding: .5vw 1vw;
	padding-left: 1.3vw;
	font-size: var(--regular-text);
	position: relative;
}

#solution .item .label:before {
	position: absolute;
	top: calc(50% - 0.18vw);
	left: .5vw;
	width: .5vw;
	height: .5vw;
	background: #44B949;
	border-radius: 50%;
	content: '';
}

#solution .item .label.red:before {
	background: #F20E12;
}

.vacancy-name {
	display: flex;
	gap: .5vw;
	margin-top: 1.5vw;
}

.vacancy-name .image {
	width: 2.7vw;
	height: 2.7vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent);
	border-radius: 50%;
	border: 3px solid #fff;
	color: #fff;
	font-size: 1.2vw;
}

.vacancy-name .text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	color: rgba(32, 32, 32, 0.4);
}

.vacancy-name .text strong {
	color: var(--text);
	font-weight: normal;
	font-size: var(--text-24);
	line-height: 1.6vw;
}

.info-vacancy {
	margin-top: 1.5vw;
	border-top: 1px solid rgba(32, 32, 32, 0.4);
	padding-top: .5vw;
}

.info-vacancy p {
	color: rgba(32, 32, 32, 0.4);
	width: 12vw;
}

.avatars {
	display: flex;
	position: relative;
}

.avatar {
	position: relative;
	left: -5px;
	margin-left: -12px;
	z-index: 1;
	border: 2px solid #fff;
	background: #fff;
	width: 1.6vw;
	height: 1.6vw;
	border-radius: 50%;
}

.avatar img {
	width: 1.6vw;
	height: 1.6vw;
}

.avatar-text {
	background: var(--accent);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .7em;
	z-index: 2;
}

#solution .advantages {
	margin-top: 3vw;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	color: rgb(32, 32, 32, .6);
}

#solution .advantages li {
	padding-left: 1.45vw;
	background-repeat: no-repeat;
	background-size: auto 1vw;
	background-position: left center;
}

#solution .advantages li.level-text {
	background-image: url(../img/level-text.svg);
}

#solution .advantages li.location-text {
	background-image: url(../img/location-text.svg);
}

#solution .advantages li.time-text {
	background-image: url(../img/time-text.svg);
}

#solution .advantages li.money-text {
	background-image: url(../img/money-text.svg);
}

#solution .btn-greenl {
	width: 100%;
	margin-top: 2vw;
	margin-bottom: 0;
}

#ceo.white-ceo {
	padding: 1.20vw 0 0;
}

#ceo.white-ceo .inn {
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	color: var(--text);
	background-size: 80%;
	height: 40vw;
	background-position: bottom 5px center;
}

#ceo.white-ceo .description {
	max-width: 36vw;
}

#ceo.white-ceo .description p {
	color: var(--text);
	line-height: 1.1;
}

#ceo.white-ceo .more a {
	color: var(--text);
}

#ceo.white-ceo .btn-tr {
	color: var(--text);
	border-bottom: 2px solid #202020;
	line-height: 1.4;
}

#ceo.white-ceo .more a:hover,
#ceo.white-ceo .btn-tr:hover {
	color: var(--accent);
	border-bottom: 2px solid var(--accent);
}

#ceo.white-ceo .more span {
	background: var(--text);
}

#ceo.white-ceo .name {
	color: var(--text);
	font-size: 10.4vw;
}

#ceo.white-ceo .btn-black {
	margin-right: 40px;
}

#ceo.white-ceo .inn::after {

	background: linear-gradient(180deg, rgba(243, 243, 243, 0) 50.58%, rgba(243, 243, 243) 100%);
}


.item-proccess .num {
	position: absolute;
	right: 1.5vw;
	top: 1.5vw;
	font-size: var(--text-18);
	color: rgb(32, 32, 32, .4);
}

.item-proccess .icon {
	width: 3.5vw;
	height: 3.5vw;
	background: var(--accent);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.item-proccess .step {
	margin-top: 2vw;
	font-size: var(--text-14);
	;
	padding-bottom: .7em;
	color: rgba(32, 32, 32, .4);
	border-bottom: 1px solid rgba(32, 32, 32, .4);
}

.item-proccess .title {
	font-size: var(--text-38);
	line-height: 1;
	margin-top: 1vw;
}

.item-proccess p {
	margin-top: 1vw;
	color: rgba(32, 32, 32, .4);
	font-size: var(--text-18);
	;
	line-height: 1.2;
	width: 75%;
}



.sticky {
	position: fixed; /* Когда элементы становятся фиксированными */
	top: 0; /* Закрепляем сверху */
	z-index: 10; /* Для поверх других элементов */
  }
  
  .sticky-bottom {
	position: fixed; /* Когда элементы становятся фиксированными снизу */
	bottom: 0;
	z-index: 10; /* Для поверх других элементов */
  }

#faq.full-width .bt {
	padding-left: 35vw;

}

#faq.full-width .bt .title {
	background: linear-gradient(180deg, var(--accent) 0%, #43B848 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	background-clip: text;
	letter-spacing: -0.02em;
	display: block;
	width: 100%;
	text-align: left;
}

#faq.full-width .bt strong {
	color: var(--text);
	background: #F3F3F3;
}

#faq.full-width .bt span {
	display: block;
}


#faq.full-width .accordion {
	width: 100%;
}

#faq.full-width .accordion .title {
	padding-left: 35vw;
}

#faq.full-width .accordion .answer {
	padding-left: 35vw;
	margin-left: 0;
}

#faq.full-width .accordion .title:first-child {
	border-top: 0.05vw solid #202020;
}

#faq.full-width .center {
	margin-top: 4vw;
	text-align: left;
	padding-left: 35vw;
}

#request.request-mobile {
	display: none;
}

#request.request-careers {
	background-image: url(../img/bg_faq.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
}


#request.request-careers .container {
	padding-left: 35vw;
}

#request.request-careers .bt,
#request.request-careers .bt__note {
	max-width: 100%;
}

#request .hidden {
	display: none;
}

.form .input-full .input {
	width: 100%;
}

.form .input-full .input input {
	margin-bottom: 0;
}

.form .input span strong {
	font-weight: normal;
	color: rgba(32, 32, 32, .4);
}


#request.request-careers .center-data {
	margin-top: 0;
	border-top: 0
}

#request.request-careers .center-bg {
	margin-left: 32em;
}


#request.request-careers .form .flex.flex-first .input,
#request.request-careers .form .flex.flex-first .input-2 {
	width: calc(50% - 0.6vw);
}


/* meta */
#promo.version-2 {
	padding-top: 0;
}

#promo.version-2 h1 {
	margin-bottom: 20px;
}

#promo.version-2 .note{
	padding-bottom: 0;
	margin-bottom: 40px;
}

#promo.version-2 .btn-green-arr {
	background: var(--text);
}

#promo.version-2 .btn-green-arr:hover {
	background: var(--accent);
}

.version-2 video{
	height: 100%;
	width: 100%;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}

.version-2 .bt {
	margin-bottom: 0;
}

#promo.version-2 .form__promo {
	margin-bottom: 30px;
}

.list-check {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 1vw;
	left: 0;
	width: 100%;
	gap: 1.5vw;
}

.list-check-mobile {
	display: none;
}

.list-check span {
	color: rgb(32, 32, 32, .6);
	font-size: var(--text-18);
	border-radius: 80px;
	padding: .7vw 1.5vw;
	padding-left: 2.5vw;
	background: var(--accent-bg);
	backdrop-filter: blur(1.15vw);
	background-image: url(../img/check-icon.svg);
	background-repeat: no-repeat;
	background-size: 1.2vw;
	background-position: left 1vw center;
}

#promo.version-2 .but-circle i {
	background: var(--text);
}

#promo.version-2 .but-circle.green i {
	background: var(--accent);
}

#promo.version-2 .but-circle:hover i {
	transform: none;
	background: var(--accent);
	transform: rotate(90deg);
}

#promo.version-2 .but-circle.green:hover i {
	transform: none;
	background: var(--text);
	transform: none;
}

#clients-section {
	background-image: url(../img/bg_faq.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left bottom;
}

#clients-section.niches-s {
	background: none;
}

#clients-section.bing {
	background: none;
}

#clients-section.bing .bt__s {
	max-width: 70vw;
}

#clients-section .container.flex {
	align-items: baseline;
}

.clients-items {
	display: flex;
	gap: 1vw;
	flex-wrap: wrap;
	max-width: 66vw;
	margin-top: 6vw;
}

.clients-items .item {
	background: #fff;
	border: 1px solid rgb(32, 32, 32, .6);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	width: 10vw;
	height: 10vw;
}

.clients-items .item img {
	max-width: 65%;
}

#clients-section.grid-4 .items {
	padding-left: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}



#figures .items {
	display: grid;
	/* Устанавливаем grid-контейнер */
	grid-template-columns: 50% 25% 25%;
	/* Определяем ширины столбцов */
	gap: 1vw;
	/* Отступы между элементами */
	margin-top: 4vw;
}

#figures .items .item {
	padding: 2vw;
	border-radius: 30px;
	background: var(--accent-bg);
	backdrop-filter: blur(1.15vw);
	height: 21vw;
}

#figures.bing .items .item {
	padding: 2vw;
	border-radius: 30px;
	background: var(--accent-bg);
	backdrop-filter: blur(1.15vw);
	height: 19vw;
}

#figures.bing .items .item {
	padding-bottom: 4vw;
}

#figures.bing .items .item .num {
	position: absolute;
	bottom: 1.5vw;
	left: 1.5vw;
}

#figures.bing .items .item img {
	width: 100%;
}

#figures.bing .items .item:nth-child(2n) img {
	margin-top: 3vw;
}

#figures .items .item p {
	font-size: var(--text-24);
	line-height: 1.2;
	color: rgb(32, 32, 32, .6);
	width: 17vw;
	margin-bottom: 2vw;
}

#figures.bing .items .item p {
	width: 18vw;
}



#figures .items .item .num {
	color: var(--text);
	font-weight: 500;
	font-size: 5vw;
	margin-top: 2vw;
	line-height: 1;
}



#figures .items .item:first-child {
	background: var(--accent);
	/* Индивидуальный стиль для первого элемента */
	color: #fff;
}

#figures .items .item:first-child p {
	position: absolute;
	left: 2vw;
	top: 2vw;
	font-size: var(--text-38);
	line-height: 1.2;
	width: 20vw;
	font-weight: 500;
	color: #fff;
}

#figures .items .item:first-child .label {
	position: absolute;
	right: 2vw;
	top: 2vw;
	font-size: var(--regular-text);
	line-height: 1.2;
	color: rgb(32, 32, 32, .6);
	background: #fff;
	padding: 0.3vw 1vw;
	border-radius: 30px;
}

#figures .items .item:first-child .num {
	position: absolute;
	left: 2vw;
	bottom: 2vw;
	font-size: 8vw;
	line-height: .8;
	color: #fff;
}

#figures .items .item:first-child img {
	position: absolute;
	right: 2vw;
	bottom: 2vw;
	width: 20vw;
}

#figures.bing .items .item:first-child img {
	width: 16vw;
}

#figures.bing .items .item:first-child p {
	width: 30vw;
}



/* .header-right {
	align-items: baseline;
} */

.header-right .right {
	width: 68vw;
}

.header-right .right .bt__s {
	max-width: 100%;
}


#advantages .items {
	margin-top: 2vw;
}
#advantages .typed-words {
	height: 12vw;
}
#advantages .item {
	padding: 1.5vw 0;
	display: grid;
	border-radius: 0;
	grid-template-columns: 26vw 1fr 3vw;
	align-items: center;
	border-top: .1vw solid rgb(32, 32, 32, .6);
}

#advantages .item:last-child {
	border-bottom: .1vw solid rgb(32, 32, 32, .6);
}

#advantages .item p {
	text-align: left;
	font-size: var(--text-38);
	line-height: 1.1;
	display: block;
}

#advantages .item img {
	width: 3.8vw;
}

#advantages .item span {
	font-size: var(--text-18);
	line-height: 1;
	text-align: right;
	color: rgb(32, 32, 32, .4);
}

#advantages .center {
	margin-top: 4vw;
	text-align: left;
	padding-left: 26vw;
}



#readliness {
	padding-top: 2vw;
	padding-bottom: 2vw;
	
}
#readliness .readliness-data {
	background: #f3f3f3;
}
#readliness .container {
	position: relative;
	z-index: 3;
}



#readliness .bt .note {
	margin: 0 auto;
	text-align: center;
	font-size: var(--text-20);
	line-height: 1.2;
	color: rgb(32, 32, 32, .4);
	letter-spacing: -2%;
	width: 40vw;
	margin-top: 2vw;
}

#readliness .content-img {
	text-align: center;
}

#readliness .content-img img {
	display: inline-block;
	width: 80vw;
}

#readliness .content-img .mobile {
	display: none;
}



#partnerchip .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1vw;
}

.mt-6 {
	margin-top: 60px;
}

#partnerchip .items .item {
	padding: 2vw;
	background: var(--accent-bg);
	border-radius: 20px;
	position: relative;
	min-height: 20vw;
}

#partnerchip .items .item-btn {
	padding: 0;
	background: none;
	display: flex;
	align-items: end;
}

#partnerchip .items .item-btn .center {
	padding-left: 0;
	text-align: right;
}

#partnerchip .items .item .text {
	position: absolute;
	bottom: 2vw;
	left: 2vw;
}

#partnerchip .items .item .title {
	font-size: var(--text-38);
	line-height: 1;
	margin-bottom: 1vw;

}

#partnerchip .items .item p {
	font-size: var(--text-18);
	color: rgba(32, 32, 32, .4);
	line-height: 1.3;
	width: 17vw;
}

#partnerchip .items .item img {
	position: absolute;
	left: 2vw;
	top: 2vw;
	width: 18vw
}

#partnerchip .items .item:nth-child(3n) img {
	position: absolute;
	left: 1vw;
	top: .5vw;
	width: 19vw
}

#partnerchip .center {
	padding-left: 25.7vw;
	text-align: left;
	margin-top: 3vw;
}
#accounts.affiliate {
	background: none;
}
#accounts.meta {
	background-position: right bottom;
	padding-bottom: 0;
}

#accounts.real-estate .bt {
	margin-bottom: 5vw;
}

#accounts.real-estate .swiper-button-prev,
#accounts.real-estate .swiper-button-next {
	display: none;
}

#accounts.meta .item {
	padding: 1.5vw;
	height: 21vw;
	max-height: 400px;
}

#accounts.meta .item .flex {
	align-items: center;
}

#accounts.meta .item .flex .icon img {
	width: 4.6vw;
	max-width: 60px;
}

#accounts.meta .item .label {
	background: #fff;
	color: rgb(32, 32, 32, .4);
	border-radius: 90px;
	line-height: 1;
	display: inline-block;
	padding: .5vw 1vw;
	padding-left: 1.3vw;
	font-size: var(--regular-text);
	position: relative;
}

#accounts.meta .item .label:before {
	position: absolute;
	top: calc(50% - 0.18vw);
	left: .5vw;
	width: .5vw;
	height: .5vw;
	background: #44B949;
	border-radius: 50%;
	content: '';
}

#accounts.meta .item .num {
	position: relative;
	font-size: var(--text-18);
	color: rgb(32, 32, 32, .4);
}

#accounts.meta .item .image {
	width: 100%;
	height: 8vw;
}

#accounts.meta .item .text {
	position: absolute;
	bottom: 0;
}

#accounts.meta .item .title {
	font-size: var(--text-38);
	line-height: 1;
	padding-left: 0;
}

#accounts.meta .item p {
	margin-bottom: 30px;
	min-height: auto;
}



#reviews .see-more {
	display: none;
	align-items: center;
	justify-content: center;
	margin: 30px 0;
	color: rgb(32, 32, 32, .4);
	font-size: 14px;
	font-weight: 500;
	gap: 10px;
	line-height: 1.2;
}

#reviews .see-more p {
	width: 90px;
	text-align: left;
}



#reviews .items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

#reviews .item {
	border-radius: 30px;
	background: rgba(232, 232, 232, 0.6);
	padding: 1.6vw;
}

#reviews .item:first-child,
#reviews .item:nth-child(8n) {
	background: var(--accent);
	color: #fff;
}

#reviews .item:nth-child(3n),
#reviews .item:nth-child(6n) {
	background: var(--text);
	color: #fff;
}

.client-name {
	display: flex;
	align-items: center;
	gap: 1vw;
}

.client-name .image {
	overflow: hidden;
	position: relative;
}


.client-name .image:after {
	content: '';
	width: 1.5vw;
	height: 1.5vw;
	background-color: #202020;
	border-radius: 50%;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(../img/play.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1vw;
}

#reviews .item:nth-child(3n) .client-name .image:after,
#reviews .item:nth-child(6n) .client-name .image:after {
	background-color: var(--accent);
}

.client-name img {
	width: 5.3vw;
	height: 5.3vw;
	object-fit: cover;
	border: 2px solid #fff;
	border-radius: 50%;
}

#reviews .item:nth-child(3n) .client-name img,
#reviews .item:nth-child(6n) .client-name img {
	background-color: var(--accent);
	border: 2px solid #202020;
}

.client-name .name {
	font-size: var(--text-24);
	font-weight: 500;
	line-height: 1.2;
}

.reviews-text {
	margin-top: 2vw;
	color: rgb(32, 32, 32, .8);
	font-weight: 500;
	font-size: var(--text-24);
	line-height: 1.2;
	min-height: 15vw;
}

#reviews .item:first-child .reviews-text,
#reviews .item:nth-child(8n) .reviews-text,
#reviews .item:nth-child(3n) .reviews-text,
#reviews .item:nth-child(6n) .reviews-text {
	color: rgb(255, 255, 255, .8);
}


.reviews-author {
	display: flex;
	align-items: center;
	gap: .5vw;
	font-size: var(--text-18);
}

.reviews-author svg path {
	fill: #202020;
}

#reviews .item:first-child .reviews-author svg path,
#reviews .item:nth-child(3n) .reviews-author svg path,
#reviews .item:nth-child(6n) .reviews-author svg path,
#reviews .item:nth-child(8n) .reviews-author svg path {
	fill: #fff;
}

.items-niches {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1.5vw;
	padding-left: 24vw;
}

.niches-s .items-niches {
	padding-left: 0;
	display: block;
}

.items-niches .item {
	background-color: #e3e3e3;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 1.56vw;
	border-radius: 20px;
}


.items-niches .item.item-green {
	background: var(--accent);
}

.items-niches .item.item-black {
	background: var(--text);
}

.items-niches .item.item-green .title,
.items-niches .item.item-black .title {
	color: #fff;
}

.items-niches .item.item-green .title span,
.items-niches .item.item-black .title span {
	color: rgb(255, 255, 255, .7);
	opacity: 1;
}




.items-niches .item .icon img {
	width: 3.5em;
	height: 3.5em;
	display: inline-block;
}

.items-niches .item .title {
	font-size: 1.67vw;
	font-weight: 500;
	position: relative;
	padding-left: 2.08vw;
	box-sizing: border-box;
}

.items-niches .item .title span {
	position: absolute;
	top: 0.10vw;
	left: 0;
	font-size: 0.73vw;
	font-weight: normal;
	color: rgb(165, 165, 165, .4);
	line-height: normal;
}

.items-niches .item .data {
	background: #fff;
	box-sizing: border-box;
	min-height: 11.72vw;
	padding: 1.04vw;
	border-radius: 16px;
	position: relative;
}

.items-niches .item .data .excerpt {
	max-width: 100%;
	box-sizing: border-box;
	padding: 6px 2.34vw 6px 6px;
	font-size: 0.73vw;
	line-height: 0.83vw;
	background: #E8E7E7;
	border-radius: 6px 6px 6px 0;
	position: relative;
	line-height: 1.2;
	color: rgba(32, 32, 32, 0.6);
}

.items-niches .item .data .btn {
	width: calc(100% - 2.08vw);
	margin: 0;
	position: absolute;
	bottom: 1.04vw;
	left: 1.04vw;
}

.items-niches .item .data .btn-black {
	height: 3.12vw;
	overflow: hidden;
}

.items-niches .item .data .btn-black i {
	position: absolute;
	transition: all 0.2s;
	width: 100%;
	height: 100%;
	line-height: 3.12vw !important;
	font-style: normal;
	left: 0;
	margin: 3.12vw 0 0;
	z-index: 5;
}

.items-niches .item .data .btn-black:hover {
	line-height: 10.42vw;
}

.items-niches .item .data .btn-black:hover i {
	margin: 0;
}


.items-niches .item .data .excerpt span {
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-size: 8px;
	font-style: italic;
}

.niches-s .bt {
	margin-bottom: 10vw;
}

#faq.bing,
#request.bing {
	display: none;
}

.snapchat .items-niches {
	padding-left: 0;
	display: block;
}

#figures.snapchat .items .item:first-child p {
	width: 37vw;
}

#figures.snapchat .items .item:first-child img {
	width: 20vw;
}

#figures.snapchat .items .item:first-child .num {
	font-size: 7vw;
}

#figures.snapchat .items .item:nth-child(2n) img {
	margin-top: 0;
}


#faq.no-bg,
#faq.full-width,
#analyze.no-bg {
	background: none;
}

#analyze .header-right .right {
	width: 70vw;
}



#analyze {
	background-image: url(../img/analyze-bg.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left bottom;
}


#analyze.meta {
	background: none;
}

#analyze .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
}

#analyze .items.items-meta {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.items .item-w-number {
position: relative;
opacity: 1!important;
}





.item-w-number .text-data {
    will-change: backdrop-filter;
    padding: 30px;
    border-radius: 20px;
    background: rgba(243, 243, 243, 0.60);
	backdrop-filter: blur(34px);
	-webkit-backdrop-filter: blur(34px);
    margin-top: 5vw;
    height: 18vw;
    position: relative;
}



.item-w-number .text-data .text-block {
	position: absolute;
	bottom: 30px;
}

.item-w-number .number {
    text-align: center;
    font-size: var(--text-208);
    line-height: 1;
    letter-spacing: -4.16px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: transform 2.3s ease-out;
}

.items .item-w-number.aos-animate .number {
    transform: translateY(-20px); /* Сдвиг вверх */
}

.item-w-number .rating,
.rating-m {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 10vw;
}

.item-w-number .rating i,
.rating-m i {
	width: clamp(12px, 1.5vw, 20px);
	height: clamp(12px, 1.5vw, 20px);
	background: #eee;
	border-radius: 40px;
	transition: 2s;

}

.item-w-number.aos-animate .rating i.active,
.item-n.aos-animate .rating-m i.active {
	width: clamp(30px, 4vw, 50px);
	border-radius: 40px;
	background: var(--accent);
}

.item-w-number p.small {
	font-size: var(--text-14);
	color: rgba(32, 32, 32, 0.60);
	letter-spacing: -0.28px;
}

.item-w-number p.small::after {
	content: '';
	display: block;
	margin: 1vw 0;
	width: 100%;
	height: 1px;
	background: #000;
}

.item-w-number .title {
	font-size: var(--text-38);
	line-height: 1;
	letter-spacing: -0.76px;
	font-weight: 500;
}

.item-w-number p {
	color: rgba(32, 32, 32, 0.60);
	font-size: var(--text-18);
	padding-right: 10px;
	font-weight: 400;
	line-height: 1.1;
	margin-top: 1vw;
}

#analyze .item-w-number:nth-child(2) {
	margin-top: 6vw;
}

#analyze .item-w-number:nth-child(3) {
	margin-top: 12vw;
}

#analyze .item-w-number:nth-child(4) {
	margin-top: -4vw;
}

#analyze .items.items-meta .item-w-number:nth-child(4) {
	margin-top: 18vw;
}

#analyze .item-w-number:nth-child(5) {
	margin-top: 2vw;
}

#analyze .item-w-number:last-child .number {
	color: var(--accent);
}

#promo-middle {
	overflow: hidden;
}
#promo-middle .promo-middle {
	background-image: url(../img/promo-middle.png);
	background-repeat: no-repeat;
	background-position: left center;

	background-size: cover;
	background-color: var(--accent);
	padding: 2vw;
	border-radius: 20px;
	min-height: 45vw;
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #fff;
	justify-content: center;
	overflow: hidden;
}



#promo-middle .flex-start {
	justify-content: start;
	
}

#promo-middle .promo-middle .money-img {
	position: absolute;
	left: 0;
	bottom: -100px;
	width: 100%;
	z-index: 0;
	text-align: center;
}


#promo-middle .promo-middle.vacancy .money-img img {
	width: 43em;
	bottom: -20vw;
}

#promo-middle .promo-middle .money-img img {
	display: inline-block;
	bottom: -25vw;
	position: relative;
	width: 55em;
}

.promo-middle .bt {
	margin-bottom: 0;
	line-height: 0;
	z-index: 1;
}

.promo-middle .bt strong {
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
}

.promo-middle .bt strong:after {
	background: #fff;
}

.promo-middle .title {
	font-weight: 500;
	font-size: var(--text-100);
	letter-spacing: -2px;
	line-height: 1;
	text-align: center;
	margin-bottom: 20px;
	z-index: 1;
}

.promo-middle p {
	font-size: var(--text-20);
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.80);
	text-align: center;
	letter-spacing: -0.4px;
	width: 32vw;
	z-index: 1;
}

.promo-middle .btn-white-arr {
	margin-top: 30px;
	z-index: 1;
}

.promo-middle .btn-white-arr:hover {
	background: #000;
	color: #fff
}

.promo-middle .btn-white-arr:hover span {
	background: #000;
}

.promo-middle .btn-white-arr:hover svg {
	fill: #fff
}

.team-s {
	background: var(--text);
	padding: 60px;
	border-radius: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.team-s .text {
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	color: #fff;
	text-align: center;
}

.team-s .text img.logo-s {
	width: 7em;
}

.team-s .subtitle {
	font-size: var(--text-100);
	line-height: 1;
	/* 100% */
	letter-spacing: -2px;
	margin-bottom: .4em;

}

.team-s .subtitle span {
	display: block;
	color: var(--accent);
}

.team-s .text p {
	font-size: var(--text-18);
	width: 24em;
	margin: 0 auto;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.80);
}

.team-img img {
	width: 100%;
	height: 41vw;
	object-fit: cover;
	border-radius: 30px;
}

.team-img video {
	width: 100%;
	height: auto;
	border-radius: 30px;
}

#advantages-agency .items {
	border-radius: 30px;
	background: rgba(243, 243, 243, 0.60);
	padding: 2.5vw 0px;
}

#advantages-agency .items .grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 4vw;
}

#advantages-agency .items .grid .item {
	padding: 4vw;
	border-radius: 30px;
}

#advantages-agency .items .grid .item-green {
	background: #5ACF5F;
}

#advantages-agency .item .title {
	font-size: var(--text-40);
	line-height: 1.1;
	color: var(--text);
	letter-spacing: -0.96px;
	text-transform: capitalize;
}

#advantages-agency .item .title span {
	color: rgba(32, 32, 32, 0.60);
}

#advantages-agency .item i {
	width: 3vw;
	min-width: 3vw;
	height: 3vw;
	background-image: url(../img/advantages-agency-1.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
}

#advantages-agency .item-green i {
	background-image: url(../img/advantages-agency-2.svg);
}

#advantages-agency .item-green .title {
	color: #fff;
}

#advantages-agency .item-green .title span {
	color: rgba(255, 255, 255, 0.60);
}

#advantages-agency .item .text {
	margin-top: 2.5vw;
}

#advantages-agency .item .line {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 20px;
	padding: 1.8vw 0px;
	position: relative;
	width: 100%;
	border-top: 1px solid rgba(32, 32, 32, 0.60);
}

#advantages-agency .item .line:last-child {
	padding-bottom: 0;
}

#advantages-agency .item .line p {
	margin-bottom: 0;
	font-size: var(--text-20);
	line-height: 1.3;
	letter-spacing: -0.4px;
	padding-right: 4vw;
}

#advantages-agency .item .line .num {
	color: rgba(32, 32, 32, 0.40);
	font-size: var(--text-18);
	line-height: 2.3;
	letter-spacing: -0.36px;
	min-width: 2.3vw;
}

#advantages-agency .item-green .line {
	border-top: 1px solid rgba(255, 255, 255, 0.40);
}

#advantages-agency .item-green .line p {
	color: #fff;
}

#advantages-agency .item-green .line .num {
	color: rgba(255, 255, 255, 0.40);
}


#header-block {
	margin-top: 60px;
}


.vacancy-header {
	padding: 4vw;
	border-radius: 25px;
	border: 1px solid rgba(32, 32, 32, 0.10);
	background: url(../img/vacancy-header.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.v-name {
	font-size: var(--text-64);
	line-height: 1.2;
	padding-left: 7.5vw;
	font-weight: normal;
	position: relative;
}

.v-name i {
	font-size: var(--text-48);
	line-height: 1;
	font-style: normal;
	color: #fff;
	background: var(--accent);
	border-radius: 50%;
	min-width: 6vw;
	height: 6vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
}

.v-name span {
	display: block;
	color: rgba(32, 32, 32, 0.20);
	font-size: var(--text-28);
	font-weight: 400;
	line-height: 1.1;
	/* 120% */
	letter-spacing: -0.4px;
}

.vacancy-items {
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 0 2vw;
	gap: 10px;
	margin-top: 3vw;
	margin-left: 5.5vw;
}

.vacancy-items-m {
	display: none;
}

.vacancy-items .item {
	border-radius: 100px;
	border: 1px solid rgba(32, 32, 32, 0.10);
	padding: .7vw 1.7vw;
	background: #FFF;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--text-16);
}

.vacancy-items .item img {
	height: 1vw;
}

.vacancy-items .item p {
	margin-bottom: 0;
	line-height: 1;
}

#description-v .items {
	border-top: 1px solid rgba(32, 32, 32, 0.40);
}

#description-v .items .item {
	display: grid;
	grid-template-columns: 11.5vw 1fr;
	padding: 2vw 0;
	border-bottom: 1px solid rgba(32, 32, 32, 0.40);
}

#description-v .num {
	color: rgba(32, 32, 32, 0.60);
	font-size: var(--text-20);
	letter-spacing: -0.4px;
}

#description-v .text {
	display: grid;
	grid-template-columns: 27vw 1fr;
	color: rgba(32, 32, 32, 0.60);
	font-size: var(--text-20);
	font-weight: 400;
	line-height: 1.2;
	/* 130% */
	letter-spacing: -0.4px;
}

#description-v .text .title {
	color: #202020;
	font-size: var(--text-28);
	letter-spacing: -0.56px;
}

#description-v .text-list p {
	border-bottom: 1px solid rgba(32, 32, 32, 0.40);
	padding: 2vw 0;
}

#description-v .text-list p:first-child {
	padding-top: 0;
}

#description-v .text-list p:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

#description-v {
	margin-top: 100px;
}

#partnership .container.flex {
	justify-content: start;
}

#partnership .right {
	margin-left: 15.8vw;
}

.tabs-partners-nav {
	display: flex;
	flex-direction: column;
	gap: 1.7vw;

}

.tabs-partners-nav .item {
	color: #202020;
	font-size: var(--text-52);
	font-weight: 500;
	line-height: 120%;
	/* 62.4px */
	letter-spacing: -1.56px;
	cursor: pointer;
	transition: .25s;
	color: rgba(32, 32, 32, 0.40);
}

.tabs-partners-nav .active {
	color: var(--text);
}




/* principles */
.principles .flex-tabs {
	display: grid;
	grid-template-columns: 40% 1fr;
	gap: 5vw;
}

.principles .tabs-partners-nav {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}

.principles .flex-tabs .tabs-partners-content {
	justify-content: start;
}

.principles .tabs-partners-nav .item {
	display: flex;
	gap: 2vw;
	border-top: 1px solid #E6E9EA;
	padding: 2vw 0;
}

.principles .tabs-partners-nav .item:last-child {
	border-bottom: 1px solid #E6E9EA;
}


.principles .tabs-partners-nav .item span {
	color: rgba(32, 32, 32, 0.40);
	font-size: var(--text-18);
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 21.6px */
	letter-spacing: -0.54px;
	padding-top: 0.5vw;
}

.principles .tabs-partners-nav .item.active span {
	color: rgba(32, 32, 32, 1);
	font-size: var(--text-18);
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 21.6px */
	letter-spacing: -0.54px;
}

.principles .tabs-partners-content {
	display: grid;
	grid-template-columns: 1fr;
	height: 100%;
	gap: 20px;
}

.principles .tabs-partners-content .item {
	width: auto;
	height: auto;
	background-color: rgba(243, 243, 243, 0.60);
	border-radius: 30px;
	background-size: cover;
	background-position: right center;
	padding: 30px;
	position: relative;
}

.principles .label {
	background: var(--text);
	padding: 0.5vw 1vw;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5vw;
	position: absolute;
	left: 30px;
	top: 30px;
	color: #fff;
	border-radius: 90px;
}

.principles .label:before {
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	background: #fff;
	border-radius: 50%;
}

.principles .tabs-partners-content .item p {
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 100%;
	color: rgba(32, 32, 32, 0.60);
	font-size: var(--text-38);
	font-weight: 500;
	line-height: 1.2;
	/* 110.526% */
	letter-spacing: -0.76px;
}

.principles .tabs-partners-content .item-values {
	display: flex;
	gap: 0.5vw;
	background: none;
	padding-left: 0;
	position: absolute;
	left: 30px;
	width: 95%;
	bottom: 0px;
	flex-wrap: wrap;
}

.principles .tabs-partners-content .item-values li {
	padding: 0.5vw 1vw;
	background: #fff;
	border-radius: 80px;
	font-size: var(--text-18);
	line-height: 140%;
	/* 25.2px */
	letter-spacing: -0.36px;
	border: 1px solid rgba(32, 32, 32, 0.10);
}

/* end principles */


.flex-tabs {
	display: flex;
	justify-content: space-between;
	margin-top: 5vw;
	align-items: center;
	width: 100%;
	margin-left: 24vw;
}

.tabs-partners-content {
	display: flex;
	justify-content: end;
}

.tabs-partners-content .item {
	display: none;
	width: 22vw;
}



.tabs-partners-content .item .title {
	font-size: var(--text-24);
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	/* 26.4px */
	letter-spacing: -0.72px;
	margin-bottom: 1vw;
}

.tabs-partners-content .item p {
	color: rgba(32, 32, 32, 0.40);
	font-size: var(--text-18);
	font-weight: 400;
	line-height: 110%;
	/* 19.8px */
	letter-spacing: -0.36px;
}

.tabs-partners-content .item img {
	width: 4.6vw;
	max-width: 60px;
	margin-bottom: 2vw;
}

#how-do .container.flex {
	justify-content: start;
}

#how-do .right {
	width: auto;
	padding-left: 11vw;
}

#how-do .right .bt__s {
	max-width: 100%;
}

#how-do .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
	margin-top: 7vw;
}

.item-n {
	position: relative;
	opacity: 1!important;
}

.item-n .data {
	border-radius: 20px;
	background: rgba(243, 243, 243, 0.60);
	backdrop-filter: blur(34px);
	padding: 30px;
	position: relative;
	z-index: 1;
	height: 18.5vw;
	background-image: url(../img/logo-icon.svg);
	background-repeat: no-repeat;
	background-position: top 55% center;
	background-size: 3vw;
}

.item-n .num {
	color: var(--accent);
	text-align: center;
	font-size: var(--text-208);
	line-height: 100%;
	/* 208px */
	letter-spacing: -4.16px;
	position: absolute;
	z-index: -1;
	top: -5vw;
	width: 100%;
	left: 0;
}

.item-n .title {
	position: absolute;
	left: 30px;
	top: 4vw;
	font-size: var(--text-38);
	line-height: 1;
	/* 100% */
	letter-spacing: -0.76px;
}

.item-n p {
	position: absolute;
	color: rgba(32, 32, 32, 0.60);
	left: 30px;
	bottom: 30px;
	width: 60%;
	font-size: var(--text-18);
	line-height: 1.2;
	letter-spacing: -0.36px;
}

#best-p {
	background: url(../img/bg_account.png) no-repeat;
	background-size: auto 100%;
	background-position: right center;
}

#best-p .bt strong {
	color: var(--text);
}

.items-part {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: end;
	gap: 20px;
}

.items-part .item {
	border-radius: 30px;
	background: rgba(243, 243, 243, 0.60);
	padding: 30px;
	position: relative;
}

.items-part .item.green {
	background: var(--accent);
	color: #fff;
}

.items-part .item.black {
	background: var(--text);
	color: #fff;
}

.items-part .item:first-child {
	height: 30vw;
}

.items-part .item:nth-child(2) {
	height: 24vw;
}

.items-part .item:nth-child(3) {
	height: 18vw;
}

.items-part .item .title {
	color: rgba(32, 32, 32, 0.60);
	font-size: var(--text-64);
	font-weight: 500;
	line-height: 1;
	/* 100% */
	letter-spacing: -1.4px;
}

.items-part .item p {
	color: rgba(32, 32, 32, 0.40);
	font-size: var(--text-38);
	font-weight: 500;
	line-height: 1.1;
	/* 105.263% */
	letter-spacing: -0.76px;
	margin-top: 20px;
}
.items-part .item.green .title,
.items-part .item.green p {
	color: rgba(255, 255, 255, 1);
}
.items-part .item.black .title,
.items-part .item.black p {
	color: rgba(255, 255, 255, 0.60);
}

.items-part .item .label {
	color: #FFF;
	font-size: var(--text-16);
	font-weight: 400;
	line-height: 1;
	/* 112.5% */
	text-transform: capitalize;
	position: absolute;
	left: 30px;
	bottom: 30px;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: .5vw 1vw;
	border-radius: 90px;
	background: rgba(32, 32, 32, 0.60);
}

.items-part .item .label:before {
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	background-color: #fff;
	border-radius: 50%;
}

.items-part .item.green .label:before {
	background-color: var(--text);
}

.items-part .item.green .label {
	background: #FFF;
	color: var(--text);
}

.items-part .item.black .label {
	background: rgba(255, 255, 255, 0.60);
	color: #fff;
}

.items-part .item.item-btn {
	padding-left: 30px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	background: none;
	display: flex;
	justify-content: end;
}


#best-p .center {
	display: none;
	margin-top: 40px;
}
#faunders {
	margin-bottom: -100px;
}
#faunders .faunders {
	background: var(--text);
	color: #fff;
	border-radius: 20px;
	padding: 3vw;
}

#faunders .title {
	color: rgba(255, 255, 255, 0.60);
	font-size: var(--text-60);
	line-height: 1.1;
	letter-spacing: -1.92px;
}

.title span {
	position: relative;
}

#faunders .title strong {
	color: #fff;
}

.items-f {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2vw;
	margin-top: 60px;
	align-items: end;
}

.items-f .item {
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;

}

.items-f .item .label {
	position: absolute;
	left: 50%;
	bottom: 30px;
	color: var(--text);
	text-align: center;
	background: #fff;
	width: 90%;
	transform: translateX(-50%);
	font-weight: normal;
	font-size: var(--text-28);
	line-height: 1;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 90px;
	gap: 10px;
	padding: 10px 0;
}

.items-f .item .label:before {
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 50%;
	background: var(--accent);
}

.items-f .more {
	position: relative;
	margin-left: 5vw;
}

.items-f .more a {
	color: #fff;
	line-height: 1;
	font-size: var(--text-20);
}

.items-f .more span {
	display: flex;
	transition: all 0.2s;
	align-items: center;
	justify-content: center;
	width: 3.12vw;
	height: 3.12vw;
	border-radius: 50%;
	background: #fff;
	margin-bottom: 1.1em;
}

.items-f .more:hover span {
	transform: rotate(-40deg);
}

.items-f .more span svg path {
	fill: #202020;
}

.bg-lines-bottom {
	transform: rotate(-180deg);
}

.bg-lines .line{
	height: 30px;
	width: 100%;
	background: rgba(243, 243, 243, 0.40);
}
.bg-lines .line:nth-child(2){
	background: rgba(243, 243, 243, 0.60);
}
.bg-lines .line:nth-child(3){
	background: rgba(243, 243, 243, 0.80);
}


.about-values {
	position: relative;
	min-height: 50vw;
	background-image: url(../img/about-values-bg.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-color: #f3f3f3;
	background-position: center center;
}



.item-values {
	position: absolute;
	z-index: 2;
	border-radius: 30px;
	background: #FFF;
	padding: 30px;
	width: 17vw;

}

.item-values .icon {
	margin-bottom: 1vw;
	width: 2.5vw;
}

.item-values .title {
	font-size: var(--text-38);
	font-weight: 500;
	line-height: 120%;
	/* 45.6px */
	letter-spacing: -1.14px;
	margin-bottom: 1vw;
}

.item-values p {
	color: rgba(32, 32, 32, 0.40);
	font-size: var(--text-20);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.4px;
	margin-top: 1.5vw;
}

.item-values.item-1 {
	top: 0vw;
    left: 18vw;
}

.item-values.item-1 .main {
	width: 12vw;
}

.item-values.item-2 {
	bottom: 0vw;
    left: 38vw;
	border: 1px solid rgba(32, 32, 32, 0.10);
	background: rgba(255, 255, 255, 0.60);
	backdrop-filter: blur(12px);
}


.item-values.item-3 {
	bottom: 15vw;
	right: 16vw;
	border-radius: 30px;
	background: #202020;
	backdrop-filter: blur(12px);
}

.item-values.item-3 .title {
	color: #fff;
	word-wrap: break-word;
}

.item-values.item-3 p {
	color: rgba(255, 255, 255, 0.60);
}

#about-promo {
	margin-top: 40px;
}


.promo-a {
	position: relative;
	background-image: url(../img/about-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 35vw;
}

.users-f {
	display: flex;
	align-items: end;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	justify-content: center;
}

.users-f.users-mobile {
	display: none;
}

.users-f .first {
	margin-right: -5vw;
	z-index: 1;
	position: relative;
	height: 42.5vw;
}

.users-f .second {
	margin-left: -5vw;
	z-index: 0;
	position: relative;
	height: 40vw;
	bottom: 0;
}

.promo-a .label {
	position: absolute;
	background: #fff;
	border-radius: 132px;
	display: flex;
	align-items: center;
	gap: 0.7vw;
	font-size: var(--text-22);
	font-weight: 400;
	line-height: 1.1;
	/* 118.182% */
	text-transform: capitalize;
	padding: .5vw 1.5vw;
}

.promo-a .label:before {
	content: '';
	width: 10px;
	height: 10px;
	background: var(--accent);
	display: block;
	border-radius: 50%;
}

.promo-a .label.label-first {
	left: 16vw;
	top: 16vw;
	z-index: 3;
}

.promo-a .label.label-second {
	right: 18.5vw;
	top: 16vw;
}


.about-promo-items-m {
	display: none;
}

.about-promo-1 {
	width: 11vw;
	position: absolute;
	left: 10vw;
	top: -3vw;
}

.about-promo-2 {
	width: 11vw;
	height: auto;
	position: absolute;
	top: 22vw;
	left: 22.5vw;
	z-index: 4;
}

.about-promo-3 {
	width: 11vw;
	position: absolute;
	bottom: 0vw;
	right: 12vw;
}

.about-promo-4 {
	width: 11vw;
	position: absolute;
	top: -5vw;
	right: 0vw;
}

#events .bt strong{
	color: var(--text);
}
.swiper-events {
	padding-bottom: 5vw;
	margin: 0 -20%;
}
.swiper-events .item {
	width: 100%;
	position: relative;
}

.swiper-events .item img{
	width: 100%;
	border-radius: 10px;
}

.swiper-events .item .label {
	position: absolute;
	left: 30px;
	top: 30px;
	padding: 5px 15px;
	background: #fff;
	border-radius: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--text-16);
	gap: 10px;
	line-height: 1;
}

.swiper-events .item .label:before{
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	border-radius: 50%;
	background: #202020;
}

.swiper-events .swiper-pagination-bullet {
	width: 1.5vw;
	height: 1.5vw;
	opacity: 1;
	background: #F3F3F3;
	transition: .25s;
}

.swiper-events .swiper-pagination-bullet-active {
	background: var(--accent);
	border-radius: 40px;
	width: 3vw;
}


#text {
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	border-right: .15em solid orange; /* The typwriter cursor */
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
	letter-spacing: .15em; /* Adjust as needed */
	animation: 
	  typing 3.5s steps(40, end),
	  blink-caret .75s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
	from { width: 0 }
	to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
	from, to { border-color: transparent }
	50% { border-color: orange; }
  }


  .error-box {
	padding-top: 5vw;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 100px;
	height: 100%;
	text-align: center;
	color: var(--accent);
  }

  .block-404 {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 80px;
  }

  .error-box h2{
	font-size: var(--text-64);
	font-weight: bold;
	text-align: center;
	line-height: 1;
  }


  .error-box p {
	color: var(--text);
	font-size: var(--text-24);
  }



	
#platforms .scrolling-wrapper {
	position: relative;
	overflow: hidden;
	margin: 20px 0;
	min-height: 118px;
}
#platforms .scrolling-wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	z-index: 1;
}
#platforms .scrolling-wrapper::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 20%;
height: 100%;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
z-index: 1;
}
#platforms .scrolling-content {
	position: absolute;
	display: flex;
	width: fit-content;
	height: 100%;
}

#platforms .platform {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--accent-bg);
	border-radius: 10px;
	margin: 0 10px;
	padding-left: 20px;
	padding-right: 40px;
	white-space: nowrap;
}

#platforms .platform .image {
	background: #fff;
	height: 78px;
	width: 78px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	margin-right: 20px;
}

#platforms .platform .image img{
	max-height: 40px;
	max-width: 40px;
}

#platforms .platform span {
	font-size: var(--text-38);
	font-weight: 500;
}

#platforms .bottom-text {
	margin-top: 60px;
	line-height: 1.6;
	text-align: center;
	
}

#platforms .bottom-text p {
font-size: var(--text-20);
opacity: 0.4;
padding: 0 20px;
margin-bottom: 20px;
}


#thanks-page {
  padding-top: 8em;
  text-align: center;
}
#thanks-page h1{
  font-size: var(--text-80);
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 40px;
}
#thanks-page h1 span {
  color: #64DB69;
}
#thanks-page p {
  font-size: var(--text-20);
  line-height: 1.5;
  width: 560px;
  max-width: 100%;
  margin: 20px auto;
}
#thanks-page .text {
  margin-bottom: 80px;
}
.icon-thanks a:hover svg{
	opacity: 0.8;
}

html[lang="ru-RU"] .page-template-page-home #promo h1, .content__container__text, html[lang="uk"] .page-template-page-home #promo h1, .content__container__text{
	font-size: 4.5vw;
}


html[lang="ru-RU"] .page-template-page-services #promo__services h1, html[lang="uk"] .page-template-page-services #promo__services h1 {
	font-size: 4.2vw;
}

html[lang="ru-RU"] .page-template-page-service-tiktok #figures .items .item p {
	width: 100%;
	font-size: var(--text-20);
}

html[lang="ru-RU"] .page-template-page-service-tiktok #figures .items .item:first-child p {
	font-size: var(--text-38);
	width: 20vw;
}

html[lang="ru-RU"] .page-template-page-service-bing #figures.bing .items .item {
	min-height: 23vw;
}


html[lang="ru-RU"] .page-template-page-service-meta #figures .items .item:nth-child(2) img, html[lang="uk"] .page-template-page-service-meta #figures .items .item:nth-child(2) img {
	max-height: 100px;
}


.swiper__affiliate .swiper-slide {
	height: 100%;
}

html[lang="ru-RU"] #niches .bt, html[lang="uk"] #niches .bt {
	max-width: 55vw;
}

html[lang="ru-RU"] .page-template-page-careers #why.why__services.why-join .right .bt__s {
	font-size: var(--text-40);
}
html[lang="ru-RU"] #why .item p {
	font-size: var(--text-16);
}
html[lang="ru-RU"] #why .item p br {
	display: none;
}
html[lang="ru-RU"] #why .item .title br{
	display: none;
}
html[lang="ru-RU"] #why .item .title {
	font-size: var(--text-26);
}

html[lang="ru-RU"] #accounts .item p {
	min-height: 71px;
}
html[lang="ru-RU"] #accounts.meta .item p {
	min-height: auto;
}
html[lang="ru-RU"] #niches .item .data, html[lang="uk"] #niches .item .data {
	min-height: 13vw;
}

html[lang="ru-RU"] #ceo .name, html[lang="uk"] #ceo .name {
	font-size: 9vw;
}

html[lang="ru-RU"] .promo-middle p {
	width: 60vw;
}

html[lang="ru-RU"] #accounts.meta .item .title {
	font-size: var(--text-26);
}


html[lang="ru-RU"] .page-template-page-service-ecommerce #promo.version-2 h1{
font-size: var(--text-80);
}


html[lang="et"] .page-template-page-service-ecommerce #promo h1, .content__container__text {
    font-size: var(--text-80);
}



html[lang="uk"] #accounts .item ul li, html[lang="ru-RU"] #accounts .item ul li {
	font-size: .8vw;
}

@media screen and (max-width: 768px) {
		html[lang="ru-RU"] .page-template-page-home #promo h1 {
    font-size: 30px;
  }
.content__container__text, html[lang="uk"] .page-template-page-home #promo h1 {
    font-size: 34px;
  }
	html[lang="ru-RU"] .page-template-page-services #promo__services h1, html[lang="uk"] .page-template-page-services #promo__services h1 {
		font-size: 8vw;
	}
	html[lang="ru-RU"] .page-template-page-service-tiktok #figures .items .item:first-child p {
		font-size: 18px;
		width: 100%;
	}
	html[lang="ru-RU"] .page-template-page-careers #why.why__services.why-join .right .bt__s, html[lang="uk"] .page-template-page-careers #why.why__services.why-join .right .bt__s {
		font-size: 22px;
	}
	html[lang="ru-RU"] .home #niches .bt, html[lang="uk"] .home #niches .bt {
		max-width: 100%;
	}
		html[lang="ru-RU"] #niches .item .data, html[lang="uk"] #niches .item .data {
min-height: 50vw;
		}
		
html[lang="ru-RU"] .promo-middle p, html[lang="uk"] .promo-middle p {
	width: 100%;
}
html[lang="uk"] #accounts .item ul li, html[lang="ru-RU"] #accounts .item ul li {
	font-size: 12px;
}
html[lang="ru-RU"] .page-template-page-service-meta #readliness .readliness-data h2.title {
	font-size: 32px;
}
html[lang="ru-RU"] #niches .bt {
	max-width: 100%;
}
#platforms .bottom-text p br{
	display: none;
}

html[lang="ru-RU"] .page-template-page-service-ecommerce #promo.version-2 h1 , html[lang="et"] .page-template-page-service-ecommerce #promo.version-2 h1 {
font-size: 30px;	
}
  .page-template-page-careers #why.why__services.why-join .items {
    grid-template-columns: 1fr;
    gap: 10px;
  }
	html .about-values {
		padding: 20px 0;
		display: block;
	}
		html .about-values .item-values.item-1, 	html .about-values .item-values.item-2, 	html .about-values .item-values.item-3 {
		margin: 10px 20px;
	}
}