@font-face {
	font-family: 'GeneralSans';
	src: url('../fonts/GeneralSans-Variable.woff2') format('woff2-variations'),
		url('../fonts/GeneralSans-Variable.woff2') format('woff2'),
		url('../fonts/GeneralSans-Variable.woff') format('woff'),
		url('../fonts/GeneralSans-Variable.ttf') format('truetype');
	font-weight: 200 700;
	font-display: swap;
	font-style: normal;
}
:root{
	--black: #000;
	--white: #fff;
	--white-additional: #f7f7f7;
	--black-800: rgba(0, 0, 0, 0.8);
	--white-800: rgba(255, 255, 255, 0.8);
	--black-600: rgba(0, 0, 0, 0.6);
	--white-600: rgba(255, 255, 255, 0.6);
	--black-400: rgba(0, 0, 0, 0.4);
	--white-400: rgba(255, 255, 255, 0.4);
	--black-100: rgba(0, 0, 0, 0.1);
	--white-100: rgba(255, 255, 255, 0.1);
	--dusty-blue-digital: #7594a8;
	--dusty-blue-brandguidelines: #86a5b9;
	--dusty-blue-digital-200: rgba(117, 148, 168, 0.2);
	--brown: #322c20;

	--font-family: "GeneralSans", sans-serif;

	--h1: max(48px, 96rem);
	--h2: max(32px, 64rem);
	--h3: max(24px, 40rem);
	--h4: max(22px, 28rem);
	--h5: max(20px, 20rem);

	--text_1: max(18px, 20rem);
	--text_2: max(16px, 18rem);

	--link: max(16px, 18rem);
	--button: max(18px, 18rem);

	--caption: max(48px, 96rem);
	--large: max(64px, 120rem);

	--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
	--power3-out: linear( 0, 0.1538 4.09%, 0.2926 8.29%, 0.4173 12.63%, 0.5282 17.12%, 0.6255 21.77%, 0.7099 26.61%, 0.782 31.67%, 0.8425 37%, 0.8887 42.23%, 0.9257 47.79%, 0.9543 53.78%, 0.9752 60.32%, 0.9883 67.11%, 0.9961 75%, 1 );
}
::selection {
	background-color: var(--dusty-blue-digital);
}
.footer ::selection {
	color: var(--black);
	background-color: var(--white-additional);
}
/************************* reset *************************/
html{
	height: 100%;
	margin: 0;
	padding: 0;width: 100%;
	background: var(--dusty-blue-digital);
	font-size: 0.0625vw;
}
body{
	height: 100%;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	color: var(--black);
	font-weight: 400;
	font-size: var(--text_1);
	line-height: 125%;
	letter-spacing: -0.01em;
	font-family: var(--font-family), Arial, Helvetica, sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6, p, ul, li, a, span, div, input, textarea, select, form, fieldset, button, dl, dd, dt, figure, figcaption, blockquote, caption, aside, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
}
img {
	margin: 0;
	padding: 0;
	border-style: none;
	vertical-align: bottom;
}
input, textarea, select, button {
	font-weight: 400;
	font-family: var(--font-family), Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border: 0;
	outline: 0;
	background: none;
}
a:hover {text-decoration: none;}
ul li {list-style: none;}
/************************* common styles *************************/
.holder {
	padding: 0 max(15px, 45rem);
}
h1, .h1 {
	display: block;
	font-weight: 400;
	font-size: var(--h1);
	line-height: 90%;
	letter-spacing: -0.04em;
}
h2, .h2 {
	display: block;
	font-weight: 400;
	font-size: var(--h2);
	line-height: 105%;
	letter-spacing: -0.04em;
}
h3, .h3 {
	display: block;
	font-weight: 400;
	font-size: var(--h3);
	line-height: 110%;
	letter-spacing: -0.03em;
}
h4, .h4 {
	display: block;
	font-weight: 400;
	font-size: var(--h4);
	line-height: 105%;
	letter-spacing: -0.04em;
}
h5, .h5 {
	display: block;
	font-weight: 400;
	font-size: var(--h5);
	line-height: 110%;
	letter-spacing: -0.02em;
}
a {transition: all 0.25s;}
p {margin: 0 0 max(16px, 16rem);}
p:last-child {margin: 0;}
p a, .article li a {color: var(--black);}
p a:hover, .article li a:hover {
	color: var(--dusty-blue-digital);
	text-decoration: underline;
}
.center {text-align: center;}
.upper {text-transform: uppercase;}
.button-holder {text-align: center;}
.button {
	position: relative;
	display: inline-block;
	min-width: max(270px, 270rem);
	padding: max(12px, 12rem) 32px max(13px, 13rem);
	color: var(--white);
	font-size: var(--button);
	line-height: 125%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: var(--black);
	border: 1px solid var(--black);
	border-radius: 30px;
	transition: all 0.25s;
}
.button:hover {
	color: var(--black);
	background: transparent;
}
.button-white {
	color: var(--black);
	background: var(--white);
	border: 1px solid var(--white);
}
.button-white:hover {
	color: var(--white);
	background: transparent;
	border: 1px solid var(--white);
}
/************************* form-block *************************/
.wpcf7-form-control-wrap input {
	display: block;
	width: 100%;
	height: max(34px, 39rem);
	padding: 0 0 max(9px, 12rem);
	margin: 0 0 max(32px, 40rem);
	font-size: var(--text_1);
	letter-spacing: -0.01em;
	color: var(--black);
	background: transparent;
	border-bottom: 1px solid var(--black-400);
}
.wpcf7-form-control-wrap textarea {
	display: block;
	width: 100%;
	height: max(64px, 66rem);
	padding: 0 0 max(9px, 12rem);
	margin: 0 0 max(32px, 40rem);
	font-size: var(--text_1);
	letter-spacing: -0.01em;
	color: var(--black);
	resize: vertical;
	background: transparent;
	border-bottom: 1px solid var(--black-400);
}
.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
	border-color: var(--black-800);
}
.inactive {
	opacity: 0.4;
	pointer-events: none;
}
::-webkit-input-placeholder {color: var(--black-400);}
:-moz-placeholder {color: var(--black-400); opacity: 1;}
::-moz-placeholder {color: var(--black-400); opacity: 1;}
:-ms-input-placeholder {color: var(--black-400);}
.error-msg {
	display: none;
	margin: min(-10px, -13rem) 0 max(18px, 21rem);
	font-size: var(--text_1);
	line-height: 125%;
	letter-spacing: -0.01em;
	color: #e02424;
}
.error .error-msg {
	display: block;
}
.input-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.input-box .wpcf7-form-control-wrap {
	width: calc(50% - 8px);
}
.form-button {
	text-align: center;
}
.form-button .button {
	min-width: max(380px, 380rem);
}
.check-item {
	position: relative;
}
.check-input {
	position: absolute;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.check-label {
	display: flex;
	align-items: center;
	min-height: max(24px, 24rem);
	padding: 0 0 0 max(28px, 28rem);
	font-size: var(--text_1);
	line-height: 125%;
	letter-spacing: -0.01em;
	color: var(--black);
	cursor: pointer;
}
.check-label::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: max(24px, 24rem);
	height: max(24px, 24rem);
	box-sizing: border-box;
	border: 1px solid var(--black-400);
	border-radius: 5px;
}
.check-label:hover::before {
	border-color: var(--dusty-blue-digital);
}
.check-input:checked + .check-label::before {
	background: var(--dusty-blue-digital) url(../images/check.svg) 50% 50%;
	border-color: var(--dusty-blue-digital);
}
.radio-item {
	position: relative;
}
.radio-input {
	position: absolute;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.radio-label {
	display: flex;
	align-items: center;
	min-height: max(24px, 24rem);
	padding: 0 0 0 max(36px, 36rem);
	font-size: var(--text_1);
	line-height: 125%;
	letter-spacing: -0.01em;
	color: var(--black);
	cursor: pointer;
}
.radio-label::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: max(24px, 24rem);
	height: max(24px, 24rem);
	box-sizing: border-box;
	border: 1px solid var(--black-400);
	border-radius: 50px;
}
.radio-label:hover::before {
	border-color: var(--dusty-blue-digital);
}
.radio-input:checked + .radio-label::before {
	background: var(--dusty-blue-digital) url(../images/check.svg) 50% 50%;
	border-color: var(--dusty-blue-digital);
}
/************************* wrapper *************************/
#wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
	background: var(--white);
}
/************************* header *************************/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 300;
	background: var(--white);
	transition: all 0.3s linear;
}
.header-up {
    top: min(-75px, -98rem);
}
.header-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: max(70px, 95rem);
	position: relative;
	border-bottom: 1px solid var(--black-400);
}
.header-logo {
	position: relative;
	z-index: 550;
}
.header-logo img {
	width: max(160px, 212rem);
	transition: opacity 0.3s linear;
}
.logo-dark {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.logo-white {
	position: relative;
	opacity: 0;
}
.header-nav {
	flex: 1;
}
.header-nav-wrap {
	display: flex;
	align-items: center;
}
.header-nav-list {
	display: flex;
	gap: max(16px, 32rem);
	margin: 0 auto;
}
.header-nav-list li {
	font-size: var(--link);
	line-height: 125%;
	letter-spacing: -0.01em;
}
.header-nav-list > li > a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: var(--black);
	text-decoration: none;
}
.header-nav-list > li > a::before{
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--black);
    transition: width .3s ease-in-out
}
.header-nav-list > li > a:hover::before,
.header-nav-list > li > a.active::before,
.header-nav-list > li > a.active-sub::before {
	width: 100%;
}
.header-nav-list > li > .nav-parent:hover::before,
.header-nav-list > li > .nav-parent.active::before,
.header-nav-list > li > .nav-parent.active-sub::before {
	width: calc(100% + 20px);
}
.nav-parent {
	position: relative;
	margin: 0 25px 0 0;
}
.nav-parent::after {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: -25px;
	content: '';
	width: 24px;
	height: 24px;
	background: url(../images/nav-arrow.svg) 50% 50% no-repeat;
	transition: all 0.3s ease-out;
}
.nav-parent.active-sub::after {
	transform: rotate(180deg);
}
.header-button {
	display: flex;
	align-items: center;
	gap: max(16px, 24rem);
}
.header-button .button {
	min-width: 1px;
	padding: max(12px, 12rem) max(24px, 24rem) max(13px, 13rem);
	color: var(--black);
	background: transparent;
	border: 1px solid var(--black);
}
.header-button .button:hover {
	color: var(--white);
	background: var(--black);
}
.header-login {
	position: relative;
	font-size: var(--link);
	line-height: 125%;
	letter-spacing: -0.01em;
	color: var(--black);
	text-decoration: none;
}
.header-login::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--black);
    transition: width .3s ease-in-out
}
.header-login:hover::after {
	width: 0;
}
.subnav-mask {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.25);
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s;
}
.subnav-mask.active {
	opacity: 1;
	visibility: visible;
	transition-delay: 0.2s;
}
.subnav-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: max(380px, 400rem);
	background: var(--white);
	transition: transform 0.5s;
	transform: translateY(-100%);
}
.subnav-bg.active {
	transform: translateY(0%);
}
.subnav {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding: max(20px, 20rem) 0 0;
}
.subnav.active {
	display: block;
}
.subnav-wrap {
	display: flex;
	justify-content: space-between;
	gap: max(16px, 40rem);
	opacity: 0;
	transition-delay: 0s;
}
.header-nav.active .subnav-wrap {
	opacity: 1;
	transition: opacity 0.25s 0.4s;
}
.subnav-img {
	overflow: hidden;
	width: max(320px, 346rem);
	min-width: max(320px, 346rem);
	height: max(248px, 248rem);
	border-radius: max(12px, 12rem);
}
.subnav-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.subnav-block {
	display: flex;
	gap: max(16px, 40rem);
}
.subnav-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	height: max(248px, 248rem);
	padding: max(20px, 20rem);
	border: 1px solid var(--black-100);
	border-radius: max(12px, 12rem);
	transition: all 0.25s;
}
.subnav-item h5 {
	margin: 0 0 max(8px, 8rem);
}
.subnav-text {
	color: var(--black-600);
	transition: all 0.25s;
}
.subnav-item .more {
	margin: auto auto 0 0;
}
@media screen and (min-width: 1025px) {
	.subnav-item:hover {
		color: var(--white);
		background-color: var(--dusty-blue-digital);
		border-color: var(--dusty-blue-digital);
	}
	.subnav-item:hover .subnav-text {
		color: var(--white-600);
	}
	.subnav-item:hover .more {
		color: var(--white);
		border-color: var(--white);
	}
}
.subnav-2 .subnav-block {
	width: 54.1%;
}
.subnav-3 .subnav-block {
	width: 41.1%;
}
.subnav-4 .subnav-block {
	width: 66%;
}
@media screen and (max-width: 1560px) {
	.subnav-2 .subnav-block {
		width: 55.5%;
	}
	.subnav-3 .subnav-block {
		width: 41.8%;
	}
}
@media screen and (max-width: 1300px) {
	.subnav-2 .subnav-block {
		width: 56.9%;
	}
	.header-nav-list {
		gap: max(8px, 20rem);
	}
	.subnav-block {
		gap: max(16px, 32rem);
	}
}

