/*
	Theme Name: Avant
*/

@font-face {
	font-family: 'SF Pro';
	src: url("assets/fonts/SFProDisplay-Light.woff2") format("woff2"),
	url("assets/fonts/SFProDisplay-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SF Pro';
	src: url("assets/fonts/SFProDisplay-Regular.woff2") format("woff2"),
	url("assets/fonts/SFProDisplay-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SF Pro';
	src: url("assets/fonts/SFProDisplay-Medium.woff2") format("woff2"),
	url("assets/fonts/SFProDisplay-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SF Pro';
	src: url("assets/fonts/SFProDisplay-Semibold.woff2") format("woff2"),
	url("assets/fonts/SFProDisplay-Semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url("assets/fonts/Inter-Light.woff2") format("woff2"),
	url("assets/fonts/Inter-Light.woff") format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url("assets/fonts/Inter-Regular.woff2") format("woff2"),
	url("assets/fonts/Inter-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url("assets/fonts/Inter-Medium.woff2") format("woff2"),
	url("assets/fonts/Inter-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}


:root {
	--responsive-ratio: calc( (100vw - 375px) / calc(1360 - 375) );
	--rounded-compensator: clamp(30px, calc(30px + 30 * var(--responsive-ratio)), 60px);
	--site-padiing: 30px;
	--header-bg: rgba(15, 15, 15, 0.5);
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: none;
    border: none;
	box-sizing: border-box;
	color: inherit;
}

html {
	height: 100%;
	min-width: 320px;
	overflow-x: hidden;
}

body {
	background-color: #000;
	font-family: 'SF Pro';
	text-rendering: optimizeLegibility;
	text-decoration-skip: objects;
	text-decoration-skip-ink: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	min-height: 100vh;
	line-height: 1;
	min-width: 320px;
	font-size: 16px;
	color: #CBCDE1;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}

body:not(.home) {
		padding-top: clamp(100px, calc(100px + 80 * var(--responsive-ratio)), 180px);
		
	}

body:not(.home) #page-header {
			border-color: rgba(161, 174, 229, 0.05);
		}

body:not(.home) #page-header::before,body:not(.home) #mobile-menu-overlay {
			background: rgba(15, 15, 15, 0.6);
		}

body:not(.home) .header-contacts-btn,body:not(.home) .header-menu a {
			color: #fff;
			background: unset;
			background-clip: unset;
			-webkit-text-fill-color: unset;
			text-fill-color: unset;
		}

body:not(.home) .header-contacts {
			background: radial-gradient(94.9% 100% at 49.64% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%), rgba(0, 0, 0, 0.3);
		}

:is(body:not(.home) .header-contacts) .value {
				color: #fff;
			}

body::-webkit-scrollbar-button { 
		background: #474757; 
		border: unset; 
		border-radius: 72px; 
	}

body::-webkit-scrollbar { 
		width: 15px; 
		height: 15px; 
	}

body::-webkit-scrollbar-thumb { 
		background: #925CFF; 
		border: unset; 
		border-radius: 72px; 
	}

body::-webkit-scrollbar-track { 
		background: #00000000;
	}

body::-webkit-scrollbar-corner { 
		background: #fff; 
		border: unset; 
		border-radius: 72px; 
	}

body::-webkit-scrollbar-button:vertical:start:increment,body::-webkit-scrollbar-button:vertical:end:decrement { 
		display: none; 
	}

@media(min-width: 992px) {
		body.single,body.page-template-page-calc {
			overflow-x: visible;
		}
	}


body.no-scroll {
	overflow: hidden;
	height: 100vh;
	max-width: 100vw;
}

img {
	max-width: 100%;
    height: auto;
}

ul {
	list-style: none;
}

.wrapper {
	max-width: 1260px;
	width: 100%;
	padding: 0 var(--site-padiing);
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

a, button, .btn {
	cursor: pointer;
}

p, span, ul, li {
	font-weight: inherit;
}

#umnico-widget-wrapper {
	z-index: 30;
}

.btn {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	font-weight: 500;
	font-family: "SF Pro";
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: all .3s;
	cursor: pointer;
	border-radius: 100px;
	line-height: 110%;
	font-size: clamp(12px, calc(12px + 2 * var(--responsive-ratio)), 14px);
	padding: clamp(13px, calc(13px + 6 * var(--responsive-ratio)), 19px)
			 clamp(16px, calc(16px + 16 * var(--responsive-ratio)), 32px);
	background: radial-gradient(94.9% 100% at 49.64% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
	border: 1px solid rgba(161, 174, 229, 0.2);
	color: #fff;
	position: relative;
	overflow: hidden;
}

.btn .blick {
		content: "";
		position: absolute;
		top: 0;
		left: -35%;
		width: 40px;
		height: 100%;
		background-color: rgba(255, 255, 255, .5);
		transform: translateX(0) skewX(-45deg);
		animation: moveLight 6s;
		animation-iteration-count: infinite;
		animation-delay: 2s;
		z-index: 9;
		filter: blur(15px);
	}

@keyframes moveLight {
	30%, 100%  {
		left: 120%;
  	}
}

.primary-btn {
	border: 1px solid rgba(184, 140, 255, 0.4);
	background-image: radial-gradient(66.94% 70.54% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
	overflow: hidden;
}

.primary-btn .text {
		text-shadow: 1px 1px 12px rgba(255, 255, 255, 0.57);
	}

.primary-btn .arrow {
		transition: transform .3s;
	}

.primary-btn .text,.primary-btn .arrow {
		position: relative;
		z-index: 5;
	}

.primary-btn::before,.primary-btn::after {
		display: block;
		content: "";
		position: absolute;
		width: 102px;
		height: 102px;
		border-radius: 50%;
	}

.primary-btn::before {
		z-index: 2;
		background: #243CFC;
		filter: blur(105px);
		bottom: 0;
		left: 60px;
	}

.primary-btn::after {
		z-index: 3;
		background: rgba(184, 140, 255, 0.2);
		filter: blur(35px);
		left: 50%;
		top: 50%;
		transform: translateY(-50%);
	}

.primary-btn .bottom-shine {
		position: absolute;
		z-index: 1;
		bottom: -9px;
		left: 0;
		width: 100%;
		height: 12px;
		border-radius: 50%;
		background-color: rgb(174, 92, 255);
		opacity: 0.48;
		filter: blur(4.5px);
		transition: all .3s;
	}

@media (hover: hover) and (pointer: fine) {
		.primary-btn:hover {
			box-shadow: 1px 1px 12px rgba(174, 92, 255, 0.2);
		}

		.primary-btn:hover .arrow {
			transform: rotate(45deg);
		}

		.primary-btn:hover .bottom-shine {
			opacity: .7;
			bottom: -9px;
		}
	}

@media (max-width: 768px) {
		.primary-btn::before,.primary-btn::after {
			width: 180px;
		}

		.primary-btn::before {
			left: 0;
			bottom: unset;
			top: 50%;
			transform: translateY(-50%);
		}

		.primary-btn::after {
			left: unset;
			right: 0;
		}
	}

.btn--secondary {
	background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%), rgba(0, 0, 0, 0.3);
	box-shadow: 0px 8px 40px -20px rgba(255, 255, 255, 0.2), inset 1px 1px 0px rgba(255, 255, 255, 0.08), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.06);
}

.btn--violet {
	border: 1px solid rgba(184, 140, 255, 0.4);
	background: linear-gradient(180deg, #8C73F2 0%, #6240ED 100%), radial-gradient(66.94% 70.54% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
}

.btn--large {
	padding-top: 19px;
	padding-bottom: 19px;
	font-size: 14px;
}

.section {
	padding-top: clamp(50px, calc(50px + 50 * var(--responsive-ratio)), 80px);
	padding-bottom: clamp(50px, calc(50px + 50 * var(--responsive-ratio)), 100px);
}

.section--rounded {
	border-top-left-radius: var(--rounded-compensator);
	border-top-right-radius: var(--rounded-compensator);
	overflow: hidden;
	margin-top: calc( var(--rounded-compensator) * -1 );
}

.section--rounded--compensator {
	padding-bottom: calc( clamp(50px, calc(50px + 50 * var(--responsive-ratio)), 100px) + var(--rounded-compensator) );
}

.section + .section--rounded {
	/* padding-bottom: calc( clamp(50px, calc(50px + 50 * var(--responsive-ratio)), 100px) + clamp(30px, calc(30px + 30 * var(--responsive-ratio)), 60px) ); */
}

.section--white {
	background-color: #fff;
}
.section--black {
	background-color: #0F0F0F;
}

.pos-r {
	position: relative;
	z-index: 5;
}

body.error404 {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.error404 .wrap-404 {
	flex-grow: 1;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title-404 {
	font-size: 20rem;
	margin-bottom: 4rem;
}

.error404 .wrap-404 a {
	font-size: 3rem;
}

/*  */

#hamburger {
	display: none;
}

.hamburger {
	overflow: hidden;
	font: inherit;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
	width: 56px;
	height: 35px;
	padding: 12px 20px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid rgba(168, 186, 233, 0.12);
	border-radius: 100px;

}

.hamburger .hamburger-box {
		position: relative;
		display: inline-block;
		width: 16px;
		height: 12px;
	}

.hamburger .hamburger-inner,.hamburger .hamburger-inner:after,.hamburger .hamburger-inner:before {
		position: absolute;
		width: 16px;
		height: 2px;
		transition-timing-function: ease;
		transition-duration: .15s;
		transition-property: transform;
		border-radius: 4px;
		background-color: #fff;
		will-change: transform;
	}

.hamburger .hamburger-inner {
		top: 50%;
		display: block;
		margin-top: -2px;
		transition: background-color .125s ease-in .175s;
	}

.hamburger .hamburger-inner:after,.hamburger .hamburger-inner:before {
		display: block;
		content: "";
	}

.hamburger .hamburger-inner:before {
		left: 0;
		transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;
		top: -4px;
	}

.hamburger .hamburger-inner:after {
		bottom: -4x;
		top: 4px;
		right: 0;
		transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;
	}

/* active */

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before {
		background-color: #fff;
	}

.hamburger.is-active .hamburger-inner {
		transition-delay: 0s;
		transition-timing-function: ease-out;
		background-color: transparent!important;
	}

.hamburger.is-active .hamburger-inner:before {
		top: -80px;
		left: -80px;
		transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
		transform: translate3d(80px,80px,0) rotate(45deg);
	}

.hamburger.is-active .hamburger-inner:after {
		top: -80px;
		right: -80px;
		transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
		transform: translate3d(-80px,80px,0) rotate(-45deg);
	}

/*  */

#popup-overlay {
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	box-sizing: border-box;
	padding: 10px;
	z-index: 9999;
}

#popup-overlay.active {
		display: flex !important;
	}

#popup-overlay .popup-form {
		padding: clamp(32px, calc(32px + 8* var(--responsive-ratio)), 40px) clamp(10px, calc(10px + 22* var(--responsive-ratio)), 32px);
		background: #0F0F0F;
		border-radius: 20px;
		width: 100%;
		max-width: 540px;
		display: none;
		flex-direction: column;
		position: relative;
		max-height: 100vh;
		overflow-y: auto;
		gap: 20px;
	}

#popup-overlay .popup-form.active {
		display: flex;
	}

#popup-overlay .fields {
		padding: 12px;
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		gap: 8px;
		background: rgba(255, 255, 255, 0.04);
		border: 1px solid rgba(161, 174, 229, 0.2);
	}

#popup-overlay .form-label {
		margin: 8px 0;
		color: #fff;
	}

#popup-overlay .popup-form .popup-close {
		width: 16px;
		height: 16px;
		position: absolute;
		right: 20px;
		top: 20px;
		transition: all .8s;
	}

#popup-overlay .popup-form .popup-close:after,#popup-overlay .popup-form .popup-close:before {
		content: "";
		display: block;
		width: 16px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 8px;
	}

#popup-overlay .popup-form .popup-close:before {
		transform: rotate(-45deg);
	}

#popup-overlay .popup-form .popup-close:after {
		transform: rotate(45deg);
	}

#popup-overlay .popup-form .popup-close:hover {
		cursor: pointer;
		transform: rotate(360deg);
	}

#popup-overlay .popup-form .btn {
		margin-top: 16px;
	}

#popup-overlay .popup-title {
		font-size: clamp(20px, calc(20px + 16 * var(--responsive-ratio)), 36px);
        font-weight: 500;
		text-align: center;
		color: #fff;
	}

:is(#popup-overlay .popup-title) .italic {
			font-style: italic;
			background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, rgba(255, 255, 255, 0.6) 22.46%, rgba(255, 255, 255, 0.6) 80.78%, rgba(255, 255, 255, 0) 115.61%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			text-fill-color: transparent;
		}

#popup-overlay .form-descr {
		text-align: center;
	}





.asd {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100svh;
	overflow: hidden;
	z-index: 1;
	pointer-events: none;
}





.asd .asd-1,.asd .asd-2,.asd .asd-3,.asd .patter,.asd:before,.asd .blur-img {
		position: absolute;
		top: 0;
		right: 0;
	}





.asd .asd-1,.asd .asd-2,.asd .asd-3 {
		right: -20%;
		top: 100px;
	}





.asd:before {
		display: block;
		content: "";
		z-index: 6;
		width: 100%;
		height: 100%;
		background: linear-gradient(120.88deg, #000000 11.69%, rgba(0, 0, 0, 0.26) 80.16%);
		/* display: none; */
	}





.asd .patter {
		z-index: 10;
		mix-blend-mode: soft-light;
		width: 100%;
		height: 100%;
		object-fit: cover;
		/* display: none; */
	}





.asd .blur-img {
		z-index: 8;
		transform: scaleX(-1) translateY(10%);
		min-height: 50vh;
		width: 100%;
	}





.asd .asd-1 {
		background: linear-gradient(183.19deg, #6D33FF 14.44%, rgba(0, 0, 0, 0) 99.6%);
		filter: blur( clamp(40px, calc(40px + 40 * var(--responsive-ratio)), 80px) );
		transform: matrix(-0.46, 0.89, 0.92, 0.4, 0, 0);
		width: clamp(410px, calc(410px + 410 * var(--responsive-ratio)), 820px);
		aspect-ratio: 82/64;
		z-index: 4;
		/* display: none; */
	}





.asd .asd-2 {
		width: clamp(420px, calc(420px + 420 * var(--responsive-ratio)), 840px);
		aspect-ratio: 84/69;
		background: linear-gradient(216.26deg, rgba(173, 5, 116, 0.92) 24.96%, rgba(0, 0, 0, 0) 44.58%);
		filter: blur( clamp(66px, calc(66px + 67 * var(--responsive-ratio)), 133px) );
		transform: matrix(-0.46, 0.89, 0.92, 0.4, 0, 0);
		z-index: 3;
		/* display: none; */
	}





.asd .asd-3 {
		width: clamp(390px, calc(390px + 250 * var(--responsive-ratio)), 740px);
		aspect-ratio: 74/69;
		background: linear-gradient(183.19deg, #00C9D2 14.44%, rgba(0, 0, 0, 0) 71.66%);
		filter: blur( clamp(66px, calc(66px + 67 * var(--responsive-ratio)), 133px) );
		transform: matrix(-0.46, 0.89, 0.92, 0.4, 0, 0);
		z-index: 2;
	}





@media (max-width: 500px) {
		.asd:before {
			/* display: none; */
			opacity: .5;
		}

		.asd .asd-1,.asd .asd-2,.asd .asd-3 {
			right: -50%;
            top: 0;
		}


	}



#page-header {
	border-bottom: 2px solid rgba(161, 174, 229, 0.05);
	padding-top: 12px;
	padding-bottom: 12px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}



#page-header::before {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		background: rgba(161, 174, 229, 0.05);
		backdrop-filter: blur(25px);
		-webkit-backdrop-filter: blur(25px);
		transition: all .3s;
	}



#page-header .header-logo {
		width: clamp(56px, calc(56px + 20 * var(--responsive-ratio)), 76px);
		height: auto;
	}



#page-header .header-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
	}



#page-header .header-nav {
		display: none;
	}



@media (min-width: 992px) and (max-width: 1200px) {
		#page-header .header-nav {
			margin-right: 150px;
		}
	}



@media (min-width: 992px) {
		#page-header {
			padding-top: 19px;
			padding-bottom: 19px;
		}
			:is(#page-header .header-wrap) .logo-link {
				position: absolute;
				left: var(--site-padiing);
				top: 0;
			}

		#page-header .header-wrap {

			gap: 40px;
			justify-content: center;
		}

			:is(#page-header .header-wrap) .header-nav {
				display: block;
			}
	}



@media (min-width: 1201px) {
		#page-header .header-wrap {
			gap: 90px;
		}
	}



@media (max-width: 992px) {
		#page-header.menu-opened .header-contacts {
			opacity: 0;
			pointer-events: none;
		}
	}



@media (max-width: 360px) {
		#page-header .header-wrap {
			padding-left: 10px;
        	padding-right: 10px;
		}
	}

.header-menu {
	display: flex;
	flex-direction: column;
}

.header-menu a {
		padding: 12px 0;
		border-bottom: 1px solid #A1AEE533;
		font-size: 14px;
		font-weight: 500;
		line-height: 110%;
		display: block;
		color: #fff;
	}

