/*
Theme Name: Universal CIS
Author: Andrey Zmeev
Author URI: https://vk.com/a.zmeev
Requires Plugins: Yoast SEO, Cyr-To-Lat
Version: 1.0
*/

:root {
	--main-text: #000;
	--light-text: #333;
	--slide-text: #fff;
	--main-btn-bg: #2D24DB;
	--main-btn-bg-hover: #F45D00;
	--custom-color-one: #EB9408;
	--bottom-grey: #D6D6D6;
	--color-things: #03030F;
}

* {
	transition: ease .3s;
	box-sizing: border-box;
	font-family: 'Nunito', Geneva, Arial, Helvetica, sans-serif;
}

html, body {
	padding: 0;
	margin: 0;
}
html {
  min-height: 100%;
  height: auto;
}

body {
  color: var(--main-text);
  font-style: normal;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%; 
  display: flex;
  flex-direction: column;
  background: #fff;
  align-items: center;
  min-height: 100%;
  height: auto;
}

.flex {
	display: flex;
}
.fcol {
	display: flex;
	flex-direction: column;
}
.wrapper {
	max-width: 1920px;
	width: 100%;
	display: flex;
	flex-direction: column;	
}
.inner-wrapper {
	max-width: 1240px;
	width: 100%;
	display: flex;
	flex-direction: column;	
	z-index: 2;
	margin: 0 auto;
}
main {
	align-items: center;
	width: 100%;
	flex: 1;
	gap: 140px;
}
header, footer {
	display: flex;
	flex-direction: column;	
	width: 100%;
	align-items: center;
	position: relative;
	overflow: hidden;	
}

header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	overflow: visible;
	display: block;
}

header .wrapper {
	display: block;
	margin: 0 auto;
}



.front-main {
	position: relative;
	width: 100%;
	min-height: 100vh; 
	height: 100%;
	overflow: hidden;
	transition: none;
}

.header-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.desktop-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 2px);
	min-height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 2;
}
.front-main::after {
	display: block;
	content: '';
	position: absolute;
	inset: 0;
	z-index: 5;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.27) 100%);
}
.header-fallback {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 100% 100%;
	z-index: 0;
}

.header-fallback {
    background-image: var(--header-bg-desktop); /* по умолчанию */
}

@media (max-width: 1399px) {
    .header-fallback {
        background-image: var(--header-bg-mobile);
    }
}

header .menu {
	padding: 15px 20px;
	border-radius: 999px;
	background: rgba(22, 21, 48, 0.50);	
	gap: 45px;
	align-items: center;
	margin: 25px auto;
	width: 100%;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
header .menu .logo a {
	display: block;
	width: 96px;
	height: 32px;
	background: url('images/logo.svg') center no-repeat;
	background-size: contain;
}
.menu-list {
	flex: 1;
}
.menu-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	justify-content: start;
	gap: 25px;
}
.menu-list ul li a {
	color: var(--slide-text);
	text-decoration: none;
	font-size: 16px;
}
.btn {
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.50);
	cursor: pointer;
	padding: 9px 30px;
	color: var(--slide-text);
	display: flex;
	gap: 6px;
	align-items: center;
	font-weight: 500;
	line-height: 100%;
	text-decoration: none;
	width: fit-content;
}
.btn.register-btn,
footer .btn {
	gap: 0;
}
.buttons {
	gap: 6px;
}
.buttons a {
	text-decoration: none;
}
.lang-btn {
	text-transform: uppercase;
}
.lang-btn i {
	display: block;
	width: 26px;
	height: 27px;
	background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7746 27.0001C5.73059 27.0001 0 20.9439 0 13.5C0 6.05606 5.73059 0 12.7746 0C19.8186 0 25.5493 6.05606 25.5493 13.5C25.5493 20.9439 19.8186 27.0001 12.7746 27.0001ZM12.7746 0.857711C6.17823 0.857711 0.811676 6.52897 0.811676 13.4999C0.811676 20.4709 6.17823 26.1423 12.7746 26.1423C19.3711 26.1423 24.7377 20.471 24.7377 13.4999C24.7377 6.52892 19.3711 0.857711 12.7746 0.857711Z' fill='white'/%3E%3Cpath d='M25.1439 13.0713H0.40625V13.929H25.1439V13.0713Z' fill='white'/%3E%3Cpath d='M13.1808 0.428711H12.3691V26.571H13.1808V0.428711Z' fill='white'/%3E%3Cpath d='M16.9693 26.1304L16.252 25.7292C20.3144 17.6146 20.3144 9.38583 16.252 1.27125L16.9693 0.870117C21.1651 9.25085 21.1651 17.7496 16.9693 26.1304Z' fill='white'/%3E%3Cpath d='M8.57655 26.1305C4.38073 17.7497 4.38073 9.25085 8.57655 0.870117L9.29391 1.27125C5.23146 9.38583 5.23146 17.6147 9.29391 25.7294L8.57655 26.1305Z' fill='white'/%3E%3Cpath d='M12.7739 21.2605C8.78077 21.2605 4.78765 20.152 0.822266 17.9351L1.20194 17.1768C8.88063 21.4699 16.6671 21.4699 24.3458 17.1768L24.7255 17.9351C20.7601 20.152 16.767 21.2605 12.7739 21.2605Z' fill='white'/%3E%3Cpath d='M24.3458 9.82313C16.6671 5.52977 8.88025 5.52987 1.20194 9.82313L0.822266 9.06484C8.75304 4.63089 16.7952 4.63054 24.7255 9.06494L24.3458 9.82313Z' fill='white'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: center;
}

.btn-blue {
	color: var(--slide-text);
	background: var(--main-btn-bg);
	border-color: var(--main-btn-bg);
}
.btn-blue:hover {
	background: var(--main-btn-bg-hover);
	border-color: var(--main-btn-bg-hover);
}	
.btn-white {
	background: var(--slide-text);
	color: var(--main-btn-bg);
	padding: 14px 30px;
}
.btn-white:hover {
	background: var(--main-btn-bg-hover);
	color: var(--slide-text);
	border-color: var(--main-btn-bg-hover);
}
.btn-big {
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	padding: 42px 45px;
}
.btn-medium {
	padding: 25px 31px;
	font-size: 21px;
	line-height: 100%;
}
.front-main-content {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	justify-content: space-between;
}
.fm-text {
	justify-content: center;
	gap: 30px;	
	margin: auto 0;
}

.front-main-content h1 {
	font-size: 80px;
	font-style: normal;
	font-weight: 600;
	line-height: 90%; /* 72px */
	letter-spacing: -2.5px;	
	max-width: 720px;
	margin: 0;
}
.front-main-content .descr {
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 36px */
	margin-bottom: 10px;
}

.todo {
	justify-content: space-between;
	margin-bottom: 60px;
}
.todo span {
	padding: 15px 30px;
	cursor: default !important;
}
.header-block {
	gap: 25px;
}
.block-header {
	text-align: center;
	color: var(--main-text);
	font-size: 55px;
	line-height: 100%;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -1px;	
}
.subheader {
	text-align: center;
	color: var(--light-text);
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 102%;
	letter-spacing: -0.18px;	
}

.block {
	gap: 60px;
	color: var(--main-text);
}

.benefits {
	width: 100%;
	padding: 0;
	gap: 20px;
}
.benefits li, .secure-item {
	flex: 1;
	color: var(--slide-text);
	gap: 86px;
}
.benefits li:nth-of-type(1) {
	background: var(--custom-color-one);
}
.benefits li:nth-of-type(2) {
	background: var(--main-btn-bg-hover);
}
.benefits li:nth-of-type(3) {
	background: var(--main-btn-bg);
}
.benefit-header {
	text-edge: cap;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 116%;
}
.benefit-value {
	leading-trim: both;
	text-edge: cap;
	font-size: 80px;
	font-style: normal;
	font-weight: 500;
	line-height: 68%;
	letter-spacing: -3px;	
}
.small-rounded {
	padding: 30px;
	border-radius: 30px;	
	overflow: hidden;
}
.secure {
	gap: 16px;
	align-items: stretch;
}
.secure span {
	z-index: 3;
}
.secure-photo {
	width: 680px;
	align-items: end;
}
.secure-content {
	color: var(--slide-text);
	z-index: 3;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 26.4px */	
	max-width: 460px;
	padding-top: 52px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.secure-photo .secure-content {
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1675_1295)'%3E%3Cpath d='M38 -2H-2V38H38V-2Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M17.9987 34.6673C27.2034 34.6673 34.6654 27.2054 34.6654 18.0007C34.6654 8.7959 27.2034 1.33398 17.9987 1.33398C8.79395 1.33398 1.33203 8.7959 1.33203 18.0007C1.33203 27.2054 8.79395 34.6673 17.9987 34.6673Z' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M23.832 13V13.8333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.168 13V13.8333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.8346 23.834C23.8346 23.834 22.168 27.1673 18.0013 27.1673C13.8346 27.1673 12.168 23.834 12.168 23.834' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1675_1295'%3E%3Crect width='36' height='36' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.secure-list {
	flex: 1;
	gap: 16px;
}
.secure-list .secure-item {
	flex: 1;
}