.header-light:not(.header-fixed, .subnav-opened) {
	background: transparent;
}
.header-light:not(.header-fixed, .subnav-opened) .header-block {
	border-color: var(--white-400);
}
.header-light:not(.header-fixed, .subnav-opened) .logo-dark {opacity: 0;}
.header-light:not(.header-fixed, .subnav-opened) .logo-white {opacity: 1;}
.header-light:not(.header-fixed, .subnav-opened) .header-nav-list > li > a {
	color: var(--white);
}
.header-light:not(.header-fixed, .subnav-opened) .header-nav-list > li > a::before{
    background-color: var(--white);
}
.header-light:not(.header-fixed, .subnav-opened) .nav-parent::after {
	background: url(../images/nav-arrow-white.svg) 50% 50% no-repeat;
}
.header-light:not(.header-fixed, .subnav-opened) .header-login {
	color: var(--white);
}
.header-light:not(.header-fixed, .subnav-opened) .header-login::after {
    background-color: var(--white);
}
.header-light:not(.header-fixed, .subnav-opened) .header-button .button {
	color: var(--white);
	border: 1px solid var(--white);
}
.header-light:not(.header-fixed, .subnav-opened) .header-button .button:hover {
	color: var(--black);
	background: var(--white);
}
.header-light:not(.header-fixed, .subnav-opened) .mob-nav-block::before,
.header-light:not(.header-fixed, .subnav-opened) .mob-nav-block::after {
    background: var(--white);
}

.mob-nav-icon {
	position: relative;
	z-index: 650;
	padding: 10px 0;
	display: none;
}
.mob-nav-block {
    position: relative;
	display: block;
    width: 28px;
    height: 1px;
    margin: 5px 0;
	transition: all .3s linear;
}
.mob-nav-block:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
	width: 28px;
    height: 1px;
    background: var(--black);
	transition: all .3s linear;
}
.mob-nav-block:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 28px;
    height: 1px;
    background: var(--black);
	transition: all .3s linear;
}
.mob-nav-icon.active .mob-nav-block {
    background: none;
}
.mob-nav-icon.active .mob-nav-block:before {
    top: 0;
    transform: rotate(45deg);
	background: var(--white);
}
.mob-nav-icon.active .mob-nav-block:after {
    top: 0;
    transform: rotate(-45deg);
	background: var(--white);
}
/************************* hero *************************/
.hero {
	position: relative;
	margin: 0 0 max(100px, 160rem);
}
.hero-main {
	position: relative;
}
.hero-bg {
	position: relative;
	overflow: hidden;
	display: block;
	height: max(680px, 868rem);
	max-height: 100vh;
}
.hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero-bg .video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 10;
}
.hero-bg::after {
	position: absolute;
	inset: 0;
	z-index: 20;
	content: '';
	background: rgba(0, 0, 0, 0.4);
}
.hero-content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	padding: max(100px, 175rem) 0 0;
	color: var(--white);
}
.hero-content h1 {
	max-width: max(440px, 1000rem);
	margin: 0 0 max(32px, 64rem);
}
.hero-text {
	max-width: max(380px, 410rem);
	margin: 0 0 max(24px, 32rem);
}
.hero-bonus {
	position: absolute;
	right: 0;
	bottom: max(20px, 20rem);
	z-index: 40;
}
.bonus-block {
	display: flex;
	flex-direction: row-reverse;
	max-width: max(580px, 615rem);
	padding: max(12px, 12rem);
	backdrop-filter: blur(20px);
	background: var(--black-400);
	border-radius: max(12px, 12rem);
}
.bonus-content {
	width: 50%;
	padding: 0 0 0 max(20px, 20rem);
}
.bonus-video {
	position: relative;
	overflow: hidden;
	width: 50%;
	height: max(180px, 216rem);
	border-radius: max(12px, 12rem);
}
.bonus-link {
	position: relative;
	display: block;
	color: var(--white);
	text-decoration: none;
	margin: 0 0 max(12px, 24rem);
}
.bonus-link::before {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: max(16px, 16rem);
	height: max(14px, 14rem);
	background: url(../images/arrow-min.svg) 50% 50% no-repeat;
	background-size: contain;
}
.bonus-text {
	max-width: max(220px, 245rem);
	color: var(--white-800);
}

/************************* logo-line *************************/
.logo-line {
	overflow: hidden;
	margin: 0 min(-15px, -45rem);
}
.logo-line-wrap {
	display: flex;
	gap: max(70px, 123rem);
	padding-right: max(70px, 123rem);
}
.logo-line-wrap img {
	filter: grayscale(1)
}
.logo-line-1 {width: max(54px, 123rem);}
.logo-line-2 {width: max(208px, 304rem);}
.logo-line-3 {width: max(77px, 122rem);}
.logo-line-4 {width: max(157px, 242rem);}
.logo-line-5 {width: max(155px, 253rem);}
.logo-line-6 {width: max(176px, 301rem);}
.logo-line-7 {width: max(205px, 315rem);}
.logo-line-8 {width: max(206px, 292rem);}
.logo-line-9 {width: max(263px, 338rem);}

