/*
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;
}

.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;
}
.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: 40px;
	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 {
	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;
	}
}


.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;
}

.logo-item img:hover {
  transform: scale(1.05);
}

/* Разделительная линия (опционально) */
.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;	
}
.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;
}

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

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

  .faq-answer-content {
    padding: 14px 16px;
    font-size: 14px;
  }

  .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;	
}
.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); }
}


@media (max-width: 1240px) {
	.inner-wrapper {
		padding: 0 16px;
	}
	header .menu-list {
		display: none;
	}
	header .menu {
		justify-content: space-between;
	}
}

@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);	
	}
}	

@media (max-width: 767px) {
	header .login-btn {
		display: none;
	}
	header .btn {
		padding: 14px 19px;
	}
}

@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%;
	}
}

@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;
	}
	.block-header {
		font-size: 28px;
		line-height: 100%;
	}	
}

@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%;
	}
}