@media (min-width: 992px) {
		.header-menu {
			flex-direction: row;
			align-items: center;
			gap: 20px;
			padding: 15px 24px;
			border: 1px solid #A8BAE91F;
			border-radius: 100px;
		}

		.header-menu a {
			background-image: linear-gradient(180deg, #B6C2F1 0%, #EBEFFF 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			text-fill-color: transparent;
			padding: 0;
			border-bottom: unset;
		}
	}

@media (hover: hover) and (pointer: fine) {
		.header-menu a:hover {
			text-shadow: 1px 1px 12px rgba(255, 255, 255, 0.57);
		}
	}

/*  */

.header-contacts {
	background-image: radial-gradient(94.9% 100% at 49.64% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
	border-radius: 100px;
	border: 1px solid rgba(161, 174, 229, 0.2);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	transition: all .3s;
	max-width: 184px;
	padding: 5px 16px;
	position: absolute;
	right: unset;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 99;

}

.header-contacts .header-contacts-btn {
		display: flex;
		align-items: center;
		gap: 4px;
		font-size: 12px;
		font-weight: 600;
		line-height: 120%;
		background-image: linear-gradient(180deg, #B6C2F1 0%, #EBEFFF 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
		transition: all .3s;
	}

.header-contacts .header-contacts__dropdown {
		z-index: 5;
		height: 0;
		opacity: 0;
		/* min-width: 158px; */
		display: none;
	}

.header-contacts .header-contacts__link {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 10px 0;
	}

:is(.header-contacts .header-contacts__link) .value {
			font-size: 13px;
			font-weight: 600;
			color: #CBCDE1;
			transition: all .3s;
		}

@media (hover: hover) and (pointer: fine) {
		.header-contacts:hover {
			cursor: pointer;
		}

		.header-contacts .header-contacts-btn:hover,.header-contacts .header-contacts__link:hover .value {
			text-shadow: 1px 1px 12px rgba(255, 255, 255, 0.57);
		}

		.header-contacts .header-contacts__link:hover .social-circle {
			background: rgba(121, 0, 243, 0.14);
			box-shadow: inset 0px 1px 1px #AD5CFF, inset 0px 4px 4px rgba(173, 92, 255, 0.1), inset 0px 3px 3px rgba(173, 92, 255, 0.08);
		}
	}

@media (min-width: 992px) {
		.header-contacts {
			position: absolute;
			right: var(--site-padiing);
			left: unset;
			transform: unset;
		}

		.header-contacts .fast-links {
			display: flex;
			align-items: center;
			gap: 4px;
		}

		.header-contacts {
			max-width: 270px;
			padding: 12px 20px;
		}

		.header-contacts .header-contacts-btn {
			font-size: 14px;
		}
		.header-contacts .header-contacts__dropdown {
			min-width: 184px;
		}

		.header-contacts .header-contacts__dropdown .social-circle {
			opacity: 0;
		}
	}

@media (max-width: 991px) {
		.header-contacts .fast-links {
			display: none;
		}
	}

/*  */

.social-circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
	border-radius: 50%;
	background-color: rgba(76, 76, 77, 0.14);
	box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.15), inset 0px 3px 3px rgba(255, 255, 255, 0.1), inset 0px 2px 2px rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	transition: all .3s;
	will-change: transform;
}

.social-circle.social-circle--large {
		width: 40px;
		height: 40px;
	}

.social-circle.social-circle--large .icon {
			width: 16px;
			height: auto;
		}

.social-circle::before {
		display: block;
		content: "";
		position: absolute;
		width: 50%;
		aspect-ratio: 10/6;
		background-color: #9B9B9B;
		border-radius: 2px;
		left: 50%;
		bottom: 3px;
		transform: translateX(-50%);
		z-index: -1;
		filter: blur(5px);
		-webkit-filter: blur(5px);
	}

@media (hover: hover) and (pointer: fine) {
		 .social-circle:hover {
			background: rgba(121, 0, 243, 0.14);
			box-shadow: inset 0px 1px 1px #AD5CFF, inset 0px 4px 4px rgba(173, 92, 255, 0.1), inset 0px 3px 3px rgba(173, 92, 255, 0.08);
		}
	}


/*  */

.front-fs-section {
	position: relative;
	display: flex;
	align-items: center;
	padding-bottom: clamp(100px, calc(100px + 200 * var(--responsive-ratio)), 300px);
	padding-top: clamp(100px, calc(100px + 170 * var(--responsive-ratio)), 270px);

}

.front-fs-section.cloud::before,.front-fs-section::after {
		display: block;
		content: "";
		position: absolute;
	}

.front-fs-section.cloud::before {
		background-image: linear-gradient(180deg, #000000 50%, rgba(0, 0, 0, 0) 100%);
		width: 100%;
		left: 0;
		top: 0;
		height: 25%;
		z-index: 3;
	}

.front-fs-section .cloud-right {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 20%;
		background-image: linear-gradient(271deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
		display: none;
	}

.front-fs-section .cloud-bottom {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 50%;
		background-image: linear-gradient(0deg, #000000 30%, rgba(0, 0, 0, 0) 100%);
	}

.front-fs-section::after {
		background: linear-gradient(277deg, rgba(0, 0, 0, 0) 20.84%, rgba(0, 0, 0, 0.95) 66.94%);
		left: 0;
		top: 0;
		height: 100%;
		width: 45%;
	}

.front-fs-section.cloud::after {
		width: 100%;
		background: linear-gradient(288.32deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 100%);
	}

/* @media (min-width: 601px) {
		&.cloud {
			padding-bottom: clamp(100px, calc(100px + 170 * var(--responsive-ratio)), 270px);
			padding-top: clamp(100px, calc(100px + 100 * var(--responsive-ratio)), 200px);
		}

		&.cloud::before {
			background: linear-gradient(283.45deg, rgba(0, 0, 0, 0) 30%, #170239 63.34%, #0B0317 85.94%)
		}

		&.cloud .front-fs-video {
			top: unset;
            left: unset;
            right: 0;
			bottom: 0;
            width: 70%;
            height: 100%;
		}
	} */

@media (min-width: 992px) {
		.front-fs-section .cloud-right {
			display: block;
		}

		.front-fs-section.cloud .front-fs-video {
			top: unset;
            right: 0;
			left: unset;
			bottom: 10%;
			height: calc(90% - 80px);
            width: 75%;
		}

		.front-fs-section .cloud-bottom {
			bottom: 10%;
			height: 30%;
			background-image: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
		}

		.front-fs-section:not(.cloud)::after {
			width: 70%;
            opacity: 0.8;
			background: linear-gradient(288.32deg, rgba(0, 0, 0, 0) 20.84%, rgba(0, 0, 0, 0.95) 50.94%);
		}

		.front-fs-section.cloud::after {
			background: linear-gradient(295deg, rgba(0, 0, 0, 0) 20.84%, rgba(0, 0, 0, 0.99) 50.94%);
			width: 70%;
		}

	}

/* @media (max-width: 600px) {
		&.cloud {
			padding-bottom: 320px;
		}

		&.cloud .front-fs-video {
			top: unset;
            left: 0;
            right: 0;
			bottom: 0;
            width: 100%;
            height: 380px;

			video {
				object-position: 80%;
			}
		}

		&.cloud .front-fs{
			align-items: flex-start;
			text-align: left;
		}
	} */


.front-fs-grid {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}


@media (min-width: 992px) {


.front-fs-grid {
		display: grid;
		align-items: flex-start;
		grid-template-columns: 75fr 48fr;
		gap: 10px;
}
	}

.front-fs {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(20px, calc(20px + 4 * var(--responsive-ratio)), 24px);
	text-align: center;
}

.front-fs .descr {
		font-size: clamp(15px, calc(15px + 5 * var(--responsive-ratio)), 20px);
		line-height: 140%;
		font-family: "Inter";
		margin-bottom: clamp(12px, calc(12px + 4 * var(--responsive-ratio)), 16px);
		max-width: 820px;
		color: #fff;
	}

.front-fs .btns {
		display: flex;
		align-items: center;
		gap: 12px;
		
		max-width: 441px;
		flex-wrap: wrap;
	}

:is(.front-fs .btns) .btn {
			flex-shrink: 0;
		}

@media (min-width: 992px) {
		.front-fs {
			align-items: flex-start;
			text-align: left;
		}

		.front-fs .front-fs__title {
			background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, #FFFFFF 37.41%, #FFFFFF 67.24%, rgba(255, 255, 255, 0) 115.61%);
		}
	}

@media (max-width: 360px) {
		.front-fs .btns {
			flex-direction: column;
			width: 100%;
		}

			:is(.front-fs .btns) .btn {
				width: 100%;
			}
	}

#fs-anim {
	max-width: clamp(240px, calc(240px + 240 * var(--responsive-ratio)), 480px);
	width: 100%;
	position: relative;
	aspect-ratio: 1/1;
	border-radius: 50%;
}

#fs-anim .front-fs-enot video {
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 9;
		transform: translate(-50%, -50%) scale(0.1);
		width: clamp(100px, calc(100px + 100 * var(--responsive-ratio)), 200px);
		aspect-ratio: 1/1;
		object-fit: cover;
		border-radius: 50%;
		opacity: 0;
	}

#fs-anim .circle-icon {
		opacity: 0;
		background-color: #925CFF50;
		border-radius: 50%;
	}

#fs-anim .center-image {
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 5;
		transform: translate(-50%, -50%) scale(0.1);
		width: clamp(66px, calc(66px + 68 * var(--responsive-ratio)), 134px);
		opacity: 0;
		cursor: pointer
	}

#fs-anim .circle {
		position: absolute;
		top: 50%;
		left: 50%;
		border-radius: 50%;
		transform: translate(-50%, -50%) scale(0.1);
		opacity: 0;
		aspect-ratio: 1/1;
		background: linear-gradient(179.93deg, rgba(255, 255, 255, 0) 3.85%, rgba(255, 255, 255, 0.8) 99.94%);
		/* opacity: 0.04; */
		will-change: transform opacity;
	}

:is(#fs-anim .circle)::after {
			display: block;
			content: "";
			border-radius: 50%;
			padding-left: 1px;
			padding-top: 1px;
			left: -1px;
			top: -1px;
			right: 0;
			bottom: 0;
			position: absolute;
			background: linear-gradient(335.93deg, rgba(0, 0, 0, 0) 23.2%, #FFFFFF 83.61%);
			-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
		}

#fs-anim .circle-lg {
		width: 100%;
		z-index: 1;
	}

#fs-anim .circle-md {
		width: 75%;
		z-index: 2;
		/* transition-delay: .1s; */
	}

#fs-anim .circle-sm {
		width: 50%;
		z-index: 3;
		/* transition-delay: .2s; */
	}

#fs-anim .circle-icons {
		position: absolute;
		z-index: 7;
		pointer-events: none;
		border-radius: 50%;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;

	}

:is(#fs-anim .circle-icons) .circle-icon {
			display: block;
			position: absolute;
			aspect-ratio: 1/1;
		}

:is(#fs-anim .circle-icons) .circle-icon-sm {
			width: clamp(25px, calc(25px + 27 * var(--responsive-ratio)), 52px);
			border-radius: clamp(4px, calc(4px + 6 * var(--responsive-ratio)), 10px);
		}

:is(#fs-anim .circle-icons) .circle-icon-md {
			width: clamp(30px, calc(30px + 31 * var(--responsive-ratio)), 61px);
			border-radius: clamp(6px, calc(6px + 6 * var(--responsive-ratio)), 12px);
		}

:is(#fs-anim .circle-icons) .circle-icon-lg {
			width: clamp(38px, calc(38px + 29 * var(--responsive-ratio)), 77px);
			border-radius: clamp(7px, calc(7px + 8 * var(--responsive-ratio)), 15px);
		}

:is(#fs-anim .circle-icons) .circle-icon-ex {
			width: clamp(46px, calc(46px + 48 * var(--responsive-ratio)), 94px);
			border-radius: clamp(9px, calc(9px + 9 * var(--responsive-ratio)), 18px);
		}

:is(#fs-anim .circle-icons) .circle-icon_left-1 {
			top: 25%;
			left: 15%;
		}

:is(#fs-anim .circle-icons) .circle-icon_left-2 {
			top: 50%;
			left: 0;
		}

:is(#fs-anim .circle-icons) .circle-icon_left-3 {
			bottom: 15%;
			left: 15%;
		}

:is(#fs-anim .circle-icons) .circle-icon_left-4 {
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

:is(#fs-anim .circle-icons) .circle-icon_right-1 {
			bottom: 25%;
			right: 15%;
		}

:is(#fs-anim .circle-icons) .circle-icon_right-2 {
			bottom: 50%;
			right: 0;
		}

:is(#fs-anim .circle-icons) .circle-icon_right-3 {
			top: 15%;
			right: 15%;
		}

:is(#fs-anim .circle-icons) .circle-icon_right-4 {
			top: 0;
			left: 50%;
			transform: translateX(-50%);
		}

@media (hover: hover) and (pointer: fine) {
		#fs-anim.finished .circle {
			transition: all .3s !important;
		}

		#fs-anim.finished .circle-md {
			transition-delay: .1s !important;
		}
		#fs-anim.finished .circle-sm {
			transition-delay: .2s !important;
		}
			#fs-anim.finished:hover .circle {
				transform: translate(-50%, -50%) scale(1.1) !important;
			}
	}

@media (min-width: 992px) {

#fs-anim {
		/* position: absolute; */
		z-index: 20;
		top: 0;
		right: 0;
}
	}

.front-fs-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.front-fs-video video {
		object-fit: cover;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}



/*  */

.like-h1 {
	font-weight: 500;
	font-size: clamp(32px, calc(32px + 40 * var(--responsive-ratio)), 72px);
	line-height: 110%;
}

.like-h2 {
	font-weight: 500;
	font-size: clamp(28px, calc(28px + 40 * var(--responsive-ratio)), 68px);
	line-height: 120%;
}

.like-h3 {
	font-weight: 500;
	font-size: clamp(20px, calc(20px + 38 * var(--responsive-ratio)), 58px);
	line-height: 120%;
}

.like-h5 {
	font-weight: 500;
	font-size: clamp(20px, calc(20px + 12 * var(--responsive-ratio)), 32px);
	line-height: 120%;
}

.title-with-gradient {
	background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, #FFFFFF 37.41%, #FFFFFF 55.82%, rgba(255, 255, 255, 0) 115.61%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

@media (max-width: 768px) {
		.title-with-gradient.section-title {
			background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, #FFFFFF 49.66%, #FFFFFF 76.82%, rgba(255, 255, 255, 0) 115.61%);
			
		}
	}


.section-title .italic {
	font-weight: 300;
	font-family: "Inter";
	font-style: italic;
}

.section-descr {
	font-size: clamp(15px, calc(15px + 3 * var(--responsive-ratio)), 18px);
	line-height: 140%;
}

/*  */

#page-footer {
	background-color: #0F0F0F;
	padding-bottom: clamp(40px, calc(40px + 20 * var(--responsive-ratio)), 60px);
	margin-top: auto;
}

#page-footer .footer-main {
		display: flex;
		flex-direction: column;
		/* align-items: flex-start; */
		margin-bottom: clamp(32px, calc(32px + 28 * var(--responsive-ratio)), 60px);
		gap: 40px;
		position: relative;
	}

:is(#page-footer .footer-main) .logo-col {
			display: flex;
			flex-direction: column;
			gap: clamp(40px, calc(40px + 8 * var(--responsive-ratio)), 48px);
		}

:is(#page-footer .footer-main) .logo {
			width: clamp(100px, calc(100px + 36 * var(--responsive-ratio)), 136px);
		}

:is(#page-footer .footer-main) .socials {
			display: flex;
			align-items: center;
			gap: 12px;
		}

#page-footer .social-circle {
		width: clamp(48px, calc(48px + 8 * var(--responsive-ratio)), 56px);
		height: clamp(48px, calc(48px + 8 * var(--responsive-ratio)), 56px);
	}

#page-footer .footer-menu {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

#page-footer .footer-right {
		display: flex;
		flex-direction: column;
		gap: clamp(20px, calc(20px + 7 * var(--responsive-ratio)), 27px);
	}

:is(#page-footer .footer-right) .contacts {
			display: flex;
			flex-direction: column;
			gap: clamp(24px, calc(24px + 8 * var(--responsive-ratio)), 32px);
		}

:is(#page-footer .footer-right) .contacts .link {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 14px;
			font-weight: 600;
			color: #fff;
		}

:is(#page-footer .footer-right) .contacts .link svg {
			fill: currentColor;
		}

:is(#page-footer .footer-right) .footer-menu a {
			font-size: clamp(13px, calc(13px + 1 * var(--responsive-ratio)), 14px);
			display: block;
		}

#page-footer .footer-decor {
		height: clamp(40px, calc(40px + 10 * var(--responsive-ratio)), 50px);
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		position: relative;
		margin-bottom: clamp(12px, calc(12px + 38 * var(--responsive-ratio)), 40px);
	}

#page-footer .footer-decor::before {
		display: block;
		content: "";
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		padding-left: 1px;
		padding-right: 1px;
		padding-top: 1px;
		left: -1px;
		top: -1px;
		right: -1px;
		bottom: 0;
		position: absolute;
		background: linear-gradient(89.98deg, rgba(32, 25, 52, 0.5) 0%, rgba(154, 118, 253, 0.5) 53%, rgba(32, 25, 52, 0.5) 99.97%);
		-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
	}

#page-footer .footer-bottom {
		display: flex;
		flex-direction: column;
		gap: 20px;
		color: #FFFFFF66;
		font-size: clamp(13px, calc(13px + 1 * var(--responsive-ratio)), 14px);
		font-family: "inter";
		line-height: 110%;
	}

@media (hover: hover) and (pointer: fine) {
		#page-footer .contacts .link:hover,#page-footer a:not(.btn):hover {
			color: #925CFF;
		}
	}

@media (min-width: 991px) {
		#page-footer .footer-main {
			flex-direction: row;
			justify-content: space-between;
			align-items: flex-end;
		}

			:is(#page-footer .footer-main) .brief-btn {
				position: absolute;
				right: 0;
				top: 0;
				transform: translateY(50%);
			}

		#page-footer .footer-right {
			align-items: flex-end;
		}
	}

@media (min-width: 769px) {
		#page-footer .footer-menu {
			flex-direction: row;
			flex-wrap: wrap;
		}
			:is(#page-footer .footer-right) .contacts {
				flex-direction: row;
			}

		#page-footer .footer-bottom {
			flex-direction: row;
			justify-content: space-between;
		}
	}

@media (max-width: 600px) {
			:is(#page-footer .footer-main) .socials {
				flex-wrap: wrap;
				gap: 20px;
			}

			:is(#page-footer .footer-main) .logo-col {
				width: 100%;
			}

			:is(#page-footer .footer-main) .btn {
				width: 100%;
			}
	}

/*  */

.section-title-wrap {
	display: flex;
}