/************************* about *************************/
.about {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.about h3 {
	max-width: max(720px, 1210rem);
	margin: 0 0 max(24px, 64rem);
}
.about-text {
	max-width: max(640px, 700rem);
	margin: 0 0 max(24px, 32rem);
	color: var(--black-600);
}

/************************* stat *************************/
.banner-simple {
	position: relative;
	margin: 0 0 max(100px, 160rem);
}
.banner-simple-img {
	position: relative;
	overflow: hidden;
	display: block;
	height: max(560px, 706rem);
}
.banner-simple-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-simple-block {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 50;
	padding: max(24px, 40rem) max(15px, 45rem);
	gap: max(30px, 45rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	color: var(--white);
}
.banner-simple-block h2 {
	max-width: max(400px, 730rem);
}

/************************* promo *************************/
.promo-top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: 0 0 max(30px, 64rem);
}
.promo-top h2 {
	max-width: max(380px, 740rem);
}
.promo-slider {
	margin: 0 min(-15px, -45rem);
}
.promo-slide {
	padding: 0 max(30px, 100rem);
}
.promo-item {
	width: max(460px, 520rem);
	margin: 0 auto;
}
.promo-img {
	overflow: hidden;
	height: max(225px, 380rem);
	margin: 0 0 max(20px, 20rem);
	border-radius: max(12px, 12rem);
}
.promo-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.promo-label {
	display: inline-block;
	vertical-align: top;
	padding: max(4px, 4rem) max(16px, 16rem);
	margin: 0 0 max(16px, 20rem);
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--black-800);
	background: var(--white-additional);
	border-radius: 50px;
}
.promo-item h4 {
	margin: 0 0 max(12px, 16rem);
}
.promo-text {
	max-width: 440px;
	color: var(--black-600);
}
.arrow-block {
	display: flex;
	gap: max(12px, 12rem);
	margin: 0 0 max(4px, 8rem);
}
.arrow-item {
	position: relative;
	width: max(40px, 40rem);
	height: max(40px, 40rem);
	background: var(--dusty-blue-digital);
	border: 1px solid var(--dusty-blue-digital);
	border-radius: max(4px, 4rem);
}
.arrow-item:hover {
	background: var(--white);
}
.arrow-item::before, .arrow-item::after {
	position: absolute;
	inset: 0;
	content: '';
	transition: all 0.25s;
}
.arrow-item::before {
	background: url(../images/slider-arrow.svg) 50% 50% no-repeat;
}
.arrow-item::after {
	background: url(../images/slider-arrow-black.svg) 50% 50% no-repeat;
	opacity: 0;
}
.arrow-item:hover::before {opacity: 0;}
.arrow-item:hover::after {opacity: 1;}
.promo-prev {
	transform: scale(-1, 1);
}

/************************* serv *************************/
.serv {
	position: relative;
	margin: 0 0 max(100px, 160rem);
}
.serv-bg {
	position: relative;
	overflow: hidden;
	display: block;
	height: max(560px, 749rem);
	max-height: 100vh;
}
.serv-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.serv-top {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
	padding: max(24px, 35rem) max(15px, 45rem) 0;
	color: var(--white);
}
.serv-top h2 {
	max-width: max(300px, 600rem);
	margin: 0 0 max(16px, 16rem);
}
.serv-top-text {
	max-width: max(440px, 490rem);
}
.serv-block {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 40;
	padding: 0 max(30px, 30rem) max(20px, 20rem);
	display: flex;
	align-items: flex-end;
	gap: max(10px, 10rem);
}
.serv-item {
	flex: 1;
	padding: max(20px, 25rem) max(16px, 16rem);
	color: var(--black);
	text-decoration: none;
	backdrop-filter: blur(13px);
	background: var(--white-600);
	border-radius: max(12px, 12rem);
}
.serv-item-top {
	display: flex;
	position: relative;
	padding-right: max(50px, 50rem);
	cursor: pointer;
}
.serv-item-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max(44px, 44rem);
	min-width: max(44px, 44rem);
	height: max(22px, 22rem);
	margin: 0 max(12px, 20rem) 0 0;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.04em;
	color: var(--white);
	text-align: center;
	background: var(--black);
	border-radius: 50px;
}
.serv-item-top h5 {
	min-height: max(40px, 40rem);
}
.serv-item-top::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: max(33px, 33rem);
	height: max(22px, 22rem);
	background: url(../images/plus-min.svg) 50% 50% no-repeat;
	background-size: contain;
}
.serv-item-top.active::after {
	background: url(../images/minus-min.svg) 50% 50% no-repeat;
	background-size: contain;
}
.serv-text {
	max-width: max(240px, 260rem);
	margin: 0 0 max(12px, 16rem);
	font-size: var(--text_2);
	line-height: 125%;
}
.serv-hidden {
	position: relative;
	overflow: hidden;
	display: none;
	padding: max(12px, 12rem) 0 0 max(56px, 64rem);
}
.serv-hidden-wrap {
	opacity: 0;
	transform: scale(0.9);
	transition: all 0.9s cubic-bezier(0.4, 0, 0.6, 1);
}
.active .serv-hidden-wrap {
	opacity: 1;
	transform: scale(1);
}
.serv-hidden .more {
	position: relative;
	border-bottom: 0;
}
.serv-hidden .more:hover {
	color: var(--black);
}
.serv-hidden .more::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--black);
    transition: width .3s ease-in-out
}
.serv-hidden .more:hover::after {
	width: 0;
}


/************************* stat *************************/
.stat {
	display: flex;
	flex-wrap: wrap;
}
.stat-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 25%;
	min-height: max(360px, 384rem);
	padding: max(16px, 24rem) max(16px, 16rem) 0;
	border-left: 1px solid var(--black-100);
}
.stat-text {
	margin: 0 0 max(24px, 32rem);
	max-width: max(260px, 290rem);
	color: var(--black-600);
}
.stat-num {
	font-size: var(--caption);
	line-height: 125%;
	letter-spacing: -0.03em;
}

/************************* faq *************************/
.faq .title-block h2 {
    max-width: max(260px, 530rem);
}
.faq-block {
	max-width: max(900px, 1120rem);
	margin: 0 auto;
}
.faq-item {
	padding: max(28px, 30rem) 0;
	border-bottom: 1px solid var(--black-400);
}
.faq-item:first-child {
	border-top: 1px solid var(--black-400);
}
.faq-top {
	display: block;
	position: relative;
	padding-right: max(44px, 60rem);
	color: var(--black);
	text-decoration: none;
}
.faq-top::before,
.faq-top::after {
	position: absolute;
	top: 50%;
	right: 0;
	content: '';
	width: max(32px, 32rem);
	height: max(32px, 32rem);
	transform: translateY(-50%);
	transition: all 0.3s;
}
.faq-top::before {
	background: url(../images/plus.svg) 50% 50% no-repeat;
	background-size: contain;
}
.faq-top::after {
	background: url(../images/minus-2.svg) 50% 50% no-repeat;
	background-size: contain;
}
.faq-top.active::before {
	height: 0px;
}
.faq-hidden {
	display: none;
	padding: max(16px, 32rem) 0 0;
}
.faq-hidden.vis {
	display: block;
}
.faq-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.faq-text {
	max-width: max(540px, 600rem);
	color: var(--black-600);
}
.faq-img {
	overflow: hidden;
	width: max(320px, 348rem);
	min-width: max(320px, 348rem);
	height: max(205px, 205rem);
	margin: 0 0 0 max(24px, 40rem);
	border-radius: max(12px, 12rem);
}
.faq-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/************************* other pages *************************/
/************************* top *************************/
.top {
	padding: max(95px, 105rem) 0 max(100px, 160rem);
}
.top-wrap {
	padding: 0 0 max(30px, 40rem);
}
.top-wrap h1 {
	max-width: max(440px, 940rem);
}
.top-banner {
	height: max(225px, 567rem);
}
.top-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top-line {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.top-line-text {
	max-width: max(480px, 535rem);
	color: var(--black-600);
}
.top-line-side {
	width: 40%;
}

/************************* section *************************/
.section {
	padding: 0 0 max(100px, 160rem);
}
.title-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: max(16px, 16rem);
	margin: 0 0 max(30px, 64rem);
}
.title-block h2 {
	max-width: max(480px, 960rem);
}
.title-text {
	max-width: max(510px, 560rem);
	color: var(--black-800);
}

/************************* team *************************/
.team-block {
	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
	gap: max(24px, 40rem);
}
.team-item {
	flex: 0 0 calc(25% - max(18px, 30rem));
}
a.team-item {
	color: var(--black);
	text-decoration: none;
	transition: none;
}
.team-item:first-child {margin-left: 30px;}
.team-item:nth-child(3) {margin-right: 30px;}
.team-photo {
	position: relative;
	overflow: hidden;
	height: max(320px, 356rem);
	margin: 0 0 max(16px, 20rem);
	border-radius: max(12px, 12rem);
}
.team-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
a.team-item:hover .team-hidden {
	opacity: 1;
}
.team-hidden {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: max(24px, 40rem);
	color: var(--white);
	opacity: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: all 0.65s cubic-bezier(0.4, 0, 0.6, 1);
}
.team-hidden-text {
	margin: 0 0 max(12px, 16rem);
}
.team-hidden .more {
	margin-right: auto;
	color: var(--white);
	border-color: var(--white);
}
.team-hidden .more:hover {
	color: var(--dusty-blue-digital);
	border-color: var(--dusty-blue-digital);
}
.team-item h4 {
	margin: 0 0 max(12px, 16rem);
}
.team-position {
	color: var(--black-600);
}

/************************* bio *************************/
.bio {
	display: flex;
}
.bio-side {
	position: relative;
	width: 42.7%;
	padding-right: max(40px, 60rem);
}
.bio-side-wrap {
	position: sticky;
	top: max(30px, 45rem);
}
.bio-photo {
	overflow: hidden;
	max-width: max(400px, 477rem);
	height: max(400px, 477rem);
	margin: 0 0 max(24px, 24rem);
	border-radius: max(12px, 12rem);
}
.bio-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bio-side h3 {
	max-width: max(400px, 477rem);
	margin: 0 0 max(12px, 24rem);
}
.bio-position {
	max-width: max(400px, 477rem);
	color: var(--black-600);
}
.bio-content {
	width: 57.3%;
	max-width: max(680px, 736rem);
	color: var(--black-800);
}
.bio-content h3 {
	margin: 0 0 max(24px, 32rem);
	color: var(--black);
}