.secure-item:nth-of-type(1) {
	background: var(--main-btn-bg);
	background-size: cover;
	background-position: top 0 right -50px;
}
.secure-item:nth-of-type(2) {
	background: var(--main-btn-bg-hover);
}
.secure-list-1 .secure-item {
	min-height: 232px;
	padding: 30px;
	justify-content: end;
	align-items: center;
	gap: 17px;
}
.secure-list-1 .secure-item i {
	display: block;
	width: 40px;
	height: 40px;
	background: center/contain no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.5 38.75H3.75C3.08696 38.75 2.45107 38.4866 1.98223 38.0178C1.51339 37.5489 1.25 36.913 1.25 36.25V2.5C1.25 2.16848 1.3817 1.85054 1.61612 1.61612C1.85054 1.3817 2.16848 1.25 2.5 1.25C2.83152 1.25 3.14946 1.3817 3.38388 1.61612C3.6183 1.85054 3.75 2.16848 3.75 2.5V36.25H37.5C37.8315 36.25 38.1495 36.3817 38.3839 36.6161C38.6183 36.8505 38.75 37.1685 38.75 37.5C38.75 37.8315 38.6183 38.1495 38.3839 38.3839C38.1495 38.6183 37.8315 38.75 37.5 38.75Z' fill='white'/%3E%3Cpath d='M12.1875 33.75H9.0625C8.31658 33.75 7.60121 33.4537 7.07376 32.9262C6.54632 32.3988 6.25 31.6834 6.25 30.9375V19.0625C6.25 18.3166 6.54632 17.6012 7.07376 17.0738C7.60121 16.5463 8.31658 16.25 9.0625 16.25H12.1875C12.9334 16.25 13.6488 16.5463 14.1762 17.0738C14.7037 17.6012 15 18.3166 15 19.0625V30.9375C15 31.6834 14.7037 32.3988 14.1762 32.9262C13.6488 33.4537 12.9334 33.75 12.1875 33.75Z' fill='white'/%3E%3Cpath d='M23.4375 33.75H20.3125C19.5666 33.75 18.8512 33.4537 18.3238 32.9262C17.7963 32.3988 17.5 31.6834 17.5 30.9375V15.3125C17.5 14.5666 17.7963 13.8512 18.3238 13.3238C18.8512 12.7963 19.5666 12.5 20.3125 12.5H23.4375C24.1834 12.5 24.8988 12.7963 25.4262 13.3238C25.9537 13.8512 26.25 14.5666 26.25 15.3125V30.9375C26.25 31.6834 25.9537 32.3988 25.4262 32.9262C24.8988 33.4537 24.1834 33.75 23.4375 33.75Z' fill='white'/%3E%3Cpath d='M34.6602 33.75H31.5352C30.7892 33.75 30.0739 33.4537 29.5464 32.9262C29.019 32.3988 28.7227 31.6834 28.7227 30.9375V10.3125C28.7227 9.56658 29.019 8.85121 29.5464 8.32376C30.0739 7.79632 30.7892 7.5 31.5352 7.5H34.6602C35.4061 7.5 36.1214 7.79632 36.6489 8.32376C37.1763 8.85121 37.4727 9.56658 37.4727 10.3125V30.9375C37.4727 31.6834 37.1763 32.3988 36.6489 32.9262C36.1214 33.4537 35.4061 33.75 34.6602 33.75Z' fill='white'/%3E%3C/svg%3E");
}
.secure-list-1 .secure-item span {
	width: 100%;
	text-align: center;
}
.secure-list-1 .secure-item .secure-header {
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: -2px;
}
.secure-list-2 .secure-item {
	background-color: transparent;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top 0 right 50%;
	justify-content: end;
}
.secure-photo {
	background-size: cover;
	background-position: center;
	min-height: 480px;
}
.gradient-bottom {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.gradient-bottom::after {
	inset: 0;
	position: absolute;
	display: block;
	content: '';
	z-index: 2;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 32.77%, rgba(0, 0, 0, 0.90) 100%);
}
.pre-bottom .block-container {
	padding: 30px 46px;
	background: center/cover no-repeat;
	align-items: end;
	justify-content: space-between;
	min-height: 448px;
	position: relative;
}
.pre-bottom .block-container .btn-white {
	color: var(--main-text);
	z-index: 5;
	justify-content: center;
}
.email-text {
	height: 23px;
}
.pre-bottom .block-container .btn-white:hover {
	color: var(--slide-text);
	z-index: 5;
}
.pre-bottom .block-container .btn-white i {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.125 22.5H8.625C7.72989 22.5 6.87145 22.1444 6.23851 21.5115C5.60558 20.8785 5.25 20.0201 5.25 19.125V8.625C5.25 7.72989 5.60558 6.87145 6.23851 6.23851C6.87145 5.60558 7.72989 5.25 8.625 5.25H19.125C20.0201 5.25 20.8785 5.60558 21.5115 6.23851C22.1444 6.87145 22.5 7.72989 22.5 8.625V19.125C22.5 20.0201 22.1444 20.8785 21.5115 21.5115C20.8785 22.1444 20.0201 22.5 19.125 22.5Z' fill='%2321272A'/%3E%3Cpath d='M7.5 3.75H18.5569C18.3235 3.09246 17.8924 2.52322 17.3228 2.12038C16.7531 1.71755 16.0727 1.50084 15.375 1.5H4.875C3.97989 1.5 3.12145 1.85558 2.48851 2.48851C1.85558 3.12145 1.5 3.97989 1.5 4.875V15.375C1.50084 16.0727 1.71755 16.7531 2.12038 17.3228C2.52322 17.8924 3.09246 18.3235 3.75 18.5569V7.5C3.75 6.50544 4.14509 5.55161 4.84835 4.84835C5.55161 4.14509 6.50544 3.75 7.5 3.75Z' fill='%2321272A'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.pre-bottom .block-container .btn-white:hover i {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.125 22.5H8.625C7.72989 22.5 6.87145 22.1444 6.23851 21.5115C5.60558 20.8785 5.25 20.0201 5.25 19.125V8.625C5.25 7.72989 5.60558 6.87145 6.23851 6.23851C6.87145 5.60558 7.72989 5.25 8.625 5.25H19.125C20.0201 5.25 20.8785 5.60558 21.5115 6.23851C22.1444 6.87145 22.5 7.72989 22.5 8.625V19.125C22.5 20.0201 22.1444 20.8785 21.5115 21.5115C20.8785 22.1444 20.0201 22.5 19.125 22.5Z' fill='%23FFFFFF'/%3E%3Cpath d='M7.5 3.75H18.5569C18.3235 3.09246 17.8924 2.52322 17.3228 2.12038C16.7531 1.71755 16.0727 1.50084 15.375 1.5H4.875C3.97989 1.5 3.12145 1.85558 2.48851 2.48851C1.85558 3.12145 1.5 3.97989 1.5 4.875V15.375C1.50084 16.0727 1.71755 16.7531 2.12038 17.3228C2.52322 17.8924 3.09246 18.3235 3.75 18.5569V7.5C3.75 6.50544 4.14509 5.55161 4.84835 4.84835C5.55161 4.14509 6.50544 3.75 7.5 3.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E");	
}