.services-section {
	background: linear-gradient(178.69deg, #0F0F0F 49.98%, #000000 98.89%);
}

.services-section .section-title-wrap {
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 36px;
	}

.services-section .section-title-wrap .btn {
		display: none;
	}

@media (min-width: 769px) {
		.services-section .section-title-wrap .btn {
			display: flex;
		}
	}

@media (min-width: 992px) {

		.services-section .services-section-bg {
			top: -100px;
		}
	}

@media (max-width: 768px) {
		.services-section .services {
			margin-bottom: 32px;
		}

		.services-section .services + .btn {
			width: 100%;
		}
	}



.services-item {
		background-color: #111111;
		padding: 16px 20px;
		border: 1px solid #A1AEE533;
		border-radius: 12px;
		height: 100%;
		display: flex;
		flex-direction: column;
		gap: 16px;
		overflow: hidden;
		position: relative;
		transition: all .3s;
	}



.services-item .services-item__title {
		font-size: clamp(18px, calc(18px + 10 * var(--responsive-ratio)), 28px);
		font-weight: 500;
		color: #fff;
		padding: 12px 16px;
		background: linear-gradient(95.18deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
		box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
		border-radius: 12px;
		position: relative;
		z-index: 9;
		transition: all .3s;
	}



:is(.services-item .services-item__text) {
			position: relative;
			z-index: 9;
			color: #CBCDE1;
			padding-right: 70px;
		}



:is(.services-item .services-item__text) * + * {
			margin-top: 8px;
		}



:is(.services-item .services-item__text) ul {
			list-style: disc;
			padding-left: 25px;
		}



:is(.services-item .services-item__text) li {
			
		}



:is(.services-item .services-item__text) li::marker {
			color: #9A76FD;
		}



.services-item .blur {
		width: 140px;
		height: 140px;
		border-radius: 50%;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: translate(-20%, 20%);
		z-index: 1;
		transition: all .3s;
	}



.services-item .blur--blue {
		background-color: #243CFC;
		filter: blur(150px);
		-webkit-filter: blur(150px);
	}



.services-item .blur--violet {
		background-color: #9232DD33;
		filter: blur(50px);
		-webkit-filter: blur(50px);
	}



.services-item .hover-blur {
		display: none;
	}



:is(.services-item .icon-wrap) {
			display: flex;
			align-items: flex-end;
			justify-content: flex-end;
			position: absolute;
			right: 0;
			bottom: 0;
			width: clamp(120px, calc(120px + 90* var(--responsive-ratio)), 210px);
			height: clamp(120px, calc(120px + 90* var(--responsive-ratio)), 210px);
		}



:is(.services-item .icon-wrap) .image-blur {
			filter: blur(24px);
			z-index: 1;
			opacity: .7;
			position: absolute;
			right: 0;
			bottom: 0;
		}



:is(.services-item .icon-wrap) .main {
			z-index: 2;
		}



:is(.services-item .icon-wrap) img {
			width: clamp(120px, calc(120px + 90 * var(--responsive-ratio)), 210px);
			max-height: clamp(120px, calc(120px + 40 * var(--responsive-ratio)), 160px);
			object-fit: contain;
			display: block;
		}



@media (hover: hover) and (pointer: fine) {
		.services-item .icon-wrap {
			opacity: .4;
			transition: opacity .3s;
		}
		
		.services-item:after,.services-item .services-item__title::after {
			display: block;
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			padding-left: 1px;
			padding-top: 1px;
			width: calc(100% - 1px);
			height: calc(100% - 1px);
			border-radius: 12px;
			background: linear-gradient(113.27deg, rgba(161, 174, 229, 0.44) 22.74%, rgba(161, 174, 229, 0.1) 40.83%);
			-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			opacity: 0;
			transition: all .3s;
		}

		.services-item .hover-blur {
			display: block;
			width: 300px;
			height: 300px;
			position: absolute;
			left: 0;
			top: 0;
			border-radius: 50%;
			transform: translate(-10%, -50%);
			filter: blur(50px);
			-webkit-filter: blur(50px);
			opacity: 0;
			transition: opacity .3s;
			z-index: 4;
		}

		.services-item .hover-blur--violet {
			background-color: #9232DD4D;
		}
		.services-item .hover-blur--blue {
			background-color: #243CFC;
			top: unset;
			bottom: 0;
			transform: translate(-50%, 50%);
			filter: blur(150px);
			-webkit-filter: blur(150px);
		}
			.services-item:hover:after,.services-item:hover .icon-wrap,.services-item:hover .services-item__title::after,.services-item:hover .hover-blur {
				opacity: 1;
			}

			.services-item:hover,.services-item:hover .services-item__title {
				border-color: transparent;
			}

			.services-item:hover .blur {
				opacity: 0;
			}

	}



@media (min-width: 769px) {
		.services-item {
			padding: 24px;
		}

		.services-item .services-item__text {
			padding-right: 0;
		}
	}



@media (min-width: 992px) {



.services-item {
	}

	}

.services {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}

.services .first-empty {
		display: none;
	}

@media (min-width: 769px) and (max-width: 991px) {
		.services {
			grid-template-columns: 1fr 1fr;
		}
	}

@media (min-width: 992px) {
		.services {
			grid-template-columns: repeat(12, 1fr);
			grid-auto-rows: 25px;
			gap: 0;
			column-gap: 20px;
		}

		.services .services-item-wrap {
			margin-bottom: 20px;
			display: block;
		}

		.services .first-empty {
			display: block;
			grid-column: 1/span 6;
			grid-row: 1/span 2;
		}

		.services .services-item-wrap:nth-of-type(2) {
			grid-column: 1/span 7;
			grid-row: 1/span 14;
		}
		.services .services-item-wrap:nth-of-type(3) {
			grid-column: 8/span 5;
			grid-row: 1/span 14;
		}

			
			:is(.services .services-item-wrap:nth-of-type(3)) .icon-wrap img {
				width: 134px;
				max-height: 180px;
			}
		.services .services-item-wrap:nth-of-type(4) {
			grid-column: 1/span 5;
			grid-row: 15/span 19;
		}
		.services .services-item-wrap:nth-of-type(5) {
			grid-column: 6/span 7;
			grid-row: 15/span 12;
		}
		.services .services-item-wrap:nth-of-type(6) {
			grid-column: 6/span 7;
			grid-row: 27/span 10;
		}

			:is(.services .services-item-wrap:nth-of-type(6)) .icon-wrap img {
				width: 220px;
				max-height: 220px;
			}
		.services .services-item-wrap:nth-of-type(7) {
			grid-column: 1/span 5;
			grid-row: 34/span 16;
		}
		.services .services-item-wrap:nth-of-type(8) {
			grid-column: 6/span 4;
			grid-row: 37/span 13;
		}

			:is(.services .services-item-wrap:nth-of-type(8)) .icon-wrap img {
				width: 180px;
			}
		.services .services-item-wrap:nth-of-type(9) {
			grid-column: 10/span 3;
			grid-row: 37/span 17;
			margin-bottom: 0;
		}

			:is(.services .services-item-wrap:nth-of-type(9)) .icon-wrap img {
				width: 180px;
				max-height: 220px;
			}
		.services .services-item-wrap:nth-of-type(10) {
			grid-column: 1/span 9;
			grid-row: 50/span 12;
			margin-bottom: 0;
		}

		.services .services-item-wrap:nth-of-type(3) .blur,.services .services-item-wrap:nth-of-type(10) .blur {
			opacity: 0;
		}

		.services .services-item-wrap:nth-of-type(4) .blur {
			bottom: unset;
			top: 0;
			transform: translate(-20%, -20%);
		}
		.services .services-item-wrap:nth-of-type(4) .hover-blur--blue {
			bottom: 25%;
		}
		.services .services-item-wrap:nth-of-type(5) .blur {
			bottom: unset;
			left: unset;
			top: 0;
			right: 0;
			transform: unset;
		}
		.services .services-item-wrap:nth-of-type(7) .blur {
			bottom: unset;
			left: unset;
			top: 0;
			right: 0;
			transform: translate(20%, -20%);
		}
		.services .services-item-wrap:nth-of-type(8) .blur {
			left: unset;
			top: 0;
			transform: translate(-20%, -20%);
		}

		
	}


/*  */

.section-bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1;
	mix-blend-mode: normal;
	pointer-events: none;
}

.section-bg img {
		display: block;
		position: absolute;
	}

@media(min-width: 2000px) {
		.section-bg img {
			width: 100%;
			max-height: 900px;
		}
	}

.section-bg.reverse {
	transform: scaleX(-1);
}

/*  */
.why-we-section {
	background: linear-gradient(0deg, #0F0F0F, #0F0F0F), linear-gradient(180deg, #0F0F0F 0%, #000000 100%);
}
.why-we-section .section-title-wrap {
		display: flex;
		flex-direction: column;
		gap: 24px;
		margin-bottom: clamp(32px, calc(32px + 32 * var(--responsive-ratio)), 64px);
	}
@media (min-width: 769px) {
		.why-we-section .section-title {
			background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -33.71%, #FFFFFF 40.9%, #FFFFFF 77.47%, rgba(255, 255, 255, 0) 113.89%);
		}

		.why-we-section .section-title-wrap {
			gap: 0;
		}

			:is(.why-we-section .section-title-wrap) .section-descr {
				max-width: 50%;
				text-align: left;
				margin-left: auto;
			}
	}

.why-we-section-bg__bottom {
	top: unset;
	bottom: 0;
	right: 0;
	transform: scale(-1);
}

@media (min-width: 992px) {

.why-we-section-bg__bottom {
		opacity: .8;
}
	}

.why-we-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px 15px;
}

@media (min-width: 992px) {

.why-we-grid {
		grid-template-columns: 1.25fr minmax(300px, 1fr) 287px;
		grid-template-rows: 
			clamp(30px, calc(30px + 20 * var(--responsive-ratio)), 50px) 
			auto auto auto 
			clamp(30px, calc(30px + 20 * var(--responsive-ratio)), 50px);
		grid-template-areas:
			"coast . ."
			"coast code code"
			"coast work oper"
			"stack stack oper"
			". . oper";
}
	}

.why-we-grid + .section-title-wrap {
	margin-top: 80px;
	margin-bottom: clamp(32px, calc(32px + 23 * var(--responsive-ratio)), 55px);
}

.why-we-item {
	padding: clamp(21px, calc(21px + 11 * var(--responsive-ratio)), 32px);
	border: 1px solid rgba(161, 174, 229, 0.2);
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	gap: clamp(16px, calc(16px + 4 * var(--responsive-ratio)), 20px);
	position: relative;
}

.why-we-item .why-we-item__title,.why-we-item .why-we-item__text,.why-we-item .why-we-item__media {
		position: relative;
		z-index: 5;
	}

.why-we-item .why-we-item__title {
		color: #ECF0FF;
		font-size: clamp(22px, calc(22px + 6 * var(--responsive-ratio)), 28px);
		line-height: 120%;
	}

.why-we-item .why-we-item__text {
		font-size: clamp(13px, calc(13px + 3 * var(--responsive-ratio)), 16px);
		line-height: 140%;
	}

.why-we-item .why-we-item__media {
		border: 1px solid rgba(161, 174, 229, 0.1);
		border-radius: 12px;
		overflow: hidden;
	}

:is(.why-we-item .why-we-item__media) img,:is(.why-we-item .why-we-item__media) video {
			width: 100%;
			display: block;
			object-fit: cover;
		}

.why-we-item.coast .why-we-item__media {
		margin-top: auto;
	}

.why-we-item.coast video {
		aspect-ratio: 42/34;
		object-position: right;
	}

.why-we-item.oper {
		padding-bottom: 0;
	}

.why-we-item.oper .why-we-item__media,.why-we-item.work .why-we-item__media {
		margin-left: calc( clamp(21px, calc(21px + 11 * var(--responsive-ratio)), 32px) * -1);
		margin-right: calc( clamp(21px, calc(21px + 11 * var(--responsive-ratio)), 32px) * -1 );
		border-top-left-radius: unset;
		border-top-right-radius: unset;
		border: none;
	}

.why-we-item.oper video {
		aspect-ratio: 36/32;
		object-position: center;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}

.why-we-item.work {
		padding-top: 0;
	}

.why-we-item.work .why-we-item__media {
		border-radius: unset;
	}

.why-we-item.code .why-we-item__media {
		padding: clamp(15px, calc(15px + 5 * var(--responsive-ratio)), 20px)
				clamp(20px, calc(20px + 10 * var(--responsive-ratio)), 30px)
				0;
				order: -1;
	}

.why-we-item .blur {
		display: block;
		width: 240px;
		height: 240px;
		border-radius: 50%;
		position: absolute;
	}

.why-we-item .blur-1 {
		background: rgba(146, 50, 221, 0.2);
		filter: blur(50px);
		z-index: 1;
	}

.why-we-item .blur-2 {
		background: #243CFC;
		filter: blur(150px);
		z-index: 2;
	}

.why-we-item.stack {
		background-image: url("assets/images/test-gradient.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

.why-we-item.stack .why-we-item__media {
		padding-top: clamp(17px, calc(17px + 7 * var(--responsive-ratio)), 24px);
		padding-bottom: clamp(17px, calc(17px + 7 * var(--responsive-ratio)), 24px);
	}

.why-we-item .stack-slider + .stack-slider {
		margin-top: 11px;
	}

.why-we-item .stack-slider .swiper-wrapper {
		transition-timing-function: linear;
	}

.why-we-item .stack-slider-item {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: clamp(8px, calc(8px + 4 * var(--responsive-ratio)), 12px);
		background: radial-gradient(94.9% 100% at 49.64% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(199, 143, 255, 0.06) 100%);
		border-radius: 4px;
		aspect-ratio: 1/1;
	}

.why-we-item .stack-slider-item img {
		object-fit: contain;
		aspect-ratio: 1/1;
		width: 100%;
		-webkit-tap-highlight-color: transparent;
	}

.why-we-item .swiper-slide {
		max-width: clamp(36px, calc(36px + 24 * var(--responsive-ratio)), 60px);
		height: auto;
	}

.why-we-item .glow {
		display: none;
	}

@media (hover: hover) and (pointer: fine) {

.why-we-item {
		/* & {
			overflow: visible;
		}

		& .glow {
			display: block;
			padding-left: 2px;
			padding-top: 2px;
			padding-right: 2px;
			padding-bottom: 2px;
			left: -2px;
			top: -2px;
			right: -2px;
			bottom: -2px;
			border-radius: 20px;
			filter: blur(15px);
			position: absolute;
			-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			transition: all .3s;
		} */
}

	}

@media (min-width: 992px) {
		.why-we-item.coast {
			grid-area: coast;
		}
		.why-we-item.code {
			grid-area: code;
		}
		.why-we-item.work {
			grid-area: work;
		}
		.why-we-item.oper {
			grid-area: oper;
		}
		.why-we-item.stack {
			grid-area: stack;
		}

		.why-we-item.oper .why-we-item__media {
			margin-top: auto;
		} 

		.why-we-item.oper video {
			aspect-ratio: 24/32;
		}

		.why-we-item.code {
			display: grid;
			grid-template-columns: 27fr 35fr;
			align-items: center;
			column-gap: 5px;
			row-gap: 0;
			padding-top: 15px;
			padding-bottom: 15px;
		}

		.why-we-item.code .why-we-item__media {
			grid-row: 1/span 2;
			grid-column: 2;
			order: unset;
		}

		.why-we-item.work .blur,.why-we-item.coast .blur  {
			display: none;
		}

		.why-we-item.code .blur {
			width: 140px;
			height: 140px;
			top: 0;
			left: 50%;
		}

		.why-we-item.code .blur-1 {
			transform: translate(-40%, -40%);
		}
		.why-we-item.code .blur-2 {
			transform: translate(-50%, -60%);
		}

		.why-we-item.stack {
			display: grid;
			grid-template-columns: 34fr 48fr;
			align-items: center;
			column-gap: 20px;
			background-size: contain;
			background-position: left;
		}

		.why-we-item.stack .why-we-item__media {
			grid-row: 1/span 2;
			grid-column: 2;
			order: unset;
		}
	}

@media (max-width: 991px) {
		.why-we-item.code .blur,.why-we-item.work .blur {
			bottom: 0;
			left: 0;
			transform: translate(-50%, 50%);
		}

		.why-we-item.coast .blur {
			bottom: 0;
			right: 0;
			transform: translate(15%, 50%);
		}

		.why-we-item .blur-1 {
			z-index: 2;	
			filter: blur(82px)
		}

		.why-we-item .blur-2 {
			z-index: 1;
			filter: blur(247px);
		}

		
		.why-we-item.code .blur-1,.why-we-item.coast .blur-1 {
			z-index: 2;	
		}

		.why-we-item.code .blur-2,.why-we-item.coast .blur-2 {
			z-index: 1;
		}
		
	}


/*  */

.what-doing-grid {
	display: grid;
	position: relative;
}

.what-doing-grid::before,.what-doing-grid::after {
		display: block;
		content: "";
		position: absolute;
		width: 1px;
		height: 100%;
	}

.what-doing-grid::before {
		left: 0;
		top: 0;
		bottom: 0;
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
	}

@media (min-width: 769px) {
		.what-doing-grid {
			grid-template-columns: 1fr 1fr;
		}

		.what-doing-grid::after {
			right: 0;
			top: 0;
			bottom: 0;
			background-image:linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
		}
	}

@media (min-width: 992px) {
		.what-doing-grid {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}


.what-doing-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
	padding: clamp(21px, calc(21px + 3 * var(--responsive-ratio)), 24px)
				clamp(21px, calc(21px + 11 * var(--responsive-ratio)), 32px);
}


.what-doing-item::before,.what-doing-item::after {
		display: block;
		content: "";
		position: absolute;
		width: 1px;
	}


.what-doing-item:nth-child(2)::before,.what-doing-item:nth-child(3)::before {
		top: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0) 100%);
		height: 200%;
	}


.what-doing-item:nth-child(1)::after,.what-doing-item:nth-child(3)::after {
		left: 0;
		right: 0;
		bottom: 0;
		width: 200%;
		height: 1px;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0) 100%);
	}


.what-doing-item .what-doing-item__top {
		display: grid;
		grid-template-columns: 1fr 44px;
		gap: 20px;
		align-items: center;
	}


.what-doing-item .what-doing-item__title {
		font-size: clamp(15px, calc(15px + 5 * var(--responsive-ratio)), 20px);
		font-weight: 500;
		line-height: 120%;
		color: #fff;
	}


.what-doing-item .what-doing-item__text {
		font-size: clamp(13px, calc(13px + 3 * var(--responsive-ratio)), 16px);
		line-height: 140%;
	}


.what-doing-item .icon-wrap {
		width: 44px;
		height: 44px;
		border-radius: 11px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
		background: rgba(160, 112, 255, 0.04);
		box-shadow: 0px 0 15px 0 rgba(146, 92, 255, 0.2), inset 0px 0px 0.6875px #925CFF, inset 0px 0px 2.0625px rgba(146, 92, 255, 0.24), inset 0px 0px 8.25px rgba(146, 92, 255, 0.12);
	}


.what-doing-item .icon-wrap::before {
		display: block;
		content: "";
		opacity: 0.48;
		filter: blur(4px);
		background-color: #AD5CFF;
		width: 27px;
		height: 11px;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 30%);
		z-index: 1;
	}


.what-doing-item .icon-wrap::after {
		display: block;
		content: "";
		opacity: 0.64;
		filter: blur(6.875px);
		background-color: #AD5CFF;
		width: 16px;
		height: 16px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}


.what-doing-item:last-child .icon-wrap {
		background: rgba(255, 255, 255, 0.04);
		box-shadow: 0px 0 15px 0 rgba(255, 255, 255, 0.2), inset 0px 0px 0.6875px #FFFFFF, inset 0px 0px 2.0625px rgba(255, 255, 255, 0.24), inset 0px 0px 8.25px rgba(255, 255, 255, 0.12);
	}


.what-doing-item:last-child .icon-wrap .stroke {
		stroke: #fff;
	}


.what-doing-item:last-child .icon-wrap::before,.what-doing-item:last-child .icon-wrap::after {
		background-color: #fff;
	}


.what-doing-item .icon {
		position: absolute;
		z-index: 5;
		width: 20px;
		height: auto;
		object-fit: contain;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}


@media (min-width: 769px) {


.what-doing-item {
}

	}


@media (min-width: 992px) {
		/* &:nth-child(3)::before {
			display: none;
		} */
		.what-doing-item:nth-child(3)::after {
			display: none;
		}

		.what-doing-item:nth-child(1)::after {
			width: 300%;
		}
	}


@media (max-width: 991px) {
		.what-doing-item:nth-child(2)::before {
			height: 300%;
		}

		.what-doing-item:nth-child(3)::before {
			display: none;
		}
	}


@media (max-width: 768px) {
		.what-doing-item:before {
			display: none;
		}

		.what-doing-item::after {
			display: block;
			width: 100% !important;
			left: 0;
			right: 0;
			bottom: 0;
			height: 1px;
			background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 24.33%, rgba(255, 255, 255, 0.08) 49.55%, rgba(255, 255, 255, 0.08) 74.78%, rgba(255, 255, 255, 0) 100%);;
		}

		.what-doing-item:last-child:after {
			display: none;
		}
	}