/************************* smart *************************/
.smart-block {
	border-bottom: 1px solid var(--black-400);
}
.smart-item {
	display: flex;
	padding: max(20px, 20rem) 0;
	border-top: 1px solid var(--black-400);
}
.smart-title {
	width: max(280px, 516rem);
	min-width: max(280px, 516rem);
	padding: 0 max(24px, 30rem) 0 0;
}
.smart-title h4 {
	max-width: max(220px, 300rem);
}
.smart-content {
	flex: 1;
	padding: 0 max(24px, 30rem) 0 0;
}
.smart-text {
	max-width: max(340px, 390rem);
	margin: 0 0 max(10px, 16rem);
	color: var(--black-600);
}
.smart-img {
	overflow: hidden;
	position: relative;
	width: max(380px, 477rem);
	min-width: max(380px, 477rem);
	height: max(240px, 260rem);
	border-radius: max(12px, 12rem);
}
.smart-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.4s ease;
}
.smart-img:hover img,
.smart-img.active img {
	transform: scale(1.05);
}

/************************* info-block *************************/
.info-block .title-block h2 {
    max-width: max(550px, 1100rem);
}
.info-block-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.info-block-img {
	overflow: hidden;
	width: calc(55% - 30px);
	max-width: max(480px, 606rem);
	height: max(360px, 540rem);
	border-radius: max(12px, 12rem);
}
.info-block-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.info-block-content {
	width: 45%;
	display: flex;
	flex-direction: column;
	gap: max(16px, 40rem);
}
.info-block-text {
	padding: max(24px, 40rem);
	color: var(--black-600);
	background: var(--white-additional);
	border-radius: max(12px, 12rem);
}

/************************* steps *************************/
.steps .title-block h2 {
	max-width: max(340px, 640rem);
}
.steps-block {
	display: flex;
}
.steps-item {
	position: relative;
	width: 25%;
	padding: max(16px, 24rem) max(16px, 16rem) 0;
}
.steps-item::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: max(16px, 16rem);
	content: '';
	border-left: 1px solid var(--black-100);
}
.steps-item:first-child::before {
	display: none;
}
.steps-num {
	display: flex;
	align-items: flex-end;
	gap: max(6px, 7rem);
	margin: 0 0 max(20px, 57rem);
}
.steps-num-value {
	font-size: var(--caption);
	line-height: 125%;
	letter-spacing: -0.03em;
	color: var(--black);
}
.steps-num-text {
	margin: 0 0 max(6px, 20rem);
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--black-600);
}
.steps-text {
	max-width: max(250px, 290rem);
	color: var(--black-600);
}

/************************* fees *************************/
.top-fees .top-line {
	justify-content: center;
}
.top-fees h1 {
	text-align: center;
}
.fees .title-block h2 {
    max-width: max(340px, 640rem);
}
.fees-block {
	max-width: max(560px, 734rem);
	margin: 0 auto;
}
.fees-line {
	display: flex;
	padding: max(16px, 20rem) max(12px, 20rem);
	font-size: var(--text_2);
	line-height: 125%;
}
.fees-line:nth-child(odd) {
	background: var(--white-additional);
}
.fees-line:first-child {
	color: var(--white);
	font-size: var(--h5);
	line-height: 110%;
	letter-spacing: -0.02em;
	background: var(--dusty-blue-digital);
}
.fees-name {
	width: 70%;
	padding-right: 10px;
}
.fees-value {
	width: 30%;
}
.fees-bottom {
	max-width: max(400px, 460rem);
	padding: max(16px, 20rem) max(12px, 20rem);
	color: var(--black-600);
}

/************************* section-banner *************************/
.sb {
	position: relative;
}
.sb-img {
	height: max(540px, 706rem);
}
.sb-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sb-content {
	position: absolute;
	top: 0;
	left: 0;
	padding: max(24px, 35rem) max(15px, 45rem);
	color: var(--white);
}
.sb-content h2 {
	margin: 0 0 max(16px, 16rem);
}
.sb-text {
	max-width: max(400px, 460rem);
	color: var(--white-800);
}

/************************* reason *************************/
.reason .title-block h2 {
    max-width: max(600px, 1380rem);
}
.reason-block {
	margin: 0 0 max(32px, 32rem);
}
.reason-item {
	display: flex;
	align-items: flex-start;
	padding: max(32px, 40rem) 0;
	border-bottom: 1px solid var(--black-400);
	transition: background 0.3s linear, border-color 0.3s linear;
}
.reason-item:first-child {
	border-top: 1px solid var(--black-400);
}
.reason-item.active {
	background: var(--dusty-blue-digital);
	border-color: var(--dusty-blue-digital);
}
.reason-item.active .reason-top {
    color: var(--white);
}
.reason-item.active .reason-text {
    color: var(--white-800);
}
.reason-item.active .reason-label {
    color: var(--white);
	background: var(--white-100);
}
.reason-side {
	display: flex;
	width: max(180px, 216rem);
	min-width: max(180px, 216rem);
	padding: 0 max(24px, 40rem);
}
.reason-label {
	padding: max(4px, 4rem) max(16px, 16rem);
	font-size: var(--text_2);
	line-height: 125%;
	background: var(--dusty-blue-digital-200);
	border-radius: 100px;
}
.reason-content {
	flex: 1;
}
.reason-top {
	display: block;
	position: relative;
	padding-right: max(90px, 90rem);
	color: var(--black);
	text-decoration: none;
}
.reason-top::before,
.reason-top::after {
	position: absolute;
	top: 50%;
	right: max(24px, 40rem);
	content: '';
	width: max(32px, 32rem);
	height: max(32px, 32rem);
	transform: translateY(-50%);
	transition: all 0.3s;
}
.reason-top::before {
	background: url(../images/plus.svg) 50% 50% no-repeat;
	background-size: contain;
}
.reason-top::after {
	background: url(../images/minus.svg) 50% 50% no-repeat;
	background-size: contain;
	opacity: 0;
}
.reason-top.active::before {
	background: url(../images/plus-2.svg) 50% 50% no-repeat;
	background-size: contain;
	height: 0;
}
.reason-top.active::after {
	opacity: 1;
}
.reason-top h4 {
	max-width: max(440px, 560rem);
}
.reason-hidden {
	display: none;
	padding: max(20px, 26rem) 0 0;
}
.reason-hidden.vis {
	display: block;
}
.reason-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.reason-text {
	max-width: max(560px, 606rem);
	color: var(--black-800);
}
.reason-img {
	overflow: hidden;
	width: max(320px, 348rem);
	min-width: max(320px, 348rem);
	height: max(190px, 215rem);
	margin: 0 max(24px, 90rem) 0 max(24px, 40rem);
	border-radius: max(12px, 12rem);
}
.reason-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/************************* video-section *************************/
.video-section {
	position: relative;
	overflow: hidden;
	margin: 0 0 max(100px, 160rem);
}
.video-section.no-margin {
	margin: 0;
}
.vs-media {
	position: relative;
	overflow: hidden;
	height: max(560px, 706rem);
}
.vs-wrap {
	position: absolute;
	z-index: 50;
	top: max(15px, 45rem);
	left: max(15px, 45rem);
	color: var(--white);
}
.vs-wrap h2 {
	max-width: max(400px, 780rem);
	margin: 0 0 max(16px, 16rem);
}
.vs-text {
	max-width: max(400px, 450rem);
	margin: 0 0 max(32px, 40rem);
	color: var(--white-800);
}
.vs-buttons {
	display: flex;
	gap: max(4px, 4rem);
}
.vs-media .video-play {
	display: none;
}

/************************* top-inner *************************/
.top-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: min(-30px, -50rem);
}
.top-inner-side {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: calc(50% - max(12px, 20rem));
}
.top-inner-side h1 {
	max-width: max(260px, 540rem);
}
.top-inner-video {
	position: relative;
	overflow: hidden;
	width: calc(50% - max(12px, 20rem));
	height: max(480px, 600rem);
	border-radius: max(12px, 12rem);
}

/************************* info-2 *************************/
.info-2 .info-block-wrap {
	flex-direction: row-reverse;
	align-items: flex-start;
}
.info-2 .info-block-img {
	height: max(360px, 720rem);
}
.info-block-top h4 {
	margin: 0 0 max(8px, 12rem);
}
.info-note {
	color: var(--black-600);
}
.info-2 .info-block-content {
	gap: max(24px, 48rem);
}

/************************* quote *************************/
.quote {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: max(16px, 28rem);
}
.quote-text {
	position: relative;
	max-width: max(360px, 650rem);
	padding: max(86px, 126rem) 0 0;
}
.quote-text::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: max(77px, 122rem);
	height: max(70px, 111rem);
	content: '';
	background: url(../images/quote.svg) 50% 50% no-repeat;
	background-size: contain;
}
.quote-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: max(4px, 4rem);
}
.quote-status {
	max-width: max(280px, 312rem);
	color: var(--black-400);
}
.quote-2 .quote-text {
	max-width: max(440px, 740rem);
}
.quote-3 .quote-text {
	max-width: max(590px, 1000rem);
}

/************************* help *************************/
.help .title-block h2 {
    max-width: max(440px, 880rem);
}
.help-block {
	display: flex;
	justify-content: space-between;
}
.help-col {
	width: calc(50% - 20px);
}
.help-text {
	max-width: max(440px, 480rem);
	color: var(--black-600);
}
.list {
	border-top: 1px solid var(--black-100);
}
.list-item {
	position: relative;
	font-size: var(--h4);
	line-height: 105%;
	letter-spacing: -0.04em;
	padding: max(16px, 20rem) 0 max(16px, 20rem) max(26px, 32rem);
	border-bottom: 1px solid var(--black-100);
}
.list-item::before {
	position: absolute;
	top: 50%;
	left: max(9px, 12rem);
	content: '';
	width: max(6px, 8rem);
	height: max(6px, 8rem);
	margin-top: min(-3px, -4rem);
	border-radius: 100%;
	background: var(--dusty-blue-digital);
}