.pre-bottom .block-container .pb-text {
	color: var(--slide-text);
	leading-trim: both;
	text-edge: cap;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: -0.4px;	
	max-width: 600px;
	z-index: 5;
}
.text-image-flex {
	gap: 52px;
}
.text-image-flex > div {
	flex: 1;
}
.text-image {
	padding: 100px 0;
	background: var(--main-btn-bg)
}
.text-image-bg {
	height: 630px;
	background: center/cover no-repeat;
	position: relative;
}
.text-image-content {
	justify-content: center;
	gap: 40px;
	padding: 0 26px;
}
.text-image-content .btn,
.cta2 .btn {
	color: var(--main-text);
}
.text-image-content .btn:hover,
.cta2 .btn:hover {
	background: var(--slide-text);
	border-color: var(--slide-text);
}
.btn-ico {
	display: flex;
	gap: 25px;	
	align-items: center;
	padding: 10px 10px 10px 30px;
}
.btn-ico i {
	flex-shrink: 0;
	display: block;
	width: 46px;
	height: 46px;
	background-color: var(--main-btn-bg);
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.31456 15.7748L15.9264 1.41903M15.9264 1.41903L3.2715 1.29086M15.9264 1.41903L16.0569 13.8521' stroke='white' stroke-width='2.60638' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
}
.btn-ico:hover i {
	background-color: var(--main-btn-bg-hover);
}
.do-text {
	color: var(--slide-text);
	font-size: 57px;
	font-style: normal;
	font-weight: 600;
	line-height: 96%;
}
.do-text span {
	color: #424242;
	leading-trim: both;
	text-edge: cap;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height:  168%;	
	display: block;
	margin-top: 25px;
	max-width: 400px;
}
.cta1 .do-text {
	color: var(--main-text);
}
.cta1 .text-image-flex {
	gap: 20px;
}
.cta1 .text-image-content {
	padding: 48px;
	background: #F5F5F5;
}
a.btn-с12с2 {
	background: var(--main-btn-bg-hover) !important;
	color: var(--slide-text) !important;
	border: 0;
}
a.btn-с12с2 i {
	background-color: var(--slide-text) !important;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06653 13.284L13.0088 1.18838M13.0088 1.18838L2.66594 1.08038M13.0088 1.18838L13.1154 11.6641' stroke='%23F45D00' stroke-width='2.14634' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
a.btn-с12с2:hover {
	background: var(--main-btn-bg) !important;
}
a.btn-с12с2:hover i {
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06653 13.284L13.0088 1.18838M13.0088 1.18838L2.66594 1.08038M13.0088 1.18838L13.1154 11.6641' stroke='%232D24DB' stroke-width='2.14634' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.list-digit {
	gap: 85px;
}
.list-digits-items .list-item {
	gap: 20px;
	width: 100%;
}
.list-digits-items .list-item:nth-of-type(2) {
	padding: 0 30px;
	margin: 0 30px;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.list-digits-items .list-item .l-digit span {
	display: flex;
	width: 60px;
	height: 60px;
	align-items: center;
	justify-content: center;
	color: var(--slide-text);
	background: var(--main-btn-bg);
	font-size: 55px;
	font-style: normal;
	font-weight: 600;
	line-height:  100%;
	border-radius: 10px;
}
.l-text {
	padding-right: 25px;
	gap: 5px;
}
.l-header {
	color: var(--main-text);
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.44px;
}
.l-description {
	color: var(--main-text);
	font-weight: 400;
	line-height: 168%;
	letter-spacing: -0.16px;
	max-width: 300px;
}
.transparent-list {
	gap: 20px;
	margin-top: 22px;
}
.transparent-list-item {
	background: #F6F6F6;
	padding: 0;	
	width: 100%;
}
.overall-decr {
	gap: 52px;
	padding: 28px 30px;
}
.overall-decr span {
	display: block;
	width: 48px;
	height: 48px;
	background: center/contain no-repeat;
}
.overall-decr p {
	margin: 0;
	color: var(--color-things);
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}
.desktop-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 400px;
	display: block;
}

.desktop-slider .slider-img {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.desktop-slider .slider-img.active {
	opacity: 1;
	z-index: 2;
}
.image-on-mobile {
	height: 300px;
	background-size: auto 100%;
	background-position: center;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	display: none;
}

@media (max-width: 1024px) {
	.image-on-mobile {
		display: block;
	}
	.desktop-slider {
		display: none;
	}
	.email-text {
		height: auto;
	}
}


.cta2 {
	padding: 96px 0;
	background: var(--main-btn-bg);
}
.cta2-content {
	gap: 10px;
	flex: 1;
}
.cta2-content .do-descr {
	color: var(--slide-text);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;	
}
.cta2-content .block-container {
	justify-content: space-between;
}
.connect-list {
	gap: 20px;
}

.connect-list-item {
	position: relative;
	border-radius: 30px;
	height: 460px;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	padding: 20px;
	background-position: center;
	background-size: cover;
	z-index: 1;
	width: 100%;
}

.connect-list-item::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	z-index: 2;
	opacity: 0;
	transition: opacity 0.6s ease;
}

.connect-list-item:hover::after {
	opacity: 1;
}

.connect-list-item .item-content {
	position: relative;
	z-index: 3;
	background: var(--slide-text);
	padding: 25px 20px;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	overflow: hidden;
}

.connect-list-item .item-content .connect-descr {
	color: var(--color-things);
	font-size: 22px;
	font-weight: 500;
	line-height: 130%;
	margin: 0;
	transition: transform 0.4s ease;
}

.connect-list-item .item-content .btn-wrap {
	width: 100%;
	max-height: 0;
	overflow: hidden;
}

/* кнопка */
.connect-list-item .item-content .btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	opacity: 0;
	transform: translateY(20px);
	pointer-events: none;
}