/*  */

.stack-grid {
	display: grid;
	gap: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
	padding: clamp(32px, calc(32px + 28 * var(--responsive-ratio)), 60px)
			clamp(24px, calc(24px + 16 * var(--responsive-ratio)), 40px);
	border: 1px solid rgba(161, 174, 229, 0.2);
	border-radius: 12px;
	overflow: hidden;
	grid-auto-rows: minmax( clamp(120px, calc(120px + 64 * var(--responsive-ratio)), 184px) , auto);
	position: relative;
}

.stack-grid .bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: matrix(-1, 0, 0, 1, 0, 0);
		opacity: .3;
	}

.stack-grid .empty {
		display: none;
	}

.stack-grid .section-title {
		background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, #FFFFFF 77.3%, rgba(255, 255, 255, 0) 115.61%);
	}

@media (min-width: 769px) {
		.stack-grid {
			grid-template-columns: 1fr 1fr;
		}

		.stack-grid .section-title {
			grid-column: 1/span 2;
		}
	}

@media (min-width: 992px) {
		.stack-grid {
			grid-template-columns: 1fr 1fr 1fr;
		}

		.stack-grid .empty {
			display: block;
			grid-row: 3;
			grid-column: 1;
		}

		
		.stack-grid .section-title {
			grid-row: 4;
			margin-top: auto;
		}
	}

.stack-item {
	padding: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px)
			clamp(12px, calc(12px + 12 * var(--responsive-ratio)), 24px);
	display: grid;
	grid-template-columns: clamp(24px, calc(24px + 8 * var(--responsive-ratio)), 32px) 1fr;
	border: 1px solid rgba(161, 174, 229, 0.3);
	border-radius: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
	transition: all .3s;
}

.stack-item .stack-item__text {
		font-family: "Inter";
		text-align: right;
		font-size: clamp(13px, calc(13px + 3 * var(--responsive-ratio)), 16px);
		line-height: 150%;
		max-width: 80%;
		margin-left: auto;
	}

.stack-item .stack-item__title {
		grid-column: 1/span 2;
		font-weight: 500;
		font-size: clamp(18px, calc(18px + 6 * var(--responsive-ratio)), 24px);
		line-height: 120%;
		color: #fff;
		margin-top: auto;
	}

.stack-item .blur-box {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		border-radius: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
		overflow: hidden;
	}

.stack-item .blur-box::before,.stack-item .blur-box::after {
		display: block;
		content: "";
		position: absolute;
		width: 146px;
		height: 146px;
		border-radius: 50%;
		right: 0;
		bottom: 0;
	}

.stack-item .blur-box::before {
		background: #243CFC;
		filter: blur(150px);
		transform: translate(10%, 25%);
	}

.stack-item .blur-box::after {
		background: rgba(146, 50, 221, 0.2);
		filter: blur(50px);
		transform: translate(40%, 40%);
	}

.stack-item .border {
		display: none;
	}

@media (hover: hover) and (pointer: fine) {
		.stack-item .border {
			display: block;
			position: absolute;
			left: -1px;
			top: -1px;
			padding-left: 1px;
			padding-top: 1px;
			width: calc(100% + 1px);
			height: calc(100% + 1px);
			border-radius: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
			-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			background-image: linear-gradient(135.62deg, #A1AEE5 1.72%, rgba(161, 174, 229, 0.1) 28.76%, rgba(161, 174, 229, 0.1) 73.61%, rgba(161, 174, 229, 0.4) 96.71%);
		}

		.stack-item .blur-box,.stack-item .border  {
			transition: opacity .3s;
			opacity: 0;
		}

		.stack-item:hover {
			border-color: rgba(161, 174, 229, 0.1);
		}

		.stack-item:hover .blur-box,.stack-item:hover .border {
			opacity: 1;
		}
	}

@media (max-width: 769px) {

		.stack-item {
			overflow: hidden;
		}

		.stack-item .blur-box::before {
			transform: translate(40%, 115%);
		}
		
		.stack-item .blur-box::after {
			transform: translate(70%, 125%);
		}
	}

/*  */

.trust-section .circles {
		display: none;
	}

.trust-section .section-title {
		text-align: center;
		margin-bottom: clamp(32px, calc(32px + 8 * var(--responsive-ratio)), 40px);
		background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, #FFFFFF 49.13%, rgba(255, 255, 255, 0) 115.61%);
		width: 100%;
	}

@media (min-width: 769px) {
		.trust-section {
			padding-top: clamp(100px, calc(100px + 175 * var(--responsive-ratio)), 275px);
		}

		.trust-section .circles {
			display: block;
			position: absolute;
			top: 35px;
			left: 50%;
			transform: translateX(-50%);
			width: clamp(300px, calc(300px + 465 * var(--responsive-ratio)), 765px);
		}
	}

.plashka {
	background: rgba(255, 255, 255, 0.002);
	border: 1px solid #4D2F8C;
	box-shadow: inset 0px -7px 11px rgba(164, 143, 255, 0.12);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	border-radius: 32px;
	padding: 5px 17px;
	color: #9A76FD;
	font-family: "Inter";
	font-size: clamp(12px, calc(12px + 3 * var(--responsive-ratio)), 15px);
	line-height: 150%;
	margin-bottom: 25px;
}

.trust-wrap {
	padding: clamp(31px, calc(31px + 54 * var(--responsive-ratio)), 85px)
			clamp(21px, calc(21px + 44 * var(--responsive-ratio)), 65px);
	border-radius: 12px;
	border: 1px solid #A1AEE533;
	background: rgba(15, 15, 15, 0.6);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}

.trust-wrap .grid-pattern {
		z-index: 1;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: .05;
		pointer-events: none;
	}

.trust-wrap .hole-lights {
		position: absolute;
		z-index: 2;
		width: 140%;
		max-width: 140%;
		left: 50%;
		top: 0;
		transform: translate(-50%, -75%) rotate(180deg);
		height: 700px;
		pointer-events: none;
	}

.trust-wrap .trust-company {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: clamp(20px, calc(20px + 16 * var(--responsive-ratio)), 36px);
		justify-content: space-evenly;
		width: 100%;
	}

.trust-wrap .trust-company .logo {
		display: block;
		max-width: clamp(92px, calc(92px + 28 * var(--responsive-ratio)), 120px);
		max-height: clamp(30px, calc(30px + 7 * var(--responsive-ratio)), 37px);
		object-fit: contain;
	}

@media (hover: hover) and (pointer: fine) {
		.trust-wrap .trust-company .logo {
			transition: filter .5s;
        	filter: grayscale(100%);
		}

		.trust-wrap .trust-company .logo:hover {
			filter: grayscale(0);
		}
	}

@media (min-width: 601px) {
		.trust-wrap .trust-company {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
		}
	}

@media (min-width: 769px) {
		.trust-wrap .trust-company {
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}

		.trust-wrap .hole-lights {
			height: auto;
			transform: translate(-50%, -72%) rotate(180deg);
		}
	}

@media (min-width: 992px) {
		.trust-wrap .trust-company {
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		}
	}

/*  */

.reviews-section {
	position: relative;


	
}

.reviews-section .section-title-wrap {
		margin-bottom: clamp(32px, calc(32px + 28 * var(--responsive-ratio)), 60px);
	}

.reviews-section .section-title {
		background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.17%, #FFFFFF 35.72%, #FFFFFF 68.32%, rgba(255, 255, 255, 0) 126.57%);
	}

@media (min-width: 769px) {

.reviews-section {
		/* &::before {
			display: block;
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 4;
			pointer-events: none;
			background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0.5) 16.67%, rgba(0, 0, 0, 0) 33.33%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 66.67%, rgba(0, 0, 0, 0.5) 83.33%, #000000 100%);
		} */


	
}
	}

@media (min-width: 769px) {

.reviews-section {


	
}


	}


.reviews-slider-wrap {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
    gap: clamp(32px, calc(32px + 8* var(--responsive-ratio)), 40px);

}


.reviews-slider-wrap .swiper {
		width: 100%;
		overflow: visible !important;
	}


@media (min-width: 992px) {
		.reviews-slider-wrap .slider-controls {
			order: -1;
			margin-left: auto;
		}
	}

.review-item {
	padding: clamp(20px, calc(20px + 4 * var(--responsive-ratio)), 24px) 
	clamp(20px, calc(20px + 12 * var(--responsive-ratio)), 32px);
	background: #0F0F0F;
	border: 1px solid rgba(161, 174, 229, 0.2);
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}

.review-item .review-item__top {
		display: grid;
		grid-template-columns: 
			clamp(44px, calc(44px + 32 * var(--responsive-ratio)), 76px) 
			1fr 
			clamp(28px, calc(28px + 16 * var(--responsive-ratio)), 44px);
			align-items: center;
		column-gap: 20px;
		margin-bottom: 24px;
	}

:is(.review-item .review-item__top) .photo-wrap {
			background: rgba(111, 127, 255, 0.2);
			width: 100%;
			aspect-ratio: 1/1;
			border-radius: 50%;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 3px solid rgba(111, 127, 255, 0.2);
		}

:is(:is(.review-item .review-item__top) .photo-wrap) .photo {
				object-fit: cover;
				display: block;
				height: 100%;
				width: 100%;
			}

:is(.review-item .review-item__top) .review-item__user-info {
			display: flex;
			flex-direction: column;
			gap: 8px;
		}

:is(.review-item .review-item__top) .photo-wrap,:is(.review-item .review-item__top) .review-item__fio {
			font-size: clamp(14px, calc(14px + 4 * var(--responsive-ratio)), 18px);
			text-transform: uppercase;
			color: #fff;
			font-weight: 500;
		}

:is(.review-item .review-item__top) .review-item__work {
			color: #9FA2B9;
			font-size: clamp(12px, calc(14px + 4 * var(--responsive-ratio)), 15px);
			line-height: 120%;
		}

:is(.review-item .review-item__top) .review-item__logo {
			object-fit: contain;
			display: block;
		}

.review-item .review-item__content {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

:is(.review-item .review-item__content) p + p {
			margin-top: 10px;
		}

:is(.review-item .review-item__content) .quotes {
			width: clamp(24px, calc(24px + 8 * var(--responsive-ratio)), 32px);
			height: auto;
			fill: currentColor;
			color: #B88CFF;
		}

:is(.review-item .review-item__content) .details-link {
			margin-left: auto;
			text-decoration-line: underline;
			color: #B88CFF;
			font-weight: 500;
			font-size: 14px
		}

:is(.review-item .review-item__content) .content {
			line-height: 150%;
			font-size: clamp(13px, calc(13px + 3 * var(--responsive-ratio)), 16px);
		}

:is(.review-item .review-item__content) .content-hidden {
			display: none;
		}

.review-item .review-item__bottom {
		padding-top: 20px;
		margin-top: 20px;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

:is(.review-item .review-item__bottom)::before {
			display: block;
			content: "";
			width: 100%;
			height: 1px;
			background: linear-gradient(115.79deg, rgba(161, 174, 229, 0) 0%, #A1AEE5 35%, rgba(161, 174, 229, 0) 100%);
			position: absolute;
			left: 0;
			top: 0;
		}

:is(.review-item .review-item__bottom) .review-item__company-name {
			display: flex;
			align-items: center;
			gap: 5px;
			text-transform: uppercase;
			font-weight: 500;
			font-size: clamp(13px, calc(13px + 3 * var(--responsive-ratio)), 16px);
			color: #fff;
			transition: color .3s;
		}

:is(:is(.review-item .review-item__bottom) .review-item__company-name) .icon {
				fill: currentColor;
				transition: transform .3s;
			}

:is(.review-item .review-item__bottom) .review-item__about-company {
			line-height: 150%;
			font-size: clamp(12px, calc(12px + 3 * var(--responsive-ratio)), 15px);
			color: #9FA2B9;
		}

.review-item .blur-box {
		display: none;
	}

@media (hover: hover) and (pointer: fine) {
			:is(.review-item .review-item__content) .quotes {
				color: #9FA2B980;
				transition: color .3s;
			}

		.review-item .review-item__logo {
			filter: grayscale(100%);
			transition: filter .3s;
		}

		.review-item .blur-box {
			display: block;
			position: absolute;
			right: 0;
			bottom: 0;
			width: 288px;
			height: 288px;
			transition: opacity .3s;
			opacity: 0;
		}

		.review-item .blur-box::before,.review-item .blur-box::after {
			display: block;
			content: "";
			position: absolute;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}

		.review-item .blur-box::before {
			background: rgba(146, 50, 221, 0.2);
			transform: translate(20%, 40%);
			z-index: 1;
			filter: blur(98px);
		}

		.review-item .blur-box::after {
			background: #243CFC;
			filter: blur(296px);
			transform: translate(5%, 15%);
			z-index: 2;
		}
			.review-item:hover .quotes {
				color: #B88CFF;
			}

			.review-item:hover .blur-box {
				opacity: 1;
			}

			.review-item:hover .review-item__logo {
				filter: grayscale(0);
			}

		.review-item a.review-item__company-name:hover {
			color: #B88CFF;
		}

			:is(.review-item a.review-item__company-name:hover) .icon {
				transform: rotate(45deg);
			}
	}

/*  */

.process-section {
	background: linear-gradient(0deg, #0F0F0F, #0F0F0F), linear-gradient(180deg, #0F0F0F 0%, #000000 100%);
}

.process-section .section-title {
		background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -11.05%, #FFFFFF 36.31%, #FFFFFF 74.28%, rgba(255, 255, 255, 0) 112.09%);
	}

@media (min-width: 992px) {
		.process-section .process-section-bg__top {
			top: -100px;
		}

		.process-section .section-title {
			margin-bottom: 0;
		}
	}

.prosecc-desctop-blur {
		display: contents;
	}

@media (min-width: 1250px) {
		.prosecc-desctop-blur {
			display: block;
			padding: 50px 40px 0 40px;
			background: rgba(17, 17, 17, 0.4);
			border: 1px solid rgba(161, 174, 229, 0.2);
			border-radius: 20px;
		}
	}

/*  */
.process {
	margin: clamp(32px, calc(32px + 68 * var(--responsive-ratio)), 100px)  auto 0;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 420px;
	width: 100%;
}
.process #process-ball {
		position: absolute;
		z-index: 3;
		width: 32px;
		height: 32px;
		background: rgba(113, 61, 255, 0.08);
		border: 1.2px solid rgba(113, 61, 255, 0.2);
		border-radius: 50%;
		top: 20px;

		will-change: transform;
	}
:is(.process #process-ball)::before {
			display: block;
			content: "";
			background-color: #713DFF;
			width: 15px;
			height: 15px;
			border-radius: 50%;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
.process .process-step {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
		width: 100%;
		position: relative;
		z-index: 5;
	}
.active:is(.process .process-step) .process-step__icon-wrap,.active:is(.process .process-step) .process-step__text {
				border: 1px solid rgba(154, 118, 253, 0.4);
			}
.active:is(.process .process-step) .users-icon {
				transform: translateY(60%) scale(1);
				opacity: 1;
			}
.process .process-substep,.process .process-step__text {
		border-radius: 20px;
		padding: clamp(13px, calc(13px + 7 * var(--responsive-ratio)), 20px)
				clamp(16px, calc(16px + 4 * var(--responsive-ratio)), 20px);
		color: #fff;
	}
.process .process-substep {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 40px;
		border: 1px solid rgba(255, 255, 255, 0.4);
		box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
		background-color: #0F0F0F;
		width: 100%;
		position: relative;
		z-index: 5;
		transition: all .3s;
	}
.active:is(.process .process-substep) {
			border-color: rgba(154, 118, 253, 0.4);
		}
.active:is(.process .process-substep) .process-substep__icon-wrap {
				filter: grayscale(0);
			}
.process .process-step__icon-wrap {
		width: 48px;
		height: 48px;
		padding: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #1b1b1b;
		box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
		border: 1px solid transparent;
		transition: all .3s;
		border-radius: 20px;
	}
.process .process-substep__icon-wrap {
		flex-shrink: 0;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		width: clamp(44px, calc(44px + 20 * var(--responsive-ratio)), 64px);
		height: clamp(44px, calc(44px + 20 * var(--responsive-ratio)), 64px);
		border: 1px solid transparent;
		position: relative;
		transition: all .3s;
		filter: grayscale(100%);
	}
.process .process-substep__icon-wrap::before {
		display: block;
		content: "";
		position: absolute;
		left: calc(50% - calc(clamp(44px, calc(44px + 20 * var(--responsive-ratio)), 64px) / 2) );
		top: calc(50% - calc(clamp(44px, calc(44px + 20 * var(--responsive-ratio)), 64px) / 2) );
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: rgba(113, 61, 255, 0.08);
		border: 1px solid rgba(113, 61, 255, 0.2);
	}
.process .process-substep__icon-wrap::after {
		display: block;
		content: "";
		background: rgba(113, 61, 255, 0.4);
		border: 1px solid rgba(113, 61, 255, 0.4);
		width: clamp(24px, calc(24px + 6 * var(--responsive-ratio)), 30px);
		height: clamp(24px, calc(24px + 6 * var(--responsive-ratio)), 30px);
		border-radius: 50%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 3;
		transition: all .3s;
	}
.process .process-text {
		font-size: clamp(12px, calc(12px + 4 * var(--responsive-ratio)), 16px);
		line-height: 140%;
		width: 100%;
	}
.process .process-step__text {
		background-color: #1b1b1b;
		box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
		text-align: center;
		border: 1px solid transparent;
		transition: all .3s;
	}
.process .process-line {
		font-size: 0;
		position: relative;
		height: 60px;
		width: 1px;
		background-color: #925CFF;
	}
:is(.process .process-line) .pseudo {
			position: absolute;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 1px;
            background-color: gray
		}
.process .process-chats {
		width: 140px;
		height: 140px;
		background-color: #1b1b1b;
		box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
		border: 1px solid transparent;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all .3s;
		text-align: center;
		position: relative;
		z-index: 7;
		transition: opacity .3s;
	}
.active:is(.process .process-chats) {
			border: 1px solid rgba(154, 118, 253, 0.4);
		}
.active:is(.process .process-chats) .process-chats__icons {
				opacity: 1;
			}
.active:is(.process .process-chats) .icon-wrap {
				opacity: 1;
			}
:is(.process .process-chats) .process-chats__icons {
			position: absolute;
			left: -20px;
			top: -20px;
			width: 180px;
			height: 180px;
			opacity: 0;
			transition: all .3s;
			will-change: opacity;
		}
:is(.process .process-chats) .icon-wrap {
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(0, 0, 0, 0.3);
			box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
			width: 40px;
			height: 40px;
			border-radius: 50%;
			position: absolute;
			z-index: 7;
			opacity: 0;
			transition: opacity .3s;
		}
:is(:is(.process .process-chats) .icon-wrap) svg {
				will-change: transform;
			}
:is(.process .process-chats) .icon-wrap--mail {
			transition-delay: 0.15s;
			top: 0;
			left: calc(50% - 20px);
		}
:is(.process .process-chats) .icon-wrap--tg {
			transition-delay: 0.3s;
			right: 8px;
			top: 25%;
		}
:is(.process .process-chats) .icon-wrap--slack {
			transition-delay: 0.45s;
			bottom: 20px;
    		right: 20px;
		}
:is(.process .process-chats) .icon-wrap--global {
			transition-delay: 0.6s;
			bottom: 20px;
			left: 20px;
		}
:is(.process .process-chats) .icon-wrap--jira {
			transition-delay: 0.75;
			top: 25%;
			left: 8px;
		}
.process .users-icon {
		position: absolute;
		bottom: 0;
		left: 20%;
		right: 20%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		transform: translateY(0) scale(0);
		/* opacity: 0; */
		will-change: transform, opacity;
		transition: all .5s;
	}
:is(.process .users-icon) .user-icon-wrap {
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(0, 0, 0, 0.3);
			box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
			width: 40px;
			height: 40px;
			border-radius: 50%;
		}
@media (min-width: 1250px) {
		.process {
			margin-left: 170px;
			margin-top: 30px;
			margin-bottom: -40px;
		}

		.process .process-line {
			height: 50px;
		}

		.process .process-substep,.process .process-step__text {
			max-width: 330px;
		}

		.process .users-icon {
			bottom: unset;
			top: 0;
		}


			:is(.process .users-icon) .user-icon-wrap {
				width: 60px;
				height: 60px;
			}
			:is(.process .process-step.active) .users-icon {
				transform: translateY(-50%) scale(1);
			}

		.process .process-substep {
			padding: 0;
			border: unset;
			box-shadow: unset;
			background-color: unset;
			width: 64px;
			height: 64px;
			position: relative;
		}
				.active:is(.process .process-substep) .process-substep__text {
					border-color: rgba(154, 118, 253, 0.4);
				}
				:is(.process .process-substep):not(.active) .process-substep__text {
					opacity: .9;
				}

		.process .process-substep__text  {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 330px;
			border: 1px solid rgba(255, 255, 255, 0.4);
			box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
			background-color: #0F0F0F;
			border-radius: 20px;
			padding: clamp(13px, calc(13px + 3 * var(--responsive-ratio)), 16px)
					clamp(16px, calc(16px + 4 * var(--responsive-ratio)), 20px);
			transition: all .3s;
			will-change: transform opacity;
			text-align: center;
		}
			:is(.process .process-chats__icons) .icon-wrap {
				width: 60px;
				height: 60px;
			}

				:is(:is(.process .process-chats__icons) .icon-wrap) svg {
					width: 20px;
					height: auto;
				}

			:is(.process .process-chats__icons) .icon-wrap--mail {
				top: -10px;
				left: calc(50% - 30px);
			}
			:is(.process .process-chats__icons) .icon-wrap--tg {
				right: -2px;
				top: 15%;
			}
			:is(.process .process-chats__icons) .icon-wrap--slack {
				bottom: 15px;
				right: 15px;
			}
			:is(.process .process-chats__icons) .icon-wrap--global {
				bottom: 15px;
				left: 15px;
			}
			:is(.process .process-chats__icons) .icon-wrap--jira {
				transition-delay: 0.75;
				top: 15%;
				left: -2px;
			}


		.process .desctop--left .process-substep__text {
			right: 80px;
		}
		.process .desctop--right .process-substep__text {
			left: 80px;
			max-width: 234px;
		}

		.process #process-line-1,.process #process-line-2  {
			height: 60px;
		}

		.process #process-line-4 {
			width: 150px;
			height: 1px;
			left: 107px;
			top: -32px;
			transform: rotate(180deg);
		}
			
			:is(.process #process-line-4) .pseudo {
				width: 100%;
			}

		.process #process-step-5 {
			left: 245px;
            top: -100px;
		}

		.process #process-line-5 {
			width: 105px;
			height: 1px;
			left: 523px;
			bottom: 171px;
			transform: rotate(180deg);
		}
			
			:is(.process #process-line-5) .pseudo {
				width: 100%;
			}

		.process #process-step-6 {
			bottom: 141px;
            right: -272px;
		}

		.process #process-line-6 {
			right: -240px;
            bottom: 204px;
			transform: rotate(180deg);
			height: 70px;
		}

		.process #process-step-7 {
			right: -449px;
            bottom: 274px;
		}

		.process #process-line-7 {
			right: -240px;
            bottom: 351px;
			height: 100px;
			transform: rotate(180deg);
		}

		.process #process-step-8 {
			right: -449px;
            bottom: 450px;
		}

		.process #process-line-8 {
			right: -240px;
            bottom: 574px;
			height: 120px;
			transform: rotate(180deg);
		}

		.process #process-step-9 {
			right: -272px;
            bottom: 655px;
		}

		.process #process-line-5,.process #process-line-6,.process #process-line-7,.process #process-line-8,.process #process-line-9,.process #process-step-6,.process #process-step-7,.process #process-step-8,.process #process-step-9,.process #process-step-10 {
			position: absolute;
		}

		.process #process-line-9 {
			right: -240px;
            bottom: 667px;
			height: 120px;
			transform: rotate(180deg);
		}

		.process #process-step-10 {
			right: -449px;
            bottom: 772px;
		}

		.process .process-step__icon-wrap {
			width: 60px;
			height: 60px;
		}
	}