/************************* main *************************/
.meeting {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.meeting-col {
	width: calc(50% - max(12px, 20rem));
}
.meeting-col .team-block {
    justify-content: flex-start;
}
.meeting-col .team-item {
    flex: 0 0 calc(50% - max(12px, 20rem));
}
.meeting-col .team-item:first-child {margin-left: 0px;}
.meeting-col .team-item:nth-child(3) {margin-right: 0px;}
.meeting-info {
	width: 100%;
	max-width: max(500px, 556rem);
	padding: max(24px, 40rem);
	background: var(--white-additional);
	border-radius: max(12px, 12rem);
}
.meeting-item {
	display: flex;
	flex-direction: column;
	gap: max(16px, 16rem);
	padding: 0 0 max(24px, 40rem);
	margin: 0 0 max(24px, 40rem);
	border-bottom: 1px dashed var(--black-400);
}
.meeting-item:last-child {
	padding: 0;
	margin: 0;
	border-bottom: 0;
}
.meeting-text {
	color: var(--black-600);
}
.meeting-reverse {
	flex-direction: row-reverse;
}
.meeting-reverse .meeting-info {
	max-width: max(420px, 480rem);
	margin: 0 auto;
}
.title-block.meeting-title-1 h2 {
    max-width: max(360px, 720rem);
}
.title-block.meeting-title-2 h2 {
    max-width: max(580px, 1160rem);
}
.title-block.meeting-title-3 h2 {
    max-width: max(440px, 900rem);
}
.team-big {
	max-width: max(720px, 994rem);
	margin: 0 auto max(48px, 78rem);
}
.team-big:last-child {
	margin-bottom: 0;
}
.team-big .team-block {
    justify-content: flex-start;
}
.team-big .team-item {
    flex: 0 0 calc(50% - max(12px, 20rem));
}
.team-big .team-photo {
    height: max(320px, 477rem);
}
.team-big .team-item:first-child {margin-left: 0px;}
.team-big .team-item:nth-child(3) {margin-right: 0px;}
.meeting-center .meeting-col:first-child {
	display: flex;
	justify-content: flex-end;
}
.meeting-center .team-item {
    flex: none;
	width: max(348px, 477rem);
}
.meeting-center .team-photo {
    height: max(320px, 477rem);
}
.meeting-about {
	display: flex;
	flex-wrap: wrap;
}
.meeting-about-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 25%;
	min-height: max(360px, 384rem);
	padding: max(16px, 24rem) max(16px, 16rem) 0;
	border-left: 1px solid var(--black-100);
}
.meeting-about-item h4 {
	max-width: max(220px, 290rem);
	margin: 0 0 max(20px, 24rem);
}
.meeting-about-text {
	max-width: max(290px, 320rem);
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--black-600);
}

/************************* main *************************/
.main {
	padding: max(95px, 105rem) 0 max(100px, 160rem);
}
.main .breadcrumbs {
	margin: 0 0 max(40px, 87rem);
}
.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: max(8px, 8rem);
	padding: 0;
	margin: 0 0 max(40px, 60rem);
}
.breadcrumbs li {
	display: flex;
	align-items: flex-start;
	gap: max(8px, 8rem);
	padding: 0;
	margin: 0;
	color: var(--black-400);
	font-size: 16px;
	line-height: 125%;
	list-style: none;
}
.breadcrumbs li::before {
	display: block;
	content: '/';
	color: var(--black);
}
.breadcrumbs li:last-child::before {
	color: var(--black-400);
}
.breadcrumbs li:first-child::before {display: none;}
.breadcrumbs a {
	position: relative;
	color: var(--black);
	text-decoration: none;
}
.breadcrumbs a::after {
	content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--black);
    transition: width .3s ease-in-out
}
.breadcrumbs a:hover::after {
    width: 100%
}

/************************* res *************************/
.res h1 {
	margin: 0 0 max(60px, 64rem);
	text-align: center;
}
.res-block {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: max(36px, 50rem) max(24px, 40rem);
}
.res-item {
	color: var(--black);
	text-decoration: none;
}
.res-img {
	overflow: hidden;
	height: max(225px, 380rem);
	margin: 0 0 max(16px, 16rem);
	border-radius: 12px;
}
.res-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.4s ease;
}
.res-item:hover .res-img img {
	transform: scale(1.06);
}
.res-title {
	position: relative;
	padding-right: max(24px, 48rem);
}
.res-title::after {
	position: absolute;
	top: max(6px, 12rem);
	right: max(24px, 24rem);
	content: '';
	width: max(9px, 12rem);
	height: max(16px, 22rem);
	background: url(../images/res-arrow.svg) 50% 50% no-repeat;
	background-size: contain;
	transition: transform 0.4s ease;
}
.res-item:hover .res-title::after {
	transform: translateX(max(24px, 24rem));
}

/************************* blog-top *************************/
.blog-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: max(36px, 40rem);
	margin: 0 0 max(60px, 94rem);
}
.tabs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: max(16px, 16rem);
}
.tabs-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: max(9px, 9rem) max(24px, 24rem);
	font-size: var(--h5);
	line-height: 110%;
	letter-spacing: -0.02em;
	text-align: center;
	color: var(--black);
	text-decoration: none;
    background: var(--white-additional);
	border-radius: 100px;
	transition: all 0.25s;
}
.tabs-item:hover,
.tabs-item.active {
	color: var(--white);
	background: var(--dusty-blue-digital);
}
.tabs-mob {
	display: none;
}

/************************* blog *************************/
.blog-block {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: max(36px, 60rem) max(24px, 40rem);
	margin: 0 0 max(40px, 60rem);
}
.blog-block:last-child {
	margin: 0;
}
.blog-item {
	color: var(--black);
	text-decoration: none;
}
.blog-img {
	overflow: hidden;
	height: max(260px, 380rem);
	margin: 0 0 max(20px, 20rem);
	border-radius: max(12px, 12rem);
}
.blog-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.4s ease;
}
.blog-item:hover .blog-img img {
	transform: scale(1.05);
}
.blog-tags {
	display: flex;
	gap: max(12px, 12rem);
	margin: 0 0 max(16px, 20rem);
}
.blog-tag {
	padding: max(4px, 4rem) max(16px, 16rem);
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--black-800);
	background: var(--white-additional);
	border-radius: 100px;
}
.blog-item h4 {
	margin: 0 0 max(12px, 16rem);
}
.blog-date {
	color: var(--black-600);
}

/************************* pagination *************************/
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: max(24px, 28rem);
}
.pagination-block {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: max(12px, 12rem);
}
.pagination-link {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--text_2);
	line-height: 125%;
	text-align: center;
	text-decoration: none;
	color: var(--black-400);
	width: max(36px, 50rem);
	height: max(36px, 50rem);
	border: 1px solid var(--black-400);
	border-radius: max(6px, 6rem);
}
.pagination-link:hover,
.pagination-link.active {
	color: var(--white);
	background: var(--dusty-blue-digital);
	border-color: var(--dusty-blue-digital);
}
.pagination-arrow {
	display: flex;
	font-size: 0;
	width: max(19px, 19rem);
	height: max(18px, 18rem);
	background: url(../images/chevron.svg) 50% 50% no-repeat;
	background-size: contain;
	cursor: pointer;
}
.pagination-arrow.inactive {
	background: url(../images/chevron-grey.svg) 50% 50% no-repeat;
	background-size: contain;
    opacity: 1;
}
.pagination-prev {
	transform: scale(-1, 1);
}

/************************* article *************************/
.article-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: max(24px, 20rem);
	margin: 0 0 max(30px, 60rem);
}
.article-top .article-date {
	margin: 0;
}
.article-top h1 {
	max-width: max(600px, 1130rem);
}
.article-banner {
	height: max(225px, 608rem);
	margin: 0 min(-15px, -45rem) max(60px, 100rem);
}
.article-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.article {
	max-width: max(660px, 740rem);
	margin: 0 auto;
}
.article-date {
	margin: 0 0 max(24px, 40rem);
	color: var(--black-400);
}
.article h1 {
	margin: 0 0 max(40px, 40rem);
}
.article h3 {
	margin: 0 0 max(24px, 32rem);
	padding-top: max(16px, 24rem);
}
.article h3:first-child,
.article h1 + h3 {
	padding-top: 0;
}
.article ul,
.article ol {
	margin: 0 0 max(16px, 16rem);
	padding: 0 0 0 30px;
}
.article ul:last-child,
.article ol:last-child {
	margin: 0;
}
.article ul li {
	list-style-type: disc;
}

