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

* {
	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; 
	overflow: hidden;
	transition: none;
}

.header-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.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;
}
.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;	
}
.secure {
	gap: 20px;
	align-items: stretch;
}
.secure-photo {
	width: 725px;
}

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

.secure-item {
	gap: 160px;
}
.secure-item:nth-of-type(1) {
	background: var(--main-btn-bg);
}
.secure-item:nth-of-type(2) {
	background: var(--main-btn-bg-hover);
}
.secure-photo {
	background-size: cover;
	background-position: center;
}
.pre-bottom .block-container {
	padding: 30px 46px;
	background: center/cover no-repeat;
	align-items: end;
	justify-content: space-between;
	min-height: 448px;
}
.pre-bottom .block-container .btn-white {
	color: var(--main-text);
}
.pre-bottom .block-container .btn-white:hover {
	color: var(--slide-text);
}
.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;
}
.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;
}
.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;
}
.cta1 .do-btn a {
	background: var(--main-btn-bg-hover);
	color: var(--slide-text);
	border: 0;
}
.cta1 .do-btn a 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.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");
}
.cta1 .do-btn a:hover {
	background: var(--main-btn-bg);
}
.cta1 .do-btn a: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");
}
.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: #03030F;
	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: #03030F;
	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: #03030F;
	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);
}










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




@media (max-width: 575px) {
	.header-video {
		display: none;
	}
}