/*  */

.text-content {
	line-height: 140%;
	font-size: clamp(13px, calc(13px + 3 * var(--responsive-ratio)), 16px);
}

.text-content--large {
	font-size: clamp(15px, calc(15px + 3 * var(--responsive-ratio)), 18px);
}

.text-content--small {
	font-size: clamp(12px, calc(12px + 3 * var(--responsive-ratio)), 15px);
}

.text-content a {
	color: #AD5CFF;
	text-decoration: underline;
}

.price-section-grid {
	display: grid;
	gap: clamp(32px, calc(32px + 88 * var(--responsive-ratio)), 120px);
}

@media (min-width: 992px) {

.price-section-grid {
		grid-template-columns: 49fr 59fr;
		align-items: center;
}
	}

.price-info-col {
	display: flex;
	flex-direction: column;
	gap: clamp(24px, calc(24px + 8 * var(--responsive-ratio)), 32px);
}

@media (min-width: 601px) {
		.price-info-col {
			align-items: flex-start;
		}

		.price-info-col .section-title {
			background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -26.98%, #FFFFFF 38.49%, #FFFFFF 68.14%, rgba(255, 255, 255, 0) 132.2%);
			font-size: clamp(20px, calc(20px + 38 * var(--responsive-ratio)), 58px);
		}
	}

.price-variants {
	display: grid;
	position: relative;
}

.price-variants .price-variant {
		display: grid;
		grid-template-columns: 44px 1fr;
		align-items: center;
		gap: 20px;
		position: relative;
		padding: clamp(20px, calc(20px + 20 * var(--responsive-ratio)), 40px)
				clamp(12px, calc(12px + 12 * var(--responsive-ratio)), 24px);
	}

:is(.price-variants .price-variant) .icon-wrap {
			width: 44px;
			height: 44px;
			border-radius: 11px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			overflow: hidden;
			background: rgba(160, 112, 255, 0.04);
			box-shadow: 0px 0 15px 0 rgba(101, 163, 255, 0.2), inset 0px 0px 0.6875px #65A3FF, inset 0px 0px 2.0625px rgba(101, 163, 255, 0.24), inset 0px 0px 8.25px rgba(101, 163, 255, 0.12);
		}

:is(.price-variants .price-variant) .icon-wrap::before {
			display: block;
			content: "";
			opacity: 0.48;
			filter: blur(4px);
			background-color: #65A3FF;
			width: 27px;
			height: 11px;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translate(-50%, 30%);
			z-index: 1;
		}

:is(.price-variants .price-variant) .icon-wrap::after {
			display: block;
			content: "";
			opacity: 0.64;
			filter: blur(6.875px);
			background-color: #65A3FF;
			width: 16px;
			height: 16px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			z-index: 2;
		}

:is(.price-variants .price-variant) .icon-wrap .icon {
			position: absolute;
			z-index: 5;
			width: 20px;
			height: auto;
			object-fit: contain;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}

:is(.price-variants .price-variant) .price-variant__title {
			font-weight: 500;
			font-size: clamp(18px, calc(18px + 6 * var(--responsive-ratio)), 24px);
			line-height: 120%;
			color: #fff;
		}

:is(.price-variants .price-variant) .price-variant__text {
			font-size: clamp(13px, calc(13px + 5 * var(--responsive-ratio)), 16px);
			line-height: 140%;
			grid-column: 1/span 2;
		}