/************************* videos *************************/
.videos h1 {
	max-width: max(400px, 800rem);
	margin: 0 0 max(60px, 60rem);
}
.videos-block {
	margin: 0 0 max(40px, 40rem);
	border-bottom: 1px solid var(--black-400);
}
.videos-item {
	display: flex;
	padding: max(24px, 30rem) 0;
	border-top: 1px solid var(--black-400);
}
.videos-side {
	width: max(240px, 388rem);
	min-width: max(240px, 388rem);
	padding: 0 max(24px, 30rem) 0 0;
}
.videos-date {
	color: var(--black-600);
}
.videos-content {
	flex: 1;
	padding: 0 max(24px, 30rem) 0 0;
	margin-bottom: min(-8px, -8rem);
}
.videos-content h4 {
	max-width: max(440px, 490rem);
	margin: 0 0 max(16px, 16rem);
}
.videos-text {
	max-width: max(440px, 490rem);
	margin: 0 0 max(20px, 32rem);
	color: var(--black-600);
}
.more {
	display: inline-block;
	vertical-align: top;
	font-size: var(--link);
	line-height: 125%;
	letter-spacing: -0.01em;
	color: var(--black);
	text-decoration: none;
	border-bottom: 1px solid var(--black);
	transition: all 0.3s linear;
}
.more:hover {
	color: var(--dusty-blue-digital);
	border-color: var(--dusty-blue-digital);
}
.videos-media {
	overflow: hidden;
	position: relative;
	width: max(380px, 477rem);
	min-width: max(380px, 477rem);
	height: max(240px, 268rem);
	border-radius: max(12px, 12rem);
}
.videos-media:hover .video-cover {
	transform: scale(1.1);
}
.video-cover {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 30;
	transition: all 0.4s ease;
}
.video-active .video-cover {
	z-index: 10;
}
.video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video-play {
	position: absolute;
	inset: 0;
	z-index: 40;
	display: flex;
	align-items: center;
	justify-content: center;
}
.play-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max(50px, 50rem);
	height: max(50px, 50rem);
	background: url(../images/play.svg) 50% 50% no-repeat;
	background-size: contain;
}
.bonus-video .video-popup-trigger,
.top-inner-video .video-popup-trigger {
	position: absolute;
	inset: 0;
	z-index: 45;
}
.video-popup {
	display: none;
}
.video-popup.fancybox-content {
	padding: 44px 0;
	background: none;
	overflow: hidden;
}
.video-popup-wrap {
	overflow: hidden;
	position: relative;
	width: max(900px, 900rem);
	aspect-ratio: 16 / 9;
}
.video-popup video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fancybox-stage .fancybox-slide--html .fancybox-close-small {
    right: -10px;
	padding: 4px;
	color: #fff;
}

/************************* contact *************************/
.contact-form {
	max-width: max(680px, 734rem);
	margin: 0 auto max(108px, 160rem);
}
.contact-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: max(16px, 16rem);
	margin: 0 0 max(60px, 64rem);
	text-align: center;
}
.contact-top h1 {
	max-width: max(340px, 640rem);
}
.contact-top:last-child {
	margin: 0;
}
.contact-block {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.contact-side {
	width: calc(50% - 20px);
}
.contact-content {
	width: calc(50% - 20px);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: max(24px, 40rem);
}
.contact-item {
	display: flex;
	flex-direction: column;
	min-height: max(240px, 240rem);
	padding: max(24px, 40rem);
	background: var(--white-additional);
	border-radius: 12px;
}
.contact-item h4 {
	margin: 0 0 max(20px, 20rem);
}
.contact-item-text {
	width: 102%;
	margin: auto 0 0;
}
.contact-item-text p {
	margin: 0 0 max(12px, 12rem);
}
.contact-item-text p:last-child {
	margin: 0;
}
.contact-item-text a {
	position: relative;
	color: var(--black);
	text-decoration: none;
}
.contact-item-text a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--black);
    transition: width .3s ease-in-out
}
.contact-item-text a:hover::after {
    width: 100%
}
.form-result {
	display: none;
}
.form-sent .form-main {
	display: none;
}
.form-sent .form-result {
	display: block;
}

/************************* footer *************************/
.page404 {
	position: relative;
}
.page404-bg {
	position: relative;
	overflow: hidden;
	display: block;
	height: max(670px, 900rem);
	max-height: 100vh;
}
.page404-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page404-block {
	position: absolute;
	top: max(292px, 333rem);
	left: 0;
	right: 0;
	padding: 0 max(15px, 45rem);
}
.page404-line {
	overflow: hidden;
	margin: 0 min(-15px, -45rem) max(30px, 32rem);
}
.page404-line-wrap {
	font-size: var(--large);
	line-height: 120%;
	letter-spacing: -0.04em;
	color: var(--white-additional);
	white-space: nowrap;
}

/************************* footer *************************/
.footer {
	margin: auto 0 0;
	color: var(--white);
	background: var(--dusty-blue-digital);
	border-top: 1px solid var(--white-400);
}
.footer-block {
	display: flex;
}
.footer-start {
	width: max(320px, 395rem);
	min-width: max(320px, 395rem);
	padding: max(55px, 67rem) max(30px, 40rem) max(55px, 115rem) 0;
}
.footer-mid {
	flex: 1;
	padding: max(55px, 67rem) max(40px, 60rem) max(55px, 115rem);
	border-left: 1px solid var(--white-400);
	border-right: 1px solid var(--white-400);
}
.footer-end {
	width: max(320px, 395rem);
	min-width: max(320px, 395rem);
	padding: max(55px, 67rem) 0 max(55px, 115rem) max(40px, 104rem);
}
.footer-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: max(8px, 8rem);
	margin: 0 0 max(20px, 24rem);
}
.footer-links:last-child {
	margin: 0;
}
.footer-link {
	position: relative;
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--white);
	text-decoration: none;
}
.footer-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    transition: width .3s ease-in-out
}
.footer-link:hover::after {
    width: 100%
}
.footer-item {
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--white);
}
.footer-title {
	margin: 0 0 max(16px, 16rem);
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--white-600);
}
.footer-start .footer-links {
	margin: 0 0 max(30px, 46rem);
}
.footer-start .footer-title {
	max-width: max(250px, 300rem);
}
.footer-logo {
	margin: 0 0 max(30px, 40rem);
	text-align: center;
}
.footer-logo img {
	width: max(252px, 460rem);
	max-width: 100%;
}
.footer-text {
	max-width: max(400px, 460rem);
	margin: 0 auto;
	font-size: var(--text_2);
	line-height: 125%;
	text-align: center;
}
.footer-bottom {
	display: flex;
}
.footer-bottom .footer-start,
.footer-bottom .footer-mid,
.footer-bottom .footer-end {
	padding-top: 0;
	padding-bottom: max(30px, 32rem);
}
.footer-studio {
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--white);
}
.footer-studio img {
	display: inline-block;
	vertical-align: top;
	width: max(25px, 25rem);
	margin: 0 1px;
}
.footer-studio a {
	position: relative;
	color: var(--white);
	text-decoration: none;
}
.footer-studio a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    transition: width .3s ease-in-out
}
.footer-studio a:hover::after {
    width: 100%
}
.footer-social {
	display: flex;
	justify-content: center;
	gap: max(30px, 30rem);
}
.footer-social-link {
	position: relative;
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--white);
	text-decoration: none;
}
.footer-social-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    transition: width .3s ease-in-out
}
.footer-social-link:hover::after {
    width: 100%
}
.footer-bottom-block {
	display: flex;
	align-items: flex-start;
	gap: max(20px, 30rem);
}
.footer-bottom-block .footer-link {
	color: var(--white-600);
	white-space: nowrap;
}
.footer-bottom-block .footer-link:hover {
	color: var(--white);
}
.footer-copy {
	font-size: var(--text_2);
	line-height: 125%;
	color: var(--white-600);
}

/************************* popups *************************/
.popup {
	display: none;
	width: 356px;
	border-radius: 10px;
}
.popup.fancybox-content {padding: 47px 36px 36px;}
.popup-title {
	margin: 0 0 13px;
	font-family: 'Alice';
	font-size: 40px;
	line-height: 34px;
	text-align: center;
	text-transform: uppercase;
}