.connect-list-item .item-content .btn i {
	width: 36px;
	height: 36px;
	background-size: 16px auto;
	background-color: var(--slide-text);
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00004 12.4146L12.3137 1.10088M12.3137 1.10088L2.51527 0.999867M12.3137 1.10088L12.4148 10.8994' stroke='%231D1EE3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.connect-list-item .item-content .btn:hover i {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00004 12.4146L12.3137 1.10088M12.3137 1.10088L2.51527 0.999867M12.3137 1.10088L12.4148 10.8994' stroke='%23F45D00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* при наведении */
.connect-list-item:hover .item-content .connect-descr {
	transform: translateY(-10px); /* лёгкий подъем текста */
}

.connect-list-item:hover .item-content .btn-wrap {
	max-height: 80px; /* раскрываем контейнер под кнопку */
}

.connect-list-item:hover .item-content .btn {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.logo-list {
	position: relative;
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 55px;

	/* плавное исчезновение логотипов по краям */
	mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

/* градиенты по бокам, создающие эффект затухания */
.logo-list::before,
.logo-list::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

.logo-list::before {
	left: 0;
	background: linear-gradient(to right, #fff 0%, transparent 100%);
}

.logo-list::after {
	right: 0;
	background: linear-gradient(to left, #fff 0%, transparent 100%);
}

/* === ЛЕНТА (АНИМИРУЕМАЯ ЧАСТЬ) === */
.logo-track {
	display: flex;
	width: max-content;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	will-change: transform;
}

/* === ЭЛЕМЕНТЫ === */
.logo-item {
  flex: 0 0 300px;
  height: 55px;
  display: flex;
  justify-content: end;
  align-items: center;
}

.logo-item img {
  max-height: 80%;
  max-width: 150px;  
  object-fit: contain;
  margin: 0 auto;
  display: block;
  filter: grayscale(100%);
}

.logo-item img:hover {
  transform: scale(1.05);
  filter: grayscale(0%);
}

/* Разделительная линия (опционально) */
.logo-item::after {
	content: '';
	display: block;
	width: 0;
	height: 28px;
	border: 1px solid #E2E2E2;
	margin-left: 20px;
}


.logo-track {
  display: flex;
  width: max-content;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}


@keyframes scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}

.logo-list:hover .logo-track {
	animation-play-state: paused;
}

.examples-slider-wrapper {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: visible; 
}

.examples-slider {
	width: 100%;
	height: 100%;
	overflow: hidden; 
}

.swiper-slide {
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: stretch;
	justify-content: start;
	position: relative;
	border-radius: 30px;
	padding: 30px;
}

.slide-content {
	background: var(--slide-text);
	padding: 30px 28px;
	border-radius: 30px;
	max-width: 600px;
	gap: 30px;
	padding-right: 180px;
	background-repeat: no-repeat;
	background-position: right 10px bottom 10px;
	align-items: space-between;
}

.slide-count {
	color: #656565;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 19.2px */
	letter-spacing: -0.16px;
	padding-bottom: 30px;
	background-image: url("data:image/svg+xml,%3Csvg width='89' height='17' viewBox='0 0 89 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 0L10.4084 5.87336L16.584 5.87336L11.5878 9.50329L13.4962 15.3766L8.5 11.7467L3.50383 15.3766L5.41219 9.50329L0.416019 5.87336L6.59163 5.87336L8.5 0Z' fill='%23EB9408'/%3E%3Cpath d='M26.5 0L28.4084 5.87336L34.584 5.87336L29.5878 9.50329L31.4962 15.3766L26.5 11.7467L21.5038 15.3766L23.4122 9.50329L18.416 5.87336L24.5916 5.87336L26.5 0Z' fill='%23EB9408'/%3E%3Cpath d='M44.5 0L46.4084 5.87336L52.584 5.87336L47.5878 9.50329L49.4962 15.3766L44.5 11.7467L39.5038 15.3766L41.4122 9.50329L36.416 5.87336L42.5916 5.87336L44.5 0Z' fill='%23EB9408'/%3E%3Cpath d='M62.5 0L64.4084 5.87336L70.584 5.87336L65.5878 9.50329L67.4962 15.3766L62.5 11.7467L57.5038 15.3766L59.4122 9.50329L54.416 5.87336L60.5916 5.87336L62.5 0Z' fill='%23EB9408'/%3E%3Cpath d='M80.5 0L82.4084 5.87336L88.584 5.87336L83.5878 9.50329L85.4962 15.3766L80.5 11.7467L75.5038 15.3766L77.4122 9.50329L72.416 5.87336L78.5916 5.87336L80.5 0Z' fill='%23EB9408'/%3E%3C/svg%3E");
	background-position: bottom left;
	background-repeat: no-repeat;
}

.slide-content .btn {
	background: var(--main-btn-bg-hover);
	color: var(--slide-text);	
	padding: 6px 6px 6px 30px;
}
.slide-content .btn:hover {
	background: var(--main-btn-bg);
}
.slide-content .btn i {
	background-color: var(--slide-text);
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.09401 13.4964L13.4462 1.19886M13.4462 1.19886L2.74832 1.08906M13.4462 1.19886L13.5565 11.8494' stroke='%23F45D00' stroke-width='2.18357' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}	
.slide-content .btn:hover i {
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.09401 13.4964L13.4462 1.19886M13.4462 1.19886L2.74832 1.08906M13.4462 1.19886L13.5565 11.8494' stroke='%232D24DB' stroke-width='2.18357' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.slide-name {
	color: var(--color-things);
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 35px */
	letter-spacing: -0.35px;
	flex: 1;
}
.topmark {
	width: fit-content;
	color: var(--slide-text);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 95%; /* 13.3px */
	letter-spacing: -0.14px;
	padding: 6px 14px;
	background: #EB9408;
	border-radius: 28px;
}


.swiper-button-prev,
.swiper-button-next {
	width: 48px;
	height: 48px;
	background-color: var(--main-btn-bg-hover);
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9H20M20 9L11.8571 1M20 9L11.8571 17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	z-index: 10;
}
.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
}
.swiper-button-prev {
	left: -24px;
	transform: rotateY(-180deg);
}

.swiper-button-next {
	right: -24px;
	transform: rotateX(180deg);
}
.pre-bottom-top,
.pre-bottom-bottom {
	width: 100%;
}
.pre-bottom-top {
	justify-content: end;
}
.pre-bottom-bottom {
	justify-content: space-between;
	align-items: end;
}
.cta4 .pre-bottom-digits .pb-text {
	font-size: 70px;
	font-style: normal;
	font-weight: 700;
	line-height:  102.857%;
	letter-spacing: -2px;	
}
.cta4 .pb-d-descr {
	color: var(--slide-text);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 19.2px */
	letter-spacing: -0.16px;	
}
.cta4 .mobile-only-btn {
	display: none;
}
.cta4 .btn-medium {
	font-size: 16px;
}
.things-list {
	background: var(--slide-text);
	padding: 34px 39px 34px 30px;
	list-style: none;
	gap: 18px;
}
.things-list li {
	color: var(--color-things);
	leading-trim: both;
	text-edge: cap;
	font-family: Nunito;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 19.2px */
	letter-spacing: -0.16px;
	padding-left: 23px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C3.58885 0 0 3.58885 0 8C0 12.4112 3.58885 16 8 16C12.4112 16 16 12.4112 16 8C16 3.58885 12.4112 0 8 0ZM12.1635 5.31885L6.99423 11.4727C6.93753 11.5402 6.86697 11.5948 6.78734 11.6327C6.70771 11.6706 6.62087 11.6909 6.53269 11.6923H6.52231C6.43605 11.6923 6.35077 11.6741 6.27199 11.639C6.1932 11.6039 6.12268 11.5526 6.065 11.4885L3.84962 9.02692C3.79335 8.96725 3.74959 8.89693 3.72089 8.8201C3.69219 8.74327 3.67914 8.66148 3.6825 8.57953C3.68587 8.49758 3.70558 8.41714 3.74047 8.34292C3.77537 8.2687 3.82476 8.2022 3.88572 8.14734C3.94668 8.09247 4.018 8.05035 4.09548 8.02345C4.17295 7.99654 4.25502 7.98539 4.33687 7.99065C4.41872 7.99592 4.49869 8.01749 4.57208 8.0541C4.64547 8.09071 4.7108 8.14162 4.76423 8.20385L6.50615 10.1392L11.2212 4.52731C11.3269 4.40503 11.4766 4.32928 11.6377 4.31644C11.7989 4.3036 11.9586 4.35469 12.0824 4.45868C12.2062 4.56266 12.2841 4.71119 12.2993 4.87215C12.3144 5.0331 12.2656 5.19356 12.1635 5.31885Z' fill='%23F45D00'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
}

.timeline {
	gap: 160px;
}
.timeline > div {
	flex: 1;
}

.timeline-descr {
	gap: 25px;
}
.timeline-descr a {
	margin-top: 17px;
}
.tl-header {
	color: var(--color-things);
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 40px */
	letter-spacing: -0.8px;	
}
.tl-descr {
	color: var(--color-things);
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%; /* 24.2px */	
	max-width: 420px;
}

.timeline {
  gap: 160px;
  align-items: start;
}
.timeline > div {
  flex: 1;
}

.timeline-descr {
  gap: 25px;
  position: sticky;
}
.timeline-descr a {
  margin-top: 17px;
}
.tl-header {
  color: var(--color-things);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.8px;
}
.tl-descr {
  color: var(--color-things);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  max-width: 420px;
}

.timeline-container {
  position: relative;
  padding-left: 60px;
}
.timeline-items {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* линия: точные отступы задаются скриптом через переменные --line-top и --line-bottom */
.timeline-items::before {
  content: '';
  position: absolute;
  left: 23px;
  z-index: 1;
  width: 2px;
  background: var(--main-btn-bg);
  top: var(--line-top, calc(40px / 2));
  bottom: var(--line-bottom, calc(40px / 2));
  transition: top .18s ease, bottom .18s ease;
  border-radius: 1px;
}

/* структура номеров */
.timeline-item-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.timeline-number-wrap {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  position: relative;
}
.timeline-number {
  position: relative;
  z-index: 2;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EAEAFF;
  color: var(--main-btn-bg);
  border-radius: 50%;
  font-size: 22px;
  font-weight: 600;
  flex-shrink: 0;
  left: 0;
  top: 0;
  transition: transform .18s ease, top .18s ease, opacity .12s ease !important;
  box-sizing: border-box;
}

/* sticky "плавающая" цифра */
.timeline-number--main {
  position: sticky;
  top: var(--main-sticky-top, 20px);
  z-index: 1000;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EAEAFF;
  color: var(--main-btn-bg);
  border-radius: 50%;
  font-size: 22px;
  font-weight: 600;
  box-sizing: border-box;
  pointer-events: none;
  transition: transform .18s ease, top .18s ease, opacity .12s ease !important;
  left: auto;
  margin-top: -40px;
  opacity: 0;
  visibility: hidden;
}
.timeline-number--main.is-visible {
  opacity: 1;
  visibility: visible;
}
.timeline-number.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(.98);
}

/* анимация "бульк" — применяется и к main, и к скрываемому номеру */
.timeline-number--main.animate-bulk,
.timeline-number.animate-bulk,
.timeline-number.is-hidden.animate-bulk {
  animation: timeline-bulk 0.36s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes timeline-bulk {
  0% { transform: scale(1); }
  35% { transform: scale(1.32); }
  75% { transform: scale(0.95); }
  100% { transform: scale(1); }
}

/* карточка элемента — чуть увеличиваем при "поглощении" для дополнительного эффекта */
.timeline-items-element {
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
  transform-origin: left center;
}

.timeline-element-ico {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  margin-bottom: 10px;
}
.timeline-element-text {
  font-size: 16px;
  line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
  .timeline-number,
  .timeline-number--main,
  .timeline-number.is-hidden,
  .timeline-number.animate-bulk,
  .timeline-items-element.animate-bulge {
    transition: none !important;
    animation: none !important;
  }
}

.faq-container {
	width: 50%;
}

.faq .timeline {
	gap: 10px;
}
.faq .tl-descr {
	color: #03030FB2;
}
.faq .tl-header {
	max-width: 450px;
}
.faq-items {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.faq-item {
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}



/* Вопрос */
.faq-question {
	color: var(--color-things);
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 30px */
	letter-spacing: -1px;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

/* Иконка с плюсом/минусом */
.faq-icon {
  position: relative;
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-btn-bg);
  border-radius: 50%;
  color: #ffffff9e;
}
.faq-icon-line {
  position: absolute;
  background-color: #ffffff9e;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
}
.active .faq-icon-line {
  background-color: var(--main-btn-bg);
}
.active .faq-icon {
	background: #DDDEFF;
}
.faq-icon-horizontal {
  width: 12px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) scaleX(1);
}

.faq-icon-vertical {
  width: 2px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) scaleY(1);
}

.faq-item.active .faq-icon-vertical {
  transform: translateX(-50%) translateY(-50%) scaleY(0);
  opacity: 0;
}

/* Ответ */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.faq-item.active .faq-answer {
  max-height: 2000px;
}

.faq-answer-content {
	padding: 15px 0;	
	color: rgba(3, 3, 15, 0.70);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
.faq-answer-content p {
	margin: 0;
}
.faq-answer-content a {
	color: #03030FB2;
}
.faq-question-text {
	flex: 1;
}

/* Медиа запрос для мобильных */
@media (max-width: 991px) {
  .faq-question {
    padding: 30px 28px;
  }

  .faq-question-text {
    font-size: 18px;
    margin-right: 12px;
  }

  .faq-answer-content {
    padding: 0 28px 30px 28px;
	font-size: 15px;
	line-height: 130%;
  }

  .faq-icon {
    width: 20px;
    height: 20px;
  }

  .faq-icon-horizontal {
    width: 10px;
    height: 1.5px;
  }

  .faq-icon-vertical {
    width: 1.5px;
    height: 10px;
  }
}








footer {
	margin-top: 150px;
	padding: 100px 0;
	background: var(--main-btn-bg);
}
.footer-top {
	padding-bottom: 75px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.footer-bottom {
	padding-top: 75px;
}
.f-logo {
	gap: 25px;
	width: 450px;
}
.f-logo .logo {
	display: block;
	width: 96px;
	height: 32px;
	background: url('images/logo.svg') center no-repeat;
	background-size: auto;
	background-size: contain;	
}
.f-logo p {
	color: var(--bottom-grey);
	margin: 0;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 170%;
	letter-spacing: -0.16px;	
	max-width: 300px;
}

.f-question {
	flex: 1;
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;  
	letter-spacing: -0.8px;	
	max-width: 800px;
}
.f-button {
	flex: 1;
	justify-content: end;
	display: flex;
	align-items: start;
}
.f-soc {
	width: 200px;
}
.f-menus {
	flex: 1;
	gap: 10px;
}
.f-menu-item {
	width: 250px;
	gap: 23px;
}
.f-header {
	color: var(--slide-text);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.4px;	
}
.f-soc-list {
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.f-soc-list .soc-link {
	display: block;
	width: 32px;
	height: 32px;
	background: var(--icon) center/contain no-repeat;
}

.f-soc-list .soc-link:hover {
	background-image: var(--icon-hover);
}
.f-menu-item .menu-list ul {
	gap: 13px;
}
.f-menu-item .menu-list ul li a {
	color: var(--bottom-grey);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 106%;
	letter-spacing: -0.16px;	
}
.todo-track {
    display: contents; /* На десктопе трек исчезает для браузера */
}
@keyframes marquee-scroll {
    0% { transform: translate3d(0, 0, 0); }
    /* Сдвигаем ровно на ширину оригинального контента */
    100% { transform: translate3d(var(--scroll-offset, -100%), 0, 0); }
}

.mobile-menu {
	display: none;
}
.mobile-menu ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 600px;
	padding: 14px 40px;
	border-radius: 50px;
	background: rgba(22, 21, 48, 0.50);
	gap: 60px;
	align-items: center;
	width: 100%;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);		
	margin: 0;
}
.mobile-menu ul li a {
	display: block;
	width: 58px;
	height: 58px;
	background: center/auto no-repeat;
	border-radius: 50%;
}
.mobile-menu ul li.is-active a {
	background-color: #2D24DB;
}

.mobile-menu ul li.menu-item-id-298 a {
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.685 34.123H9.315C5.205 34.123 1.875 30.778 1.875 26.668V15.553C1.875 13.513 3.135 10.948 4.755 9.68801L12.84 3.38801C15.27 1.49801 19.155 1.40801 21.675 3.17801L30.945 9.67301C32.73 10.918 34.125 13.588 34.125 15.763V26.683C34.125 30.778 30.795 34.123 26.685 34.123ZM14.22 5.15801L6.135 11.458C5.07 12.298 4.125 14.203 4.125 15.553V26.668C4.125 29.533 6.45 31.873 9.315 31.873H26.685C29.55 31.873 31.875 29.548 31.875 26.683V15.763C31.875 14.323 30.84 12.328 29.655 11.518L20.385 5.02301C18.675 3.82301 15.855 3.88301 14.22 5.15801Z' fill='white'/%3E%3Cpath d='M18 28.125C17.385 28.125 16.875 27.615 16.875 27V22.5C16.875 21.885 17.385 21.375 18 21.375C18.615 21.375 19.125 21.885 19.125 22.5V27C19.125 27.615 18.615 28.125 18 28.125Z' fill='white'/%3E%3C/svg%3E");
}
.mobile-menu ul li.menu-item-id-23 a {
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.4902 34.0055C25.6952 34.0055 24.6752 33.7505 23.4002 33.0005L18.9152 30.3455C18.4502 30.0755 17.5502 30.0755 17.1002 30.3455L12.6002 33.0005C9.94518 34.5755 8.38518 33.9455 7.68018 33.4355C6.99018 32.9255 5.91018 31.6205 6.61518 28.6205L7.68018 24.0155C7.80018 23.5355 7.56018 22.7105 7.20018 22.3505L3.48018 18.6305C1.62018 16.7705 1.77018 15.1805 2.02518 14.4005C2.28018 13.6205 3.09018 12.2405 5.67018 11.8055L10.4552 11.0105C10.9052 10.9355 11.5502 10.4555 11.7452 10.0505L14.4002 4.75547C15.6002 2.34047 17.1752 1.98047 18.0002 1.98047C18.8252 1.98047 20.4002 2.34047 21.6002 4.75547L24.2402 10.0355C24.4502 10.4405 25.0952 10.9205 25.5452 10.9955L30.3302 11.7905C32.9252 12.2255 33.7352 13.6055 33.9752 14.3855C34.2152 15.1655 34.3652 16.7555 32.5202 18.6155L28.8002 22.3505C28.4402 22.7105 28.2152 23.5205 28.3202 24.0155L29.3852 28.6205C30.0752 31.6205 29.0102 32.9255 28.3202 33.4355C27.9452 33.7055 27.3452 34.0055 26.4902 34.0055ZM18.0002 27.8855C18.7352 27.8855 19.4702 28.0655 20.0552 28.4105L24.5402 31.0655C25.8452 31.8455 26.6702 31.8455 26.9852 31.6205C27.3002 31.3955 27.5252 30.6005 27.1952 29.1305L26.1302 24.5255C25.8452 23.2805 26.3102 21.6755 27.2102 20.7605L30.9302 17.0405C31.6652 16.3055 31.9952 15.5855 31.8452 15.0905C31.6802 14.5955 30.9902 14.1905 29.9702 14.0255L25.1852 13.2305C24.0302 13.0355 22.7702 12.1055 22.2452 11.0555L19.6052 5.77547C19.1252 4.81547 18.5252 4.24547 18.0002 4.24547C17.4752 4.24547 16.8752 4.81547 16.4102 5.77547L13.7552 11.0555C13.2302 12.1055 11.9702 13.0355 10.8152 13.2305L6.04518 14.0255C5.02518 14.1905 4.33518 14.5955 4.17018 15.0905C4.00518 15.5855 4.35018 16.3205 5.08518 17.0405L8.80518 20.7605C9.70518 21.6605 10.1702 23.2805 9.88518 24.5255L8.82018 29.1305C8.47518 30.6155 8.71518 31.3955 9.03018 31.6205C9.34518 31.8455 10.1552 31.8305 11.4752 31.0655L15.9602 28.4105C16.5302 28.0655 17.2652 27.8855 18.0002 27.8855Z' fill='white'/%3E%3C/svg%3E%0A");
}
.mobile-menu ul li.menu-item-id-24 a {
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 17.8516H10.5C9.885 17.8516 9.375 17.3416 9.375 16.7266C9.375 16.1116 9.885 15.6016 10.5 15.6016H19.5C20.115 15.6016 20.625 16.1116 20.625 16.7266C20.625 17.3416 20.115 17.8516 19.5 17.8516Z' fill='white'/%3E%3Cpath d='M3 17.8488C2.385 17.8488 1.875 17.3388 1.875 16.7238V9.79379C1.875 6.11879 4.86 3.13379 8.535 3.13379H16.965C20.82 3.13379 23.625 5.69879 23.625 9.22378C23.625 9.83878 23.115 10.3488 22.5 10.3488C21.885 10.3488 21.375 9.83878 21.375 9.22378C21.375 6.58378 19.08 5.38379 16.965 5.38379H8.535C6.105 5.38379 4.125 7.36379 4.125 9.79379V16.7238C4.125 17.3538 3.615 17.8488 3 17.8488Z' fill='white'/%3E%3Cpath d='M24 32.8477H9C5.07 32.8477 1.875 29.6527 1.875 25.7227V15.2227C1.875 11.2927 5.07 8.09766 9 8.09766H24C27.93 8.09766 31.125 11.2927 31.125 15.2227V17.3976C31.125 18.0126 30.615 18.5226 30 18.5226H28.38C27.855 18.5226 27.375 18.7176 27.03 19.0776L27.015 19.0926C26.52 19.5876 26.325 20.2776 26.505 20.9526C26.73 21.7926 27.615 22.4076 28.605 22.4076H30C30.615 22.4076 31.125 22.9176 31.125 23.5326V25.7076C31.125 29.6526 27.93 32.8477 24 32.8477ZM9 10.3477C6.315 10.3477 4.125 12.5377 4.125 15.2227V25.7227C4.125 28.4077 6.315 30.5977 9 30.5977H24C26.685 30.5977 28.875 28.4077 28.875 25.7227V24.6726H28.605C26.58 24.6726 24.825 23.3976 24.33 21.5526C23.94 20.0976 24.36 18.5526 25.425 17.5026C26.205 16.7076 27.255 16.2726 28.38 16.2726H28.875V15.2227C28.875 12.5377 26.685 10.3477 24 10.3477H9Z' fill='white'/%3E%3Cpath d='M31.4548 24.6754H28.5598C26.2948 24.6754 24.3749 22.9954 24.1949 20.8354C24.0749 19.5904 24.5249 18.3754 25.4249 17.4904C26.1749 16.7104 27.2398 16.2754 28.3648 16.2754H31.4399C32.9099 16.2754 34.1098 17.4604 34.1098 18.9304V22.0204C34.1249 23.4904 32.9248 24.6754 31.4548 24.6754ZM28.3798 18.5254C27.8548 18.5254 27.3749 18.7204 27.0299 19.0804C26.5949 19.5004 26.3849 20.0704 26.4449 20.6404C26.5199 21.6304 27.4798 22.4254 28.5598 22.4254H31.4548C31.6798 22.4254 31.8749 22.2454 31.8749 22.0204V18.9304C31.8749 18.7054 31.6798 18.5254 31.4548 18.5254H28.3798Z' fill='white'/%3E%3C/svg%3E%0A");
}
.mobile-menu ul li.menu-item-id-25 a {
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.75 30.375H21.75C21.135 30.375 20.625 29.865 20.625 29.25C20.625 28.635 21.135 28.125 21.75 28.125H27.75C28.365 28.125 28.875 28.635 28.875 29.25C28.875 29.865 28.365 30.375 27.75 30.375Z' fill='white'/%3E%3Cpath d='M24.75 33.375C24.135 33.375 23.625 32.865 23.625 32.25V26.25C23.625 25.635 24.135 25.125 24.75 25.125C25.365 25.125 25.875 25.635 25.875 26.25V32.25C25.875 32.865 25.365 33.375 24.75 33.375Z' fill='white'/%3E%3Cpath d='M18.24 17.43C18.195 17.43 18.165 17.43 18.12 17.43C18.045 17.415 17.94 17.415 17.85 17.43C13.5 17.295 10.215 13.875 10.215 9.66C10.2 7.59 11.01 5.64 12.48 4.17C13.95 2.7 15.9 1.875 17.985 1.875C22.275 1.875 25.7701 5.37 25.7701 9.66C25.7701 13.875 22.485 17.28 18.285 17.43C18.27 17.43 18.255 17.43 18.24 17.43ZM17.985 4.125C16.5 4.125 15.12 4.71 14.07 5.745C13.035 6.795 12.465 8.175 12.465 9.645C12.465 12.645 14.805 15.075 17.79 15.165C17.88 15.15 18.075 15.15 18.27 15.165C21.225 15.03 23.5201 12.615 23.5201 9.645C23.5201 6.615 21.03 4.125 17.985 4.125Z' fill='white'/%3E%3Cpath d='M17.9852 33.8395C14.9252 33.8395 12.0302 33.0445 9.84023 31.5745C7.75523 30.1795 6.61523 28.2745 6.61523 26.2195C6.61523 24.1645 7.77023 22.2745 9.84023 20.8945C14.3252 17.8945 21.6152 17.8945 26.1002 20.8945C26.6102 21.2395 26.7602 21.9445 26.4152 22.4545C26.0702 22.9795 25.3652 23.1145 24.8552 22.7695C21.1202 20.2795 14.8202 20.2795 11.0852 22.7695C9.64523 23.7295 8.86523 24.9445 8.86523 26.2195C8.86523 27.4945 9.64523 28.7395 11.0852 29.6995C12.9002 30.9145 15.3452 31.5745 17.9702 31.5745C18.5852 31.5745 19.0952 32.0845 19.0952 32.6995C19.0952 33.3145 18.6002 33.8395 17.9852 33.8395Z' fill='white'/%3E%3C/svg%3E%0A");
}
.mobile-menu ul li.menu-item-id-26 a {
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 32.4754C17.535 32.4754 17.085 32.4154 16.71 32.2804C10.98 30.3154 1.875 23.3404 1.875 13.0354C1.875 7.78539 6.12 3.52539 11.34 3.52539C13.875 3.52539 16.245 4.51539 18 6.28539C19.755 4.51539 22.125 3.52539 24.66 3.52539C29.88 3.52539 34.125 7.80039 34.125 13.0354C34.125 23.3554 25.02 30.3154 19.29 32.2804C18.915 32.4154 18.465 32.4754 18 32.4754ZM11.34 5.77539C7.365 5.77539 4.125 9.03039 4.125 13.0354C4.125 23.2804 13.98 28.9804 17.445 30.1654C17.715 30.2554 18.3 30.2554 18.57 30.1654C22.02 28.9804 31.89 23.2954 31.89 13.0354C31.89 9.03039 28.65 5.77539 24.675 5.77539C22.395 5.77539 20.28 6.84039 18.915 8.68539C18.495 9.25539 17.535 9.25539 17.115 8.68539C15.72 6.82539 13.62 5.77539 11.34 5.77539Z' fill='white'/%3E%3C/svg%3E%0A");
}
.mobile-menu ul li.menu-item-lang a {
	background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3008 0.149414C28.3088 0.149485 36.4512 8.29176 36.4512 18.2998C36.4512 28.3078 28.3088 36.4501 18.3008 36.4502C8.29269 36.4502 0.150394 28.3079 0.150391 18.2998C0.150391 8.29172 8.29269 0.149414 18.3008 0.149414ZM18.3008 1.59375C9.08912 1.59375 1.59473 9.08801 1.59473 18.2998C1.59476 27.5116 9.08915 35.0059 18.3008 35.0059C27.5126 35.0058 35.0068 27.5116 35.0068 18.2998C35.0068 9.08799 27.5126 1.59382 18.3008 1.59375Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3Cpath d='M35.8809 17.5771V19.0215H0.724609V17.5771H35.8809Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3Cpath d='M19.0205 0.72168V35.8789H17.5762V0.72168H19.0205Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3Cpath d='M24.3389 1.38965C30.2741 12.6077 30.2739 23.9918 24.3389 35.21L24.2686 35.3428L24.1357 35.2725L23.125 34.7383L22.9922 34.668L23.0625 34.5352C28.7634 23.7597 28.7633 12.8409 23.0625 2.06543L22.9922 1.93262L23.125 1.8623L24.1357 1.32715L24.2686 1.25684L24.3389 1.38965Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3Cpath d='M12.457 1.32715L13.4678 1.8623L13.6006 1.93262L13.5303 2.06543C7.82967 12.8407 7.82965 23.7598 13.5303 34.5352L13.6006 34.668L13.4678 34.7383L12.457 35.2734L12.3252 35.3428L12.2549 35.2109C6.31959 23.9927 6.31959 12.6078 12.2549 1.38965L12.3252 1.25684L12.457 1.32715Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3Cpath d='M34.7354 23.1318L35.2705 24.1426L35.3408 24.2754L35.208 24.3457C29.6016 27.3117 23.9506 28.7969 18.2969 28.7969C12.6433 28.7968 6.99294 27.3116 1.38672 24.3457L1.25391 24.2754L1.32422 24.1426L1.85938 23.1318L1.92969 22.999L2.0625 23.0693C12.8381 28.7702 23.7566 28.7702 34.5322 23.0693L34.665 22.999L34.7354 23.1318Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3Cpath d='M1.38672 12.2539C12.6054 6.31875 23.9899 6.31814 35.208 12.2539L35.3408 12.3242L35.2705 12.457L34.7354 13.4678L34.665 13.5996L34.5322 13.5303C23.7566 7.82905 12.8376 7.82921 2.0625 13.5303L1.92969 13.5996L1.85938 13.4678L1.32422 12.4561L1.25391 12.3242L1.38672 12.2539Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3C/svg%3E");
}
.remote-docs .content-header {
	display: flex;
	justify-content: center;
}
.remote-docs .content-header h1 {
	max-width: 900px;
	text-align: center;
	font-size: 80px;
	line-height: 90%;
	font-weight: 700;
}
.remote-docs .remote-content {
	border-radius: 30px;
	background: #F6F6F6;
	font-size: 16px;
	line-height: 150%;
	padding: 50px;
}
.remote-docs .remote-content a {
	color: var(--main-text);
}
.remote-docs .remote-content h2, .remote-docs .has-large-font-size strong {
	font-size: 42px;
	line-height: 110%;
}
.remote-docs .remote-content h4 {
	font-size: 26px;
	text-transform: uppercase;
}

.cookie-warn-holder {
	position: fixed;
	bottom: 20px;
	z-index: 99;
}
.ny-cookie-warn .content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	margin: 0 auto;
	padding: 23px;
	border-radius: 16px;
	align-items: center;
	border-radius: 50px;
	background: rgba(22, 21, 48, 0.80);
	position: relative;
	backdrop-filter: blur(10px);
}
.ny-cookie-warn .text {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;	
	max-width: 800px;
	margin: 0 auto;
	color: var(--slide-text);
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;	
	text-align: center;
}
.ny-cookie-warn .text b {
	font-weight: 700;
}
.ny-cookie-warn .text span {
	color: #D1D1D4;
	font-size: 18px;
}
.ny-cookie-warn .text i {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  background-repeat: ne-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.796875 0.799805L16.7969 16.7998' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M0.796875 16.7998L16.7969 0.799805' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  top: 20px;
  right: 30px;
  cursor: pointer;
}
.ny-cookie-warn .content div.text b {
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 24.2px */
}
.ny-cookie-warn .content div.text span {
	display: block;
}


/* RESPONSIVE */

@media (max-width: 1240px) {
	
	.cookie-warn-holder {
		bottom: 120px;
	}
	.ny-cookie-warn .content {
		max-width: 600px;
	}
	.ny-cookie-warn .content b {
		padding: 0 20px;
	}
	.inner-wrapper {
		padding: 0 16px;
	}
	header .menu-list {
		display: none;
	}
	header .menu {
		justify-content: space-between;
	}
	.mobile-menu {
		display: flex;
		position: fixed;
		bottom: 17px;
		z-index: 999;	
		width: 100%;
		justify-content: center;
	}	
}
@media (max-width: 1023px) {
	.secure {
		flex-direction: column;
	}
	.secure-photo, .secure-list-1 .secure-item, .secure-content {
		width: 100%;
		max-width: 100%;
	}
	.secure-list-1 .gradient-bottom {
		background-position: center;
		background-size: cover;
	}
	.secure-list-1 .gradient-bottom span {
		text-align: left;
	}
	.secure-photo, .secure-item {
		min-height: 320px !important;
	}
	.secure-list-2 .secure-item {
		background-size: cover;
	}
	.secure-item:nth-of-type(2) {
		justify-content: center;
	}
	.timeline {
		flex-direction: column;
		gap: 55px;
	}
	.timeline-descr {
		position: relative;
		width: 100%;
		text-align: center;
	}
	.tl-descr {
		margin: 0 auto;
	}
	#timeline .btn {
		display: none;
	}
	.timeline-items::before, .timeline-number--main {
		display: none;
	}
	.timeline-item-wrapper {
		flex-direction: column;
		align-items: start;
		gap: 15px;
	}
	.timeline-items-element {
		max-width: 100%;
		background: #f6f6f6;
		box-shadow: none;
		border-radius: 12px;
	}
	.timeline-container {
		width: 100%;
	}
	.timeline-element-ico {
		margin-bottom: 43px;
		width: 60px;
		height: 60px;
		background-size: contain;
	}
	.timeline-container {
		padding: 0;
	}
	.connect-list-item .item-content .btn-wrap {
		max-height: 80px;
	}
	.connect-list-item .item-content .connect-descr {
	  transform: translateY(-10px);
	}	
	.connect-list-item .item-content .btn {
	  opacity: 1;
	  transform: translateY(0);
	}	

	.connect-swiper .swiper-slide {
		flex: 0 0 78%;
		max-width: 78%;
		box-sizing: border-box;
	}	
	.swiper-backface-hidden .swiper-slide {
		align-items: end;
	}
	.connect-list-item .item-content {
		width: 100%;
	}
	.connect-nav {
		justify-content: space-between;
		margin-top: 50px;
	}
	.connect-nav span {
		width: 58px;
		height: 58px;
		border-radius: 50%;
		background-color: #aeaeae;
		background-image: url("data:image/svg+xml,%3Csvg width='26' height='22' viewBox='0 0 26 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3047 10.9371H1.21441M1.21441 10.9371L11.1102 1.21484M1.21441 10.9371L11.1102 20.6593' stroke='white' stroke-width='2.43056' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.connect-next {
		transform: scaleX(-1);
	}

}

@media (max-width: 991px) {
	.front-main .inner-wrapper {
		padding: 0;
	}
	.fm-text {
		padding: 0 16px;
	}	
    .todo {
        overflow: hidden;
        width: 100%;
    }
    .todo span {
		display: block;
		width: fit-content;
		white-space: nowrap;
	}
    .todo-track {
        display: flex;
        width: max-content;
        flex-wrap: nowrap;
        will-change: transform;
		gap: 40px;
    }
    .todo-track.is-active {
        animation: marquee-scroll linear infinite;
    }	
	.footer-top {
		flex-direction: column;
		gap: 25px;
		align-items: center;
		padding-bottom: 35px;
	}
	.footer-bottom {
		padding-top: 90px;
		flex-wrap: wrap;
		max-width: 500px;
		margin: 0 auto;
	}
	.f-question {
		font-size: 23px;
		text-align: center;
	}
	footer {
		padding: 60px 0;
	}
	.f-logo {
		order: 1;
		width: 50%;
		gap: 18px;
	}
	.f-soc {
		order: 2;
		width: 50%;
		gap: 18px;
	}
	.f-menus {
		order: 3;
		width: 100%;
		margin-top: 70px;
	}
	.f-menu-item-2,
	.f-soc {
		padding-left: 20px;
	}
	.f-menu-item .menu-list ul li a {
		font-size: 15px;
		color: var(--slide-text);
	}
	.f-logo p {
		color: var(--slide-text);	
	}
	.cta1 .block-container {
		flex-direction: column;
	}
	.cta1 .text-image-bg {
		min-height: 300px;
		background-position: top center;
	}
	.cta1 .desktop-video {
		display: none;
	}
	#cta2 .block-container {
		flex-direction: column;
		gap: 32px;
	}
	.cta2-content {
		max-width: 440px;
	}
	.cta2 {
		padding: 50px 0;
	}
	.text-image-flex {
		flex-direction: column;
	}
	#cta3 .text-image-bg {
		min-height: 360px;
	}
	.text-image {
		padding: 60px 0;
	}
	.text-image-content {
		padding: 0;
	}
	#pre-bottom .desktop-video {
		display: none;
	}
	.pre-bottom .block-container {
		flex-direction: column;
		align-items: start;
		justify-content: end;
		gap: 18px;
	}
	.faq .tl-header {
		margin: 0 auto;
	}
	.faq .btn {
		display: none;
	}
	.faq .timeline {
		gap: 55px;
	}
	.faq-container {
		width: 100%;
	}
	.faq-icon {
		min-width: auto;
		width: 28px;
		height: 28px;
	}
	.faq-item {
		border-radius: 30px;
		background: #f6f6f6;
	}
	.faq-items {
		gap: 12px;
	}
	footer {
		margin-top: 100px;
	}
	.remote-docs .content-header h1 {
		font-size: 50px;
	}
	.remote-docs .remote-content {
		padding: 50px 25px;
	}
}	

@media (max-width: 767px) {
	.cookie-warn-holder {
		bottom: 100px;
	}
	header .register-btn,
	header .lang-btn {
		display: none;
	}
	header .login-btn {
		color: var(--slide-text);
		background: var(--main-btn-bg);
		border-color: var(--main-btn-bg);		
	}
	header .login-btn:hover {
		background: var(--main-btn-bg-hover);
		border-color: var(--main-btn-bg-hover);	
	}	
	header .btn {
		padding: 14px 19px;
	}
	.pre-bottom-bottom {
		display: none;
	}
	.cta4  .pre-bottom-top ul {
		border-radius: 30px;
		background: #F6F6F6;
		margin: 0;
		width: 100%;
	}
	.cta4 .mobile-only-btn {
		display: flex;
	}
	.cta4  .pre-bottom-top ul li:last-of-type  {
		padding: 0;
	}
	.cta4.pre-bottom .block-container {
		padding: 30px 0 0 0;
		justify-content: end;
		min-height: 850px;
		background-size: auto;
		background-position: top center;
	}
	.secure-photo, .secure-item {
		min-height: 320px;
	}
	.pre-bottom .block-container .pb-text {
		font-size: 18px;
	}
	.mobile-menu {
		padding: 0 16px;
	}
	.mobile-menu ul {
		padding: 4px 16px;
		gap: 0;
	}
	.mobile-menu ul li a {
		width: 52px;
		height: 52px;	
		background-size: 28px auto;
	}	
	.subheader {
		font-size: 22px;
	}
	.swiper-slide {
		padding: 12px;
	}
	.connect-list-item .item-content .connect-descr {
		font-size: 18px;
	}
	.faq-question-text {
		line-height: 120%;
	}	
}

@media (max-width: 575px) {
	main {
		gap: 90px;
	}
	.header-video {
		display: none;
	}
	.lang-btn i {
		width: 20px;
		height: 20px;
	}
	header .register-btn span {
		display: none;
	}
	.header-video {
		display: none;
	}
	.front-main-content h1 {
		font-size: 50px;
	}
	.front-main-content .descr {
		font-size: 22px;
	}
	.btn-big {
		padding: 19px 30px;
		font-size: 18px;
	}
	.block-header {
		font-size: 40px;
		line-height: 100%;
	}
	footer {
		padding: 40px 0 75px 0;
	}	
	.f-question {
		font-size: 23px;
	}	
	.f-logo {
		order: 1;
		width: 100%;
		flex-direction: row;
	}
	.f-logo p, .f-logo .logo {
		width: 50%;
		background-position:  0 0;
	}
	.f-soc {
		order: 3;
		width: 100%;
		margin-top: 30px;
	}
	.f-menus {
		order: 2;
		width: 100%;
		margin-top: 35px;
	}	
	.f-menu-item-2, .f-soc {
		padding: 0;
	}
	.footer-bottom {
		padding-top: 35px;
	}
	.footer-bottom {
		max-width: 100%;
	}
	.cta4.pre-bottom .block-container {
		min-height: 750px;
		background-size: auto 60%;	
	}	
	.cta1 .text-image-bg {
		background-size: cover;
		min-height: 235px;
	}	
	.connect-list {
		gap: 0;
	}
	.connect-swiper .swiper-slide {
		flex: 0 0 85%;
		max-width: 85%;
	}
	.remote-docs .content-header h1 {
		font-size: 35px;
	}
	.remote-docs .remote-content {
		padding: 30px 25px;
	}
	.remote-docs .remote-content h2, .remote-docs .has-large-font-size strong {
		font-size: 21px;
	}
	.remote-docs .remote-content h4 {
		font-size: 21px;
		margin: 10px 0;
	}	
}

@media (max-width: 480px) {
	.front-main-content h1 {
		text-align: center;
		font-size: 45px;
	}
	.front-main-content .descr {
		text-align: center;
	}
	.fm-text {
		align-items: center;
		margin: 130px auto 0 auto;
	}
	.block-header {
		font-size: 28px;
		line-height: 100%;
	}	
	.cta4.pre-bottom .block-container {
		min-height: 600px;
		background-size: auto 300px;	
	}	
	.cta1 .text-image-content {
		padding: 52px 15p 52px 30px;
	}
	.do-text {
		font-size: 40px;
		line-height: 100%;
	}
	.btn-medium {
		font-size: 16px;
	}
	.btn-ico i {
		width: 36px;
		height: 36px;
	}
	.do-text span {
		margin-top: 22px;
	}
	.text-image-content {
		gap: 30px;
	}
	.pre-bottom .block-container {
		padding: 32px;
		background-size: auto 125%;
		background-position: center bottom;
	}
}

@media (max-width: 380px) {
	header .menu .logo a {
		width: 70px;
	}
	header .btn {
		padding: 10px 12px;
	}
	.f-logo {
		flex-direction: column;
	}
	.f-logo p, .f-logo .logo {
		width: 100%;
	}
	.cta1 .text-image-content {
		padding: 52px 15px;
	}
	.connect-swiper .swiper-slide {
		flex: 0 0 90%;
		max-width: 90%;
	}
	.remote-docs .content-header h1 {
		font-size: 28px;
	}
	.remote-docs .remote-content h2, .remote-docs .has-large-font-size strong {
		font-size: 20px;
	}
	.remote-docs .remote-content h4 {
		font-size: 18px;
	}	
}