:is(.price-variants .price-variant):not(:last-child):after {
			display: block;
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background: linear-gradient(115.79deg, rgba(161, 174, 229, 0) 0%, #A1AEE5 35%, rgba(161, 174, 229, 0) 100%);
		}

@media (min-width: 601px) {
		.price-variants {
			grid-template-columns: 1fr 1fr;
		}

		.price-variants::after {
			display: block;
			content: "";
			position: absolute;
			bottom: 0;
			top: 0;
			left: 50%;
			width: 1px;
			height: 100%;
			background: linear-gradient(115.79deg, rgba(161, 174, 229, 0) 0%, #A1AEE5 35%, rgba(161, 174, 229, 0) 100%)
			
		}

		.price-variants .price-variant:nth-last-child(2):after {
			display: none;
		}
	}

@media (min-width: 992px) {
		.price-variants {
			align-items: flex-start;
		}

		.price-variants .price-variant {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}

		.price-variants .price-variant:nth-child(even) {
			transform: translateY(32px);
		}

		.price-variants .price-variant:nth-child(3) {
			transform: translateY(-32px);
		}
	}


/*  */

.release-plans-section {
	background: #0F0F0F;
}

.release-plans-section .section-title-wrap {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: clamp(32px, calc(32px + 28 * var(--responsive-ratio)), 60px);
	}

:is(.release-plans-section .section-title-wrap) .plashka {
			color: #B194FF;
		}

.release-plans-section .section-title {
		margin-bottom: clamp(25px, calc(25px + 10 * var(--responsive-ratio)), 35px);
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, #FFFFFF 26.41%, #FFFFFF 98.82%);
	}

:is(.release-plans-section .section-title) .logo {
			width: clamp(63px, calc(63px + 58 * var(--responsive-ratio)), 118px);
			height: auto;
		}

.release-plans-section .section-descr {
		color: #fff;
		max-width: 960px;
	}

@media (min-width: 992px) {
		.release-plans-section .release-plans-section-bg__top {
			top: -100px;
		}

		.release-plans-section .section-title-wrap {
			align-items: center;
			text-align: center;
		}
	}

@media (max-width: 768px) {
		.release-plans-section .release-plans-section-bg__top img {
			height: 400px;
		}
	}


.plans-grid {
	display: grid;
	gap: 20px;
}


@media (min-width: 992px) {
		.plans-grid {
			grid-template-columns: 1fr 1fr 1fr;
			align-items: flex-end;
		}

		.plans-grid .plan-grid-item:first-child,.plans-grid .plan-grid-item:last-child {
			transform: translateY(-100px);
		}
		.plans-grid .plan-grid-item:last-child {
		}
	}
 

.plan-grid-item {
	padding: clamp(24px, calc(24px + 8 * var(--responsive-ratio)), 32px)
			clamp(20px, calc(20px + 12 * var(--responsive-ratio)), 32px);
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}
 

.plan-grid-item.adopt {
		background: linear-gradient(183.78deg, #3CD0FF -33.93%, #0B0050 91.99%);
	}
 

.plan-grid-item.add {
		background: linear-gradient(169.27deg, #DCF9FF -18.18%, #621DBA 32.75%, #04001C 82.02%);
	}
 

.plan-grid-item.fix {
		background: linear-gradient(179.58deg, #FFFFFF -17.5%, #A30CB5 20.16%, #00173A 112.53%)
	}
 

.plan-grid-item:after {
		display: block;
		content: "";
		background: rgba(5, 1, 13, 0.4);
		filter: blur(24px);
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
 

.plan-grid-item .plan-grid-item__title {
		font-weight: 500;
		font-size: clamp(18px, calc(18px + 6 * var(--responsive-ratio)), 24px);
		line-height: 120%;
		color: #fff;
		margin-bottom: clamp(20px, calc(20px + 12 * var(--responsive-ratio)), 32px);
	}
 

.plan-grid-item .plan-list {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
 

.plan-grid-item .plan-list__item {
		padding:  clamp(12px, calc(12px + 4 * var(--responsive-ratio)), 16px);
		background: linear-gradient(95.18deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
		box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
		border-radius: 20px;
	}

/*  */

.release-services-section {
	background: #0F0F0F;
	padding-top: 0;
}

.release-services-section .release-services-bg {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		opacity: .5;
		max-height: calc(100% + 250px);
		object-fit: contain;
		pointer-events: none;
	}

.release-services-section .section-title-wrap {
		justify-content: center;
		margin-bottom: clamp(24px, calc(24px + 16 * var(--responsive-ratio)), 40px);
	}

@media (min-width: 992px) {
		.release-services-section .section-title {
			background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -14.9%, #FFFFFF 40.32%, #FFFFFF 65.78%, rgba(255, 255, 255, 0) 106.9%);
		}
	}

@media (max-width: 992px) {
		.release-services-section .release-services-bg {
			top: -15%;
			transform: translateX(-50%);
			max-width: unset;
		}
	}

.release-services-grid {
	display: grid;
	gap: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(161, 174, 229, 0.2);
	backdrop-filter: blur(25px);
	border-radius: 12px;
	padding: clamp(20px, calc(20px + 12 * var(--responsive-ratio)), 32px) 20px;
}

@media (min-width: 992px) {
		.release-services-grid {
			grid-template-columns: 36fr 42fr 35fr;
			grid-auto-rows: minmax(150px, auto);
			align-items: flex-start;

			grid-template-areas: "first third fourth"
								"second third fourth"
								"second fived fived";
		}


		.release-services-grid .release-service:nth-child(1){
			grid-area: first;
		}
		.release-services-grid .release-service:nth-child(2) {
			grid-area: second;
		}
		.release-services-grid .release-service:nth-child(3) {
			grid-area: third;
		}
		.release-services-grid .release-service:nth-child(4) {
			grid-area: fourth;
		}
		.release-services-grid .release-service:nth-child(5) {
			grid-area: fived;
		}
	}

.release-service {
	background: linear-gradient(135.62deg, rgba(161, 174, 229, 0.2) 1.72%, rgba(161, 174, 229, 0.02) 28.76%, rgba(161, 174, 229, 0.02) 73.61%, rgba(161, 174, 229, 0.08) 96.71%);
	border: 1px solid rgba(161, 174, 229, 0.2);
	border-radius: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
	padding: clamp(10px, calc(10px + 10 * var(--responsive-ratio)), 20px)
			clamp(12px, calc(12px + 12 * var(--responsive-ratio)), 24px);
	display: flex;
	flex-direction: column;
}

.release-service .release-service__top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 16px;
		background: radial-gradient(94.9% 100% at 50.16% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(10, 11, 26, 0) 100%);
		border: 1px solid rgba(161, 174, 229, 0.2);
		border-radius: 12px;
		margin-bottom: 12px;
	}

:is(.release-service .release-service__top) .title {
			font-size: clamp(18px, calc(18px + 2 * var(--responsive-ratio)), 20px);
			color: #fff;
			font-weight: 500;
			line-height: 110%;
		}

:is(.release-service .release-service__top) .icon {
			width: 23px;
			height: 23px;
			border-radius: 50%;
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid rgba(243, 238, 255, 0.06);
			background: linear-gradient(180deg, rgba(243, 238, 255, 0) 0%, rgba(243, 238, 255, 0.08) 100%);
		}

.release-service .release-service__list-item {
		display: grid;
		gap: 12px;
		grid-template-columns: 15px 1fr;
		align-items: center;
		padding: clamp(8px, calc(8px + 2 * var(--responsive-ratio)), 10px) 0;
	}

/*  */

.leed-form-section {
	background: #0F0F0F;
	padding-top: 0;
}

.leed-form-grid {
	display: grid;
	gap: 20px;
	padding: clamp(20px, calc(20px + 20 * var(--responsive-ratio)), 40px);
	border: 1px solid #A1AEE533;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}

.leed-form-grid .leed-form-bg {
		position: absolute;
		max-width: 150%;
		pointer-events: none;
	}

.leed-form-grid .leed-form-bg_1 {
		right: 0;
		top: 0;
		width: 150%;
		transform: translate(40%, -75%);
	}

.leed-form-grid .leed-form-bg_2 {
		left: 0;
		bottom: 0;
		max-width: 100%;
		transform: translate(-55%, 77%);
	}

.leed-form-grid .leed-form-bg_3 {
		right: 0;
		bottom: 0;
		transform: translate(56%, 78%);
	}

.leed-form-grid .form-title {
		font-size: clamp(20px, calc(20px + 28 * var(--responsive-ratio)), 48px);
		background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, #FFFFFF 52.94%, #FFFFFF 80.78%, rgba(255, 255, 255, 0) 115.61%);
	}

.leed-form-grid .leed-form__left {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 25px;
	}

:is(.leed-form-grid .leed-form__left) .plashka {
			margin-bottom: 0;
		}

.leed-form-grid .form-section {
		display: flex;
		flex-direction: column;
		gap: 8px;
		width: 100%;
		background: rgba(255, 255, 255, 0.04);
		border-radius: 12px;
		padding: 12px;
		position: relative;
	}

:is(.leed-form-grid .form-section) .glow {
			display: block;
			padding-left: 1px;
			padding-top: 1px;
			left: -1px;
			top: -1px;
			right: 0;
			bottom: 0;
			border-radius: 12px;
			position: absolute;
			background: linear-gradient(135.62deg, #A1AEE5 1.72%, rgba(161, 174, 229, 0.1) 28.76%, rgba(161, 174, 229, 0.1) 73.61%, rgba(161, 174, 229, 0.4) 96.71%);;
			-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
		}

.leed-form-grid .form-section__label {
		margin: 8px 16px;
		font-weight: 500;
		color: #fff;
	}

.leed-form-grid .leed-form-radio {
		display: grid;
		grid-template-columns: 24px 1fr;
		align-items: center;
		column-gap: 12px;
		padding: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
		background: rgba(15, 15, 15, 0.5);
		border-radius: 12px;
	
	}

:is(.leed-form-grid .leed-form-radio) .glow {
			display: block;
			content: "";
			padding-left: 1px;
			padding-top: 1px;
			padding-right: 1px;
			padding-bottom: 1px;
			left: -1px;
			top: -1px;
			right: -1px;
			bottom: -1px;
			border-radius: 12px;
			position: absolute;
			transition: opacity .3s;
			background: linear-gradient(113.27deg, rgba(161, 174, 229, 0.44) 22.74%, rgba(161, 174, 229, 0.1) 40.83%);;
		}

:is(.leed-form-grid .leed-form-radio) .glow-select {
			background: linear-gradient(113.14deg, rgba(159, 96, 238, 0.44) 18.65%, rgba(159, 96, 238, 0.1) 36.5%, rgba(159, 96, 238, 0.1) 66.11%, rgba(159, 96, 238, 0.4) 81.35%);
			opacity: 0;
		}

:is(.leed-form-grid .leed-form-radio) .title {
			font-weight: 500;
			color: #fff;
		}

:is(.leed-form-grid .leed-form-radio) .text {
			padding-top: 12px;
			color: #9FA2B9;
			transition: all .3s;
			display: none;
			grid-column: 2;
		}

:is(.leed-form-grid .leed-form-radio) .icon {
			display: none;
			opacity: .5;
			transition: opacity .3s;
		}

:is(.leed-form-grid .leed-form-radio):has(input:checked) .glow:not(.glow-select) {
				opacity: 0;
			}

:is(.leed-form-grid .leed-form-radio):has(input:checked) .icon,:is(.leed-form-grid .leed-form-radio):has(input:checked) .glow-select {
				opacity: 1;
			}

:is(.leed-form-grid .leed-form-radio):has(input:checked) .text {
				display: block;
			}

.leed-form-grid .leed-form__bottom {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 16px;
	}

@media (min-width: 992px) {
		.leed-form-grid {
			grid-template-columns: 1fr 1fr;
		}

		.leed-form-grid .form-title {
			
		}
			:is(.leed-form-grid .leed-form__left) .form-section {
				margin-top: auto;
			}

		.leed-form-grid .leed-form__bottom {
			margin-left: 28px;
			margin-right: 28px;
		}
	}

@media (min-width: 601px) {
		.leed-form-grid .leed-form-radio {
			grid-template-columns: 24px 1fr 24px;
		}

			:is(.leed-form-grid .leed-form-radio) .icon {
				display: block;
			}
	}

@media (max-width: 768px) {

		
		.leed-form-grid .leed-form-bg_1 {
			width: 100%;
			transform: translate(20%, -70%) rotate(180deg);
		}
		.leed-form-grid .leed-form-bg_2 {
			height: 700px;
            width: 360px;
            transform: translate(-68%, 49%);
			z-index: 2;
		}
		.leed-form-grid .leed-form-bg_3 {
			transform: translate(33%, 2%) scale(-1);
		}
	}

/*  */
.custom-radio {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
}
.custom-radio input[type='radio'] {
		position: absolute;
		opacity: 0;
		height: 0;
		width: 0;
	}
.custom-radio .circle {
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: rgba(159, 162, 185, 0.3);
		border: 1px solid rgba(161, 174, 229, 0.2);
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}
.custom-radio .circle::after {
		display: block;
		content: "";
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: #B88CFF;
		opacity: 0;
		transition: opacity .3s;
	}
.custom-radio:has(input:checked) .circle::after {
		opacity: 1;
	}
.custom-radio.custom-radio--select {
			padding: 10px;
			border-radius: 12px;
			background-color: #FFFFFF0D;
			border: 1px solid #AECDA61A;
		}
.custom-radio.custom-radio--select .circle::after {
			width: 100%;
			height: 100%;
			background-color: transparent;
			background-image: url("assets/images/check.svg");
			background-position: center;
			background-size: 15px;
			background-repeat: no-repeat;
		}
.custom-radio.custom-radio--select:has(input:checked) {
				background-color: #4D2F8C;
				color: #fff;
			}
.custom-radio.custom-radio--select:has(input:checked) .circle {
					background-color: #1A1E1E;
					border-color: #1A1E1E;
				}
@media (hover: hover) and (pointer: fine) {
		.custom-radio:hover {
			cursor: pointer;
		}

		.custom-radio:not(.custom-radio--select):hover .circle::after  {
			opacity: 1;
		}

		.custom-radio.custom-radio--select:hover {
			background-color: #4D2F8C30;
		}
	}
/*  */

.custom-checkbox {
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: 24px 1fr;
	gap: 12px;
}

.custom-checkbox input[type='checkbox'] {
		position: absolute;
		opacity: 0;
		height: 0;
		width: 0;
	}

.custom-checkbox .box {
		width: 24px;
		height: 24px;
		border-radius: 5px;
		background: rgba(159, 162, 185, 0.3);
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.custom-checkbox .box::after {
		display: block;
		content: "";
		background-image: url("assets/images/check.svg");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
		opacity: 0;
		transition: opacity .3s;
		/* color: #fff; */
	}

.custom-checkbox:has(input:checked) .box {
		background-color: #925CFF;
	}

.custom-checkbox:has(input:checked) .box::after {
		opacity: 1;
	}

.custom-checkbox .text {
		font-family: "Inter";
		font-size: clamp(12px, calc(12px + 2 * var(--responsive-ratio)), 14px);
		line-height: 140%;
		color: #9FA2B9;
	}

:is(.custom-checkbox .text) a {
			text-decoration: underline;
		}

.custom-checkbox:has(input.error) .box {
		border-color: rgba(255, 0, 0, 0.4) !important;
		box-shadow: 0 0 10px rgba(255, 0, 0, 0.6) !important;
	}

/* &.custom-checkbox--dark {
		.box {
			background: rgba(159, 162, 185, 0.3);
		}

		.box::after {
			background-image: url("assets/images/check-dark.svg");
		}

		.text {
			color: #8B8FAB;
		}
	} */

@media (hover: hover) and (pointer: fine) {
		.custom-checkbox:hover {
			cursor: pointer;
		}
	}

/*  */
.site-field {
	padding: 16px;
	width: 100%;
	border-radius: 12px;
	line-height: 140%;
	font-size: clamp(13px, calc(13px + 3 * var(--responsive-ratio)), 16px);
	font-family: "SF Pro";
	position: relative;
	transition: all .3s;
}
.site-field::placeholder,.site-field.placeholder {
		color: #9FA2B9 !important;
	}
.site-field:focus-visible {
		text-indent: 5px;
	}
.site-field.site-field--small {
		font-size: clamp(13px, calc(13px + 3 * var(--responsive-ratio)), 14px);
		padding: 14px;
		border-radius: 6px;
	}
/* dark */
.site-field.site-field--dark {
		background: rgba(15, 15, 15, 0.5);
		border: 1px solid rgba(161, 174, 229, 0.1);
		color: #fff;
	}
.site-field.site-field--dark:-webkit-autofill,.site-field.site-field--dark:-webkit-autofill:hover,.site-field.site-field--dark:-webkit-autofill:focus {
		-webkit-text-fill-color: #fff !important;
		-webkit-box-shadow: unset;
		transition: background-color 5000s ease-in-out 0s;
	}
.site-field.site-field--dark:focus-visible:not(.error) {
		border-color: rgba(161, 174, 229, 0.4);
	}
/* light */
.site-field.site-field--light {
		background: #fff;
		border: 1px solid rgba(139, 143, 171, 0.2);
		color: #50586C;
	}
.site-field.site-field--light:-webkit-autofill,.site-field.site-field--light:-webkit-autofill:hover,.site-field.site-field--light:-webkit-autofill:focus {
		-webkit-text-fill-color: #50586C !important;
		-webkit-box-shadow: unset;
		transition: background-color 5000s ease-in-out 0s;
	}
.site-field.site-field--light:focus-visible:not(.error) {
		border-color: rgba(139, 143, 171, 0.4);
	}
.site-field.error {
		border-color: rgba(255, 0, 0, 0.4) !important;
		box-shadow: 0 0 10px rgba(255, 0, 0, 0.4) !important;
		color: rgba(255, 0, 0, 0.4);
	}
.site-field.error::placeholder {
		color: rgba(255, 0, 0, 0.4);
	}

/*  */

.custom-switch {
		width: 44px;
		height: 28px;
		border-radius: 14px;
		background-color: #FFFFFF1A;
		border: 1px solid #9FA2B91A;
		position: relative;
		display: block;
		transition: all .3s;
	}

.custom-switch input[type='checkbox'] {
		display: block;	
		width: 0;
		height: 0;	
		position: absolute;
		z-index: -1;
		opacity: 0;
	}

.custom-switch .switch {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background-color: #fff;
		position: absolute;
		left: 4px;
		top: 50%;
		transform: translateY(-50%);
		transition: all .3s;
	}

.custom-switch:has(input[type=checkbox]:checked) {
			background-color: #4D2F8C;
		}

.custom-switch:has(input[type=checkbox]:checked) .switch {
			left: calc(100% - 4px);
			transform: translateY(-50%) translateX(-100%);
		}

@media (hover: hover) and (pointer: fine) {
		.custom-switch:hover {
			cursor: pointer;
			/* box-shadow: 1px 1px 12px #5bff3249; */
		}

	}

/*  */
textarea.site-field {
	resize: none;
	min-height: clamp(100px, calc(100px + 20 * var(--responsive-ratio)), 120px);
}

.site-field__input-radio .circle {
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
	}

.site-field__input-radio .site-field {
		opacity: .5;
	}

.site-field__input-radio:has(input:checked) .site-field {
		opacity: 1;
	}

/*  */

.file-input-wrap {
		position: relative;
	}

.file-input-wrap input[type='file'] {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}

.file-input-wrap .file-input {
		position: relative;
		padding: 16px;
		line-height: 130%;
		width: 100%;
		border-radius: 12px;
		display: grid;
		grid-template-columns: 24px 1fr 80px 24px;
		align-items: center;
		gap: 8px;
	}

.file-input-wrap .file-input__droparea {
		position: absolute;
		inset: 0; 
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		opacity: 0;
	}

.hover:is(.file-input-wrap .file-input__droparea) {
			opacity: 1;
			z-index: 5;
		}

.file-input-wrap .file-input__placeholder {
		display: grid;
		grid-template-columns: 1fr 40px;
		gap: 8px;
		cursor: pointer;
		color: #9FA2B9;
	}

:is(.file-input-wrap .file-input__placeholder) .load-link {
			color: #9A76FD;
			text-decoration: underline;
			position: relative;
			z-index: 4;
		}

.file-input-wrap .load-icon {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		transition: all .3s;
	}

.file-input-wrap .file-input__remove {
		background-color: #9A76FD;
		width: 24px;
		height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		position: relative;
		z-index: 4;
		transition: all .3s;
	}

.file-input-wrap .file-input--dark {
		background: rgba(15, 15, 15, 0.5);
		border: 1px solid rgba(161, 174, 229, 0.1);
		color: #fff;
	}

:is(.file-input-wrap .file-input--dark) .load-icon {
			background: radial-gradient(94.9% 100% at 49.64% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
			border: 1px solid rgba(161, 174, 229, 0.4);
		}

.file-input-wrap .file-input--light {
		background: #fff;
		border: 1px solid rgba(139, 143, 171, .2);
		color: #50586c;
	}

:is(.file-input-wrap .file-input--light) .load-icon {
			background: linear-gradient(180deg, #8C73F2 0%, #6240ED 100%), radial-gradient(66.94% 70.54% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
			box-shadow: inset 0px 4px 4px rgba(255, 255, 255, 0.1), inset 0px 3px 3px rgba(255, 255, 255, 0.08);
		}

:is(.file-input-wrap .file-input--light) .file-input__droparea {
			color: #fff;
			background-color: rgba(0, 0, 0, 0.5);
		}

.file-input-wrap:not(.loaded) .file-input {
			grid-template-columns: 1fr;
		}

.file-input-wrap:not(.loaded) .file-input__icon,.file-input-wrap:not(.loaded) .file-input__name,.file-input-wrap:not(.loaded) .file-input__size,.file-input-wrap:not(.loaded) .file-input__remove {
			display: none;
		}

.file-input-wrap.loaded .file-input__placeholder {
			display: none;
		}

@media (hover: hover) and (pointer: fine) {
		.file-input-wrap .file-input__remove:hover {
			cursor: pointer;
			opacity: .7;
		}
	}

.form-error-message {
	color: red;
	margin-bottom: 10px;
}

/*  */

.custom-select {
	position: relative;
}

.custom-select .select__selected {
		padding-right: 45px;
		display: table;
		table-layout: fixed;
		width: 100%;
		border-radius: 12px;
	}

.calc--field:is(.custom-select .select__selected) {
			background-color: #FFFFFF0D;
			color: #fff;
		}

:is(.custom-select .select__selected) .text {
			display: table-cell;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			width: 100%;
		}

.custom-select .select__selected::before {
		display: block;
		content: "";
		width: 30px;
		height: 30px;
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		transition: transform .3s;;
		background-image: url(assets/images/select-arrow.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

.custom-select:has(.site-field--dark) .select__selected::before {
			background-image: url(assets/images/select-arrow-white.svg);
		}

.custom-select.open .select__selected {
		border-color: #9A76FD80;
	}

.custom-select.open .select__selected::before {
		transform: translateY(-50%) rotate(180deg);
	}

.custom-select.open .select-list {
		display: block;
		z-index: 99;
	}

.custom-select .select-list {
		position: absolute;
		box-sizing: border-box;
		top: calc(100% + 6px);
		left: 0;
		right: 0;
		display: none;
		border-radius: 6px;
		overflow: hidden;
		padding: 8px;
	}

.custom-select .select-list__item {
		display: flex;
		justify-content: space-between;
		position: relative;
		transition: all .3s;
		padding: 8px;
		border-radius: 6px;
	}

.custom-select .site-field--light ~ .select-list {
		background-color: #fff;
		border: 1px solid #D0D5DD;
		box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.1);
	}

:is(.custom-select .site-field--light ~ .select-list) .select-list__item {
			color: #50586C;
		}

.custom-select .site-field--dark ~ .select-list {
		background-color: #111412;
		border: 1px solid #AECDA61A;
		box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.1);
	}

:is(.custom-select .site-field--dark ~ .select-list) .select-list__item {
			color: #fff;
		}

@media (hover: hover) and (pointer: fine) {
		.custom-select:hover {
			cursor: pointer;
		}

		.custom-select .select-list__item:hover {
			background-color: #F5F7FB;
			color: #9A76FD !important;
		}
	}

/*  */

.description-with-button {
		display: flex;
		flex-direction: column;
		margin-bottom: clamp(32px, calc(32px + 8 * var(--responsive-ratio)), 40px);
		gap: 20px;
	}

.description-with-button .btn {
		display: none;
	}

@media (min-width: 769px) {
		.description-with-button {
			align-items: center;
			flex-direction: row;
			justify-content: space-between;
		}

		.description-with-button .text-content {
			max-width: 70%;
			text-wrap: text-balance;
		}

		.description-with-button .btn {
			display: flex;
		}
	}

.faq-section .section-title-wrap {
		margin-bottom: clamp(32px, calc(32px + 8 * var(--responsive-ratio)), 40px);
	}

.faq-section .faq__mobile-btn {
		margin-top: 32px;
		width: 100%;
	}

.faq-section .faq-grid {
		display: grid;
		gap: 12px 20px;
	}

@media (min-width: 992px) {
		.faq-section .faq-grid {
			grid-template-columns: 1fr 1fr;
			align-items: flex-start;
		}

		.faq-section .faq-grid .accordion-item-wrap:nth-child(odd):last-child {
			grid-column: 1/span 2;
		}
	}

/* callibri btns */
body:not(.page-template-page-brief) #callibri_wrap_pict_img,body:not(.page-template-page-brief) .callibri_wrap_pict_colorring_opacity {
		display: none !important;
	}

/*  */

.blog-section .section-title-wrap {
		margin-bottom: clamp(32px, calc(32px + 28 * var(--responsive-ratio)), 60px);
	}

:is(.blog-section .section-title-wrap) .btn {
			display: none;
		}

.blog-section .related__mobile-blog-btn {
		margin-top: 32px;
	}

@media (min-width: 769px) {
		.blog-section .section-title-wrap  {
			align-items: center;
			justify-content: space-between;
		}

			:is(.blog-section .section-title-wrap) .btn {
				display: flex;
			}
	}



/*  */
.vacancies-services-section {

	overflow: hidden;
}
.vacancies-services-section .vacancies-section-bg {
		position: absolute;
		top: 0;
		right: 0;
		transform: translate(30%, -65%);
		width: 2000px;
		max-width: unset;
		pointer-events: none;
	}
.vacancies-services-section .section-title-wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: clamp(32px, calc(32px + 28 * var(--responsive-ratio)), 40px);
		margin-bottom: 40px;
	}
.vacancies-services-section .section-title {
		background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -8.45%, #FFFFFF 58.6%, #FFFFFF 81.53%, rgba(255, 255, 255, 0) 115);
	}
.vacancies-services-section .section-descr {
		max-width: 700px;
	}
@media (max-width: 768px) {
		.vacancies-services-section .vacancies-section-bg {
			right: unset;
			left: 0;
			transform: translate(-5%, -47%);
		}
	}

.vacancies-grid {
	display: grid;
	gap: 40px;
}

.vacancie {
	display: grid;
	gap: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
}

.vacancie .vacancie-main {
		display: flex;
		flex-direction: column;
		gap: 20px;
		background: #0F0F0F;
		border-radius: 12px;
		position: relative;
		padding: clamp(20px, calc(20px + 20 * var(--responsive-ratio)), 40px);
	}

:is(.vacancie .vacancie-main)::before {
			display: block;
			content: "";
			position: absolute;
			padding-left: 1px;
			padding-top: 1px;
			left: -1px;
			top: -1px;
			right: 0;
			bottom: 0;
			border-radius: 12px;
			-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			pointer-events: none;
			background: linear-gradient(135.62deg, #A1AEE5 1.72%, rgba(161, 174, 229, 0.1) 28.76%, rgba(161, 174, 229, 0.1) 73.61%, rgba(161, 174, 229, 0.4) 96.71%);;
		}

:is(.vacancie .vacancie-main) .left {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 12px;
		}

:is(.vacancie .vacancie-main) .plashka {
			margin-bottom: 0;
		}

:is(.vacancie .vacancie-main) .title {
			font-size: clamp(22px, calc(22px + 6 * var(--responsive-ratio)), 28px);
			color: #ECF0FF;
		}

:is(.vacancie .vacancie-main) .blur {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			border-radius: 12px;
			overflow: hidden;
			pointer-events: none;
		}

:is(:is(.vacancie .vacancie-main) .blur)::after {
				display: block;
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				width: 780px;
				height: 54px;
				background: rgba(140, 69, 255, 0.49);
				filter: blur(100px);
				transform: translate(-40%, 50%);
			}

@media (min-width: 992px) {

.vacancie {
		grid-template-columns: 1fr 1fr;
		align-items: flex-start;
}

		.vacancie .vacancie-main {
			grid-column: 1/span 2;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}

			:is(.vacancie .vacancie-main) .vacancie-text {
				max-width: 440px;
			}
	}


/*  */

.accordion-item-wrap {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(161, 174, 229, 0.2);
	border-radius: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
	padding: 10px;
}

.accordion-item-wrap .accordion-item {
		background: linear-gradient(180.23deg, rgba(255, 255, 255, 0.08) 0.2%, rgba(255, 255, 255, 0) 99.8%), rgba(15, 15, 15, 0.04);
		border: 1px solid rgba(161, 174, 229, 0.1);
		border-radius: 12px;
	}

:is(.accordion-item-wrap .accordion-item) .accordion-item__title {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
			padding: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px);
			font-size: clamp(18px, calc(18px + 2 * var(--responsive-ratio)), 20px);
			line-height: 120%;
			font-weight: 500;
		}

:is(.accordion-item-wrap .accordion-item) .accordion__control {
			width: 44px;
			height: 44px;
			border: 1px solid rgba(161, 174, 229, 0.1);
			border-radius: 50%;
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
		}

:is(:is(.accordion-item-wrap .accordion-item) .accordion__control) .icon {
				transition: transform .3s;
				will-change: transform;
			}

:is(.accordion-item-wrap .accordion-item) .accordion-text {
			position: relative;
			display: none;
		}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text) p:has(strong) {
				color: #9FA2B9;
			}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text) strong {
				color: #fff;
			}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text) p,:is(:is(.accordion-item-wrap .accordion-item) .accordion-text) li {
				padding: clamp(12px, calc(12px + 4 * var(--responsive-ratio)), 16px) clamp(18px, calc(12px + 8 * var(--responsive-ratio)), 20px);
				position: relative;
			}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text) li {
				padding-left: clamp(30px, calc(30px + 10 * var(--responsive-ratio)), 40px);
			}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text) li:before {
				display: block;
				content: "•";
				position: absolute;
				left: 15px;
				top: 15px;
				/* font-size: 32px; */
				color: #9FA2B9;
			}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text)::before {
				display: block;
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 1px;
				background: linear-gradient(115.79deg, rgba(161, 174, 229, 0) 0%, #A1AEE5 34.06%, rgba(161, 174, 229, 0) 100%);
			}

.accordion-text--decorate:is(:is(.accordion-item-wrap .accordion-item) .accordion-text) p,.accordion-text--decorate:is(:is(.accordion-item-wrap .accordion-item) .accordion-text) li {
					border-top: 1px solid #A0AEE533;
				}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text):not(.accordion-text--decorate) {
					padding: 8px 0;
				}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text):not(.accordion-text--decorate) p,:is(:is(.accordion-item-wrap .accordion-item) .accordion-text):not(.accordion-text--decorate) li {
					padding: 8px clamp(18px, calc(12px + 8 * var(--responsive-ratio)), 20px);
					position: relative;
				}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text):not(.accordion-text--decorate) li {
					padding-left: clamp(30px, calc(30px + 10 * var(--responsive-ratio)), 40px);
				}

:is(:is(.accordion-item-wrap .accordion-item) .accordion-text):not(.accordion-text--decorate) li:before {
					top: 7px;
					left: 20px;
				}

.opened:is(.accordion-item-wrap .accordion-item) .icon {
				transform: rotate(45deg);
			}

@media (hover: hover) and (pointer: fine) {
		.accordion-item-wrap .accordion-item__title:hover {
			cursor: pointer;
		}
	}

/*  */

.page-fs {
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	text-align: center;
}

.page-fs .page-fs__title {
		background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, #FFFFFF 37.41%, #FFFFFF 74.26%, rgba(255, 255, 255, 0) 115.61%);
	}

.page-fs .page-fs__descr {
		font-size: clamp(14px, calc(14px + 6 * var(--responsive-ratio)), 20px);
		line-height: 140%;
		color: #fff;
		max-width: 650px;
	}

/*  */

.brief-form {
	margin-bottom: 32px;
}

.brief-section {
	padding: clamp(16px, calc(16px + 24 * var(--responsive-ratio)), 40px)
			clamp(16px, calc(16px + 44 * var(--responsive-ratio)), 60px);
	border: 1px solid rgba(161, 174, 229, 0.2);
	border-radius: 12px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.brief-section .brief-section__title {
		font-size: clamp(18px, calc(18px + 6 * var(--responsive-ratio)), 24px);
		font-weight: 500;
		line-height: 120%;
		color: #fff;
		padding: clamp(16px, calc(16px + 4 * var(--responsive-ratio)), 20px);
		background-color: #9A76FD;
		border-radius: 6px;
	}

.brief-section .brief-item {
		padding: 12px;
		background: #F5F7FB;
		border-radius: 6px;
		display: grid;
		gap: 10px;
	}

:is(.brief-section .brief-item) textarea {
			min-height: 60px;
		}

.brief-section .brief-item:has(input[type='file']) {
		background-color: #9A76FD1A;
	}

.brief-section .brief-item__text {
		font-weight: 500;
		font-size: 14px;
		line-height: 140%;
		color: #50586C;
	}

.brief-section .brief-form__bottom {
		margin-top: 32px;
		display: grid;
		gap: clamp(20px, calc(20px + 40 * var(--responsive-ratio)), 60px);
	}

@media (min-width: 992px) {
		.brief-section .brief-item {
			grid-template-columns: 1fr 1fr;
			align-items: center;
		}

		.brief-section .brief-item__text {
			padding-right: 10px;
		}

		.brief-section .brief-form__bottom {
			grid-template-columns: 1fr 1fr;
			align-items: center;
		}
	}

.brief-section + .brief-section {
	margin-top: 12px;
}

/*  */

.consult-form-grid {
		display: grid;
		gap: 20px;
		padding: clamp(20px, calc(20px + 20 * var(--responsive-ratio)), 40px);
		border: 1px solid #A1AEE533;
		border-radius: 12px;
		position: relative;
		overflow: hidden;
		margin-bottom: clamp(32px, calc(32px + 8 * var(--responsive-ratio)), 40px);
		background: rgba(255, 255, 255, 0.04);
		border: 1px solid rgba(161, 174, 229, 0.2);
	}

.consult-form-grid .consult-form-bg {
		position: absolute;
		/* max-width: 120%; */
		pointer-events: none;
		left: 0;
		top: 0;
		transform: translate(-36%, -77%) rotate(180deg);
	}

.consult-form-grid .form-title {
		font-size: clamp(20px, calc(20px + 28 * var(--responsive-ratio)), 48px);
		font-weight: 500;
		background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, #FFFFFF 52.94%, #FFFFFF 80.78%, rgba(255, 255, 255, 0) 115.61%);
	}

.consult-form-grid .consult-form__left {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 25px;
	}

:is(.consult-form-grid .consult-form__left) .plashka {
			margin-bottom: 0;
		}

.consult-form-grid .form-section {
		display: flex;
		flex-direction: column;
		gap: 8px;
		width: 100%;
		position: relative;
	}

.consult-form-grid .consult-form__bottom {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 16px;
	}

@media (min-width: 992px) {
		.consult-form-grid {
			grid-template-columns: 1fr 1fr;
		}
			:is(.consult-form-grid .consult-form__left) .form-section {
				margin-top: auto;
			}
	}

@media (min-width: 601px) {

.consult-form-grid {
	}
		
	}

@media (max-width: 768px) {

.consult-form-grid {
	}
		
	}

/*  */
.breadcrumbs-wrap {
	margin-bottom: 40px;
	font-size: 12px;
	line-height: 120%;
	color: rgba(159, 162, 185, 0.4);
	font-weight: 500;
}
.breadcrumbs-wrap a {
		text-decoration: underline;
		color: #9FA2B9;
	}
@media (hover: hover) and (pointer: fine) {
		.breadcrumbs-wrap a:hover {
			color: #925CFF;
		}
	}

.archive-title {
	background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, #FFFFFF 37.41%, #FFFFFF 84.05%, rgba(255, 255, 255, 0) 115.61%);
	margin-bottom: 40px;
}


.blog-navigation-wrap {
	overflow: auto;
	margin-right: calc( var(--site-padiing) * -1 );
	margin-left: calc( var(--site-padiing) * -1 );
	padding: 0 var(--site-padiing);
}

.blog-navigation {
	background: linear-gradient(95.18deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
	box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
	border-radius: 32px;
	display: inline-flex;
	align-items: center;
}

.blog-navigation .blog-nav__item {
		color: #D7E1F58F;
		font-size: 14px;
		line-height: 120%;
		font-weight: 500;
		padding: clamp(12px, calc(12px + 8 * var(--responsive-ratio)), 20px) 25px;
		white-space: nowrap;
		border-radius: 32px;
		color: #fff;
		text-shadow: 1px 1px 12px rgba(255, 255, 255, 0.57);
		position: relative;
		overflow: hidden;
	}

:is(.blog-navigation .blog-nav__item)::after {
			display: block;
			content: "";
			position: absolute;
			bottom: 0;
			left: 50%;
			width: calc(100% - 50px);
			height: 16px;
			background: #fff;
			opacity: 0;
			filter: blur(4.5px);
			transform: translate(-50%, 100%);
			transition: all .3s;
		}

.active:is(.blog-navigation .blog-nav__item) {
			background: radial-gradient(94.9% 100% at 49.64% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
			box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.06), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.04);
		}

.active:is(.blog-navigation .blog-nav__item)::after {
				opacity: .48;
			}

@media (hover: hover) and (pointer: fine) {
		.blog-navigation a.blog-nav__item:hover::after {
			opacity: .48;
		}
	}

.archive-grid {
	display: grid;
	gap: 20px;
}

@media (min-width: 601px) {

.archive-grid {
		grid-template-columns: 1fr 1fr;
		gap: 40px 20px;
}
	}

@media (min-width: 992px) {
		.archive-grid {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}

/*  */
.post-card {
	border: 1px solid #8B8FAB33;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.post-card .post-card__image-wrap {
		border-radius: clamp(9px, calc(9px + 3 * var(--responsive-ratio)), 12px);
		overflow: hidden;
		display: block;
	}
:is(.post-card .post-card__image-wrap) .post-card__image {
			display: block;
			width: 100%;
			aspect-ratio: 1/1;
			transition: transform 1.5s ease;
			will-change: transform;
		}
.post-card .post-card__info {
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 20px clamp(12px, calc(12px + 12 * var(--responsive-ratio)), 24px);
		flex-grow: 1;
	}
.post-card .post-card__title {
		color: #000;
		font-weight: 500;
		font-size: clamp(18px, calc(18px + 2 * var(--responsive-ratio)), 20px);
		line-height: 120%;
	}
.post-card .shine {
		background-color: rgba(139, 143, 171, 0.2);
		height: 1px;
		width: 100%;
		margin-top: auto;
	}
.post-card .post-card__bottom {
		display: flex;
		align-items: center;
		gap: 12px;
		font-weight: 500;
		font-size: 14px;
	}
:is(.post-card .post-card__bottom) .date {
			color: #8B8FAB;
		}
:is(.post-card .post-card__bottom) .reading-time {
			color: #9A76FD;
		}
:is(.post-card .post-card__bottom) .link {
			color: #000;
			margin-left: auto;
		}
:is(:is(.post-card .post-card__bottom) .link) svg {
				fill: currentColor;
			}
.post-card.dark {
		border-color: #A1AEE533;
	}
.post-card.dark .post-card__title {
			color: #fff;
		}
.post-card.dark .post-term {
			background: rgba(255, 255, 255, 0.002);
			border: 1px solid #4D2F8C;
			box-shadow: inset 0px -7px 11px rgba(164, 143, 255, 0.12);
			backdrop-filter: blur(2px);
			-webkit-backdrop-filter: blur(2px);
		}
.post-card.dark .shine {
			background: linear-gradient(115.79deg, rgba(161, 174, 229, 0) 0%, #A1AEE5 34.06%, rgba(161, 174, 229, 0) 100%);
		}
.post-card.dark .post-card__bottom .link {
			color: #fff;
		}
@media (hover: hover) and (pointer: fine) {
		.post-card .post-card__image-wrap:hover img {
			transform: scale(1.1);
		}

		.post-card .post-card__title:hover,.post-card .post-card__bottom .link:hover {
			color: #925CFF;
		}
	}

.post-terms {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.post-terms .post-term {
		font-weight: 500;
		font-size: 14px;
		color: #9A76FD;
		padding: 7px 13px;
		background-color: #F3F1FD;
		border-radius: 32px;
	}

.post-terms .post-term--dark {
		background: rgba(255, 255, 255, 0.002);
		border: 1px solid #4D2F8C;
		box-shadow: inset 0px -7px 11px rgba(164, 143, 255, 0.12);
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
	}

/*  */
.pagination {
	margin-top: clamp(40px, calc(40px + 20 * var(--responsive-ratio)), 60px);
	display: flex;
	align-items: center;
	gap: clamp(5px, calc(5px + 3 * var(--responsive-ratio)), 8px);
}
.pagination .page-numbers {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #000;
		width: clamp(38px, calc(38px + 6 * var(--responsive-ratio)), 44px);
		height: clamp(38px, calc(38px + 6 * var(--responsive-ratio)), 44px);
		border-radius: 50%;
		font-size: 14px;
		font-weight: 500;
		background-color: #F5F7FB;
		transition: all .3s;
		position: relative;
		overflow: hidden;
	}
:is(.pagination .page-numbers)::before {
			display: block;
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			background: linear-gradient(180deg, #8C73F2 0%, #6240ED 100%), radial-gradient(66.94% 70.54% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
			transition: all .3s;
			opacity: 0;
			z-index: -1;
		}
.current:is(.pagination .page-numbers) {
			background-color: transparent;
			color: #fff;
		}
.current:is(.pagination .page-numbers)::before {
				opacity: 1;
			}
@media (hover: hover) and (pointer: fine) {
		.pagination a.page-numbers:hover {
			background-color: transparent;
			color: #fff;
		
		}

			:is(.pagination a.page-numbers:hover)::before {
				opacity: 1;
			}
	}
@media (max-width: 600px) {
		.pagination {
			justify-content: space-between;
		}
	}
@media (max-width: 360px) {
		.pagination .page-numbers {
			width: 32px;
			height: 32px;
		}
	}

/*  */
.single-post-title {
	color: #fff;
	margin-bottom: clamp(25px, calc(25px + 15 * var(--responsive-ratio)), 40px);
}

.single-post__thumb {
	aspect-ratio: 100/55;
	object-fit: cover;
	object-position: top;
	display: block;
	border-radius: 5px;
	width: 100%;
}

.single-post-meta {
	margin-top: clamp(25px, calc(25px + 15 * var(--responsive-ratio)), 40px);
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: clamp(13px, calc(13px + 2 * var(--responsive-ratio)), 15px);
	font-weight: 500;
	color: #9FA2B9;
}

.single-post-meta .reading-time {
		color: #9A76FD;
	}

.single-post-meta .post-views {
		display: flex;
		align-items: center;
		gap: 12px;
		position: relative;
		padding-left: 16px;
	}

:is(.single-post-meta .post-views)::before {
			display: block;
			content: "";
			position: absolute;
			left: 0;
			top: 50%;
			width: 1px;
			height: 24px;
			background-color: #4D2F8C;
			transform: translateY(-50%);
		}

@media (min-width: 992px) {
		.single-blog-section {
			overflow: visible;
		}
	}

.post-content-grid {
	display: grid;
	gap: 40px;
}

@media (min-width: 992px) {

.post-content-grid {
		grid-template-columns: 1fr 285px;
		gap: clamp(20px, calc(20px + 100 * var(--responsive-ratio)), 120px);
		align-items: flex-start;
}
	}

@media (min-width: 992px) {
		.page-sidebar {
			position: sticky;
			top: 120px;
			z-index: 4;
		}
	}

.page-content {
	color: #50586C;
	font-size: clamp(15px, calc(15px + 1 * var(--responsive-ratio)), 16px);
	line-height: 140%;
}

.page-content > * + * {
		margin: clamp(15px, calc(15px + 5 * var(--responsive-ratio)), 20px) 0;
	}

.page-content > *:first-child {
		margin-top: 0;
	}

.page-content > *:last-child {
		margin-bottom: 0;
	}

.page-content li:not(:last-child) {
		margin-bottom: clamp(8px, calc(8px + 4 * var(--responsive-ratio)), 12px);
	}

.page-content ol,.page-content ul {
		padding-left: 25px;
	}

.page-content ul {
		list-style: disc;
	}

.page-content h2,.page-content h3,.page-content h4 {
		color: #090B0B;
		font-weight: 500;
		line-height: 120%;
	}

.page-content h2 {
		font-size: clamp(30px, calc(30px + 16 * var(--responsive-ratio)), 36px);
	}

.page-content h3 {
		font-size: clamp(24px, calc(24px + 6 * var(--responsive-ratio)), 30px);
	}

.page-content h4 {
		font-size: clamp(20px, calc(20px + 6 * var(--responsive-ratio)), 26px);
	}

.page-content h2 {
		margin-bottom: clamp(25px, calc(25px + 15 * var(--responsive-ratio)), 32px);
	}

.page-content h3 {
		margin: clamp(20px, calc(20px + 5 * var(--responsive-ratio)), 25px) 0;
	}

.page-content h2:not(:first-child) {
		margin-top: clamp(25px, calc(25px + 15 * var(--responsive-ratio)), 40px);
		padding-top: clamp(25px, calc(25px + 15 * var(--responsive-ratio)), 40px);
		position: relative;
	}

:is(.page-content h2:not(:first-child))::before {
			display: block;
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			height: 1px;
			width: 100%;
			background-color: #9A76FD33;
		}

.page-content img {
		display: block;
		border-radius: 12px;
	}

.page-content a {
		color: #925CFF;
		text-decoration: underline;
	}

.page-content blockquote {
        background-color: unset;
        border: unset;
        position: relative;
        padding: clamp(10px, calc(10px + 6 * var(--responsive-ratio)), 16px)
				0
				clamp(10px, calc(10px + 6 * var(--responsive-ratio)), 16px)
				clamp(15px, calc(15px + 5 * var(--responsive-ratio)), 20px);
		font-style: italic;
    }

:is(.page-content blockquote)::before {
            display: block;
            content: "";
            width: 3px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            background-color: #925CFF;
        }

:is(.page-content blockquote) > * + * {
            margin-top: 10px;
        }

.page-content pre {
		white-space: pre-wrap;
	}

.page-content table {
		padding: 15px;
		width: 100%;
		border-radius: 10px;
		background-color: #f6f4f3;
		font-size: 16px;
		line-height: 140%;
		display: block;
		height: auto !important;
	}

:is(.page-content table) td {
			width: 100%;
		}

:is(.page-content table) tbody,:is(.page-content table) thead {
			display: block;
		}

:is(.page-content table) tr {
			display: grid;
			gap: 10px;
		}

:is(.page-content table) tr:first-child {
			margin-bottom: 10px;
		}

:is(.page-content table) tr + tr {
			padding: 10px 0;
			border-top: 1px solid rgba(0, 0, 0, .1);
		}

:is(.page-content table) .td__mobile-title {
			display: none;
		}

@media(max-width: 600px) {
			:is(.page-content table) .td__mobile-title {
				display: block;
				font-size: 13px;
			}

			:is(.page-content table) tr,:is(.page-content table) tr + tr {
				grid-template-columns: 1fr !important;
				border: none;
				padding: 10px;
			}
		
			:is(.page-content table) tr:first-child {
				display: none;
			}
		
			:is(.page-content table) td {
				display: grid;
				grid-template-columns: 1fr;
				gap: 8px;
			}
		
			:is(.page-content table) {
				padding: 0;
				overflow: hidden;
				background-color: transparent;
				font-size: 15px;
			}
		
			:is(.page-content table) tr:nth-child(odd) {
				background-color: #f6f4f3;
			}
			:is(.page-content table) tr:nth-child(even) {
				background-color: #e3e3e3;
			}
		}

/*  */
.page-sidebar {
	display: flex;
	flex-direction: column;
	gap: clamp(20px, calc(20px + 20 * var(--responsive-ratio)), 40px);
}
.page-sidebar .single-header-wrap {
		display: flex;
		flex-direction: column;
		gap: clamp(16px, calc(16px + 8 * var(--responsive-ratio)), 24px);
	}
.page-sidebar .single-headers__title {
		color: #000;
		font-size: clamp(15px, calc(15px + 3 * var(--responsive-ratio)), 18px); 
		font-weight: 500;
	}
.page-sidebar #single-headers {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		background: #F3F1FD;
		border-radius: 6px;
	}
.page-sidebar #single-headers a {
		display: block;
		padding: 10px 0 10px 16px;
		position: relative;
		color: #50586C;
		font-size: clamp(13px, calc(13px + 2 * var(--responsive-ratio)), 15px);
		line-height: 140%;
		font-weight: 500;
		text-decoration: underline;
	}
@media (min-width: 992px) {
		.page-sidebar #single-headers {
			background-color: transparent;
		}

		.page-sidebar #single-headers a {
			text-decoration: unset;
		}

		.page-sidebar #single-headers a::before {
			display: block;
			content: "";
			background-color: #8B8FAB33;
			width: 2px;
			position: absolute;
			height: 100%;
			left: 0;
			top: 0;
			bottom: 0;
			transition: all .3s;
		}

		.page-sidebar #single-headers a.active {
			color: #000;
		}

		.page-sidebar #single-headers a.active:before {
			background-color: #9A76FD;
		}
	}