/************************* media *************************/
@media screen and (max-width: 1300px) {
	.footer-start {
		padding: max(55px, 67rem) max(20px, 40rem) max(55px, 115rem) 0;
	}
	.footer-end {
		width: max(280px, 395rem);
    	min-width: max(280px, 395rem);
		padding: max(55px, 67rem) 0 max(55px, 115rem) max(30px, 64rem);
	}
	.footer-copy {
		max-width: 140px;
	}
	.footer-social {
		gap: max(20px, 30rem);
	}
	.contact-side {
		width: calc(38% - 20px);
	}
	.contact-content {
		width: calc(62% - 20px);
	}
	.videos-side {
		width: max(200px, 320rem);
		min-width: max(200px, 320rem);
	}
	.smart-title {
		width: max(220px, 420rem);
		min-width: max(220px, 420rem);
	}
	.serv-item-top {
		flex-direction: column;
		padding-right: 0;
		gap: 16px;
	}
	.serv-hidden {
		padding: max(12px, 12rem) 0 0;
	}



}
@media screen and (max-width: 1200px) {
	.team-block {
		justify-content: flex-start;
	}
	.team-item {
		flex: 0 0 calc(33% - max(16px, 26rem));
	}
	.team-item:first-child {margin-left: 0;}
	.team-item:nth-child(3) {margin-right: 0px;}
	.team-photo {
		height: max(320px, 500rem);
	}
}
@media screen and (max-width: 1024px) {
	#wrapper, body.lock {overflow: hidden;}
	.lock .logo-dark {
		opacity: 0;
	}
	.lock .logo-white {
		opacity: 1;
	}
	.mob-nav-icon {display: block;}
	.header-nav {
		position: fixed;
		top: 0;
		left: 100%;
		bottom: 0;
		display: block;
		width: 100%;
		z-index: 540;
		overflow: hidden;
		box-sizing: border-box;
		display: block;
		background: var(--dusty-blue-digital);
		box-shadow: none;
		transition: all 0.6s cubic-bezier(.08,.71,.26,.89);
	}
	.header-nav.vis {
		left: 0;
	}
	.header-nav-wrap {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100dvh;
        padding-top: 134px;
        padding-bottom: 90px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
    }
	.header-nav-list {
		display: block;
		padding: 0 max(16px, 50rem);
		height: 100%;
		margin: 0;
		overflow: hidden;
	}
	.header-nav-list.scroll {
		overflow-y: auto;
	}
	.header-nav-list > li {
		overflow: hidden;
		border-bottom: 1px solid var(--white-100);
		opacity: 0;
		transform: translateX(50px);
		transition: transform .6s ease-out, opacity .3s ease-out;
	}
	.header-nav.vis .header-nav-list > li {
		opacity: 1;
		transform: translateX(0);
	}
	.header-nav-list > li > a {
		display: flex;
		gap: 2px;
		padding: 14px 0 16px;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -0.02em;
		text-align: center;
		color: var(--white-800);
	}
	.header-nav-list > li:first-child > a {
		padding-top: 0;
	}
	.header-nav-list > li > a::before {
		display: none;
	}
	.nav-parent {
		margin: 0;
	}
	.nav-parent.nav-active::after {
		transform: rotate(180deg);
	}
	.nav-parent::before {display: none;}
	.nav-parent::after {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 0;
		background: url(../images/nav-arrow-white.svg) 50% 50% no-repeat;
		background-size: contain;
	}
	.header-nav-list > li:nth-child(1){transition-delay: 0.3s;}
	.header-nav-list > li:nth-child(2){transition-delay: 0.37s;}
	.header-nav-list > li:nth-child(3){transition-delay: 0.42s;}
	.header-nav-list > li:nth-child(4){transition-delay: 0.49s;}
	.header-nav-list > li:nth-child(5){transition-delay: 0.56s;}
	.header-nav-list > li:nth-child(6){transition-delay: 0.63s;}
	.subnav-bg {display: none;}
	.subnav {
		display: none;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		padding: 0 0 16px;
	}
	.subnav-wrap {
		flex-direction: column;
		gap: 12px;
		opacity: 1;
	}
	.subnav-block {
        flex-direction: column;
		gap: 12px;
    }
	.subnav-img {
		display: none;
	}
	.subnav-2 .subnav-block,
	.subnav-3 .subnav-block,
	.subnav-4 .subnav-block {
		width: auto;
	}
	.subnav-item {
		height: auto;
		border: 0;
		color: var(--white);
		border-bottom: 1px solid var(--white-100);
		border-radius: 0;
	}
	.subnav-item:last-child {
		border-bottom: 0;
	}
	.subnav-text {
		margin: 0 0 20px;
		color: var(--white-600);
	}
	.subnav-item .more {
		color: var(--white);
		border-color: var(--white);
	}
	.header-button {
        position: absolute;
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 50;
		align-items: stretch;
        padding: 19px 15px 24px;
        background: var(--dusty-blue-digital);
		opacity: 0;
		transition: all 0.6s linear;
    }
	.header-nav.vis .header-button {
		opacity: 1;
		transition: all 0.6s linear 0.4s;
	}
	.header-button .button {
		flex: 1;
		min-width: 1px;
		padding: max(12px, 12rem) 0 max(13px, 13rem);
		color: var(--black);
		background: var(--white);
		border: 1px solid var(--white);
	}
	.header-button .button:hover {
		color: var(--white);
		background: var(--black);
	}
	.header-light:not(.header-fixed) .header-button .button {
		color: var(--black);
	}
	.header-login {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		line-height: 125%;
		color: var(--white);
		text-align: center;
		border: 1px solid var(--white);
		border-radius: 100px;
	}
	.header-login::after {
		display: none;
	}

	.footer-block {
		flex-direction: column;
		padding: 60px 0 0;
	}
	.footer-mid {
		order: 1;
		padding: 0 0 30px;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid var(--white-400);
	}
	.footer-start {
		order: 2;
		width: auto;
		min-width: 1px;
		padding: 30px 0;
		border-bottom: 1px solid var(--white-400);
	}
	.footer-end {
		order: 3;
		width: auto;
		min-width: 1px;
		padding: 30px 0;
		border-bottom: 1px solid var(--white-400);
	}
	.footer-logo {
		text-align: left;
	}
	.footer-text {
		max-width: none;
		margin: 0;
		text-align: left;
	}
	.footer-start .footer-links {
		margin: 0 0 max(30px, 46rem);
		padding: 0 0 30px;
		border-bottom: 1px solid var(--white-400);
	}
	.footer-links {
		gap: 16px;
	}
	.footer-title {
		margin: 0 0 20px;
	}
	.footer-item {
		max-width: 300px;
	}
	.footer-start .footer-links:last-child {
		margin: 0;
		padding: 0;
		border-bottom: 0;
	}
	.footer-bottom {
		flex-direction: column;
		padding: 30px 0;
	}
	.footer-social {
        justify-content: flex-start;
		gap: 35px;
    }
	.footer-bottom .footer-start {
		order: 3;
		padding: 20px 0 0;
		border-bottom: 0;
	}
	.footer-bottom .footer-end {
		order: 2;
		padding: 30px 0 0;
		border-bottom: 0;
	}
	.footer-bottom-block {
		flex-direction: column-reverse;
		gap: 15px;
	}
	.footer-copy {
		max-width: none;
	}
	.header-block {
		padding: 0 max(15px, 45rem);
		margin: 0 min(-15px, -45rem);
	}
	h1, .h1 {
		line-height: 100%;
	}
	h2, .h2 {
		letter-spacing: -0.03em;
	}
	h3, .h3 {
		letter-spacing: -0.02em;
	}
	h4, .h4 {
		line-height: 110%;
		letter-spacing: -0.03em;
	}
	.contact-block {
		flex-direction: column;
	}
	.contact-side {
		width: auto;
		margin: 0 0 max(24px, 64rem);
	}
	.contact-content {
		width: auto;
	}
	.videos-item {
		flex-wrap: wrap;
	}
	.videos-side {
        width: 100%;
        min-width: 1px;
		padding: 0 0 24px;
    }
	.videos-media {
		margin-top: -46px;
		width: max(320px, 600rem);
    	min-width: max(320px, 600rem);
	}
	.blog-block {
		grid-template-columns: repeat(2, 1fr);
	}
	.blog-img {
		height: max(225px, 560rem);
	}
	.steps-block {
		flex-wrap: wrap;
		gap: 36px 0;
	}
	.steps-item {
    	width: 50%;
    	padding: 0 max(32px, 16rem) 0;
	}
	.steps-item:nth-child(2n + 1):before {display: none;}
	.reason-wrap {
		flex-direction: column;
		gap: max(20px, 48rem);
		padding: 0 max(24px, 90rem) 0 0;
	}
	.reason-img {
		width: 100%;
		min-width: 1px;
		max-width: max(560px, 606rem);
		height: max(190px, 360rem);
		margin: 0;
	}
	.video-section.no-margin {
		margin: 0 0 max(100px, 160rem);
	}
	.vs-media {
		height: max(225px, 706rem);
	}
	.vs-wrap {
		position: relative;
		top: auto;
		left: auto;
		color: var(--black);
		padding: 0 0 max(20px, 40rem);
	}
	.vs-wrap h2 {
		max-width: none;
		margin: 0 0 24px;
	}
	.vs-text {
		max-width: none;
		margin: 0;
		color: var(--black-800);
	}
	.vs-buttons {display: none;}
	.vs-media .video-play {
		display: flex;
	}
	.sb-img {
		height: max(225px, 706rem);
	}
	.sb-content {
		position: relative;
		top: auto;
		left: auto;
		padding: 0 max(15px, 45rem) 30px;
		color: var(--black);
	}
	.sb-content h2 {
		margin: 0 0 24px;
	}
	.sb-text {
		max-width: none;
		color: var(--black);
	}
	.team-item {
		flex: 0 0 calc(50% - max(12px, 20rem));
	}
	.team-photo {
		height: max(320px, 800rem);
	}
	.bio-side {
		min-width: 340px;
		padding-right: max(30px, 60rem);
	}
	.smart-item {
		flex-direction: column;
		padding: 36px 0;
	}
	.smart-title {
        width: 100%;
        min-width: 1px;
		margin: 0 0 16px;
    }
	.smart-title h4 {
		max-width: max(320px, 400rem);
	}
	.smart-title h4 br {display: none;}
	.smart-content {
		padding: 0 0 20px;
	}
	.smart-text {
		max-width: none;
	}
	.smart-img {
		width: 100%;
        min-width: 1px;
		height: max(165px, 480rem);
	}
	.top-inner {
		flex-direction: column;
		align-items: stretch;
		gap: max(30px, 64rem);
		margin-top: 0;
	}
	.top-inner-side {width: auto;}
	.top-inner-side h1 {
		max-width: max(370px, 640rem);
	}
	.top-inner-video {
		width: auto;
		height: max(225px, 800rem);
	}
	.info-2 .info-block-img {
		width: calc(50% - 30px);
	}
	.info-2 .info-block-content {
		width: 50%;
	}
	.meeting {
		flex-direction: column-reverse;
		gap: max(36px, 64rem);
	}
	.meeting-col {
		width: 100%;
	}
	.meeting-info {
		max-width: none;
	}
	.team-big {
		max-width: none;
	}
	.team-big .team-photo {
        height: max(320px, 800rem);
    }
	.meeting-about {
		gap: 36px 0;
	}
	.meeting-about-item {
		width: 50%;
	}
	.meeting-center .team-photo {
		height: max(320px, 800rem);
	}
	.meeting-center .team-item {
		flex: 0 0 calc(50% - max(12px, 20rem));
		width: auto;
	}
	.meeting-reverse .meeting-info {
		max-width: none;
	}
	.banner-simple {
		padding: 0 0 74px;
	}
	.banner-simple-block {
		position: static;
		padding: 0 max(15px, 45rem) 30px;
		color: var(--black);
	}
	.banner-simple-img {
		height: max(225px, 706rem);
	}
	.banner-simple .button-white {
		position: absolute;
		left: max(15px, 45rem);
		right: max(15px, 45rem);
		bottom: 0;
		width: auto;
		color: var(--white);
		background: var(--black);
		border: 1px solid var(--black);
	}
	.banner-simple .button-white:hover {
		color: var(--black);
		background: transparent;
		border: 1px solid var(--black);
	}
	.stat {
		gap: 36px 0;
	}
	.stat-item {
		width: 50%;
		min-height: max(280px, 384rem);
	}
	.hero-content {
		top: auto;
		right: 0;
		bottom: 0;
		padding: 0 0 max(24px, 64rem);
	}
	.hero-bonus {
		position: relative;
		right: auto;
		bottom: auto;
		padding: max(32px, 64rem) 0 0; 
	}
	.bonus-block {
		max-width: none;
		padding: max(16px, 32rem);
		background: var(--white-additional)
	}
	.bonus-link {
		color: var(--black);
	}
	.bonus-text {
		color: var(--black-800);
	}
	.bonus-video {
		height: max(160px, 480rem);
	}
	.bonus-link::before {display: none;}
	.serv-top {
		position: static;
		padding: 0 max(15px, 45rem) max(24px, 40rem);
		color: var(--black);
	}
	.serv-top h2,
	.serv-top-text {
		max-width: none;
	}
	.serv-bg {
		height: max(225px, 749rem);
	}
	.serv-block {
		position: static;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 16px 0;
		padding: max(24px, 40rem) max(15px, 45rem) 0;
	}
	.serv-item {
		flex: none;
		width: calc(50% - 12px);
		padding: max(24px, 25rem) max(16px, 16rem);
		color: var(--black);
		background: var(--white-additional);
	}
	.serv-hidden {
		display: block;
		padding: max(12px, 12rem) 0 0;
	}
	.serv-hidden-wrap {
		opacity: 1;
		transform: none;
	}
	.serv-item-top {
		flex-direction: column;
		gap: 16px;
		padding-right: 0;
		pointer-events: none;
	}
	.serv-item-top::after {
		display: none;
	}
	.serv-text {
		max-width: none;
	}
	.serv-item-num {
		color: var(--black);
		background: var(--dusty-blue-digital-200);
	}
	.serv-item-top h5 {
		min-height: 1px;
	}
	.video-popup-trigger {
		display: none;
	}
	
	
}
@media screen and (max-width: 767px) {
	.button {
		width: 100%;
		min-width: 1px;
	}
	.form-button .button {
		min-width: 1px;
	}
	.videos h1 {
		max-width: max(280px);
		margin: 0 auto 60px;
		text-align: center;
	}
	.videos-item {
		flex-direction: column;
		padding: 36px 0;
	}
	.videos-content {
		padding: 0 0 max(24px, 30rem);
		margin-bottom: 0;
	}
	.videos-media {
		width: auto;
		min-width: 1px;
		height: max(200px, 720rem);
		margin-top: 0;
	}
	.article-top {
		align-items: flex-start;
		text-align: left;
	}
	.blog-block {
		grid-template-columns: repeat(1, 1fr);
		gap: 64px;
		margin: 0 0 64px;
	}
	.blog-img {
		height: max(225px, 720rem);
	}
	.res-block {
		grid-template-columns: repeat(1, 1fr);
	}
	.res-img {
		height: max(225px, 720rem);
	}
	.res-title {
		padding-right: 0;
	}
	.res-title::after {
		right: 2px;
	}
	.res-item:hover .res-title::after {
		transform: none;
	}
	.top-line {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}
	.top-line-side {
    	width: auto;
	}
	.info-block .title-block h2 {
		max-width: none;
		text-align: left;
	}
	.info-block-wrap {
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 24px;
	}
	.info-block-content {
		width: auto;
	}
	.info-block-img {
		width: 100%;
		max-width: none;
		height: max(225px, 900rem);
	}
	.title-block {
		align-items: flex-start;
		text-align: left;
	}
	.steps-item {
    	width: 100%;
    	padding: 0 0 24px;
		border-bottom: 1px solid var(--black-100);
	}
	.steps-item::before {display: none;}
	.steps-num-value {
		line-height: 100%;
	}
	.steps-num-text {
		margin: 0 0 2px;
	}
	.steps .title-text {
		max-width: 320px;
	}
	.steps-text {
		max-width: none;
	}
	.reason-block {
		margin: 0 min(-15px, -45rem) max(32px, 32rem);
	}
	.reason-item {
		flex-direction: column;
		gap: 12px;
		padding: 32px max(15px, 45rem);
	}
	.reason-side {
		width: auto;
		min-width: 1px;
		padding: 0;
	}
	.reason-content {
		flex: none;
		width: 100%;
	}
	.reason-top {
		padding-right: 44px;
	}
	.reason-top::before,
	.reason-top::after {
		top: 0;
		right: 0;
		transform: none;
	}
	.reason-top.active::before {
		margin-top: max(15px, 15rem);
	}
	.reason-top h4 {
		max-width: max(300px, 560rem);
	}
	.reason-wrap {
		padding: 0;
	}
	.reason-img {
        height: max(160px, 360rem);
    }
	.fees-value {
		text-align: right;
	}
	.bio {
		flex-direction: column;
		gap: 60px;
	}
	.bio-side {
		width: auto;
		min-width: 1px;
		padding-right: 0;
	}
	.bio-photo {
		max-width: none;
		height: max(300px, 1380rem);
	}
	.bio-content {
		width: auto;
		max-width: none;
	}
	.help-block {
		flex-direction: column;
		gap: 30px;
	}
	.help-col {
		width: auto;
	}
	.help-text {
		max-width: none;
	}
	.info-2 .info-block-img {
		width: auto;
	}
	.info-2 .info-block-content {
		width: auto;
	}
	.info-2 .info-block-wrap {
		flex-direction: column-reverse;
		align-items: stretch;
	}
	.info-2 .info-block-img {
		height: max(225px, 720rem);
	}
	.top-inner-side {
		text-align: left;
		justify-content: flex-start;
	}
	.meeting-about-item {
        width: 100%;
		min-height: 1px;
		padding: 0 0 24px;
    	border-left: 0;
		border-bottom: 1px solid var(--black-100);
    }
	.meeting-about-item h4,
	.meeting-about-text {
		max-width: none;
	}
	.faq-wrap {
		flex-direction: column;
		gap: 20px;
	}
	.faq-text {
		max-width: none;
	}
	.faq-img {
		width: 100%;
		min-width: 1px;
		margin: 0;
	}
	.faq-top::before,
	.faq-top::after {
		top: -3px;
		transform: none;
	}
	.faq-top.active::before {
		margin-top: max(15px, 15rem);
	}
	.promo {
		position: relative;
		padding: 0 0 86px;
	}
	.promo .arrow-block {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.promo-item {
		width: 308px;
		margin: 0 auto;
	}
	.promo-slide {
		padding: 0 15px;
	}
	.about {
		align-items: flex-start;
		text-align: left;
	}
	.tabs {
		display: none;
	}
	.blog-tabs {
		width: 100%;
	}
	.tabs-mob {
		display: block;
		position: relative;
		z-index: 50;
	}
	.tabs-mob-top {
		display: flex;
		align-items: center;
		overflow: hidden;
		position: relative;
		padding: 0 50px 10px 0;
		font-size: 20px;
		line-height: 110%;
		letter-spacing: -0.02em;
		color: var(--black);
		text-align: center;
		text-overflow: ellipsis;
		text-decoration: none;
		color: var(--primary-dark-cyan);
		border-bottom: 1px solid var(--black-100);
	}
	.tabs-mob-top::after {
		position: absolute;
		top: 5px;
		right: 0;
		content: '';
		width: 25px;
		height: 18px;
		background: url(../images/tabs-arrow.svg) 50% 50% no-repeat;
		background-size: contain;
		transition: all 0.3s;
	}
	.tabs-mob-top.active::after {
		transform: rotate(180deg);
	}
	.tabs-mob-hidden {
		display: none;
		position: absolute;
		top: 100%;
		margin-top: 4px;
		left: 0;
		right: 0;
		z-index: 50;
		padding: 18px 0px 2px;
		background: var(--white);
		border-bottom: 1px solid var(--black-100);
	}
	.tabs-mob-item {
		padding: 8px 0;
	}


}
@media screen and (max-width: 576px) {
	.contact-content {
		grid-template-columns: repeat(1, 1fr);
    	gap: 16px;
	}
	.contact-item {
		min-height: 1px;
	}
	.team-block {
		gap: 36px;
	}
	.team-item,
	.meeting-col .team-item,
	.team-big .team-item {
		flex: 0 0 calc(100%);
	}
	.team-photo,
	.team-big .team-photo,
	.meeting-center .team-photo {
		height: max(320px, 1520rem);
	}
	.stat-item {
		width: 100%;
		min-height: 1px;
		padding: 0 0 24px;
    	border-left: 0;
		border-bottom: 1px solid var(--black-100);
	}
	.stat-num {
		line-height: 100%;
	}
	.stat-text {
		max-width: 320px;
	}
	.bonus-block {
		flex-direction: column;
	}
	.bonus-content {
		width: auto;
		padding: 0 0 16px;
	}
	.bonus-text {
		max-width: none;
	}
	.bonus-video {
		width: auto;
	}
	.serv-item {
		width: 100%;
	}

}