@media (max-width: 991px) {
		.page-sidebar {
			order: -1;
		}
	}

.share-wrap {
	display: flex;
	flex-direction: column;
	gap: clamp(16px, calc(16px + 8 * var(--responsive-ratio)), 24px);
}

.share-wrap .share-wrap__title {
		color: #000;
		font-size: clamp(15px, calc(15px + 3 * var(--responsive-ratio)), 18px); 
		font-weight: 500;
	}

.share-wrap .share-grid {
		display: flex;
		align-items: center;
		gap: 12px;
	}

.share-wrap .share-item {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #9A76FD;
		background: #F3F1FD;
		box-shadow: inset 0px 4px 4px rgba(255, 255, 255, 0.1), inset 0px 3px 3px rgba(255, 255, 255, 0.08);
		width: clamp(40px, calc(40px + 16 * var(--responsive-ratio)), 56px);
		height: clamp(40px, calc(40px + 16 * var(--responsive-ratio)), 56px);
		border-radius: 50%;
		transition: all .3s;
	}

:is(.share-wrap .share-item) svg {
			fill: currentColor;
		}

:is(.share-wrap .share-item) #share-mobile {
			display: none;
		}

@media (hover: hover) and (pointer: fine) {
		.share-wrap .share-item:hover {
			background-color: #9A76FD;
			color: #F3F1FD;
		}
	}

/*  */
.related-section .section-title-wrap {
		margin-bottom: clamp(32px, calc(32px + 28 * var(--responsive-ratio)), 60px);
	}
.related-section .section-title-wrap .btn {
		display: none;
	}
.related-section .section-title {
		background-image: linear-gradient(275.57deg, rgba(255, 255, 255, 0) -19.39%, rgba(255, 255, 255, 0.725951) 22.76%, #FFFFFF 81.72%, rgba(255, 255, 255, 0) 115);
	}
.related-section::after {
		display: block;
		content: "";
		width: 100%;
		height: 1px;
		background-color: #8B8FAB33;
		position: absolute;
		left: 50%;
		bottom: 0;
		max-width: 1200px;
		transform: translateX(-50%);
	}
@media (min-width: 601px) {
		.related-section .section-title-wrap {
			align-items: center;
			justify-content: space-between;
		}

			:is(.related-section .section-title-wrap) .btn {
				display: flex;
			}
	}

.related-slider-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: clamp(32px, calc(32px + 8 * var(--responsive-ratio)), 40px);
}

.related-slider-wrap .slider-controls {
		order: 2;
	}

.related-slider-wrap .swiper {
		width: 100%;
		padding-bottom: 5px;
	}

:is(.related-slider-wrap .swiper) .swiper-slide {
			height: auto;
		}

@media (min-width: 992px) {
		.related-slider-wrap .slider-controls {
			order: -1;
			margin-left: auto;
		}
	}

.slider-controls {
	display: flex;
	align-items: center;
	gap: 8px;
	pointer-events: none;
}

.slider-controls .slider-control {
		width: clamp(40px, calc(40px + 16 * var(--responsive-ratio)), 56px);
		height: clamp(40px, calc(40px + 16 * var(--responsive-ratio)), 56px);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(161, 174, 229, 0.2);
		color: #EDEEF0;
		position: relative;
		transition: all .3s;
		pointer-events: all;
	}

:is(.slider-controls .slider-control)::before,:is(.slider-controls .slider-control)::after {
			display: block;
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			transition: all .3s;
		}

:is(.slider-controls .slider-control)::before {
			background: radial-gradient(94.9% 100% at 49.64% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
			z-index: 1;
		}

:is(.slider-controls .slider-control)::after {
			background: linear-gradient(180deg, #8C73F2 0%, #6240ED 100%), radial-gradient(66.94% 70.54% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(10, 11, 26, 0) 100%);
			opacity: 0;
			z-index: 2;
		}

:is(.slider-controls .slider-control) svg {
			stroke: currentColor;
			position: relative;
			z-index: 3;
		}

.swiper-button-disabled:is(.slider-controls .slider-control) {
			opacity: .5;
		}

@media (hover: hover) and (pointer: fine) {
		.slider-controls .slider-control:not(.swiper-button-disabled):hover {
			cursor: pointer;
		}
			

			:is(.slider-controls .slider-control:not(.swiper-button-disabled):hover)::before {
				opacity: 0;
			}
			:is(.slider-controls .slider-control:not(.swiper-button-disabled):hover)::after {
				opacity: 1;
			}

		.slider-controls .slider-control.swiper-button-disabled:hover {
			cursor: not-allowed;
		}
	}

#cookie-section {
	position: fixed;
	bottom: 10px;
	left: 0;
	right: 0;
	z-index: 50;
}

.cookie-wrap {
	background-color: #0F0F0F;
	border-radius: 12px;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	border: 1px solid rgba(161, 174, 229, 0.2);
}

.cookie-wrap .btn {
		flex-shrink: 0;
		padding: 13px 20px;
	}

/*  */
:is(.tarif-section,.calc-section) {
		background: linear-gradient(180deg, #0F0F0F 0%, #000000 70.18%);
		color: #fff;
	}
:is(.tarif-section,.calc-section) .section-title-wrap {
		margin-bottom: clamp(32px,calc(32px + 8 * var(--responsive-ratio)) ,40px);
	}
:is(.tarif-section,.calc-section) .section-bg {
		position: absolute;
		z-index: 1;
		top: 0; 
		left: 50%;
		transform: translateX(-50%);
		min-width: 500px;
	}
@media (min-width: 992px) {
		:is(.tarif-section,.calc-section) {
			overflow: visible;
		}

		:is(.tarif-section,.calc-section) .tarif-price-bottom-btn {
			max-width: 300px;
			margin: 40px auto 0;
		}
	}
:is(.tarif-section,.calc-section) .tarif-price-bottom-btn {
		margin-top: 30px;
	}

.tarifs-grid {
		display: grid;
		border-radius: 20px;
		overflow: hidden;
		
	}

@media (min-width: 992px) {
		.tarifs-grid {
			grid-template-columns: 1fr 1fr 1fr;
			border: 1px solid rgba(173, 92, 255, 0.2);
			background: linear-gradient(150deg, rgba(173, 92, 255, 0.12) 3.38%, rgba(173, 92, 255, 0.02) 29.81%, rgba(173, 92, 255, 0.02) 73.65%, rgba(173, 92, 255, 0.08) 96.22%);
		}

		.tarifs-grid .tarif-item:nth-child(2) {
			background-image: url("assets/images/tarif-texture.png");
			background-position: bottom;
			background-repeat: no-repeat;
		}
	}

.tarif-item {
		padding: 20px;
		display: flex;
		flex-direction: column;
	}

.tarif-item .tarif-item__top,.tarif-item .tarif-item__price{
		margin-bottom: 20px;
	}

.tarif-item .tarif-item__btn {
		margin-bottom: 24px;
	}

.tarif-item .tarif-item__top {
		display: flex;
		align-items: center;
		text-align: center;
		flex-direction: column;
		gap: 12px;
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(173, 92, 255, 0.2);
	}

:is(.tarif-item .tarif-item__top) .icon-wrap {
			width: 44px;
			height: 44px;
			border-radius: 11px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			overflow: hidden;
			background: rgba(160,112,255,.04);
			box-shadow: 0px 0 15px 0 rgba(146,92,255,.2),inset 0px 0px .6875px #925cff,inset 0px 0px 2.0625px rgba(146,92,255,.24),inset 0px 0px 8.25px rgba(146,92,255,.12);
		}

:is(:is(.tarif-item .tarif-item__top) .icon-wrap) .icon {
				position: absolute;
				z-index: 5;
				width: 20px;
				height: auto;
				object-fit: contain;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
			}

:is(:is(.tarif-item .tarif-item__top) .icon-wrap)::before {
				display: block;
				content: "";
				opacity: .48;
				filter: blur(4px);
				background-color: #ad5cff;
				width: 27px;
				height: 11px;
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translate(-50%, 30%);
				z-index: 1;
			}

:is(.tarif-item .tarif-item__top) .tarif-item__top-descr {
			color: #ffffff7a;
			text-align: center;
			flex-grow: 1;
		}

.tarif-item .tarif-item__price {
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}

:is(.tarif-item .tarif-item__price) .price {
			color: #ad5cff;
			text-align: center;
		}

.tarif-item .tarif-item__btn {
		width: 100%;
	}

.tarif-item .tarif-item__bottom {
		display: flex;
		flex-direction: column;
		gap: 12px;
		color: #ffffff7a;
	}

.tarif-item .tarif-item__stage {
		display: flex;
		flex-direction: column;
	}

:is(.tarif-item .tarif-item__stage) p {
			padding: 10px 0;
			border-bottom: 1px solid rgba(173, 92, 255, 0.2);
			text-align: center;
		}

:is(.tarif-item .tarif-item__checks) li { 
			padding: 10px 0 10px 32px;
			position: relative;
		}

:is(:is(.tarif-item .tarif-item__checks) li)::before {
				display: block;
				content: "";
				width: 14px;
				height: 10px;
				background-image: url("assets/images/check-violet.svg");
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
			}

.tarif-item .highlighted {
		color: #fff !important;
	}

@media (min-width: 992px) {
		.tarif-item:not(:last-child) {
			border-right: 1px solid rgba(173, 92, 255, 0.2);
		}

		.tarif-item {
			padding: 24px;
		}

		.tarif-item .tarif-item__top {
			padding-top: 20px;
			min-height: 236px;
		}
	
		.tarif-item .tarif-item__top,.tarif-item .tarif-item__price,.tarif-item .tarif-item__btn {
			margin-bottom: 24px;
		}

		.tarif-item .tarif-item__btn {
			margin-bottom: 32px;
		}
	}

@media(max-width: 991px) { 
		.tarif-item {
			background: linear-gradient(150deg, rgba(173, 92, 255, 0.12) 3.38%, rgba(173, 92, 255, 0.02) 29.81%, rgba(173, 92, 255, 0.02) 73.65%, rgba(173, 92, 255, 0.08) 96.22%);
			border-radius: 12px;
		}

		.tarif-item:not(:last-child) {
			margin-bottom: 24px;
		}
	}

/*  */
.calc-grid {
		display: grid;
		gap: 20px;
	}
.calc-grid .calc-main,.calc-grid .calc-total {
		padding: 32px 24px;
		background: linear-gradient(150deg, rgba(173, 92, 255, 0.12) 3.38%, rgba(173, 92, 255, 0.02) 29.81%, rgba(173, 92, 255, 0.02) 73.65%, rgba(173, 92, 255, 0.08) 96.22%);
		border: 1px solid rgba(173, 92, 255, 0.2);
		border-radius: 20px;
	}
.calc-grid .calc-main {
		display: flex;
		flex-direction: column;
	}
.calc-grid .calc-total {
		position: sticky;
		top: 90px;
	}
:is(.calc-grid .calc-total) .btn {
			margin-top: 24px;
			width: 100%;
			flex-shrink: 0;
		}
.calc-grid .calc-block {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
:is(.calc-grid .calc-block):not(:last-child) {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid rgba(173, 92, 255, 0.2);
		}
.calc-grid .calc-row {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
.calc-grid .calc-row__variants {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
.calc-grid .calc-row__label {
		font-size: 16px;
		line-height: 140%;
	}
:is(.calc-grid .calc-row__label) br {
			display: none;
		}
.calc-grid .calc-total__title {
		font-weight: 500;
		font-size: clamp(20px, calc(20px + 8* var(--responsive-ratio)), 28px);
		line-height: 120%;
		margin-bottom: 24px;
	}
.calc-grid .calc-total__checks {
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
	}
.calc-grid .calc-total__switch-check,.calc-grid .calc-total__radio-check {
		/* display: none; */

		border-top: 1px solid rgba(173, 92, 255, 0.2);
		padding: 8px 0;
	}
:is(.calc-grid .calc-total__switch-check,.calc-grid .calc-total__radio-check):visible:last-child {
			border-bottom: 1px solid rgba(173, 92, 255, 0.2);
		}
.calc-grid .calc-total__switch-check {
		position: relative;
		display: none;
		padding: 8px 25px 8px 0;
	}
:is(.calc-grid .calc-total__switch-check):after {
			display: block;
			content: "";
			width: 14px;
			height: 10px;
			background-image: url("assets/images/check-violet.svg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}
.calc-grid .calc-total__radio-check {
		display: grid;
		grid-template-columns: 1fr 120px;
	}
:is(.calc-grid .calc-total__radio-check) span {
			color: #ad5cff;
			text-align: right;
		}
:is(.calc-grid .cart-total__info) {
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-top: auto;
			gap: 10px;
		}
:is(.calc-grid .cart-total__info) .left,:is(.calc-grid .cart-total__info) .right {
			display: flex;
			align-items: center;
			gap: 8px;
		}
:is(.calc-grid .cart-total__info) .left-title {
			font-weight: 500;
			font-size: clamp(20px, calc(20px + 8* var(--responsive-ratio)), 28px);
			line-height: 120%;
		}
:is(:is(.calc-grid .cart-total__info) .right):not(.visible) {
				display: none;
			}
:is(.calc-grid .cart-total__info) .right {

			color: #9FA9A5;
		}
:is(:is(.calc-grid .cart-total__info) .right) .price {
				color: #ad5cff;
			}
:is(.calc-grid .cart-total__info) .custom-select {
			width: 120px;
		}
:is(.calc-grid.doing-ajax .calc-total)::before {
				display: block;
				content: "";
				position: absolute;
				inset: 0;
				background-color: rgba(0, 0, 0, .4);
				z-index: 9;
				border-radius: 20px;
			}
:is(.calc-grid.doing-ajax .calc-total):after {
				display: block;
				content: "";
				position: absolute;
				z-index: 11;
				background-image: url("assets/images/ajax-loader.png");
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
				width: 100px;
				height: 100px;
				top: 50%;
				left: 50%;
				transform: translate(-50%, 50%);
				animation: rotate 3s linear infinite ;
			}
@media (min-width: 769px) {
		.calc-grid .calc-row {
			display: grid;
			grid-template-columns: 3.6fr 3fr;
			align-items: flex-start;
		}

		.calc-grid .calc-row__label {
			font-size: 18px;
		}

			:is(.calc-grid .calc-row__label) br {
				display: block;
			}

		.calc-grid .calc-total {
			max-height: calc(100vh - 150px);
			overflow-y: auto;
		}

			:is(.calc-grid .calc-total)::-webkit-scrollbar-button { 
				background: #474757; 
				border: unset; 
				border-radius: 72px; 
			}
			
			:is(.calc-grid .calc-total)::-webkit-scrollbar { 
				width: 6px; 
				height: 6px; 
			}
			
			:is(.calc-grid .calc-total)::-webkit-scrollbar-thumb { 
				background: #925CFF; 
				border: unset; 
				border-radius: 72px; 
			}
			
			:is(.calc-grid .calc-total)::-webkit-scrollbar-track { 
				background: #00000000;
			}
			
			:is(.calc-grid .calc-total)::-webkit-scrollbar-corner { 
				background: #fff; 
				border: unset; 
				border-radius: 72px; 
			}
			
			:is(.calc-grid .calc-total)::-webkit-scrollbar-button:vertical:start:increment,:is(.calc-grid .calc-total)::-webkit-scrollbar-button:vertical:end:decrement { 
				display: none; 
			}

		.calc-grid .calc-total__checks  {
			margin-bottom: 40px;

		}
	}
@media (min-width: 992px) {
		.calc-grid {
			grid-template-columns: 7.4fr 4.4fr;
			align-items: flex-start;
		}

		.calc-grid .calc-total {
			min-height: 470px;
			display: flex;
			flex-direction: column;
		}

		.calc-grid .calc-row__label {
			font-size: 20px;
		}
	}

@keyframes rotation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* ХОВЕРЫ */
@media (hover: hover) and (pointer: fine) {
	a {
		transition: all .3s;
	}
}

@media (min-width: 601px) {

}

@media (min-width: 769px) {
	.mobile-hidden {
		display: none !important; 
	}
}

@media (min-width: 992px) {
	#mobile-menu, #mobile-menu-overlay {
		display: none;
	}
}


/* MAX */
@media (max-width: 1200px) {
	
}

@media (max-width: 991px) {
	#hamburger {
		display: flex;
	}

	#page-header.menu-opened::before {
		background-color: transparent !important;
		border-color: transparent;
		backdrop-filter: blur(0);
		-webkit-backdrop-filter: blur(0);
	}

	#mobile-menu-overlay {
		position: fixed;
		top: 0px;
		padding-top: 64px;
		bottom: 0;
		right: 0;
		left: 0;
		background: rgba(161, 174, 229, 0.1);
		backdrop-filter: blur(25px);
		-webkit-backdrop-filter: blur(25px);
		transition: all .3s;
		/* transform: translateY(-100%); */
		opacity: 0;
		visibility: hidden;
		z-index: 98;
		will-change: transform, opacity;
	}

	#mobile-menu-overlay.opened {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}

	#mobile-menu {
		padding-top: 40px;
		padding-bottom: 40px;
		display: flex;
		flex-direction: column;
		gap: 25px;
		max-height: calc(100vh - 64px);
		max-height: calc(100svh - 64px);
		height: 100%;
		overflow-y: scroll;
	}

	.header-menu {
		flex-direction: column;
		/* align-items: flex-start; */
	}

	.mobile-menu__bottom {
		margin-top: auto;
		display: flex;
		align-items: center;
		gap: 8px;
	}

		.mobile-menu__bottom .btn {
			flex-grow: 1;
		}
}

@media (max-width: 768px) {
	.mobile-full-w {
		margin-left: -23px;
		margin-right: -23px;
	}

	.br-mobile-hidden {
		display: none;
	}
}

@media (max-width: 500px) {
	body.single .asd .blur-img {
		height: 60%;
	}
}

@media (max-width: 360px) {
	
}