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

@font-face {
	font-weight: 600;
	font-style: normal;
	font-family: "Inter";
	src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
	font-display: swap;
}

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

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

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

@font-face {
	font-weight: 800;
	font-style: normal;
	font-family: "MullerNextWide";
	src: url("../fonts/MullerNextWide-ExtraBold.woff2") format("woff2");
	font-display: swap;
}

* {
	padding: 0;
	margin: 0;
	border: 0;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--green);
}

a {
	color: inherit;
	outline: none;
}

aside,
nav,
footer,
header,
section {
	display: block;
}

html,
body {
	height: 100%;
	min-width: var(--min-width);
}

body {
	font-size: 16px;
	line-height: 120%;
	font-family: var(--main-font-family);
	color: var(--grayscale-0);
	background-color: var(--bg-color);
	font-weight: 400;
	font-style: normal;
}

html {
	height: auto;
}

html.lenis,
html.lenis body {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: clip;
}

.lenis.lenis-smooth iframe {
	pointer-events: none;
}

input,
button,
textarea {
	font-size: inherit;
	font-family: var(--main-font-family);
}

button {
	cursor: pointer;
	background-color: transparent;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

a,
a:visited,
a:hover {
	text-decoration: none;
}

ul li,
ol li {
	list-style: none;
}

img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}

:root {
	--main-font-family: "Inter", sans-serif;
	--secondary-font-family: "MullerNextWide", sans-serif;
	--min-width: 320px;
	--max-width-container: 1920px;
	--grayscale-100: #020305;
	--grayscale-90: #2c2d3c;
	--grayscale-80: #686a76;
	--grayscale-60: #878998;
	--grayscale-30: #ced4da;
	--grayscale-10: #e9ecef;
	--grayscale-0: #ffffff;
	--green: #00ea92;
	--green-click: #05915c;
	--blue: #ced7e3;
	--beige: #e2d6cc;
	--blackout: rgba(2, 3, 5, 0.45);
	--extra-bg: rgba(2, 3, 5, 0.02);
	--error: #e92a63;
	--gap: 30px;
}

.wrapper {
	width: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow: clip;
}

.main {
	position: relative;
	flex: 1 1 100%;
}

.container {
	max-width: var(--max-width-container);
	padding: 0 40px;
	margin: 0 auto;
}

.hidden {
	overflow: hidden;
}

.section {
	padding: 140px 0;
}

.case-animation {
	position: relative;
}

.case-animation__transform {
	position: relative;
	z-index: 2;
	will-change: transform;
}

.case-animation__static {
	position: relative;
	z-index: 1;
}

.support-transform {
	position: relative;
	z-index: 2;
}

.support-transform__animation {
	position: relative;
	z-index: 2;
}

.section-transform {
	height: 1px;
	position: relative;
	z-index: 2;
}

.section-transform__animation {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.animation-static {
	position: relative;
	z-index: 1;
}

.animation-static__sticky {
	position: sticky;
	top: 0;
}

.animation-static__blackout {
	position: absolute;
	inset: 0;
	background-color: var(--blackout);
	z-index: 2;
	pointer-events: none;
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.title-1 {
	font-family: var(--secondary-font-family);
	font-size: 44px;
	font-weight: 800;
	line-height: 122%;
	text-transform: uppercase;
}

.title-2 {
	font-size: 64px;
	font-weight: 300;
	line-height: 120%;
	letter-spacing: -0.03em;
}

.title-3 {
	font-family: var(--secondary-font-family);
	font-size: 38px;
	font-weight: 800;
	line-height: 1.3;
	text-transform: uppercase;
}

.title-3 span {
	color: var(--green);
}

.title-4 {
	font-family: var(--secondary-font-family);
	font-size: 28px;
	font-weight: 800;
	line-height: 1.3;
	text-transform: uppercase;
}

.title-5 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.title-6 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.text-16 {
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.01em;
}

.text-14 {
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.01em;
}

.text-nav {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: -0.01em;
}

.text-btn {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.625;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.link-underline {
	position: relative;
	transition: color 0.3s ease;
}

.link-underline::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: currentColor;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.link-underline:hover {
	color: var(--green);
}

.link-underline:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

.link-underline:active {
	color: var(--green-click);
}

.link-green {
	transition: color 0.3s ease;
}

.link-green:hover {
	color: var(--green);
}

.link-green:active {
	color: var(--green-click);
}

.link-gray {
	transition: color 0.3s ease;
}

.link-gray--light:hover {
	color: var(--grayscale-30);
}

.link-gray--light:active {
	color: var(--grayscale-10);
}

.link-gray--dark:hover {
	color: var(--grayscale-80);
}

.link-gray--dark:active {
	color: var(--grayscale-60);
}

.link-icon-text span {
	transition: color 0.3s ease;
}

.link-icon-text svg {
	transition: fill 0.3s ease;
}

.link-icon-text--dark:hover svg {
	fill: var(--green);
}

.link-icon-text--dark:hover span {
	color: var(--grayscale-80);
}

.link-icon-text--dark:active svg {
	fill: var(--green);
}

.link-icon-text--dark:active span {
	color: var(--grayscale-60);
}

.link-icon-text--light:hover svg {
	fill: var(--green);
}

.link-icon-text--light:hover span {
	color: var(--grayscale-30);
}

.link-icon-text--light:active svg {
	fill: var(--green);
}

.link-icon-text--light:active span {
	color: var(--grayscale-10);
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 56px;
	padding: 4px 16px 4px 24px;
	background-color: var(--grayscale-90);
	border-radius: 2px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	line-height: 1;
	color: var(--grayscale-0);
	transition: background-color 0.3s ease;
}

.button:active {
	background-color: var(--grayscale-60);
}

.button svg {
	width: 24px;
	height: 24px;
	fill: var(--grayscale-0);
}

.button--white {
	background-color: var(--grayscale-0);
	color: var(--grayscale-90);
}

.button--white svg {
	fill: var(--grayscale-90);
}

.button--white:active {
	background-color: var(--grayscale-0);
}

.button-secondary {
	display: inline-flex;
	align-items: center;
	gap: 20px;
}

.button-secondary:active .button-secondary__img {
	background-color: var(--grayscale-60);
}

.button-secondary:active .button-secondary__title {
	color: var(--grayscale-60);
}

.button-secondary__img {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: 2px;
	background-color: var(--grayscale-90);
	transition: background-color 0.3s ease;
}

.button-secondary__img svg {
	width: 32px;
	height: 32px;
	fill: var(--grayscale-0);
}

.button-secondary__title {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	line-height: 1;
	color: var(--grayscale-90);
	transition: color 0.3s ease;
}

.button-secondary--white .button-secondary__img {
	background-color: var(--grayscale-0);
}

.button-secondary--white .button-secondary__img svg {
	fill: var(--grayscale-90);
}

.button-secondary--white .button-secondary__title {
	color: var(--grayscale-0);
}

.button-secondary--white:active .button-secondary__img {
	background-color: var(--grayscale-10);
}

.button-secondary--white:active .button-secondary__title {
	color: var(--grayscale-10);
}

.consultation-btn {
	position: fixed;
	bottom: 32px;
	min-height: 56px;
	right: 32px;
	z-index: 200;
	display: flex;
	align-items: center;
	border: 1px solid var(--grayscale-30);
	border-radius: 2px;
	background-color: var(--grayscale-0);
	color: var(--grayscale-90);
	padding: 8px 16px 8px 24px;
	transition:
		padding-left 0.5s ease,
		background-color 0.5s ease,
		max-width 0.5s ease;
}

.consultation-btn svg {
	flex: 0 0 24px;
	height: 24px;
	fill: var(--grayscale-90);
	transition: fill 0.5s ease;
}

.consultation-btn__text {
	display: inline-block;
	overflow: hidden;
	transition: width 0.5s ease;
}

.consultation-btn__text span {
	display: inline-block;
	white-space: nowrap;
	line-height: 100%;
	padding-right: 8px;
	transition: color 0.5s ease;
}

.consultation-btn:active {
	background-color: var(--grayscale-10);
}

.consultation-btn.on-scroll {
	padding-left: 16px;
	width: -moz-fit-content;
	width: fit-content;
}

.consultation-btn.on-scroll .consultation-btn__text {
	width: 0px !important;
}

.consultation-btn.on-scroll svg {
	fill: var(--green);
}

.consultation-btn.dark-theme {
	background-color: var(--grayscale-90);
	border: none;
}

.consultation-btn.dark-theme .consultation-btn__text span {
	color: var(--grayscale-0);
}

.consultation-btn.dark-theme svg {
	fill: var(--grayscale-0);
}

.consultation-btn.dark-theme:active {
	background-color: var(--grayscale-60);
}

.button-text {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.button-text__title {
	line-height: 1;
	color: var(--grayscale-90);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.button-text__img {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.button-text__img svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-90);
}

.button-text--white .button-text__title {
	color: var(--grayscale-0);
}

.button-text--white .button-text__img svg {
	fill: var(--grayscale-0);
}

.btn-icon-90 {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	background-color: var(--grayscale-90);
	transition: background-color 0.3s ease;
}

.btn-icon-90 svg {
	width: 24px;
	height: 24px;
	fill: var(--grayscale-0);
}

.btn-icon-90:active {
	background-color: var(--grayscale-60);
}

.btn-icon-green {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	background-color: var(--grayscale-0);
	transition: background-color 0.3s ease;
}

.btn-icon-green svg {
	width: 24px;
	height: 24px;
	fill: var(--grayscale-0);
}

.btn-icon-green:active {
	background-color: var(--green-click);
}

.btn-icon-0 {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	background-color: var(--grayscale-0);
	transition: background-color 0.3s ease;
}

.btn-icon-0 svg {
	fill: var(--grayscale-90);
}

.btn-icon-0:active {
	background-color: var(--grayscale-10);
}

.form-btn {
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-moz-column-gap: 16px;
	column-gap: 16px;
	border-radius: 2px;
	padding: 12px 12px 12px 24px;
	background-color: var(--grayscale-10);
}

.form-btn__text {
	text-align: left;
}

.form-btn__icon {
	flex: 0 0 56px;
	height: 56px;
	background-color: var(--grayscale-90);
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-btn__icon svg {
	width: 32px;
	height: 32px;
	fill: var(--grayscale-0);
}

.custom-popup__btn {
	width: 105px;
	display: flex;
	align-items: center;
}

.custom-popup__element {
	position: relative;
	flex: 0 0 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.custom-popup__element:nth-child(1) {
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.18);
	z-index: 2;
}

.custom-popup__element:nth-child(2) {
	transform: translateX(-50%);
	z-index: 1;
}

.custom-popup__element--green {
	background-color: var(--green);
}

.custom-popup__element--green svg {
	fill: var(--grayscale-90);
}

.custom-popup__element--beige {
	background-color: var(--beige);
}

.custom-popup__element--gray {
	background-color: var(--grayscale-10);
}

.custom-popup__element--gray svg {
	fill: var(--grayscale-90);
}

.custom-popup__element--dark {
	background-color: var(--grayscale-90);
}

.custom-popup__element--dark svg {
	fill: var(--green);
}

.custom-popup__element--white {
	background-color: var(--grayscale-0);
}

.custom-popup__element--white svg {
	fill: var(--green);
}

.custom-popup__element--blue {
	background-color: var(--blue);
}

.custom-popup__element svg {
	width: 24px;
	height: 24px;
}

.custom-popup--small .custom-popup__btn {
	width: 84px;
}

.custom-popup--small .custom-popup__element {
	flex: 0 0 56px;
	height: 56px;
}

.custom-popup--small .custom-popup__element svg {
	width: 24px;
	height: 24px;
}

.form-label.is-error .form-error {
	display: block;
}

.form-input,
.form-textarea {
	width: 100%;
	font-size: 16px;
	padding: 20px 0;
	color: var(--grayscale-90);
	border-bottom: 1px solid var(--grayscale-30);
	outline: none;
	transition: border-color 0.3s ease;
}

.form-input::-moz-placeholder,
.form-textarea::-moz-placeholder {
	font-size: 16px;
	color: var(--grayscale-60);
}

.form-input::placeholder,
.form-textarea::placeholder {
	font-size: 16px;
	color: var(--grayscale-60);
}

.form-input:hover,
.form-textarea:hover {
	border-color: var(--grayscale-100);
}

.form-input:focus,
.form-textarea:focus {
	border-color: var(--grayscale-60);
}

.form-input .error,
.form-textarea .error {
	border-color: var(--error);
}

.form-input {
	min-height: 62px;
	display: flex;
	align-items: center;
}

.form-textarea {
	min-height: 114px;
	resize: none;
}

.form-error {
	display: none;
	color: var(--error);
	padding-top: 4px;
}

.checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: none;
}

.checkbox:checked + .checkbox-text::after {
	transform: scale(1);
}

.checkbox:checked + .checkbox-text::before {
	border-color: var(--grayscale-90);
}

.checkbox.is-error + .checkbox-text::before {
	border-color: var(--error);
}

.checkbox-text {
	cursor: pointer;
	display: block;
	position: relative;
	padding-left: 32px;
}

.checkbox-text::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid var(--grayscale-80);
	border-radius: 1px;
	transition: border-color 0.3s ease;
}

.checkbox-text::after {
	content: "";
	position: absolute;
	top: 1px;
	left: 0px;
	width: 20px;
	height: 20px;
	background: url("../img/general/mark.svg") center/cover no-repeat;
	transform: scale(0);
	transition: transform 0.3s ease;
}

.checkbox-text:hover::before {
	border-color: var(--grayscale-90);
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--grayscale-100);
	z-index: 1000;
	-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}

.custom-dropdown {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
	z-index: 3;
}

.custom-dropdown__toggle {
	width: 100%;
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	-moz-column-gap: 4px;
	column-gap: 4px;
	font-weight: 600;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--grayscale-90);
}

.custom-dropdown__icon {
	position: relative;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
}

.custom-dropdown__icon::before,
.custom-dropdown__icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: currentColor;
	transform: translate(-50%, -50%);
}

.custom-dropdown__icon::before {
	width: 10px;
	height: 2px;
}

.custom-dropdown__icon::after {
	width: 2px;
	height: 10px;
	transition: transform 0.3s ease;
}

.custom-dropdown.is-open .custom-dropdown__icon::after {
	transform: translate(-50%, -50%) rotate(-90deg);
}

.custom-dropdown.is-open .custom-dropdown__icon::after,
.custom-dropdown.is-open .custom-dropdown__icon::before {
	background-color: var(--grayscale-60);
}

.custom-dropdown.is-open .custom-dropdown__toggle {
	color: var(--grayscale-60);
}

.custom-dropdown__body {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1;
	max-height: 0;
	overflow: hidden;
	background-color: var(--grayscale-0);
	transition: max-height 0.4s ease;
}

.custom-dropdown__list {
	padding: 0 11px;
}

.custom-dropdown__item:not(:last-child) {
	border-bottom: 1px solid var(--grayscale-10);
}

.custom-dropdown__link {
	display: block;
	padding: 12px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.01em;
	color: var(--grayscale-90);
	transition: color 0.3s ease;
}

.custom-dropdown__link.is-active {
	color: var(--green);
}

.custom-dropdown__item:last-child .custom-dropdown__link {
	border-bottom: none;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 500;
}

.header.scroll-theme .header__logo--1 {
	opacity: 0;
}

.header.scroll-theme .header__logo--2 {
	opacity: 1;
}

.header.scroll-theme .header__content {
	display: none;
}

.header.light-theme .header__logo .logo-path {
	fill: var(--grayscale-90);
}

.header.light-theme .header__link {
	color: var(--grayscale-90);
}

.header.light-theme .header__link:hover {
	color: var(--green);
}

.header.light-theme .header__link:active {
	color: var(--green-click);
}

.header.light-theme .header__burger {
	color: var(--grayscale-90);
}

.header.light-theme .header__burger:hover svg {
	fill: var(--green);
}

.header.light-theme .header__burger:hover span {
	color: var(--grayscale-80);
}

.header.light-theme .header__burger:active svg {
	fill: var(--green);
}

.header.light-theme .header__burger:active span {
	color: var(--grayscale-60);
}

.header__logo-container {
	position: relative;
	height: 40px;
}

.header__logo {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	transition: opacity 0.5s ease;
}

.header__logo--1 {
	display: inline-flex;
	width: 230px;
	height: 50px;
}

.header__logo--2 {
	perspective: 800px;
	opacity: 0;
}

.header__logo .logo-path {
	fill: var(--grayscale-0);
}

.header__logo svg {
	width: 100%;
	height: 100%;
}

.header__logo-inner {
	display: block;
	position: relative;
	width: 36px;
	height: 30px;
	transform-style: preserve-3d;
}

.header__logo-inner-front,
.header__logo-inner-back {
	position: absolute;
	inset: 0;
	opacity: 0;
}

.header__logo-inner-front svg,
.header__logo-inner-back svg {
	width: 100%;
	height: auto;
}

.header__logo-inner-front svg:nth-child(1),
.header__logo-inner-front svg:nth-child(2),
.header__logo-inner-back svg:nth-child(1),
.header__logo-inner-back svg:nth-child(2) {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
}

.header__logo-inner-front svg:nth-child(1),
.header__logo-inner-back svg:nth-child(1) {
	opacity: 1;
}

.header__logo-inner-front {
	opacity: 1;
}

.header__logo-inner-back {
	transform: rotateY(180deg);
}

.header__body {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 70px;
	padding: 32px 0;
}

.header__content {
	margin-left: auto;
}

.header__list {
	display: flex;
	align-items: center;
	gap: 71px;
}

.header__link {
	display: flex;
	align-items: center;
	color: var(--grayscale-0);
}

.header__burger {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--grayscale-0);
}

.header__burger span {
	transition: color 0.3s ease;
}

.header__burger:hover svg {
	fill: var(--green);
}

.header__burger:hover span {
	color: var(--grayscale-30);
}

.header__burger:active svg {
	fill: var(--green);
}

.header__burger:active span {
	color: var(--grayscale-10);
}

.header__burger svg {
	width: 24px;
	height: 22px;
	flex-shrink: 0;
	fill: var(--grayscale-80);
	transition: fill 0.3s ease;
}

.header-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
	z-index: 501;
	display: flex;
	justify-content: flex-end;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background-color: var(--extra-bg);
	opacity: 0;
	visibility: hidden;
}

.header-menu__container {
	position: absolute;
	height: 100%;
	flex: 0 0 50%;
	width: 50%;
	background-color: var(--grayscale-0);
	transform: translateX(100%);
}

.header-menu__body {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	padding: 20px 40px 20px 60px;
}

.header-menu__top-container {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 14px;
}

.header-menu__logo {
	display: none;
}

.header-menu__content {
	flex: 1 1 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 40px;
	margin-bottom: 80px;
}

.header-menu__main-link {
	display: inline-flex;
	align-items: center;
	color: var(--grayscale-90);
	padding: 16px 0;
}

.header-menu__main-btn {
	display: flex;
	align-items: flex-start;
	-moz-column-gap: 16px;
	column-gap: 16px;
	color: var(--grayscale-90);
	padding: 16px 0;
}

.header-menu__main-btn span {
	position: relative;
	display: block;
	font-size: 16px;
	letter-spacing: -0.01em;
	color: var(--grayscale-60);
}

.header-menu__main-btn span::before,
.header-menu__main-btn span::after {
	content: "";
	position: absolute;
	top: 0;
	width: 6px;
	height: 20px;
}

.header-menu__main-btn span::before {
	left: -6px;
	background: url("../img/general/bracket-left.svg") center/cover no-repeat;
}

.header-menu__main-btn span::after {
	right: -8px;
	background: url("../img/general/bracket-right.svg") center/cover no-repeat;
}

.header-menu__secondary-list {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.header-menu__secondary-link {
	color: var(--grayscale-90);
}

.header-submenu {
	position: fixed;
	top: 0;
	right: 0;
	width: 50%;
	height: 100svh;
	z-index: 502;
	background-color: var(--grayscale-0);
	transform: translateX(100%);
}

.header-submenu__container {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	padding: 20px 40px 20px 60px;
}

.header-submenu__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.header-submenu__logo {
	display: none;
}

.header-submenu__main {
	display: flex;
	flex-direction: column;
	flex: 1 1 100%;
	margin-bottom: 40px;
}

.header-submenu__title {
	color: var(--grayscale-90);
	padding: 16px 0;
}

.header-submenu__content {
	flex: 1 1 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 32px;
}

.header-submenu__link {
	display: flex;
	align-items: center;
	color: var(--grayscale-90);
	padding: 16px 0;
}

.header-submenu__secondary-list {
	display: flex;
	flex-direction: column;
	row-gap: 18px;
}

.header-submenu__secondary-link {
	display: flex;
	align-items: flex-start;
	-moz-column-gap: 4px;
	column-gap: 4px;
	color: var(--grayscale-60);
	transition: color 0.3s ease;
}

.header-submenu__secondary-link span {
	display: block;
	color: var(--grayscale-90);
	font-size: 10px;
	margin-top: -3px;
}

.header-submenu__secondary-link:hover {
	color: var(--green);
}

.header-submenu__secondary-link:hover span {
	color: var(--grayscale-80);
}

.header-submenu__secondary-link:active {
	color: var(--green-click);
}

.header-submenu__secondary-link:active span {
	color: var(--grayscale-60);
}

.header-menu__close-btn,
.header-submenu__close-btn,
.header-submenu__close-menu {
	display: flex;
	align-items: center;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.header-menu__close-btn svg,
.header-submenu__close-btn svg,
.header-submenu__close-menu svg {
	flex: 0 0 24px;
	height: 22px;
	fill: var(--grayscale-60);
}

.header-menu__close-btn span,
.header-submenu__close-btn span,
.header-submenu__close-menu span {
	color: var(--grayscale-90);
}

.header-menu-bottom__body {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.header-menu-bottom__info {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.header-menu-bottom__link {
	color: var(--grayscale-90);
}

.hero {
	position: relative;
	width: 100%;
	height: 100svh;
	z-index: 2;
	overflow: hidden;
}

.hero__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
}

.hero__container {
	position: relative;
	width: 100%;
	height: -moz-fit-content;
	height: fit-content;
}

.hero__main {
	height: 100svh;
}

.hero__secondary {
	height: calc(100svh + 237px);
}

.hero-main {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}

.hero-main__top {
	width: 100%;
	padding-top: 32px;
}

.hero-main__subtitle {
	grid-column: 2/3;
	color: var(--grayscale-30);
}

.hero-main__subtitle span {
	color: var(--green);
}

.hero-main__center {
	flex: 1 1 100%;
	display: flex;
	align-items: center;
}

.hero-main__title {
	grid-column: 2/5;
	color: var(--grayscale-0);
}

.hero-main__bottom {
	align-items: end;
	padding-bottom: 32px;
}

.hero-main__btn-container {
	grid-column: 1/2;
}

.hero-main__video-btn {
	position: relative;
	width: 260px;
	height: 154px;
}

.hero-main__video-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: var(--blackout);
	z-index: 2;
}

.hero-main__video-btn video {
	position: relative;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: 1;
}

.hero-main__video-notice {
	grid-column: 2/3;
	display: flex;
	flex-direction: column;
}

.hero-main__video-notice span {
	color: var(--grayscale-30);
}

.hero-secondary {
	padding-top: 60px;
}

.hero-secondary__top {
	height: 437px;
	position: relative;
}

.hero-secondary__svg-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hero-secondary__svg--desktop {
	grid-column: 1/4;
	margin-right: -40px;
}

.hero-secondary__svg--tablet {
	display: none;
}

.hero-secondary__svg--mobile {
	display: none;
}

.hero-secondary__svg svg {
	fill: var(--green);
}

.hero-secondary__svg svg .line-1,
.hero-secondary__svg svg .line-2 {
	fill: none;
	stroke: var(--green);
}

.hero-secondary__svg svg .element-1,
.hero-secondary__svg svg .element-2,
.hero-secondary__svg svg .element-3 {
	opacity: 0;
}

.hero-secondary__notices {
	padding-top: 31px;
}

.hero-secondary__notice {
	color: var(--grayscale-0);
}

.hero-secondary__notice:nth-child(1) {
	grid-column: 1/2;
}

.hero-secondary__notice:nth-child(2) {
	grid-column: 4/5;
}

.hero-secondary__main {
	height: calc(100svh - 200px);
}

.hero-secondary__text {
	grid-column: 2/5;
	padding-right: 20px;
}

.hero-secondary__text-part {
	font-size: 64px;
	font-weight: 300;
	line-height: 120%;
	letter-spacing: -1.92px;
	color: var(--grayscale-0);
}

.hero-secondary__text-part span span {
	opacity: 0.2;
}

.hero-secondary__custom-popup {
	position: relative;
	width: 105px;
	display: inline-block;
	margin: 0 20px;
}

.hero-secondary__custom-popup .custom-popup__btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	transform: translateY(-55px);
	opacity: 0.2;
}

.hero-service {
	position: relative;
	height: 100vh;
}

.hero-service--services {
	height: auto;
}

.hero-service--services .hero-service__title {
	grid-column: 1/4;
}

.hero-service--services .hero-service__descr {
	grid-column: 1/3;
}

.hero-service__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	background-color: var(--grayscale-100);
}

.hero-service__bg-img {
	width: 1250px;
	height: 100%;
}

.hero-service__container {
	position: relative;
	width: 100%;
	height: 100%;
}

.hero-service__body {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 114px;
}

.hero-service__main {
	flex: 1 1 100%;
	display: flex;
	align-items: center;
}

.hero-service__title {
	grid-column: 1/3;
	grid-row: 1/2;
	margin-bottom: 16px;
}

.hero-service__descr {
	grid-column: 1/2;
	grid-row: 2/3;
}

.hero-service__main-list {
	grid-column: 1/4;
	grid-row: 3/4;
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.hero-service__main-item {
	display: flex;
	align-items: center;
	-moz-column-gap: 14px;
	column-gap: 14px;
}

.hero-service__main-item svg {
	flex: 0 0 24px;
	height: 22px;
	fill: var(--grayscale-80);
}

.hero-service__bottom {
	width: 100%;
	padding-bottom: 40px;
}

.hero-service__list {
	width: 100%;
}

.hero-service__column {
	grid-column: span 1;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.hero-service__column-icon {
	width: 24px;
	height: 22px;
}

.hero-service__column-icon svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-80);
}

.hero-services {
	position: relative;
	height: auto;
}

.hero-services__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	background-color: var(--grayscale-100);
}

.hero-services__bg-img {
	width: 1334px;
	height: 100%;
}

.hero-services__container {
	position: relative;
	width: 100%;
	height: 100%;
}

.hero-services__body {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 114px 0 96px;
}

.hero-services__main {
	flex: 1 1 100%;
	display: flex;
	align-items: center;
	padding: 224px 0;
}

.hero-services__title {
	grid-column: 1/4;
	grid-row: 1/2;
	margin-bottom: 16px;
}

.hero-services__descr {
	grid-column: 1/3;
	grid-row: 2/3;
}

.hero-services__main-list {
	grid-column: 1/4;
	grid-row: 3/4;
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.hero-services__main-item {
	display: flex;
	align-items: center;
	-moz-column-gap: 14px;
	column-gap: 14px;
}

.hero-services__main-item svg {
	flex: 0 0 24px;
	height: 22px;
	fill: var(--grayscale-80);
}

.hero-white {
	min-height: 542px;
	background-color: var(--grayscale-0);
}

.hero-white__container {
	min-height: inherit;
}

.hero-white__body {
	width: 100%;
	min-height: inherit;
	align-items: flex-end;
	padding: 114px 0 40px 0;
}

.hero-white__title {
	grid-column: 1/3;
	color: var(--grayscale-90);
}

.hero-case {
	padding: 312px 0 80px;
}

.hero-case--dark {
	color: var(--grayscale-0);
}

.hero-case--light {
	color: var(--grayscale-90);
}

.hero-case__content {
	grid-column: 1/4;
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.hero-contacts {
	position: relative;
	height: 100vh;
}

.hero-contacts__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero-contacts__container {
	height: 100%;
	position: relative;
	z-index: 2;
}

.hero-contacts__body {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	justify-content: space-between;
	align-items: flex-start;
	padding: 154px 0 125px 0;
}

.hero-contacts__title {
	grid-column: 1/4;
}

.hero-contacts__bottom {
	width: 100%;
}

.hero-contacts__column {
	grid-column: span 2;
}

.hero-contacts__column:nth-child(2) {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
	padding-top: 30px;
}

.hero-contacts__persons {
	max-width: 450px;
	display: flex;
	flex-direction: column;
}

.hero-contacts__person {
	display: flex;
	align-items: center;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.hero-contacts__person:nth-child(2) {
	margin-top: -40px;
}

.hero-contacts__person-img {
	flex: 0 0 150px;
	height: 150px;
}

.hero-contacts__person-info {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.hero-contacts__person-short-name {
	display: none;
}

.hero-contacts__person-position {
	color: var(--grayscale-30);
}

.hero-contacts__address {
	max-width: 264px;
	color: var(--grayscale-60);
}

.hero-contacts__socials {
	position: absolute;
	top: 154px;
	right: 0;
}

.hero-contacts__socials-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.hero-contacts__socials-link {
	width: 56px;
	height: 56px;
}

.hero-contacts__socials-link svg {
	width: 32px;
	height: 32px;
	fill: var(--grayscale-0);
}

.hero-404 {
	position: relative;
	height: 100vh;
}

.hero-404__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero-404__container {
	position: relative;
	height: 100%;
	z-index: 2;
}

.hero-404__body {
	width: 100%;
	height: 100%;
	align-items: flex-start;
	padding: 419px 0 140px 0;
}

.hero-404__custom-popup-container {
	grid-column: 1/2;
}

.hero-404__content {
	grid-column: 2/5;
}

.hero-404__title {
	margin-bottom: 16px;
}

.hero-404__descr {
	max-width: 732px;
	margin-bottom: 40px;
}

.hero-article {
	background-color: var(--grayscale-0);
}

.hero-article__body {
	padding: 354px 0 40px 0;
}

.hero-article__title {
	grid-column: 2/5;
	color: var(--grayscale-90);
}

.awards {
	background-color: var(--grayscale-100);
	color: var(--grayscale-0);
	overflow: hidden;
}

.awards__title {
	color: var(--grayscale-60);
	margin-bottom: 16px;
}

.awards__content {
	margin: 0 -40px 30px;
}

.awards__slider {
	position: relative;
	overflow: visible;
}

.awards__slider-wrapper {
	display: block;
}

.awards__slider-link {
	align-items: center;
	padding: 20px 40px;
	transition:
		background-color 0.5s ease,
		color 0.5s ease;
}

.awards__slider-text {
	grid-column: span 2;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gap);
	align-items: center;
}

.awards__slider-group {
	grid-column: span 3;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--gap);
}

.awards__slider-media {
	position: relative;
}

.awards__slider-preview {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	aspect-ratio: 344/218;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
}

.awards__slider-social {
	grid-column: span 2;
	align-self: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 20px;
}

.awards__slider-social-item {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.awards__slider-social-item svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-0);
	transition: fill 0.5s ease;
}

.awards__slider-window {
	position: absolute;
	overflow: hidden;
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	will-change: transform, opacity;
	transition: opacity 0.4s ease;
}

.awards__slider-window-images {
	position: relative;
	width: 100%;
	will-change: transform;
	display: flex;
	flex-direction: column;
}

.awards__slider-window-img {
	width: 100%;
}

.brackets {
	padding: 1px 0;
	display: flex;
	align-items: center;
	gap: 1px;
	color: var(--grayscale-60);
}

.brackets__elem {
	display: block;
	width: 6px;
	height: 20px;
}

.brackets__elem:last-child {
	transform: rotate(180deg);
}

.brackets__elem svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-60);
}

.brackets__inner {
	min-width: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.card {
	position: relative;
}

.card .brackets {
	margin-bottom: 16px;
}

.card__img {
	width: 100%;
	height: auto;
	aspect-ratio: 718/496;
	margin-bottom: 16px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.card__title {
	color: var(--grayscale-90);
	margin-bottom: 4px;
}

.card__description {
	display: flex;
	flex-direction: column;
}

.card__description p {
	color: var(--grayscale-60);
}

.feature {
	position: relative;
	z-index: 2;
	padding: 280px 0;
}

.feature__content {
	align-items: center;
}

.feature__custom-popup {
	position: relative;
	width: 105px;
	opacity: 0.2;
	display: inline-block;
	margin: 0 20px;
}

.feature__custom-popup .custom-popup__btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	transform: translateY(-55px);
}

.feature__title {
	grid-column: 2/5;
	color: var(--grayscale-90);
}

.feature__title-part span span {
	opacity: 0.2;
}

.feedback {
	background-color: var(--grayscale-90);
}

.feedback__content {
	min-height: 700px;
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	color: var(--grayscale-0);
}

.feedback__heading {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--gap);
}

.feedback__contact {
	max-width: 450px;
	display: flex;
	align-items: center;
	gap: 19px;
}

.feedback__contact:not(:last-child) {
	margin-bottom: -55px;
}

.feedback__contacts {
	grid-column: span 2;
	margin-top: -5px;
	margin-left: -5px;
}

.feedback__contact-photo {
	width: 160px;
	height: auto;
	flex-shrink: 0;
	aspect-ratio: 1;
}

.feedback__contact-photo img {
	-o-object-fit: contain;
	object-fit: contain;
}

.feedback__contact-text {
	padding: 30px 0 20px;
}

.feedback__contact-name {
	margin-bottom: 4px;
}

.feedback__contact-position {
	min-height: 44px;
	color: var(--grayscale-30);
}

.feedback__contact-initials {
	display: none;
}

.feedback__title {
	grid-column: span 3;
	max-width: 800px;
	padding-top: 32px;
}

.feedback__title span {
	display: block;
	color: var(--green);
}

.feedback__bottom {
	margin-top: auto;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	gap: var(--gap);
}

.feedback__link {
	width: -moz-max-content;
	width: max-content;
}

.feedback__links {
	grid-column: span 4;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gap);
}

.news__heading {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: flex-end;
	gap: var(--gap);
	margin-bottom: 40px;
}

.news__title {
	grid-column: span 3;
	color: var(--grayscale-90);
}

.news__title span {
	display: block;
	color: var(--green);
}

.news__button {
	grid-column: 5;
}

.news__content {
	margin-bottom: 100px;
}

.news__slider {
	margin: 0 calc((100vw - 1800px) / -2);
	padding: 0 calc((100vw - 1800px) / 2);
}

.news__slider-item .news-card__img {
	aspect-ratio: 344/450;
}

.news__slider-item:nth-child(5n + 1) .news-card__img {
	aspect-ratio: 1;
}

.news__slider-item:nth-child(5n + 3) .news-card__img,
.news__slider-item:nth-child(5n + 5) .news-card__img {
	aspect-ratio: 344/224;
}

.news__more {
	grid-column: 3/5;
	display: flex;
	align-items: center;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.news__more-icon {
	flex: 0 0 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	background-color: var(--grayscale-30);
}

.news__more-icon svg {
	width: 32px;
	height: 32px;
	fill: none;
	stroke: var(--grayscale-90);
	stroke-width: 2px;
}

.news__more-text {
	max-width: 374px;
	color: var(--grayscale-90);
}

.news__more-link--green {
	color: var(--green);
	transition: color 0.3s ease;
}

.news__more-link--green:hover {
	color: var(--green-click);
}

.news-card__date {
	color: var(--grayscale-80);
	margin-bottom: 16px;
}

.news-card__img {
	width: 100%;
	height: auto;
	margin-bottom: 16px;
}

.news-card__title {
	color: var(--grayscale-90);
	margin-bottom: 8px;
}

.news-card__category {
	color: var(--grayscale-80);
}

.projects {
	position: relative;
	width: 100%;
	z-index: 1;
	margin-top: -100svh;
	background-color: var(--grayscale-0);
	will-change: transform;
	backface-visibility: hidden;
}

.projects--support {
	margin-top: 0;
	background-color: var(--grayscale-100);
}

.projects--support .projects__title {
	color: var(--grayscale-0);
}

.projects--support .card__title {
	color: var(--grayscale-0);
}

.projects__blackout {
	position: absolute;
	background-color: var(--blackout);
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.projects__heading {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--gap);
	margin-bottom: 50px;
}

.projects__title {
	grid-column: 2/4;
	color: var(--grayscale-90);
}

.projects__title span {
	color: var(--green);
}

.projects__custom-popup {
	grid-column: 1/2;
}

.projects__content:not(:last-child) {
	margin-bottom: 100px;
}

.projects__list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 100px var(--gap);
	counter-reset: num;
}

.projects__list li:nth-child(8n + 1) {
	grid-column: span 2;
}

.projects__list li:nth-child(8n + 2) {
	grid-column: span 3;
}

.projects__list li:nth-child(8n + 2) .card__img {
	aspect-ratio: 1092/777;
}

.projects__list li:nth-child(8n + 3) .card__img {
	aspect-ratio: 344/380;
}

.projects__list li:nth-child(8n + 4) {
	grid-column: 3 / span 2;
}

.projects__list li:nth-child(8n + 5) .card__img {
	aspect-ratio: 344/220;
}

.projects__list li:nth-child(8n + 6) .card__img {
	aspect-ratio: 344/220;
}

.projects__list li:nth-child(8n + 7) {
	grid-column: span 2;
}

.projects__list li:nth-child(8n + 8) {
	grid-column: 5;
}

.projects__list li:nth-child(8n + 8) .card__img {
	aspect-ratio: 344/380;
}

.projects__list .card .brackets__inner::before {
	counter-increment: num;
	content: counter(num, decimal-leading-zero);
}

.projects__bottom {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--gap);
}

.projects__button {
	width: -moz-max-content;
	width: max-content;
	grid-column: 2 / span 2;
}

.rating {
	background-color: var(--grayscale-100);
	overflow: hidden;
}

.rating--front .rating__slider {
	opacity: 0;
}

.rating--front .rating__wrapper {
	height: 100svh;
}

.rating--front .rating__card--3 {
	z-index: -1;
}

.rating--case {
	padding: 20px 0 80px 0;
}

.rating--case .rating__body {
	padding-bottom: 120px;
}

.rating__wrapper {
	position: relative;
	width: 100%;
}

.rating__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.rating__container {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: flex;
	flex-direction: column;
}

.rating__body {
	flex: 1 1 100%;
	padding: 100px 0;
	align-items: center;
}

.rating__inner {
	grid-column: 2 / span 3;
}

.rating__title {
	color: var(--grayscale-0);
	text-align: center;
	margin-bottom: 60px;
}

.rating__title span {
	display: block;
}

.rating__title span:nth-child(3) {
	color: var(--green);
}

.rating__content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.rating__card {
	min-height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 24px 16px;
	background-color: var(--grayscale-10);
	text-align: center;
	position: relative;
}

.rating__card-img {
	width: 32px;
	height: 32px;
}

.rating__card-img svg {
	width: 100%;
	height: 100%;
}

.rating__card-title {
	margin-top: 24px;
	color: var(--grayscale-100);
}

.rating__card-description {
	min-height: 88px;
	display: flex;
	align-items: flex-end;
	color: var(--grayscale-80);
}

.rating__slider {
	padding-bottom: 50px;
}

.rating__bottom {
	display: flex;
	justify-content: center;
	padding-top: 50px;
}

.ticker {
	width: 100%;
	overflow: visible;
}

.ticker__wrapper {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	width: -moz-fit-content;
	width: fit-content;
	transform: translateX(-20%);
}

.ticker__elem {
	flex-shrink: 0;
	padding: 10px 60px;
	display: flex;
	align-items: center;
	gap: 16px;
	will-change: transform;
}

.ticker__elem-img {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.ticker__elem-img svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-60);
}

.ticker__elem-title {
	color: var(--grayscale-60);
}

.reviews {
	background-color: var(--grayscale-100);
	color: var(--grayscale-0);
}

.reviews__heading {
	align-items: center;
	margin-bottom: 50px;
}

.reviews__title {
	grid-column: span 3;
}

.reviews__title span {
	color: var(--green);
}

.reviews__description {
	grid-column: 5;
	display: flex;
	align-items: flex-start;
	gap: 4px;
}

.reviews__content {
	margin-bottom: 50px;
}

.reviews__item.is-active .reviews__item-icon::before {
	transform: translate(-50%, -50%) rotate(-90deg);
}

.reviews__item.is-active .reviews__item-img-inner {
	background-color: var(--grayscale-90);
}

.reviews__item.is-active .reviews__item-img-inner svg {
	fill: var(--grayscale-0);
}

.reviews__item-img {
	position: relative;
	grid-column: 1/2;
	height: 88px;
	padding: 12px 0;
}

.reviews__item-img-inner {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 64px;
	padding: 12px 0;
	transition: background-color 0.5s ease;
}

.reviews__item-img-inner svg {
	fill: var(--grayscale-60);
	transition: fill 0.5s ease;
}

.reviews__item-inner {
	grid-column: 2/6;
	margin-left: -105px;
}

.reviews__item-heading {
	width: 100%;
	padding-left: 105px;
}

.reviews__item-heading:active .reviews__item-title {
	color: var(--green-click);
}

.reviews__item-heading:active .reviews__item-icon::after,
.reviews__item-heading:active .reviews__item-icon::before {
	background-color: var(--green-click);
}

.reviews__item-heading-inner {
	width: 100%;
	min-height: 88px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: center;
	-moz-column-gap: 20px;
	column-gap: 20px;
	padding: 30px 0;
}

.reviews__item-title {
	grid-column: 2/3;
	text-align: left;
	color: var(--grayscale-0);
	transition: color 0.3s ease;
}

.reviews__item-action {
	grid-column: 4/5;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	padding-top: 3px;
}

.reviews__item-icon {
	width: 24px;
	height: 24px;
	position: relative;
}

.reviews__item-icon::after,
.reviews__item-icon::before {
	content: "";
	position: absolute;
	background-color: var(--grayscale-0);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.3s ease;
}

.reviews__item-icon::before {
	width: 2px;
	height: 16px;
	transform-origin: center;
	transition: transform 0.5s ease;
}

.reviews__item-icon::after {
	height: 2px;
	width: 16px;
}

.reviews__item-dropdown {
	padding-left: 105px;
	max-height: 0;
	will-change: transform;
	overflow: hidden;
	transition: max-height 0.5s ease;
}

.reviews__item-dropdown-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
	padding: 20px 0;
}

.reviews__item-dropdown-img {
	display: none;
}

.reviews__item-text {
	grid-column: 2/4;
}

.reviews__item-description {
	min-height: 239px;
	max-width: 658px;
	margin-bottom: 20px;
	overflow: hidden;
}

.reviews__item-info {
	max-width: 658px;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.reviews__item-position {
	color: var(--grayscale-80);
}

.reviews__item-detail {
	grid-column: 4/5;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	align-items: flex-start;
	justify-content: space-between;
}

.reviews__item-letter-img {
	display: block;
	width: 120px;
	height: 160px;
}

.reviews__item-letter-info {
	display: none;
}

.reviews__more {
	grid-column: 3;
}

.services {
	padding: 40px 0 140px;
}

.services__content {
	position: relative;
	height: 780px;
}

.services__card-list-container {
	position: relative;
}

.services__card-window {
	position: absolute;
	overflow: hidden;
	width: 300px;
	height: 200px;
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	will-change: transform, opacity;
	transition: opacity 0.4s ease;
}

.services__card-window-images {
	position: relative;
	width: 100%;
	will-change: transform;
}

.services__card-window-img {
	width: 100%;
	height: 200px;
}

.services__card {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: var(--beige);
}

.services__card:not(:first-child) {
	transform: translateY(120%);
}

.services__card:nth-child(2) {
	background-color: var(--blue);
}

.services__card:nth-child(3) {
	background-color: var(--grayscale-10);
}

.services__card:last-child {
	padding: 40px 0;
}

.services__card:last-child .services__card-heading {
	padding: 0 40px;
	margin-bottom: 40px;
}

.services__card-text {
	grid-column: span 3;
	display: flex;
	flex-direction: column;
	padding: 40px 0 40px 40px;
}

.services__card .brackets {
	color: var(--grayscale-80);
}

.services__card .brackets__elem svg {
	fill: var(--grayscale-80);
}

.services__card-heading {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.services__card-title {
	display: block;
	color: var(--grayscale-90);
}

.services__card-title:not(h2) {
	transition: color 0.3s ease;
}

.services__card-title:not(h2):active {
	color: var(--green-click);
}

.services__card-bottom {
	margin-top: auto;
}

.services__card-description {
	max-width: 500px;
	margin-bottom: 32px;
	color: var(--grayscale-90);
}

.services__card-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: 2px;
	background-color: var(--grayscale-90);
	transition: background-color 0.3s ease;
}

.services__card-arrow:active {
	background-color: var(--green-click);
}

.services__card-arrow svg {
	width: 32px;
	height: 32px;
	fill: var(--grayscale-0);
}

.services__card-img {
	grid-column: span 2;
	width: 100%;
	height: 100%;
	position: relative;
}

.services__card-img picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.services__card-list {
	position: relative;
	counter-reset: num 2;
}

.services__card-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 16px 40px;
	position: relative;
	transition: background-color 0.4s ease;
}

.services__card-item:hover {
	background-color: var(--grayscale-30);
}

.services__card-item-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.services__card-item-title {
	flex-basis: 340px;
	margin-right: auto;
	color: var(--grayscale-90);
}

.services__card-item .brackets__inner::before {
	counter-increment: num;
	content: counter(num, decimal-leading-zero);
}

.services__card-item-img {
	flex-basis: 300px;
}

.services__card-item-category {
	flex-basis: 900px;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 12px 33px;
}

.services__card-item-category-text {
	color: var(--grayscale-90);
}

.services__card-item-category-link {
	position: relative;
	color: var(--grayscale-90);
	transition: all 0.3s ease;
}

.services__card-item-category-link:hover {
	color: var(--grayscale-80);
	text-decoration: underline;
}

.services__bottom {
	display: flex;
	justify-content: flex-end;
	margin-top: 140px;
}

.slider-pagination.swiper-pagination {
	display: none;
	top: auto;
	bottom: 0;
	height: 2px;
	background-color: var(--grayscale-80);
}

.slider-pagination.swiper-pagination.slider-pagination--white {
	background-color: var(--grayscale-30);
}

.slider-pagination.swiper-pagination.slider-pagination--white
	.swiper-pagination-progressbar-fill {
	background-color: var(--grayscale-80);
}

.slider-pagination.swiper-pagination.swiper-pagination-lock {
	display: none;
}

.slider-pagination.swiper-pagination .swiper-pagination-progressbar-fill {
	background-color: var(--grayscale-30);
}

.social {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.social__item {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 8px;
}

.social__item:hover .social__item-img svg {
	fill: var(--grayscale-30);
}

.social__item:hover .social__item-title {
	color: var(--grayscale-30);
}

.social__item:active .social__item-img svg {
	fill: var(--grayscale-10);
}

.social__item:active .social__item-title {
	color: var(--grayscale-10);
}

.social__item-img {
	width: 24px;
	height: 24px;
	position: relative;
}

.social__item-img svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-80);
	transition: fill 0.3s ease;
}

.social__item-img svg:nth-child(2) {
	display: none;
}

.social__item-title {
	font-size: 14px;
	transition: color 0.3s ease;
}

.team {
	overflow: hidden;
}

.team__heading {
	margin-bottom: 50px;
}

.team__title {
	color: var(--grayscale-90);
	grid-column: span 3;
	max-width: 700px;
}

.team__title span {
	color: var(--green);
}

.team__description {
	color: var(--grayscale-90);
	grid-column: 5;
	padding-top: 4px;
}

.team__slider-item-media {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 440px;
	background-color: var(--grayscale-10);
	margin-bottom: 20px;
}

.team__slider-item-block {
	width: 100%;
	margin: 0 15px;
	max-width: 280px;
	height: 288px;
	display: flex;
	position: relative;
}

.team__slider-item-block--animation {
	position: relative;
}

.team__slider-item-block--animation .team__slider-item-img {
	position: absolute;
	inset: 0;
	opacity: 0;
}

.team__slider-item-block--animation .team__slider-item-img.is-visible {
	opacity: 1;
}

.team__slider-item-img {
	width: 100%;
	height: 100%;
}

.team__slider-item-img img {
	-o-object-fit: contain;
	object-fit: contain;
}

.team__slider-item-button {
	position: absolute;
	bottom: 10px;
	right: 30px;
	width: 72px;
	height: 72px;
	border: 8px solid var(--grayscale-10);
	border-radius: 50%;
	background-color: var(--grayscale-90);
	display: flex;
	justify-content: center;
	align-items: center;
}

.team__slider-item-button svg {
	width: 24px;
	height: 24px;
	fill: var(--green);
}

.team__slider-item-name {
	color: var(--grayscale-90);
	margin-bottom: 4px;
}

.team__slider-item-position {
	color: var(--grayscale-80);
}

.team__bottom {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--gap);
}

.team__button {
	grid-column: 5;
	width: -moz-max-content;
	width: max-content;
}

.team__pagination {
	margin: 0 11px;
	width: calc(100% - 22px) !important;
}

.advantages {
	position: relative;
	width: 100%;
	height: 300svh;
	background-color: var(--grayscale-0);
}

.advantages__sticky {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
}

.advantages__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0.2;
}

.advantages__screen {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.advantages__screen--1 {
	z-index: 1;
}

.advantages__screen--2 {
	z-index: 3;
}

.advantages__screen-container {
	height: 100%;
	align-items: center;
}

.advantages__main-title {
	grid-column: 2/5;
	color: var(--grayscale-90);
}

.advantages__title-part span span {
	opacity: 0.2;
}

.advantages__title-window {
	position: relative;
	display: inline-block;
	width: 120px;
	margin: 0 36px;
}

.advantages__title-window span {
	position: absolute;
	width: 100%;
	height: 70px;
	top: -55px;
	left: 0;
}

.advantages__screen-body {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 180px;
}

.advantages__screen-top {
	flex: 1 1 100%;
	padding: 100px 0;
}

.advantages__secondary-title-container {
	height: 100%;
	align-items: center;
}

.advantages__secondary-title {
	text-align: center;
	grid-column: 2/5;
}

.advantages__secondary-title > span {
	display: block;
}

.advantages__secondary-title > span:nth-child(1) {
	color: var(--green);
}

.advantages__secondary-title > span .split-line {
	display: inline-block;
	overflow: hidden;
}

.advantages__secondary-title > span .inner-line {
	display: inline-block;
	transform: translateY(120%);
	will-change: transform;
}

.advantages__columns {
	opacity: 0;
}

.advantages__column {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.advantages__column:nth-child(1),
.advantages__column:nth-child(2) {
	grid-column: span 2;
}

.advantages__column:nth-child(1) .advantages__column-body,
.advantages__column:nth-child(2) .advantages__column-body {
	width: calc(50% - 10px);
}

.advantages__column:nth-child(3) {
	grid-column: span 1;
}

.advantages__column-top {
	width: 100%;
	display: flex;
	align-items: center;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.advantages__column-icon {
	flex: 0 0 24px;
	height: 22px;
}

.advantages__column-icon svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-80);
}

.advantages__column-line {
	position: relative;
	flex: 1 1 100%;
	height: 2px;
}

.advantages__column-line svg {
	position: absolute;
	width: 100%;
	height: 2px;
	inset: 0;
	stroke: var(--grayscale-80);
	z-index: 1;
}

.advantages__column-line .green-line {
	stroke: var(--green);
	z-index: 2;
}

.advantages__column-line--mobile {
	display: none;
}

.advantages__column-body {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	opacity: 0.3;
}

.advantages__column-title {
	color: var(--grayscale-0);
}

.advantages__column-descr {
	color: var(--grayscale-30);
}

.showreel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
	z-index: 600;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.5s ease,
		visibility 0.5s ease;
}

.showreel.is-visible {
	opacity: 1;
	visibility: visible;
}

.showreel.hide-cursor {
	cursor: none;
}

.showreel__close-btn {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 56px;
	height: 56px;
	z-index: 2;
}

.showreel__body {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: var(--grayscale-100);
}

.showreel__video {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.showreel__video video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.showreel__controls {
	position: absolute;
	width: 928px;
	display: flex;
	align-items: center;
	-moz-column-gap: 8px;
	column-gap: 8px;
	height: 56px;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	transition: transform 0.5s ease;
}

.showreel__controls.is-hidden {
	transform: translate(-50%, 200%);
	pointer-events: none;
}

.showreel__play-btn,
.showreel__sound-btn {
	position: relative;
	height: 100%;
}

.showreel .video-play,
.showreel .video-pause,
.showreel .video-sound,
.showreel .video-muted {
	position: absolute;
	width: 24px;
	height: 24px;
	fill: var(--grayscale-0);
	transition: opacity 0.3s ease;
}

.showreel .video-play,
.showreel .video-muted {
	opacity: 0;
}

.showreel__play-btn.is-paused .video-play {
	opacity: 1;
}

.showreel__play-btn.is-paused .video-pause {
	opacity: 0;
}

.showreel__sound-btn.is-muted .video-muted {
	opacity: 1;
}

.showreel__sound-btn.is-muted .video-sound {
	opacity: 0;
}

.showreel__timeline {
	position: relative;
	flex: 1 1 100%;
	height: 100%;
	cursor: pointer;
}

.showreel__images-list {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 1;
}

.showreel__img {
	flex: 1 1 auto;
	height: 100%;
}

.showreel__timeline-fill {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--blackout);
	z-index: 2;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.showreel__timeline-thumb {
	position: absolute;
	top: 0;
	left: 0%;
	width: 3px;
	height: 100%;
	z-index: 3;
	background-color: var(--green);
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
	z-index: 600;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background-color: var(--extra-bg);
	opacity: 0;
	visibility: hidden;
}

.modal__body {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 50%;
	background-color: var(--grayscale-0);
	transform: translateX(100%);
	display: flex;
	flex-direction: column;
}

.modal__top {
	padding: 16px;
	display: flex;
	justify-content: flex-end;
}

.modal__close-btn {
	width: 56px;
	height: 56px;
}

.modal__close-btn svg {
	width: 32px;
	height: 32px;
}

.modal__content {
	flex: 1 1 100%;
	padding: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 60px;
}

.modal__info {
	display: flex;
	align-items: center;
	-moz-column-gap: 40px;
	column-gap: 40px;
	padding-right: 110px;
}

.modal__img {
	flex: 0 0 150px;
	height: 150px;
}

.modal__img img {
	-o-object-fit: contain;
	object-fit: contain;
}

.modal__title {
	color: var(--grayscale-90);
}

.modal__btns-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.modal__btn-item {
	width: 100%;
}

.modal__btn {
	width: 100%;
}

.modal-form {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 100vh;
	z-index: 601;
	background-color: var(--grayscale-0);
	transform: translateX(100%);
}

.modal-form__body {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.modal-form__top {
	display: flex;
	align-items: center;
	-moz-column-gap: 16px;
	column-gap: 16px;
	justify-content: space-between;
	padding: 16px 16px 16px 80px;
}

.modal-form__return-btn {
	display: flex;
	align-items: center;
	-moz-column-gap: 8px;
	column-gap: 8px;
}

.modal-form__return-btn svg {
	flex: 0 0 24px;
	height: 24px;
	fill: var(--grayscale-60);
	transform: rotate(180deg);
	transition: fill 0.3s ease;
}

.modal-form__return-btn span {
	color: var(--grayscale-60);
	transition: color 0.3s ease;
}

.modal-form__return-btn:hover svg {
	fill: var(--grayscale-80);
}

.modal-form__return-btn:hover span {
	color: var(--grayscale-80);
}

.modal-form__close-btn {
	width: 56px;
	height: 56px;
}

.modal-form__close-btn svg {
	width: 32px;
	height: 32px;
}

.modal-form__main {
	flex: 1 1 100%;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	overflow-x: hidden;
}

.modal-form__form {
	width: 100%;
	padding: 0 80px 88px 80px;
	margin: auto 0;
}

.modal-form__title {
	color: var(--grayscale-90);
}

.modal-form__descr {
	color: var(--grayscale-80);
	margin-top: 8px;
}

.modal-form__fields {
	margin-top: 32px;
}

.modal-form__checkboxes-list {
	margin: 60px 0 32px 0;
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.modal-form__checkbox-text {
	color: var(--grayscale-80);
}

.modal-form__checkbox-text a {
	color: var(--grayscale-90);
}

.modal-form__file {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	margin-top: 32px;
}

.modal-form__file-label {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	-moz-column-gap: 8px;
	column-gap: 8px;
}

.modal-form__file-icon {
	flex: 0 0 24px;
	height: 24px;
}

.modal-form__file-icon svg {
	width: 24px;
	height: 24px;
	fill: var(--grayscale-90);
	transition: fill 0.3s ease;
}

.modal-form__file-input {
	display: none;
}

.modal-form__file-name {
	color: var(--grayscale-90);
	transition: color 0.3s ease;
}

.modal-form__file-list {
	display: none;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.modal-form__file-item {
	display: flex;
	align-items: center;
	-moz-column-gap: 4px;
	column-gap: 4px;
	padding: 4px 0;
}

.modal-form__file-item-name {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	max-width: 158px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--grayscale-90);
}

.modal-form__file-item-btn {
	flex: 0 0 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-form__file-item-btn svg {
	width: 100%;
	height: 100%;
	transition: fill 0.3s ease;
}

.modal-form__file-item-btn:active svg {
	fill: var(--grayscale-60);
}

.letter {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
	z-index: 600;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.5s ease,
		visibility 0.5s ease;
}

.letter.is-visible {
	opacity: 1;
	visibility: visible;
}

.letter__close-btn {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 56px;
	height: 56px;
	z-index: 2;
}

.letter__body {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: var(--grayscale-100);
	padding: 24px 104px;
	display: flex;
	justify-content: center;
}

.letter__img {
	height: 100%;
	max-width: 100%;
	aspect-ratio: 240/320;
}

.letter__img img {
	-o-object-fit: contain;
	object-fit: contain;
}

.cards-static {
	background-color: var(--grayscale-100);
	padding: 183px 0;
}

.cards-static--development {
	padding: 140px 0;
	background-color: var(--grayscale-0);
}

.cards-static--development .cards-static__title {
	text-align: center;
	color: var(--grayscale-90);
}

.cards-static--development .cards-static__title span {
	color: var(--green);
}

.cards-static__top {
	margin-bottom: 80px;
}

.cards-static__title {
	grid-column: 2/5;
}

.cards-static__custom-popup {
	position: relative;
	display: inline-block;
	height: 0;
	margin: 0 20px;
}

.cards-static__custom-popup .custom-popup__btn {
	position: absolute;
	top: -53px;
}

.cards-static__cards {
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.cards-static__card {
	flex: 0 0 344px;
	height: 400px;
}

.cards-static__card-body {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	justify-content: space-between;
	background-color: var(--grayscale-10);
	padding: 24px;
}

.cards-static__card-title {
	color: var(--grayscale-90);
	text-align: center;
}

.cards-static__card-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.18);
	background-color: var(--grayscale-90);
}

.cards-static__card-icon svg {
	width: 24px;
	height: 24px;
	fill: var(--green);
}

.cards-static__card-descr {
	color: var(--grayscale-90);
	text-align: center;
}

.cards-static__bottom {
	margin-top: 100px;
}

.cards-static__bottom-notice {
	color: var(--grayscale-60);
	margin-bottom: 32px;
}

.cards-static__marq-list {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	width: -moz-fit-content;
	width: fit-content;
}

.cards-static__marq-item {
	height: 52px;
	flex: 0 0 auto;
	flex-shrink: 0;
	padding: 0 70px;
	will-change: transform;
}

.process {
	background-color: var(--grayscale-0);
	min-height: 994px;
}

.process--support {
	position: relative;
	z-index: 1;
}

.process__blackout {
	position: absolute;
	inset: 0;
	background-color: var(--blackout);
	z-index: 2;
	pointer-events: none;
}

.process__container {
	min-height: inherit;
}

.process__body {
	width: 100%;
	min-height: inherit;
}

.process__content {
	grid-column: 1/4;
	padding: 100px 0;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	justify-content: space-between;
}

.process__content-top {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.process__title {
	grid-column: 2/3;
	color: var(--grayscale-90);
}

.process__content-list {
	display: flex;
	flex-direction: column;
	row-gap: 80px;
}

.process__content-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.process__content-row-icon {
	grid-column: 1/2;
}

.process__content-row-icon svg {
	width: 24px;
	height: 22px;
	fill: var(--grayscale-80);
}

.process__content-row-text {
	grid-column: 2/3;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	color: var(--grayscale-90);
}

.process__img {
	grid-column: 4/6;
	padding: 20px 0;
	overflow: hidden;
}

.system {
	background-color: var(--grayscale-0);
}

.system__top {
	position: relative;
	width: 100%;
	height: 100vh;
}

.system__title-container {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}

.system__title {
	grid-column: 2/5;
	color: var(--grayscale-100);
	text-align: center;
}

.system__title span {
	color: var(--green);
}

.system__sphere {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transform: translateY(-120px);
}

.system__sphere svg {
	width: 100%;
	height: 100%;
}

.system__sphere svg circle {
	fill: var(--grayscale-30);
}

.system__cards {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 3;
	padding-bottom: 20px;
	transform: translateY(105%);
	will-change: transform;
}

.system__cards-list {
	width: 100%;
	gap: 30px;
}

.system__card {
	height: 400px;
	background-color: var(--grayscale-10);
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.system__card:nth-child(1) {
	grid-column: 2/3;
}

.system__card:nth-child(2) {
	grid-column: 3/4;
}

.system__card:nth-child(3) {
	grid-column: 4/5;
}

.system__card-top {
	display: flex;
	align-items: center;
	-moz-column-gap: 2px;
	column-gap: 2px;
}

.system__card-top span {
	color: var(--grayscale-60);
}

.system__card-top .bracket-right {
	transform: rotate(180deg);
}

.system__card-top svg {
	width: 6px;
	height: 20px;
	fill: var(--grayscale-60);
}

.system__card-title {
	color: var(--grayscale-90);
	text-align: center;
}

.system__cards-bottom {
	opacity: 0;
}

.system__cards-descr {
	grid-column: 2/5;
	color: var(--grayscale-80);
	padding: 20px 0;
	border-bottom: 1px solid var(--grayscale-30);
}

.system__bottom-top {
	margin-bottom: 100px;
}

.system__bottom-title {
	grid-column: 3/4;
	display: flex;
	align-items: center;
	-moz-column-gap: 16px;
	column-gap: 16px;
}

.system__bottom-title-brackets {
	display: flex;
	align-items: center;
	-moz-column-gap: 2px;
	column-gap: 2px;
}

.system__bottom-title-brackets span {
	color: var(--grayscale-60);
}

.system__bottom-title-brackets .bracket-right {
	transform: rotate(180deg);
}

.system__bottom-title-brackets svg {
	width: 6px;
	height: 20px;
	fill: var(--grayscale-60);
}

.system__bottom-title-text {
	display: block;
	color: var(--grayscale-90);
}

.system__bottom-descr {
	grid-column: 1/2;
}

.system__bottom-descr p {
	color: var(--grayscale-90);
}

.system__methods {
	grid-column: 3/5;
}

.system__methods-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
	padding: 16px 0;
}

.system__methods-row:first-child {
	padding-top: 0;
}

.system__methods-row:last-child {
	padding-bottom: 0;
}

.system__methods-title {
	grid-column: span 1;
	color: var(--grayscale-90);
}

.system__methods-descr {
	grid-column: span 1;
	color: var(--grayscale-80);
}

.footer {
	background-color: var(--grayscale-100);
	color: var(--grayscale-0);
	position: relative;
	z-index: 1;
}

.footer__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.footer__content {
	padding: 40px 0 32px;
	min-height: 780px;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.footer__body {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px var(--gap);
}

.footer .logo {
	min-height: 0;
	grid-column: span 2;
	display: inline-flex;
	width: 305px;
	height: 68px;
}

.footer .logo svg {
	width: 100%;
	height: 100%;
}

.footer .logo svg .logo-path {
	fill: var(--grayscale-0);
}

.footer__nav {
	grid-column: span 3;
	grid-row: span 2;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--gap);
}

.footer__list li:not(:last-child) {
	margin-bottom: 16px;
}

.footer__info {
	grid-column: span 2;
	max-width: 360px;
}

.footer__info-item {
	color: var(--grayscale-60);
}

.footer__info-item:is(a) {
	transition: color 0.3s ease;
}

.footer__info-item:is(a):hover {
	color: var(--green);
}

.footer__info-item:is(a):active {
	color: var(--green-click);
}

.footer__info-item:not(:last-child) {
	margin-bottom: 20px;
}

.footer__bottom {
	margin-top: auto;
}

.table {
	background-color: var(--grayscale-100);
}

.table__top {
	margin-bottom: 50px;
}

.table__title {
	grid-column: 1/3;
	margin-bottom: 16px;
}

.table__title span {
	color: var(--green);
}

.table__descr {
	grid-column: 1/2;
}

.table__heading {
	color: var(--grayscale-60);
	padding: 16px 0;
}

.table__heading-first {
	grid-column: 1/2;
	text-align: left;
}

.table__heading-main {
	grid-column: 2/5;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
	text-align: center;
}

.table__heading-column {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.table__heading-last {
	display: flex;
	justify-content: flex-end;
	text-align: right;
	grid-column: 5/6;
}

.table__list {
	display: flex;
	flex-direction: column;
}

.table__row {
	padding: 24px 0;
}

.table__row:nth-child(odd) {
	background-color: #0d0f12;
}

.table__row-first {
	grid-column: 1/2;
}

.table__row-main {
	grid-column: 2/5;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
	color: var(--grayscale-30);
}

.table__row-column {
	display: flex;
	align-items: center;
	justify-content: center;
}

.table__row-column span:first-child {
	display: none;
}

.table__row-last {
	grid-column: 5/6;
	display: flex;
	justify-content: flex-end;
}

.services-accordion {
	background-color: var(--grayscale-0);
}

.services-accordion__top {
	margin-bottom: 40px;
}

.services-accordion__title {
	grid-column: 2/5;
	color: var(--grayscale-100);
}

.services-accordion__title span {
	color: var(--green);
}

.services-accordion__cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 20px;
	column-gap: 20px;
	margin-bottom: 40px;
}

.services-accordion__card {
	aspect-ratio: 910/652;
	position: relative;
	background-color: var(--grayscale-100);
}

.services-accordion__card-bg {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.services-accordion__card-img {
	display: block;
	aspect-ratio: 627/568;
}

.services-accordion__card-body {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 40px;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	justify-content: space-between;
	align-items: flex-start;
}

.services-accordion__card-top {
	display: flex;
	align-items: flex-start;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.services-accordion__card-brackets .brackets__elem svg {
	fill: var(--grayscale-0);
}

.services-accordion__card-brackets .brackets__inner {
	color: var(--grayscale-0);
}

.services-accordion__card-bottom {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 24px;
}

.services-accordion__card-descr {
	max-width: 484px;
}

.services-accordion__card-link {
	width: 56px;
	height: 56px;
}

.services-accordion__card-link svg {
	width: 32px;
	height: 32px;
	fill: var(--grayscale-90);
}

.services-accordion__bottom {
	padding-top: 50px;
}

.services-accordion-bottom__title {
	color: var(--grayscale-90);
	margin-bottom: 27px;
}

.services-accordion-bottom__list {
	display: flex;
	flex-direction: column;
}

.services-accordion-bottom__item {
	width: 100%;
}

.services-accordion-bottom__btn {
	width: 100%;
	color: var(--grayscale-90);
	padding: 16px 0 16px 10px;
	align-items: center;
	transition: color 0.3s ease;
}

.services-accordion-bottom__btn:active {
	color: var(--green-click);
}

.services-accordion-bottom__btn:active
	.services-accordion-bottom__btn-icon::after,
.services-accordion-bottom__btn:active
	.services-accordion-bottom__btn-icon::before {
	background-color: var(--green-click);
}

.services-accordion-bottom__btn.is-active
	.services-accordion-bottom__btn-icon::before {
	transform: translate(-50%, -50%) rotate(-90deg);
}

.services-accordion-bottom__btn-top {
	width: 100%;
	align-items: center;
}

.services-accordion-bottom__btn-bottom {
	display: none;
}

.services-accordion-bottom__btn-name {
	grid-column: 1/3;
	text-align: left;
}

.services-accordion-bottom__btn-services {
	grid-column: 3/4;
	text-align: left;
}

.services-accordion-bottom__btn-period {
	grid-column: 4/5;
	text-align: left;
}

.services-accordion-bottom__btn-last {
	grid-column: 5/6;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.services-accordion-bottom__btn-icon {
	width: 24px;
	height: 24px;
	position: relative;
}

.services-accordion-bottom__btn-icon::after,
.services-accordion-bottom__btn-icon::before {
	content: "";
	position: absolute;
	background-color: var(--grayscale-90);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.3s ease;
}

.services-accordion-bottom__btn-icon::before {
	width: 2px;
	height: 16px;
	transform-origin: center;
	transition: transform 0.5s ease;
}

.services-accordion-bottom__btn-icon::after {
	height: 2px;
	width: 16px;
}

.services-accordion-bottom__item-body {
	max-height: 0;
	overflow: hidden;
	will-change: transform;
	transition: max-height 0.5s ease;
}

.services-accordion-bottom__item-content {
	background: var(--grayscale-10);
}

.services-accordion-bottom__item-list {
	grid-column: 3/6;
	color: var(--grayscale-90);
}

.services-accordion-bottom__item-row {
	min-height: 56px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
	align-items: center;
	padding: 10px 0;
}

.services-accordion-bottom__item-row span {
	display: block;
	text-align: left;
}

.standarts {
	background-color: var(--grayscale-100);
	padding: 240px 0 184px 0;
}

.standarts__top {
	margin-bottom: 80px;
}

.standarts__title {
	grid-column: 2/5;
}

.standarts__custom-popup {
	position: relative;
	width: 105px;
	display: inline-block;
	margin: 0 20px;
}

.standarts__custom-popup--2 {
	display: none;
}

.standarts__custom-popup .custom-popup__btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	transform: translateY(-55px);
}

.standarts__heading {
	margin-bottom: 12px;
}

.standarts__heading-block {
	grid-column: 5/6;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.standarts__heading-column {
	display: flex;
	justify-content: center;
}

.standarts__list {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.standarts__row {
	padding: 7px 0;
	align-items: center;
}

.standarts__row-type {
	grid-column: 1/2;
	color: var(--grayscale-60);
}

.standarts__row-info {
	grid-column: 2/6;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: center;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.standarts__row-name {
	grid-column: 1/4;
}

.standarts__row-name span {
	display: block;
	max-width: 468px;
}

.standarts__row-columns {
	grid-column: 4/5;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.standarts__row-column {
	display: flex;
	justify-content: center;
	align-items: center;
}

.standarts__row-column img {
	width: 40px;
	height: 40px;
}

.standarts__row-column span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: var(--grayscale-60);
}

.principles {
	background-color: var(--grayscale-0);
}

.principles__top {
	margin-bottom: 80px;
}

.principles__title {
	grid-column: 4/6;
	color: var(--grayscale-90);
}

.principles__title span {
	color: var(--green);
}

.principles__body {
	position: relative;
	height: 650px;
}

.principles__body-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--grayscale-90);
	max-width: 260px;
	text-align: center;
	z-index: 3;
}

.principles__block {
	position: absolute;
	width: 65%;
	height: 500px;
}

.principles__block--1 {
	top: 0;
	left: 0;
	padding-left: 80px;
}

.principles__block--1 .text-1 {
	width: 100px;
}

.principles__block--1 .text-2 {
	width: 130px;
}

.principles__block--1 .text-3 {
	width: 127px;
}

.principles__block--1 .principles__block-title {
	top: 35%;
	left: 20%;
	max-width: 250px;
}

.principles__block--2 {
	bottom: 0;
	right: 0;
	padding-right: 80px;
}

.principles__block--2 .text-1 {
	width: 90px;
}

.principles__block--2 .text-2 {
	width: 135px;
}

.principles__block--2 .text-3 {
	width: 110px;
}

.principles__block--2 .principles__block-title {
	top: 50%;
	right: 20%;
	max-width: 352px;
}

.principles__block-title {
	position: absolute;
	z-index: 1;
	color: var(--grayscale-90);
	text-align: left;
}

.principles__svg {
	width: 100%;
	height: 100%;
}

.principles__svg svg {
	height: 100%;
	width: 100%;
	overflow: visible;
}

.principles__svg .text-1,
.principles__svg .text-2,
.principles__svg .text-3 {
	height: 45px;
	opacity: 0;
}

.principles__svg .text-1 div,
.principles__svg .text-2 div,
.principles__svg .text-3 div {
	color: var(--grayscale-90);
	background-color: var(--grayscale-0);
	padding: 10px 20px;
}

.principles__hidden {
	display: none;
}

.principles__hidden-title {
	margin-bottom: 10px;
}

.principles__hidden-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.prices {
	padding-top: 120px;
	background-color: var(--grayscale-100);
}

.prices__title {
	grid-column: 1/3;
	grid-row: 1/2;
	margin-bottom: 54px;
}

.prices__title span {
	color: var(--green);
}

.prices__img {
	grid-column: 1/4;
	grid-row: 2/3;
}

.prices__img img {
	aspect-ratio: 1085/719;
}

.prices__content {
	grid-column: 4/6;
	grid-row: 1/3;
}

.prices__descr {
	display: flex;
	flex-direction: column;
	margin-bottom: 36px;
}

.prices__row {
	padding: 32px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.prices__row-title {
	flex: 0 0 262px;
}

.prices__row-price {
	white-space: nowrap;
}

.roi {
	background-color: var(--grayscale-0);
	padding: 120px 0 40px 0;
	overflow: visible;
}

.roi__top {
	margin-bottom: 80px;
}

.roi__title {
	grid-column: 2/5;
	color: var(--grayscale-90);
}

.roi__custom-popup {
	position: relative;
	display: inline-block;
	width: 105px;
	height: 0;
	margin: 0 20px;
}

.roi__custom-popup .custom-popup__btn {
	position: absolute;
	top: -53px;
}

.roi__list {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}

.roi__item-btn {
	width: 100%;
	align-items: flex-start;
}

.roi__item-btn:active .roi__btn-name {
	color: var(--green-click);
}

.roi__item-btn:active .roi__btn-icon::after,
.roi__item-btn:active .roi__btn-icon::before {
	background-color: var(--green-click);
}

.roi__item-btn.is-active .roi__btn-icon::before {
	transform: translate(-50%, -50%) rotate(-90deg);
}

.roi__btn-element {
	grid-column: 1/2;
	display: flex;
	justify-content: flex-start;
}

.roi__btn-element svg {
	width: 24px;
	height: 22px;
	fill: var(--grayscale-60);
}

.roi__btn-name {
	grid-column: 2/4;
	text-align: left;
	transition: color 0.3s ease;
}

.roi__btn-descr {
	grid-column: 4/5;
	text-align: left;
	color: var(--grayscale-80);
}

.roi__btn-action {
	grid-column: 5/6;
	display: flex;
	justify-content: flex-end;
}

.roi__btn-icon {
	width: 24px;
	height: 24px;
	position: relative;
}

.roi__btn-icon::after,
.roi__btn-icon::before {
	content: "";
	position: absolute;
	background-color: var(--grayscale-90);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.3s ease;
}

.roi__btn-icon::before {
	width: 2px;
	height: 16px;
	transform-origin: center;
	transition: transform 0.5s ease;
}

.roi__btn-icon::after {
	height: 2px;
	width: 16px;
}

.roi__item-body {
	max-height: 0;
	overflow: hidden;
	will-change: transform;
	transition: max-height 0.5s ease;
}

.roi__item-list {
	grid-column: 2/4;
	margin-bottom: 20px;
	counter-reset: num;
}

.roi__item-row {
	counter-increment: num;
	display: flex;
	align-items: flex-start;
	-moz-column-gap: 20px;
	column-gap: 20px;
	padding: 8px 0;
}

.roi__item-brackets .brackets__inner {
	position: relative;
}

.roi__item-brackets .brackets__inner::before {
	content: "0" counter(num);
	color: var(--grayscale-60);
}

.roi__item-text {
	color: var(--grayscale-90);
}

.roi__item-text span {
	font-weight: 700;
}

.roi__item-savings {
	min-height: 62px;
	grid-column: 2/4;
	color: var(--grayscale-90);
	background-color: var(--grayscale-10);
	display: flex;
	align-items: center;
	padding: 20px;
}

.cases {
	background-color: var(--grayscale-0);
	padding-bottom: 140px;
}

.cases__wrapper {
	position: relative;
}

.cases__nav {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

.cases__body {
	position: relative;
	padding-top: 104px;
	z-index: 1;
}

.cases__list {
	counter-reset: num;
}

.cases__list--grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 100px 30px;
}

.cases__list--grid .cases-item:nth-child(8n + 1) {
	grid-column: 1/3;
}

.cases__list--grid .cases-item:nth-child(8n + 1) .cases-item__img {
	aspect-ratio: 718/496;
}

.cases__list--grid .cases-item:nth-child(8n + 2) {
	grid-column: 3/6;
}

.cases__list--grid .cases-item:nth-child(8n + 2) .cases-item__img {
	aspect-ratio: 1092/777;
}

.cases__list--grid .cases-item:nth-child(8n + 3) {
	grid-column: 1/2;
}

.cases__list--grid .cases-item:nth-child(8n + 3) .cases-item__img {
	aspect-ratio: 344/380;
}

.cases__list--grid .cases-item:nth-child(8n + 4) {
	grid-column: 3/5;
}

.cases__list--grid .cases-item:nth-child(8n + 4) .cases-item__img {
	aspect-ratio: 718/496;
}

.cases__list--grid .cases-item:nth-child(8n + 5) {
	grid-column: 5/6;
}

.cases__list--grid .cases-item:nth-child(8n + 5) .cases-item__img {
	aspect-ratio: 344/220;
}

.cases__list--grid .cases-item:nth-child(8n + 6) {
	grid-column: 1/2;
}

.cases__list--grid .cases-item:nth-child(8n + 6) .cases-item__img {
	aspect-ratio: 344/220;
}

.cases__list--grid .cases-item:nth-child(8n + 7) {
	grid-column: 2/4;
}

.cases__list--grid .cases-item:nth-child(8n + 7) .cases-item__img {
	aspect-ratio: 718/496;
}

.cases__list--grid .cases-item:nth-child(8n + 8) {
	grid-column: 5/6;
}

.cases__list--grid .cases-item:nth-child(8n + 8) .cases-item__img {
	aspect-ratio: 344/380;
}

.cases__list--grid .cases-item__link {
	width: 100%;
	height: 100%;
}

.cases__list--grid .cases-item__num {
	margin-bottom: 16px;
}

.cases__list--grid .cases-item__img {
	width: 100%;
	margin-bottom: 16px;
}

.cases__list--grid .cases-item__info {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.cases__list--grid .cases-item__name {
	color: var(--grayscale-90);
}

.cases__list--grid .cases-item__type {
	color: var(--grayscale-60);
}

.cases__list--cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 100px 30px;
}

.cases__list--cards .cases-item {
	grid-column: span 1;
}

.cases__list--cards .cases-item__num {
	margin-bottom: 16px;
}

.cases__list--cards .cases-item__img {
	aspect-ratio: 905/777;
	margin-bottom: 16px;
}

.cases__list--cards .cases-item__info {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.cases__list--cards .cases-item__name {
	color: var(--grayscale-90);
}

.cases__list--cards .cases-item__type {
	color: var(--grayscale-60);
}

.cases__list--list {
	display: flex;
	flex-direction: column;
}

.cases__list--list .cases-item__link {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
	padding: 30px 0;
}

.cases__list--list .cases-item__num {
	grid-column: 1/2;
}

.cases__list--list .cases-item__img {
	display: none;
}

.cases__list--list .cases-item__bottom {
	grid-column: 2/6;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.cases__list--list .cases-item__info {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.cases__list--list .cases-item__name {
	color: var(--grayscale-90);
}

.cases__list--list .cases-item__type {
	color: var(--grayscale-60);
}

.cases__list--list .cases-item__images-list {
	height: 140px;
	display: flex;
	align-items: center;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.cases__list--list .cases-item__images-item {
	flex: 1 1 auto;
	height: 100%;
}

.cases__item {
	counter-increment: num;
}

.cases__item:nth-child(-n + 9) .brackets__inner::before {
	content: "0" counter(num);
}

.cases__item:nth-child(n + 10) .brackets__inner::before {
	content: counter(num);
}

.cases__btn-container {
	grid-column: 3/4;
}

.cases__show-btn {
	margin-top: 100px;
}

.cases-nav__sticky {
	position: sticky;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.cases-nav__filters {
	pointer-events: auto;
	display: none;
}

.cases-nav__actions-list {
	display: flex;
	align-items: center;
	-moz-column-gap: 16px;
	column-gap: 16px;
	padding: 20px 0;
}

.cases-nav__actions-btn {
	width: 24px;
	height: 24px;
	pointer-events: auto;
}

.cases-nav__actions-btn svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-30);
	transition: fill 0.3s ease;
}

.cases-nav__actions-btn:hover svg {
	fill: var(--green);
}

.cases-nav__actions-btn:active svg {
	fill: var(--green-click);
}

.cases-nav__actions-btn.is-active svg {
	fill: var(--grayscale-90);
}

.cases-item__link {
	width: 100%;
	height: 100%;
}

.cases-item__bottom-brackets {
	display: none;
}

.cases-item__images-list {
	display: none;
}

.image-case--container .image-case__body {
	max-width: var(--max-width-container);
	padding: 40px;
	margin: 0 auto;
}

.image-case--grid .image-case__body {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

.image-case--grid .image-case__img:nth-child(1) {
	grid-column: 1/4;
	grid-row: 1/3;
}

.image-case--grid .image-case__img:nth-child(2) {
	grid-column: 4/6;
	grid-row: 1/2;
}

.image-case--grid .image-case__img:nth-child(3) {
	grid-column: 4/6;
	grid-row: 2/3;
}

.image-case__body {
	width: 100%;
	display: flex;
	gap: 30px;
}

.image-case__img {
	height: auto;
	flex: 1 1 auto;
}

.descr-case {
	background-color: var(--grayscale-0);
	padding: 40px 0;
}

.descr-case__column {
	grid-column: span 1;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.descr-case__column:nth-child(4) {
	grid-column: span 2;
}

.descr-case__column-title {
	color: var(--grayscale-60);
}

.descr-case__links {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.descr-case__link {
	color: var(--grayscale-90);
}

.descr-case__column-descr {
	color: var(--grayscale-90);
}

.descr-case__column-list {
	display: flex;
	align-items: center;
	-moz-column-gap: 20px;
	column-gap: 20px;
	flex-wrap: wrap;
}

.descr-case__column-item {
	color: var(--grayscale-90);
}

.descr-case__column-item:not(:last-child) {
	position: relative;
}

.descr-case__column-item:not(:last-child)::after {
	content: ",";
	position: absolute;
	right: -12px;
}

.task-case {
	background-color: var(--grayscale-0);
	padding: 120px 0;
}

.task-case__custom-popup {
	position: relative;
	display: inline-block;
	width: 105px;
	height: 0;
	margin: 0 20px;
}

.task-case__custom-popup .custom-popup__btn {
	position: absolute;
	top: -53px;
}

.task-case__title {
	grid-column: 1/2;
	color: var(--grayscale-60);
}

.task-case__subtitle {
	grid-column: 2/5;
	color: var(--grayscale-90);
}

.video-case__body {
	position: relative;
	aspect-ratio: 1880/1114;
}

.video-case__video {
	position: relative;
	width: 100%;
	height: 100%;
}

.video-case__video video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.video-case__btn {
	position: absolute;
	width: 114px;
	height: 114px;
	border-radius: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	transition: opacity 0.3s ease;
}

.video-case__btn svg {
	width: 65px;
	height: 65px;
}

.video-case__btn.is-hidden {
	opacity: 0;
	pointer-events: none;
}

.info-case {
	background-color: var(--grayscale-0);
	padding: 80px 0;
}

.info-case--num .info-case__list {
	counter-reset: num;
}

.info-case--num .info-case__item {
	counter-increment: num;
}

.info-case--num .info-case__item:nth-child(-n + 9) .brackets__inner::before {
	content: "0" counter(num);
}

.info-case--num .info-case__item:nth-child(n + 10) .brackets__inner::before {
	content: counter(num);
}

.info-case__title {
	grid-column: 1/2;
	color: var(--grayscale-60);
}

.info-case__list {
	grid-column: 2/6;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 56px 30px;
}

.info-case__item {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.info-case__item-descr {
	color: var(--grayscale-90);
	max-width: 520px;
}

.team-case {
	background-color: var(--grayscale-0);
	padding: 120px 0;
}

.team-case__title {
	grid-column: 1/2;
	color: var(--grayscale-60);
}

.team-case__list {
	grid-column: 2/6;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.team-case__item {
	display: flex;
	align-items: center;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.team-case__item:nth-child(n + 3) {
	margin-top: -40px;
}

.team-case__item-img {
	flex: 0 0 130px;
	height: 133px;
}

.team-case__item-content {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.team-case__item-name {
	color: var(--grayscale-90);
	text-transform: uppercase;
}

.team-case__item-position {
	color: var(--grayscale-80);
}

.article-case {
	background-color: var(--grayscale-0);
	padding: 80px 0;
}

.article-case__link {
	align-items: flex-start;
	padding: 20px 0;
}

.article-case__link:hover .article-case__link-name {
	color: var(--green);
}

.article-case__link:hover .article-case__link-icon {
	background-color: var(--grayscale-80);
}

.article-case__link:active .article-case__link-name {
	color: var(--green-click);
}

.article-case__link:active .article-case__link-icon {
	background-color: var(--grayscale-60);
}

.article-case__link-column:nth-child(1) {
	grid-column: 1/3;
	display: flex;
	align-items: center;
	-moz-column-gap: 40px;
	column-gap: 40px;
	padding: 7px 0;
}

.article-case__link-column:nth-child(2) {
	grid-column: 3/6;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.article-case__link-date {
	color: var(--grayscale-80);
}

.article-case__link-label {
	color: var(--grayscale-80);
}

.article-case__link-name {
	display: block;
	grid-column: 1/3;
	color: var(--grayscale-90);
	transition: color 0.3s ease;
	padding: 7px 0;
}

.article-case__link-icon-container {
	grid-column: 3/4;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.article-case__link-icon {
	flex: 0 0 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--grayscale-90);
	border-radius: 2px;
	transition: background-color 0.3s ease;
}

.article-case__link-icon svg {
	width: 32px;
	height: 32px;
	fill: var(--grayscale-0);
}

.review-case {
	background-color: var(--grayscale-100);
	padding: 120px 0 160px 0;
}

.review-case__top {
	margin-bottom: 40px;
}

.review-case__title {
	grid-column: 1/3;
}

.review-case__person {
	grid-column: 1/3;
	display: flex;
	align-items: flex-start;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.review-case__img {
	flex: 0 0 114px;
	height: 152px;
}

.review-case__info {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	max-width: 264px;
}

.review-case__position {
	color: var(--grayscale-80);
}

.review-case__content {
	grid-column: 3/6;
	display: flex;
	flex-direction: column;
	row-gap: 60px;
}

.review-case__text {
	font-size: 24px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.02em;
}

.review-case__links {
	display: flex;
	align-items: center;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.review-case__letter-btn {
	color: var(--grayscale-0);
}

.callback {
	background-color: var(--grayscale-0);
}

.callback__info {
	grid-column: 1/4;
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	justify-content: space-between;
}

.callback__top {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.callback__title {
	grid-column: 1/3;
	color: var(--grayscale-90);
	margin-bottom: 16px;
}

.callback__descr {
	grid-column: 1/2;
	color: var(--grayscale-90);
}

.callback__bottom {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.callback__bottom-notice {
	color: var(--grayscale-60);
}

.callback__bottom-phone {
	color: var(--grayscale-90);
}

.callback__bottom-email {
	color: var(--grayscale-90);
}

.callback__form {
	grid-column: 4/6;
	padding-top: 94px;
}

.callback__fields {
	width: 100%;
	margin-bottom: 40px;
}

.callback__fields-list {
	width: 100%;
}

.callback__field {
	width: 100%;
}

.callback__label {
	width: 100%;
}

.callback__checkboxes-list {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
	margin-bottom: 32px;
}

.callback__checkbox-text {
	color: var(--grayscale-80);
}

.callback__checkbox-text a {
	color: var(--grayscale-90);
}

.faq {
	background-color: var(--grayscale-0);
}

.faq__top {
	margin-bottom: 40px;
}

.faq__title {
	grid-column: 1/3;
	color: var(--grayscale-90);
}

.faq__body {
	margin-bottom: -20px;
}

.faq__list {
	display: flex;
	flex-direction: column;
	counter-reset: num;
}

.faq__item {
	counter-increment: num;
}

.faq__item:nth-child(-n + 9) .brackets__inner::before {
	content: "0" counter(num);
}

.faq__item:nth-child(n + 10) .brackets__inner::before {
	content: counter(num);
}

.faq__item:first-child .faq__item-btn {
	padding-top: 0;
}

.faq__item-btn {
	width: 100%;
	align-items: center;
	padding: 20px 0;
}

.faq__item-btn:hover .faq__item-text {
	color: var(--green);
}

.faq__item-btn:hover .faq__item-icon::after,
.faq__item-btn:hover .faq__item-icon::before {
	background-color: var(--green);
}

.faq__item-btn:active .faq__item-text {
	color: var(--green-click);
}

.faq__item-btn:active .faq__item-icon::after,
.faq__item-btn:active .faq__item-icon::before {
	background-color: var(--green-click);
}

.faq__item-btn.is-active .faq__item-icon::before {
	transform: translate(-50%, -50%) rotate(-90deg);
}

.faq__item-brackets {
	grid-column: 1/2;
}

.faq__item-text {
	grid-column: 2/5;
	color: var(--grayscale-90);
	text-align: left;
	transition: color 0.3s ease;
}

.faq__item-actions {
	grid-column: 5/6;
	display: flex;
	justify-content: flex-end;
}

.faq__item-icon {
	width: 24px;
	height: 24px;
	position: relative;
}

.faq__item-icon::after,
.faq__item-icon::before {
	content: "";
	position: absolute;
	background-color: var(--grayscale-90);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.3s ease;
}

.faq__item-icon::before {
	width: 2px;
	height: 16px;
	transform-origin: center;
	transition: transform 0.5s ease;
}

.faq__item-icon::after {
	height: 2px;
	width: 16px;
}

.faq__item-body {
	max-height: 0;
	will-change: transform;
	overflow: hidden;
	transition: max-height 0.5s ease;
}

.faq__item-content {
	padding-bottom: 20px;
}

.faq__item-content p {
	grid-column: 2/5;
	color: var(--grayscale-90);
}

.faq__item-content p:not(:last-child) {
	margin-bottom: 20px;
}

.contacts {
	background-color: var(--grayscale-0);
}

.contacts__info {
	grid-column: 1/4;
	padding: 100px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 44px;
}

.contacts__top {
	grid-template-columns: repeat(3, 1fr);
}

.contacts__title {
	color: var(--grayscale-90);
	grid-column: 2/3;
}

.contacts__bottom {
	display: flex;
	flex-direction: column;
	row-gap: 80px;
}

.contacts__address,
.contacts__find-us {
	grid-template-columns: repeat(3, 1fr);
}

.contacts__icon {
	grid-column: 1/2;
}

.contacts__icon svg {
	width: 24px;
	height: 22px;
	fill: var(--grayscale-80);
}

.contacts__address-content {
	grid-column: 2/3;
}

.contacts__address-text {
	color: var(--grayscale-90);
}

.contacts__find-us-content {
	grid-column: 2/3;
}

.contacts__find-us-notice {
	display: block;
	color: var(--grayscale-90);
	margin-bottom: 16px;
}

.contacts__video-btn {
	width: 280px;
	aspect-ratio: 280/160;
}

.contacts__video-btn video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.contacts__map-container {
	grid-column: 4/6;
	padding: 20px 0;
}

.contacts__map {
	aspect-ratio: 718/954;
}

.article {
	background-color: var(--grayscale-0);
	padding: 40px 0 140px 0;
}

.article__body {
	grid-column: 2/5;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	color: var(--grayscale-90);
}

.article__body h2 {
	font-weight: 700;
	font-size: 24px;
	line-height: 130%;
	text-transform: uppercase;
	margin-top: 20px;
}

.article__body h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	letter-spacing: -0.02em;
	margin-top: 20px;
}

.article__body p {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: -0.01em;
}

.article__body a {
	text-decoration: underline;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	color: var(--grayscale-80);
	transition: color 0.3s ease;
}

.article__body a:hover {
	color: var(--green);
}

.article__body a:active {
	color: var(--green-click);
}

.article__body ul,
.article__body ol {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.article__body li {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: -0.01em;
}

.article__body ol {
	counter-reset: num;
}

.article__body ol li {
	counter-increment: num;
}

.article__body ol li::before {
	content: counter(num) ".";
	padding: 0 5px 0px 8px;
}

.article__body ul li {
	position: relative;
	padding-left: 32px;
}

.article__body ul li::before {
	content: "";
	position: absolute;
	top: 13px;
	left: 11px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: var(--grayscale-90);
}

.magazine {
	background-color: var(--grayscale-0);
	padding-bottom: 120px;
}

.magazine__body {
	padding-top: 44px;
}

.magazine__list {
	counter-reset: num;
}

.magazine__list--grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: start;
	gap: 100px 30px;
}

.magazine__list--grid .magazine-card:nth-child(16n + 1) {
	grid-column: 1/3;
}

.magazine__list--grid .magazine-card:nth-child(16n + 2) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 3) {
	grid-column: 5;
}

.magazine__list--grid .magazine-card:nth-child(16n + 4) {
	grid-column: 2;
}

.magazine__list--grid .magazine-card:nth-child(16n + 5) {
	grid-column: 4/6;
}

.magazine__list--grid .magazine-card:nth-child(16n + 6) {
	grid-column: 1;
}

.magazine__list--grid .magazine-card:nth-child(16n + 7) {
	grid-column: 3;
}

.magazine__list--grid .magazine-card:nth-child(16n + 8) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 9) {
	grid-column: 1/3;
}

.magazine__list--grid .magazine-card:nth-child(16n + 10) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 11) {
	grid-column: 5;
}

.magazine__list--grid .magazine-card:nth-child(16n + 12) {
	grid-column: 2/4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 13) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 14) {
	grid-column: 1;
}

.magazine__list--grid .magazine-card:nth-child(16n + 15) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n) {
	grid-column: 5;
}

.magazine__list--grid .magazine-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.magazine__list--grid .magazine-card__img {
	width: 100%;
	aspect-ratio: 344/456;
	margin-bottom: 14px;
}

.magazine__list--grid .magazine-card--big .magazine-card__img {
	aspect-ratio: 1/1;
}

.magazine__list--grid .magazine-card__date,
.magazine__list--grid .magazine-card__categories,
.magazine__list--grid .magazine-card__arrow {
	display: none;
}

.magazine__list--grid .magazine-card__num {
	margin-bottom: 12px;
}

.magazine__list--grid .magazine-card__title {
	margin-bottom: 4px;
	color: var(--grayscale-90);
	transition: color 0.3s ease;
}

.magazine__list--grid .magazine-card__descr {
	color: var(--grayscale-80);
}

.magazine__list--grid .magazine-card--featured .magazine-card__link {
	position: relative;
}

.magazine__list--grid .magazine-card--featured .magazine-card__img {
	aspect-ratio: 718/1029;
	height: 100%;
}

.magazine__list--grid .magazine-card--featured .magazine-card__img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(2, 3, 5, 0.72) 0%,
		rgba(2, 3, 5, 0.3) 45%,
		rgba(2, 3, 5, 0) 78%
	);
	pointer-events: none;
}

.magazine__list--grid .magazine-card--featured .magazine-card__num {
	display: none;
}

.magazine__list--grid .magazine-card--featured .magazine-card__content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 32px;
}

.magazine__list--grid .magazine-card--featured .magazine-card__title {
	font-family: var(--secondary-font-family);
	font-weight: 800;
	font-size: 28px;
	line-height: 130%;
	text-transform: uppercase;
	color: var(--grayscale-0);
	margin-bottom: 14px;
}

.magazine__list--grid .magazine-card--featured .magazine-card__descr {
	color: var(--grayscale-0);
}

.magazine__list--list {
	display: flex;
	flex-direction: column;
}

.magazine__list--list .magazine-card__link {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: start;
	-moz-column-gap: 30px;
	column-gap: 30px;
	padding: 30px 0;
}

.magazine__list--list .magazine-card:first-child .magazine-card__link {
	border-top: none;
}

.magazine__list--list .magazine-card__img,
.magazine__list--list .magazine-card__num {
	display: none;
}

.magazine__list--list .magazine-card__date {
	grid-column: 1/2;
	display: flex;
}

.magazine__list--list .magazine-card__date .brackets__inner {
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--grayscale-60);
}

.magazine__list--list .magazine-card__categories {
	grid-column: 2/3;
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.magazine__list--list .magazine-card__content {
	grid-column: 3/5;
}

.magazine__list--list .magazine-card__title {
	margin-bottom: 24px;
	color: var(--grayscale-90);
	transition: color 0.3s ease;
}

.magazine__list--list .magazine-card__arrow {
	grid-column: 5/6;
	justify-self: end;
}

.magazine__list--list .magazine-card--featured .magazine-card__link {
	position: static;
}

.magazine__list--list .magazine-card--featured .magazine-card__img::after {
	display: none;
}

.magazine__list--list .magazine-card--featured .magazine-card__content {
	position: static;
	padding: 0;
}

.magazine__list--list .magazine-card--featured .magazine-card__title {
	color: var(--grayscale-90);
}

.magazine__list--list .magazine-card--featured .magazine-card__descr {
	color: var(--grayscale-60);
}

.magazine__item {
	counter-increment: num;
}

.magazine__btn-container {
	margin-top: 100px;
}

.magazine__show-btn {
	grid-column: 3/5;
}

.magazine-card__img {
	aspect-ratio: 344/456;
	overflow: hidden;
}

.magazine-card__img picture {
	display: block;
	width: 100%;
	height: 100%;
}

.magazine-card__num .brackets__inner {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -0.01em;
	text-align: center;
	color: var(--grayscale-60);
}

.magazine-card__num .brackets__inner::before {
	content: counter(num, decimal-leading-zero);
}

.magazine-card__categories {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.magazine-card__category {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--grayscale-60);
}

.magazine-card__title {
	font-weight: 600;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--grayscale-90);
}

.magazine-card__descr {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.01em;
	color: var(--grayscale-80);
}

.magazine-card__arrow {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 2px;
}

.magazine-nav {
	position: relative;
}

.magazine-nav__overlay {
	display: none;
}

.magazine-nav__sticky {
	padding: 20px 0;
}

.magazine-nav__label {
	margin-bottom: 16px;
}

.magazine-nav__label .brackets__inner {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.magazine-nav__bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.magazine-nav__dropdown {
	display: none;
}

.magazine-nav__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 24px;
}

.magazine-nav__filter-link {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--grayscale-90);
	padding: 5px 0;
}

.magazine-nav__actions {
	display: flex;
	align-items: center;
	-moz-column-gap: 16px;
	column-gap: 16px;
	flex-shrink: 0;
}

.magazine-nav__actions-btn {
	display: block;
	width: 24px;
	height: 24px;
}

.magazine-nav__actions-btn svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-30);
	transition: fill 0.3s ease;
}

.magazine-nav__actions-btn:active svg {
	fill: var(--green-click);
}

.magazine-nav__actions-btn.is-active svg {
	fill: var(--grayscale-90);
}

.magazine {
	background-color: var(--grayscale-0);
	padding-bottom: 120px;
}

.magazine__body {
	padding-top: 44px;
}

.magazine__list {
	counter-reset: num;
}

.magazine__list--grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: start;
	gap: 100px 30px;
}

.magazine__list--grid .magazine-card:nth-child(16n + 1) {
	grid-column: 1/3;
}

.magazine__list--grid .magazine-card:nth-child(16n + 2) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 3) {
	grid-column: 5;
}

.magazine__list--grid .magazine-card:nth-child(16n + 4) {
	grid-column: 2;
}

.magazine__list--grid .magazine-card:nth-child(16n + 5) {
	grid-column: 4/6;
}

.magazine__list--grid .magazine-card:nth-child(16n + 6) {
	grid-column: 1;
}

.magazine__list--grid .magazine-card:nth-child(16n + 7) {
	grid-column: 3;
}

.magazine__list--grid .magazine-card:nth-child(16n + 8) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 9) {
	grid-column: 1/3;
}

.magazine__list--grid .magazine-card:nth-child(16n + 10) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 11) {
	grid-column: 5;
}

.magazine__list--grid .magazine-card:nth-child(16n + 12) {
	grid-column: 2/4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 13) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n + 14) {
	grid-column: 1;
}

.magazine__list--grid .magazine-card:nth-child(16n + 15) {
	grid-column: 4;
}

.magazine__list--grid .magazine-card:nth-child(16n) {
	grid-column: 5;
}

.magazine__list--grid .magazine-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.magazine__list--grid .magazine-card__img {
	width: 100%;
	aspect-ratio: 344/456;
	margin-bottom: 14px;
}

.magazine__list--grid .magazine-card--big .magazine-card__img {
	aspect-ratio: 1/1;
}

.magazine__list--grid .magazine-card__date,
.magazine__list--grid .magazine-card__categories,
.magazine__list--grid .magazine-card__arrow {
	display: none;
}

.magazine__list--grid .magazine-card__num {
	margin-bottom: 12px;
}

.magazine__list--grid .magazine-card__title {
	margin-bottom: 4px;
	color: var(--grayscale-90);
	transition: color 0.3s ease;
}

.magazine__list--grid .magazine-card__descr {
	color: var(--grayscale-80);
}

.magazine__list--grid .magazine-card--featured .magazine-card__link {
	position: relative;
}

.magazine__list--grid .magazine-card--featured .magazine-card__img {
	aspect-ratio: 718/1029;
	height: 100%;
}

.magazine__list--grid .magazine-card--featured .magazine-card__img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(2, 3, 5, 0.72) 0%,
		rgba(2, 3, 5, 0.3) 45%,
		rgba(2, 3, 5, 0) 78%
	);
	pointer-events: none;
}

.magazine__list--grid .magazine-card--featured .magazine-card__num {
	display: none;
}

.magazine__list--grid .magazine-card--featured .magazine-card__content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 32px;
}

.magazine__list--grid .magazine-card--featured .magazine-card__title {
	font-family: var(--secondary-font-family);
	font-weight: 800;
	font-size: 28px;
	line-height: 130%;
	text-transform: uppercase;
	color: var(--grayscale-0);
	margin-bottom: 14px;
}

.magazine__list--grid .magazine-card--featured .magazine-card__descr {
	color: var(--grayscale-0);
}

.magazine__list--list {
	display: flex;
	flex-direction: column;
}

.magazine__list--list .magazine-card__link {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: start;
	-moz-column-gap: 30px;
	column-gap: 30px;
	padding: 30px 0;
}

.magazine__list--list .magazine-card:first-child .magazine-card__link {
	border-top: none;
}

.magazine__list--list .magazine-card__img,
.magazine__list--list .magazine-card__num {
	display: none;
}

.magazine__list--list .magazine-card__date {
	grid-column: 1/2;
	display: flex;
}

.magazine__list--list .magazine-card__date .brackets__inner {
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--grayscale-60);
}

.magazine__list--list .magazine-card__categories {
	grid-column: 2/3;
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.magazine__list--list .magazine-card__content {
	grid-column: 3/5;
}

.magazine__list--list .magazine-card__title {
	margin-bottom: 24px;
	color: var(--grayscale-90);
	transition: color 0.3s ease;
}

.magazine__list--list .magazine-card__arrow {
	grid-column: 5/6;
	justify-self: end;
}

.magazine__list--list .magazine-card--featured .magazine-card__link {
	position: static;
}

.magazine__list--list .magazine-card--featured .magazine-card__img::after {
	display: none;
}

.magazine__list--list .magazine-card--featured .magazine-card__content {
	position: static;
	padding: 0;
}

.magazine__list--list .magazine-card--featured .magazine-card__title {
	color: var(--grayscale-90);
}

.magazine__list--list .magazine-card--featured .magazine-card__descr {
	color: var(--grayscale-60);
}

.magazine__item {
	counter-increment: num;
}

.magazine__btn-container {
	margin-top: 100px;
}

.magazine__show-btn {
	grid-column: 3/5;
}

.magazine-card__img {
	aspect-ratio: 344/456;
	overflow: hidden;
}

.magazine-card__img picture {
	display: block;
	width: 100%;
	height: 100%;
}

.magazine-card__num .brackets__inner {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -0.01em;
	text-align: center;
	color: var(--grayscale-60);
}

.magazine-card__num .brackets__inner::before {
	content: counter(num, decimal-leading-zero);
}

.magazine-card__categories {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.magazine-card__category {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--grayscale-60);
}

.magazine-card__title {
	font-weight: 600;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--grayscale-90);
}

.magazine-card__descr {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.01em;
	color: var(--grayscale-80);
}

.magazine-card__arrow {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 2px;
}

.magazine-nav {
	position: relative;
}

.magazine-nav__overlay {
	display: none;
}

.magazine-nav__sticky {
	padding: 20px 0;
}

.magazine-nav__label {
	margin-bottom: 16px;
}

.magazine-nav__label .brackets__inner {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.magazine-nav__bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.magazine-nav__dropdown {
	display: none;
}

.magazine-nav__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 24px;
}

.magazine-nav__filter-link {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--grayscale-90);
	padding: 5px 0;
}

.magazine-nav__actions {
	display: flex;
	align-items: center;
	-moz-column-gap: 16px;
	column-gap: 16px;
	flex-shrink: 0;
}

.magazine-nav__actions-btn {
	display: block;
	width: 24px;
	height: 24px;
}

.magazine-nav__actions-btn svg {
	width: 100%;
	height: 100%;
	fill: var(--grayscale-30);
	transition: fill 0.3s ease;
}

.magazine-nav__actions-btn:active svg {
	fill: var(--green-click);
}

.magazine-nav__actions-btn.is-active svg {
	fill: var(--grayscale-90);
}

@media (min-width: 1280px) {
	.awards__slider-link:hover,
	.awards__slider-link:active {
		background-color: var(--green);
		color: var(--grayscale-100);
	}

	.awards__slider-link:hover .awards__slider-social-item svg,
	.awards__slider-link:active .awards__slider-social-item svg {
		fill: var(--grayscale-100);
	}

	.awards__slider-link:active {
		background-color: var(--green-click);
	}
}

@media (max-width: 1919px) {
	.container {
		padding: 0 20px;
	}

	.section {
		padding: 120px 0;
	}

	.grid-container {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.title-1 {
		font-size: 38px;
	}

	.title-2 {
		font-size: 50px;
	}

	.title-3 {
		font-size: 32px;
	}

	.title-4 {
		font-size: 24px;
	}

	.title-5 {
		font-size: 20px;
	}

	.title-6 {
		font-size: 14px;
	}

	.text-16 {
		font-size: 14px;
	}

	.text-14 {
		font-size: 12px;
	}

	.text-nav {
		font-size: 14px;
	}

	.text-btn {
		font-size: 14px;
	}

	.button {
		gap: 4px;
		min-height: 44px;
		font-size: 14px;
		padding: 4px 10px 4px 16px;
	}

	.button-secondary {
		gap: 16px;
	}

	.button-secondary__img {
		width: 44px;
		height: 44px;
	}

	.button-secondary__img svg {
		width: 24px;
		height: 24px;
	}

	.button-secondary__title {
		font-size: 14px;
	}

	.consultation-btn {
		min-height: 44px;
		bottom: 20px;
		right: 8px;
	}

	.consultation-btn.on-scroll {
		padding-left: 9px;
		padding-right: 9px;
	}

	.button-text__title {
		font-size: 14px;
	}

	.form-btn {
		min-height: 68px;
	}

	.form-btn__icon {
		flex: 0 0 44px;
		height: 44px;
	}

	.form-btn__icon svg {
		width: 24px;
		height: 24px;
	}

	.custom-popup__btn {
		width: 93px;
	}

	.custom-popup__element {
		flex: 0 0 62px;
		height: 62px;
	}

	.custom-popup--small .custom-popup__btn {
		width: 75px;
	}

	.custom-popup--small .custom-popup__element {
		flex: 0 0 50px;
		height: 50px;
	}

	.form-input,
	.form-textarea {
		font-size: 14px;
		padding: 15px 0;
	}

	.form-input::-moz-placeholder,
	.form-textarea::-moz-placeholder {
		font-size: 14px;
		color: var(--grayscale-60);
	}

	.form-input::placeholder,
	.form-textarea::placeholder {
		font-size: 14px;
		color: var(--grayscale-60);
	}

	.form-input {
		min-height: 52px;
	}

	.form-textarea {
		min-height: 100px;
	}

	.checkbox-text::before {
		top: -1px;
	}

	.checkbox-text::after {
		top: -1px;
	}

	.header__logo--1 {
		width: 184px;
		height: 41px;
	}

	.header__body {
		gap: 48px;
		padding: 20px 0;
	}

	.header__list {
		gap: 47px;
	}

	.header__burger {
		gap: 8px;
	}

	.header__burger svg {
		width: 18px;
		height: 19px;
	}

	.header-menu__body {
		padding-right: 20px;
	}

	.header-menu__content {
		margin-bottom: 40px;
	}

	.header-menu__main-link {
		padding: 12px 0;
	}

	.header-menu__main-btn {
		padding: 12px 0;
	}

	.header-menu__main-btn span {
		font-size: 14px;
	}

	.header-menu__main-btn span::before,
	.header-menu__main-btn span::after {
		top: -1px;
		width: 5px;
		height: 19px;
	}

	.header-menu__main-btn span::after {
		right: -6px;
	}

	.header-submenu__container {
		padding-right: 20px;
	}

	.header-submenu__link {
		padding: 12px 0;
	}

	.header-submenu__secondary-link span {
		font-size: 8px;
	}

	.hero-main__top {
		padding-top: 20px;
	}

	.hero-main__bottom {
		padding-bottom: 20px;
	}

	.hero-main__video-btn {
		width: 200px;
		height: 118px;
	}

	.hero-secondary {
		padding-top: 50px;
	}

	.hero-secondary__text-part {
		font-size: 50px;
	}

	.hero-secondary__custom-popup {
		width: 93px;
	}

	.hero-secondary__custom-popup .custom-popup__btn {
		height: 62px;
		transform: translateY(-45px);
	}

	.hero-secondary__custom-popup .custom-popup__btn {
		height: 62px;
		transform: translateY(-45px);
	}

	.hero-service__bg-img {
		width: 1000px;
	}

	.hero-service__body {
		padding-top: 81px;
	}

	.hero-service__main-list {
		margin-top: 16px;
	}

	.hero-service__bottom {
		padding-bottom: 20px;
	}

	.hero-service__column-icon {
		width: 18px;
		height: 19px;
	}

	.hero-services__bg-img {
		width: 997px;
	}

	.hero-services__body {
		padding: 81px 0 64px 0;
	}

	.hero-services__main {
		padding: 205px 0;
	}

	.hero-services__main-list {
		margin-top: 16px;
		row-gap: 8px;
	}

	.hero-services__main-item {
		-moz-column-gap: 10px;
		column-gap: 10px;
	}

	.hero-services__main-item svg {
		flex: 0 0 18px;
		height: 19px;
	}

	.hero-white {
		min-height: 453px;
	}

	.hero-white__body {
		padding-top: 81px;
	}

	.hero-case {
		padding-top: 248px;
	}

	.hero-contacts__body {
		padding: 101px 0 60px 0;
	}

	.hero-contacts__persons {
		max-width: 410px;
	}

	.hero-contacts__person {
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.hero-contacts__person-img {
		flex: 0 0 130px;
		height: 130px;
	}

	.hero-contacts__socials {
		top: 101px;
	}

	.hero-contacts__socials-link {
		width: 44px;
		height: 44px;
	}

	.hero-contacts__socials-link svg {
		width: 24px;
		height: 24px;
	}

	.hero-404__body {
		padding: 334px 0 120px 0;
	}

	.hero-article__body {
		padding-top: 321px;
	}

	.awards__content {
		margin: 0 -20px 20px;
	}

	.awards__slider-link {
		padding: 20px;
	}

	.awards__slider-text {
		gap: 20px;
	}

	.awards__slider-group {
		gap: 20px;
	}

	.awards__slider-social-item {
		width: 24px;
		height: 24px;
	}

	.brackets {
		gap: 0;
	}

	.brackets__elem {
		width: 5px;
		height: 19px;
	}

	.brackets__inner {
		min-width: 20px;
	}

	.card__img {
		aspect-ratio: 548/408;
	}

	.card__title {
		margin-bottom: 3px;
	}

	.feature {
		padding: 240px 0;
	}

	.feature__custom-popup {
		width: 93px;
		margin: 0 16px;
	}

	.feature__custom-popup .custom-popup__btn {
		height: 62px;
		transform: translateY(-45px);
	}

	.feedback__content {
		min-height: 593px;
		padding: 20px 0;
		gap: 20px;
	}

	.feedback__heading {
		gap: 20px;
	}

	.feedback__contact {
		max-width: 400px;
		gap: 9px;
	}

	.feedback__contacts {
		margin-top: -8px;
		margin-left: -8px;
	}

	.feedback__contact-photo {
		width: 145px;
	}

	.feedback__contact-text {
		padding-top: 25px;
	}

	.feedback__title {
		max-width: 500px;
	}

	.feedback__links {
		gap: 20px;
	}

	.news__heading {
		gap: 20px;
	}

	.news__content {
		margin-bottom: 80px;
	}

	.news__slider {
		margin: 0 -20px;
		padding: 0 20px;
	}

	.news__slider-item .news-card__img {
		aspect-ratio: 264/340;
	}

	.news__more-icon {
		flex: 0 0 44px;
		height: 44px;
	}

	.news__more-icon svg {
		width: 24px;
		height: 24px;
	}

	.news__more-text {
		max-width: 273px;
	}

	.projects__heading {
		gap: 20px;
		margin-bottom: 40px;
	}

	.projects__content:not(:last-child) {
		margin-bottom: 77px;
	}

	.projects__list {
		gap: 77px 20px;
	}

	.projects__list li:nth-child(8n + 2) .card__img {
		aspect-ratio: 832/619;
	}

	.projects__list li:nth-child(8n + 3) .card__img {
		aspect-ratio: 264/308;
	}

	.projects__list li:nth-child(8n + 5) .card__img {
		aspect-ratio: 264/180;
	}

	.projects__list li:nth-child(8n + 6) .card__img {
		aspect-ratio: 264/180;
	}

	.projects__list li:nth-child(8n + 8) .card__img {
		aspect-ratio: 264/308;
	}

	.projects__bottom {
		gap: 20px;
	}

	.rating--case {
		padding-top: 60px;
	}

	.rating__body {
		padding: 60px 0;
	}

	.rating__content {
		gap: 20px;
	}

	.rating__card {
		min-height: 350px;
		padding: 16px;
	}

	.rating__slider {
		padding-bottom: 40px;
	}

	.rating__bottom {
		padding-top: 40px;
	}

	.ticker__elem-img {
		width: 24px;
		height: 24px;
	}

	.reviews__heading {
		align-items: flex-start;
		margin-bottom: 40px;
	}

	.reviews__description {
		margin-top: 3px;
		margin-left: -12px;
	}

	.reviews__content {
		margin-bottom: 28px;
	}

	.reviews__item-img {
		height: 64px;
		margin-right: 60px;
	}

	.reviews__item-img-inner {
		width: 40px;
	}

	.reviews__item-inner {
		margin-left: -60px;
	}

	.reviews__item-heading {
		padding-left: 60px;
	}

	.reviews__item-heading-inner {
		min-height: 64px;
		padding: 18px 0;
	}

	.reviews__item-action {
		padding-top: 1px;
	}

	.reviews__item-dropdown {
		padding-left: 60px;
	}

	.reviews__item-dropdown-inner {
		-moz-column-gap: 20px;
		column-gap: 20px;
		padding: 20px 0;
	}

	.reviews__item-description {
		min-height: 223px;
		max-width: 488px;
	}

	.reviews__item-info {
		max-width: 488px;
		row-gap: 4px;
	}

	.reviews__item-letter-img {
		width: 94px;
		height: 127px;
	}

	.services {
		padding: 20px 0 120px;
	}

	.services__content {
		height: 620px;
	}

	.services__card-window {
		width: 200px;
		height: 126px;
	}

	.services__card-window-img {
		height: 126px;
	}

	.services__card:not(:last-child) {
		gap: 20px;
	}

	.services__card:last-child {
		padding: 32px 0;
	}

	.services__card:last-child .services__card-heading {
		padding: 0 32px;
		margin-bottom: 32px;
	}

	.services__card-text {
		padding: 32px 0 32px 32px;
	}

	.services__card-heading {
		gap: 16px;
	}

	.services__card-description {
		max-width: 350px;
		margin-bottom: 20px;
	}

	.services__card-arrow {
		width: 44px;
		height: 44px;
	}

	.services__card-arrow svg {
		width: 24px;
		height: 24px;
	}

	.services__card-item {
		padding: 12px 32px 11px;
		gap: 16px;
	}

	.services__card-item-title {
		flex-basis: 292px;
	}

	.services__card-item-img {
		flex-basis: 200px;
	}

	.services__card-item-category {
		flex-basis: 750px;
	}

	.team__heading {
		margin-bottom: 40px;
	}

	.team__slider-item-media {
		height: 350px;
	}

	.team__slider-item-button {
		bottom: 42px;
		width: 56px;
		height: 56px;
		border-width: 6px;
	}

	.team__bottom {
		gap: 20px;
	}

	.advantages__title-window {
		width: 108px;
		margin: 0 28px;
	}

	.advantages__title-window span {
		height: 62px;
		top: -44px;
	}

	.advantages__screen-body {
		padding-bottom: 120px;
	}

	.showreel__close-btn {
		top: 16px;
		right: 16px;
		width: 44px;
		height: 44px;
	}

	.showreel__controls {
		width: 732px;
		bottom: 16px;
		height: 44px;
	}

	.showreel__play-btn,
	.showreel__sound-btn {
		flex: 0 0 44px;
	}

	.modal__top {
		padding: 8px;
	}

	.modal__close-btn {
		width: 44px;
		height: 44px;
	}

	.modal__close-btn svg {
		width: 24px;
		height: 24px;
	}

	.modal__content {
		row-gap: 40px;
		padding: 60px;
	}

	.modal__info {
		padding-right: 0;
	}

	.modal__img {
		flex: 0 0 130px;
		height: 130px;
	}

	.modal-form__top {
		padding: 8px 8px 8px 60px;
	}

	.modal-form__close-btn {
		width: 44px;
		height: 44px;
	}

	.modal-form__close-btn svg {
		width: 24px;
		height: 24px;
	}

	.modal-form__form {
		padding: 0 60px 60px 60px;
	}

	.modal-form__fields {
		margin-top: 20px;
	}

	.modal-form__checkboxes-list {
		margin: 40px 0 20px 0;
	}

	.modal-form__file {
		margin-top: 20px;
	}

	.modal-form__file-item-name {
		max-width: 139px;
	}

	.letter__close-btn {
		top: 16px;
		right: 16px;
		width: 44px;
		height: 44px;
	}

	.letter__body {
		padding: 16px 76px;
	}

	.cards-static {
		padding: 120px 0 130px 0;
	}

	.cards-static--development {
		padding: 120px 0;
	}

	.cards-static--development .cards-static__top {
		margin-bottom: 60px;
	}

	.cards-static__custom-popup {
		width: 84px;
	}

	.cards-static__custom-popup .custom-popup__btn {
		top: -46px;
	}

	.cards-static__card {
		flex: 0 0 264px;
		height: 350px;
	}

	.cards-static__card-body {
		padding: 20px;
	}

	.cards-static__card-icon {
		width: 62px;
		height: 62px;
	}

	.cards-static__bottom {
		margin-top: 80px;
	}

	.cards-static__bottom-notice {
		margin-bottom: 20px;
	}

	.cards-static__marq-item {
		height: 42px;
		padding: 0 60px;
	}

	.process {
		min-height: 800px;
	}

	.process__content {
		padding: 80px 0;
	}

	.process__content-top {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.process__content-list {
		row-gap: 60px;
	}

	.process__content-row {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.process__content-row-icon svg {
		width: 18px;
		height: 19px;
	}

	.process__img {
		padding: 36px 0;
	}

	.system__cards-list {
		gap: 20px;
	}

	.system__card {
		height: 350px;
		padding: 20px;
	}

	.system__bottom-top {
		margin-bottom: 80px;
	}

	.system__methods-row {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.footer__content {
		min-height: 650px;
		gap: 20px;
		padding-bottom: 20px;
	}

	.footer__body {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.footer .logo {
		width: 224px;
		height: 49px;
	}

	.footer__nav {
		gap: 20px;
	}

	.footer__list li:not(:last-child) {
		margin-bottom: 15px;
	}

	.footer__info {
		max-width: 260px;
	}

	.table__top {
		margin-bottom: 40px;
	}

	.table__title {
		margin-bottom: 8px;
	}

	.table__heading-main {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.table__row-main {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.services-accordion__top {
		margin-bottom: 20px;
	}

	.services-accordion__cards {
		-moz-column-gap: 8px;
		column-gap: 8px;
		margin-bottom: 20px;
	}

	.services-accordion__card {
		aspect-ratio: 696/489;
	}

	.services-accordion__card-body {
		padding: 32px;
	}

	.services-accordion__card-top {
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.services-accordion__card-bottom {
		row-gap: 20px;
	}

	.services-accordion__card-descr {
		max-width: 350px;
	}

	.services-accordion__card-link {
		width: 44px;
		height: 44px;
	}

	.services-accordion__card-link svg {
		width: 24px;
		height: 24px;
	}

	.services-accordion__bottom {
		padding-top: 40px;
	}

	.services-accordion-bottom__title {
		margin-bottom: 20px;
	}

	.services-accordion-bottom__btn {
		padding: 10px 0 10px 10px;
	}

	.services-accordion-bottom__item-row {
		min-height: 42px;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.standarts {
		padding-bottom: 220px;
	}

	.standarts__custom-popup {
		width: 93px;
	}

	.standarts__custom-popup .custom-popup__btn {
		height: 62px;
		transform: translateY(-45px);
	}

	.standarts__custom-popup .custom-popup__btn {
		height: 62px;
		transform: translateY(-45px);
	}

	.standarts__row-info {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.standarts__row-name {
		grid-column: 1/3;
	}

	.standarts__row-name span {
		max-width: 100%;
	}

	.principles__top {
		margin-bottom: 40px;
	}

	.principles__body {
		height: 550px;
	}

	.principles__body-title {
		max-width: 195px;
	}

	.principles__block {
		height: 400px;
	}

	.principles__block--1 {
		padding-left: 60px;
	}

	.principles__block--1 .text-1 {
		width: 84px;
	}

	.principles__block--1 .text-2 {
		width: 108px;
	}

	.principles__block--1 .text-3 {
		width: 105px;
	}

	.principles__block--1 .principles__block-title {
		top: 32%;
		max-width: 220px;
	}

	.principles__block--2 {
		padding-right: 60px;
	}

	.principles__block--2 .text-1 {
		width: 75px;
	}

	.principles__block--2 .text-2 {
		width: 112px;
	}

	.principles__block--2 .text-3 {
		width: 90px;
	}

	.principles__block--2 .principles__block-title {
		max-width: 264px;
	}

	.principles__svg .text-1,
	.principles__svg .text-2,
	.principles__svg .text-3 {
		height: 36px;
	}

	.principles__svg .text-1 div,
	.principles__svg .text-2 div,
	.principles__svg .text-3 div {
		padding: 8px 16px;
	}

	.prices__title {
		margin-bottom: 12px;
	}

	.prices__img {
		height: 450px;
		display: flex;
		justify-content: center;
	}

	.prices__img img {
		width: auto;
		aspect-ratio: 712/472;
	}

	.prices__row {
		padding: 24px 0;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.roi {
		padding-bottom: 20px;
	}

	.roi__custom-popup {
		width: 84px;
	}

	.roi__custom-popup .custom-popup__btn {
		top: -46px;
	}

	.cases {
		padding-bottom: 120px;
	}

	.cases__body {
		padding-top: 84px;
	}

	.cases__list--grid {
		gap: 80px 20px;
	}

	.cases__list--cards {
		gap: 80px 20px;
	}

	.cases__list--cards .cases-item__img {
		aspect-ratio: 690/593;
	}

	.cases__list--list .cases-item__link {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.cases__list--list .cases-item__bottom {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.cases__list--list .cases-item__images-list {
		height: 107px;
		-moz-column-gap: 8px;
		column-gap: 8px;
	}

	.cases__show-btn {
		margin-top: 80px;
	}

	.image-case--container .image-case__body {
		padding: 20px;
	}

	.image-case__body {
		gap: 20px;
	}

	.descr-case {
		padding: 20px 0;
	}

	.task-case__custom-popup {
		width: 84px;
	}

	.task-case__custom-popup .custom-popup__btn {
		top: -46px;
	}

	.task-case__subtitle {
		grid-column: 2/6;
	}

	.video-case__body {
		aspect-ratio: 1400/830;
	}

	.info-case__list {
		gap: 44px 20px;
	}

	.info-case__item-descr {
		max-width: 410px;
	}

	.team-case {
		padding: 80px 0;
	}

	.team-case__list {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.article-case__link-column:nth-child(2) {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.review-case {
		padding: 80px 0 140px 0;
	}

	.review-case__img {
		flex: 0 0 94px;
		height: 127px;
	}

	.review-case__content {
		row-gap: 40px;
	}

	.review-case__text {
		font-size: 20px;
	}

	.callback__top {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.callback__title {
		grid-column: 1/4;
	}

	.callback__form {
		padding-top: 80px;
	}

	.callback__checkboxes-list {
		margin-bottom: 20px;
	}

	.contacts__info {
		padding: 80px 0;
	}

	.contacts__bottom {
		row-gap: 60px;
	}

	.contacts__icon svg {
		width: 18px;
		height: 19px;
	}

	.contacts__video-btn {
		width: 200px;
	}

	.contacts__map-container {
		padding: 36px 0;
	}

	.contacts__map {
		aspect-ratio: 548/728;
	}

	.magazine__list--grid {
		gap: 80px 20px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__img {
		aspect-ratio: 548/785;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__content {
		padding: 20px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__title {
		font-size: 24px;
		margin-bottom: 8px;
	}

	.magazine__list--list .magazine-card__link {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.magazine__list--list .magazine-card__title {
		margin-bottom: 12px;
	}

	.magazine__btn-container {
		margin-top: 80px;
	}

	.magazine-card__title {
		font-size: 14px;
	}

	.magazine__list--grid {
		gap: 80px 20px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__img {
		aspect-ratio: 548/785;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__content {
		padding: 20px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__title {
		font-size: 24px;
		margin-bottom: 8px;
	}

	.magazine__list--list .magazine-card__link {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.magazine__list--list .magazine-card__title {
		margin-bottom: 12px;
	}

	.magazine__btn-container {
		margin-top: 80px;
	}

	.magazine-card__title {
		font-size: 14px;
	}
}

@media (max-width: 1279px) {
	.container {
		padding: 0 24px;
	}

	.section {
		padding: 100px 0;
	}

	.grid-container {
		grid-template-columns: repeat(4, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.title-1 {
		font-size: 36px;
		line-height: 1.25;
	}

	.title-2 {
		font-size: 44px;
	}

	.title-3 {
		font-size: 28px;
	}

	.consultation-btn {
		bottom: 40px;
		right: 12px;
	}

	.custom-popup__btn {
		width: 84px;
	}

	.custom-popup__element {
		flex: 0 0 56px;
		height: 56px;
	}

	.custom-popup--small .custom-popup__btn {
		width: 66px;
	}

	.custom-popup--small .custom-popup__element {
		flex: 0 0 44px;
		height: 44px;
	}

	.header__logo--1 {
		width: 140px;
		height: 32px;
	}

	.header__body {
		align-items: center;
		padding: 16px 0;
	}

	.header__content {
		display: none;
	}

	.header-menu__container {
		width: calc(100% - 48px);
	}

	.header-submenu {
		width: calc(100% - 48px);
	}

	.header-submenu__top {
		margin-bottom: 14px;
	}

	.hero-secondary__custom-popup {
		width: 84px;
	}

	.hero-secondary__custom-popup .custom-popup__btn {
		height: 56px;
	}

	.hero-service__column-icon {
		flex: 0 0 18px;
		height: 20px;
	}

	.hero-services__bg-img {
		width: 100%;
		height: 100%;
		aspect-ratio: 768/740;
	}

	.hero-services__body {
		padding: 64px 0 0 0;
	}

	.hero-services__main {
		padding: 56px 0 372px 0;
	}

	.hero-services__title {
		grid-column: 1/4;
		margin-bottom: 12px;
	}

	.hero-services__descr {
		grid-column: 1/4;
	}

	.hero-white {
		min-height: 334px;
	}

	.hero-white__body {
		padding-top: 64px;
	}

	.hero-white__title {
		grid-column: 1/4;
	}

	.hero-case__content {
		grid-column: 1/5;
	}

	.hero-contacts__body {
		padding: 84px 0 40px 0;
	}

	.hero-contacts__top {
		padding-right: 84px;
	}

	.hero-contacts__title {
		grid-column: 1/5;
	}

	.hero-contacts__bottom {
		row-gap: 40px;
	}

	.hero-contacts__column {
		grid-column: span 4;
	}

	.hero-contacts__socials {
		top: 84px;
	}

	.hero-404__container {
		display: flex;
		align-items: center;
	}

	.hero-404__body {
		height: auto;
		display: flex;
		flex-direction: column;
		row-gap: 44px;
		padding: 100px 0;
	}

	.hero-404__descr {
		margin-bottom: 44px;
		max-width: 100%;
	}

	.hero-article__body {
		padding-top: 204px;
	}

	.hero-article__title {
		grid-column: 1/4;
	}

	.awards__title {
		margin-bottom: 40px;
	}

	.awards__content {
		margin: 0 0 40px;
	}

	.awards__slider-wrapper {
		display: flex;
		padding-bottom: 22px;
	}

	.awards__slider-link {
		display: block;
		padding: 0;
	}

	.awards__slider-text {
		display: block;
		margin-bottom: 20px;
	}

	.awards__slider-title {
		margin-bottom: 8px;
	}

	.awards__slider-group {
		display: block;
		position: relative;
	}

	.awards__slider-media {
		height: auto;
		aspect-ratio: 352/220;
	}

	.awards__slider-preview {
		position: static;
		transform: none;
		height: 100%;
		aspect-ratio: unset;
		opacity: 1;
		pointer-events: all;
	}

	.awards__slider-social {
		position: absolute;
		inset: 8px;
		justify-content: flex-start;
		gap: 4px;
	}

	.awards__slider-social-item {
		width: 32px;
		height: 32px;
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--grayscale-90);
	}

	.awards__slider-social-item svg {
		width: 24px;
		height: 24px;
	}

	.awards__slider-window {
		display: none;
	}

	.card .brackets {
		margin-bottom: 14px;
	}

	.card__img {
		aspect-ratio: 352/350;
	}

	.feature {
		padding: 200px 0;
	}

	.feature__custom-popup {
		width: 84px;
	}

	.feature__custom-popup .custom-popup__btn {
		height: 56px;
		transform: translateY(-40px);
	}

	.feature__title {
		grid-column: 1/5;
	}

	.feedback__content {
		min-height: auto;
		padding: 50px 0;
		gap: 34px;
	}

	.feedback__heading {
		min-height: 634px;
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
	}

	.feedback__contact {
		grid-column: span 1;
	}

	.feedback__contacts {
		order: 1;
		margin-top: auto;
	}

	.feedback__title {
		grid-column: span 1;
		padding-top: 0;
		max-width: none;
	}

	.feedback__bottom {
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
		align-items: flex-end;
	}

	.feedback__links {
		grid-column: span 3;
		display: flex;
		flex-direction: column-reverse;
		gap: 19px;
	}

	.news {
		position: relative;
		overflow: hidden;
	}

	.news__heading {
		max-width: 720px;
		display: block;
	}

	.news__button {
		position: absolute;
		bottom: 100px;
		left: 24px;
		right: calc(50% + 8px);
		width: -moz-max-content;
		width: max-content;
	}

	.news__content {
		margin-bottom: 40px;
	}

	.news__slider {
		margin: 0 -24px;
		padding: 0 24px;
	}

	.news__slider-wrapper {
		padding-bottom: 22px;
	}

	.news__more-text {
		max-width: 100%;
	}

	.news .news-pagination {
		width: calc(100% - 48px);
		left: 24px;
	}

	.projects__heading {
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
	}

	.projects__title {
		grid-column: 1/4;
		grid-row: 1/2;
	}

	.projects__title br {
		display: none;
	}

	.projects__custom-popup {
		grid-column: 4/5;
		grid-row: 1/2;
		justify-self: end;
	}

	.projects__content:not(:last-child) {
		margin-bottom: 60px;
	}

	.projects__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 60px 16px;
	}

	.projects__list li:nth-child(8n + 1) {
		grid-column: span 1;
	}

	.projects__list li:nth-child(8n + 2) {
		grid-column: span 1;
	}

	.projects__list li:nth-child(8n + 2) .card__img {
		aspect-ratio: 352/350;
	}

	.projects__list li:nth-child(8n + 3) .card__img {
		aspect-ratio: 352/350;
	}

	.projects__list li:nth-child(8n + 4) {
		grid-column: span 1;
	}

	.projects__list li:nth-child(8n + 5) .card__img {
		aspect-ratio: 352/350;
	}

	.projects__list li:nth-child(8n + 6) .card__img {
		aspect-ratio: 352/350;
	}

	.projects__list li:nth-child(8n + 7) {
		grid-column: span 1;
	}

	.projects__list li:nth-child(8n + 8) {
		grid-column: span 1;
	}

	.projects__list li:nth-child(8n + 8) .card__img {
		aspect-ratio: 352/350;
	}

	.projects__bottom {
		display: flex;
		justify-content: center;
	}

	.projects__button {
		height: 52px;
	}

	.rating--front .rating__content {
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
	}

	.rating--front .rating__card {
		min-height: 300px;
		grid-column: 2/4;
	}

	.rating--case {
		padding: 0 0 50px 0;
	}

	.rating--case .rating__body {
		padding: 50px 0;
	}

	.rating--case .rating__card {
		min-height: 290px;
	}

	.rating--case .rating__bottom {
		padding-top: 25px;
	}

	.rating--case .rating__slider {
		padding-bottom: 25px;
	}

	.rating__wrapper {
		height: auto;
	}

	.rating__body {
		padding: 80px 0;
	}

	.rating__inner {
		grid-column: 1/5;
	}

	.rating__title {
		margin-bottom: 50px;
		transform: scale(0.8);
	}

	.rating__slider {
		padding-bottom: 30px;
	}

	.rating__bottom {
		padding-top: 30px;
	}

	.ticker__elem {
		padding: 10px 30px;
	}

	.reviews__heading {
		row-gap: 16px;
	}

	.reviews__title {
		grid-column: 1/4;
	}

	.reviews__description {
		grid-column: 1/4;
		margin-top: 0;
		margin-left: 0;
	}

	.reviews__item-img {
		margin-right: 0;
	}

	.reviews__item-inner {
		grid-column: 2/5;
		margin-left: 0;
	}

	.reviews__item-heading {
		padding-left: 0;
	}

	.reviews__item-heading-inner {
		grid-template-columns: repeat(3, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.reviews__item-title {
		grid-column: 1/3;
	}

	.reviews__item-action {
		grid-column: 3/4;
	}

	.reviews__item-dropdown {
		padding-left: 0;
	}

	.reviews__item-dropdown-inner {
		display: block;
		padding-right: 40px;
	}

	.reviews__item-text {
		margin-bottom: 20px;
	}

	.reviews__item-description {
		min-height: unset;
		max-width: 100%;
	}

	.reviews__item-description p {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 8;
		-webkit-box-orient: vertical;
	}

	.reviews__item-info {
		max-width: 100%;
	}

	.reviews__item-detail {
		row-gap: 50px;
	}

	.reviews__item-letter-img {
		display: none;
	}

	.reviews__item-letter-info {
		display: flex;
		align-items: center;
		-moz-column-gap: 4px;
		column-gap: 4px;
		color: var(--grayscale-0);
	}

	.reviews__item-letter-info svg {
		flex: 0 0 24px;
		width: 24px;
		height: 24px;
		fill: var(--grayscale-0);
		margin-top: -2px;
	}

	.reviews__more {
		grid-column: 2 / span 2;
		width: -moz-max-content;
		width: max-content;
	}

	.services {
		padding-bottom: 100px;
	}

	.services__card:not(:last-child) {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.services__card:last-child {
		padding-bottom: 0;
	}

	.services__card:last-child .services__card-heading {
		padding: 0 24px;
		margin-bottom: 70px;
	}

	.services__card-text {
		flex-grow: 1;
		padding: 32px 24px;
	}

	.services__card-heading {
		margin-bottom: 24px;
	}

	.services__card-description {
		max-width: 320px;
	}

	.services__card-img {
		height: auto;
		min-height: 0;
		max-height: 500px;
		aspect-ratio: 720/500;
	}

	.services__card-img picture {
		position: static;
	}

	.services__card-list li:last-child .services__card-item {
		border: none;
	}

	.services__card-item {
		align-items: flex-start;
		padding: 16px 24px 15px;
		border-bottom: 1px solid var(--grayscale-30);
	}

	.services__card-item-title {
		flex-basis: calc(50% - 46px);
	}

	.services__card-item-img {
		display: none;
	}

	.services__card-item-category {
		flex-basis: 50%;
		justify-content: flex-start;
		padding-top: 3px;
		gap: 21px 16px;
	}

	.slider-pagination.swiper-pagination {
		display: block;
	}

	.social__item {
		flex: 0 1 auto;
	}

	.team__heading {
		display: block;
	}

	.team__title {
		max-width: 500px;
		margin-bottom: 15px;
	}

	.team__description {
		max-width: 330px;
		padding-top: 0;
	}

	.team__slider-wrapper {
		padding-bottom: 22px;
	}

	.team__slider-item-block {
		max-width: 234px;
		height: 240px;
	}

	.team__slider-item-button {
		bottom: 19px;
		right: 24px;
	}

	.advantages__main-title {
		grid-column: 1/5;
	}

	.advantages__title-window {
		width: 97px;
		margin: 0 28px;
	}

	.advantages__title-window span {
		height: 56px;
		top: -44px;
	}

	.advantages__secondary-title {
		grid-column: 1/5;
	}

	.advantages__columns {
		grid-template-columns: repeat(5, 1fr);
	}

	.showreel__body {
		display: flex;
		align-items: center;
	}

	.showreel__video {
		width: 100%;
		height: auto;
		aspect-ratio: 768/426;
	}

	.showreel__controls {
		width: calc(100% - 32px);
		left: 16px;
		right: 16px;
		transform: translateX(0);
	}

	.showreel__controls.is-hidden {
		transform: translate(0, 200%);
		pointer-events: none;
	}

	.modal__body {
		width: 100%;
		height: auto;
		max-height: 100vh;
		background-color: transparent;
		transform: translate(0, 100%);
	}

	.modal__content {
		padding: 60px 24px;
		background-color: var(--grayscale-0);
	}

	.modal__info {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.modal-form {
		width: 100%;
		transform: translate(0, 100%);
		background-color: transparent;
	}

	.modal-form__top {
		padding: 8px;
	}

	.modal-form__return-btn {
		background-color: var(--grayscale-0);
		border: 1px solid var(--grayscale-10);
		border-radius: 2px;
		padding: 10px 16px;
	}

	.modal-form__return-btn svg {
		transform: translateY(2px) rotate(180deg);
	}

	.modal-form__main {
		background-color: var(--grayscale-0);
		max-height: calc(100vh - 62px);
	}

	.modal-form__form {
		padding: 60px 24px;
	}

	.modal-form__form {
		padding: 40px 11px;
	}

	.letter__body {
		padding: 76px 24px;
	}

	.cards-static {
		padding: 100px 0;
	}

	.cards-static--development {
		padding: 50px 0;
	}

	.cards-static--development .cards-static__top {
		margin-bottom: 40px;
	}

	.cards-static__top {
		display: block;
		margin-bottom: 50px;
	}

	.cards-static__custom-popup {
		margin: 0 12px;
	}

	.cards-static__custom-popup .custom-popup__btn {
		top: -43px;
	}

	.cards-static__cards {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}

	.cards-static__card {
		height: 200px;
	}

	.cards-static__card-body {
		padding: 16px;
		row-gap: 8px;
		justify-content: stretch;
	}

	.cards-static__card-title {
		text-align: left;
		order: 2;
	}

	.cards-static__card-icon {
		order: 1;
		position: static;
		width: 44px;
		height: 44px;
		transform: translate(0, 0);
		margin-bottom: auto;
	}

	.cards-static__card-icon svg {
		width: 16px;
		height: 16px;
	}

	.cards-static__card-descr {
		order: 3;
		text-align: left;
	}

	.cards-static__bottom {
		margin-top: 40px;
	}

	.process {
		min-height: 700px;
	}

	.process--services .process__body {
		display: flex;
		flex-direction: column-reverse;
	}

	.process--services .process__img {
		margin: 24px 0;
		padding: 0;
	}

	.process--services .process__img img {
		width: 100%;
		height: 100%;
		position: static;
		aspect-ratio: 720/957;
	}

	.process--services .process__content {
		padding: 50px 0;
		row-gap: 50px;
	}

	.process--services .process__content-top {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.process--services .process__title {
		grid-column: 2/3;
	}

	.process--services .process__content-row {
		display: grid;
	}

	.process--services .process__content-row {
		display: flex;
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.process--services .process__content-row-text {
		grid-column: 2/4;
	}

	.process__content {
		grid-column: 1/3;
	}

	.process__content-top {
		display: block;
	}

	.process__content-list {
		row-gap: 50px;
	}

	.process__content-row {
		display: flex;
		align-items: flex-start;
	}

	.process__img {
		position: relative;
		grid-column: 3/5;
		margin: 40px 0;
		margin-right: -24px;
	}

	.process__img img {
		position: absolute;
		top: -20%;
		left: 0;
		width: 120%;
		height: 120%;
	}

	.system__top {
		height: auto;
	}

	.system__title-container {
		top: 0;
	}

	.system__title {
		grid-column: 2/4;
	}

	.system__title span {
		display: block;
	}

	.system__sphere {
		position: relative;
		transform: translateY(0);
	}

	.system__cards {
		position: relative;
		padding-bottom: 16px;
		transform: translateY(0);
	}

	.system__cards-list {
		gap: 8px 16px;
		height: 516px;
		transform: translateY(-100px);
	}

	.system__card:nth-child(1),
	.system__card:nth-child(2),
	.system__card:nth-child(3) {
		grid-column: 2/4;
	}

	.system__card {
		height: 200px;
		padding: 16px;
		align-items: flex-start;
	}

	.system__card-title {
		text-align: left;
	}

	.system__cards-bottom {
		border-bottom: 1px solid var(--grayscale-30);
	}

	.system__cards-descr {
		padding: 16px 0;
		grid-column: 2/4;
		border-bottom: none;
	}

	.system__bottom {
		opacity: 0;
	}

	.system__bottom-top {
		display: flex;
		justify-content: center;
		margin-bottom: 85px;
	}

	.system__bottom-descr {
		grid-column: 1/3;
	}

	.system__methods-list {
		display: flex;
		flex-direction: column;
		row-gap: 16px;
	}

	.system__methods-row {
		padding: 0;
		gap: 8px 16px;
	}

	.system__methods-title {
		grid-column: 1/2;
	}

	.system__methods-descr {
		grid-column: 1/3;
	}

	.footer__content {
		min-height: 640px;
		padding: 50px 0;
	}

	.footer__body {
		grid-template-columns: repeat(2, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
		align-items: flex-start;
	}

	.footer .logo {
		grid-column: span 1;
	}

	.footer__nav {
		grid-column: span 1;
		grid-row: span 3;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 16px;
	}

	.footer__list li:not(:last-child) {
		margin-bottom: 19px;
	}

	.footer__info {
		grid-column: span 1;
	}

	.table__top {
		margin-bottom: 32px;
	}

	.table__title {
		grid-column: 1/4;
	}

	.table__descr {
		grid-column: 1/3;
	}

	.table__heading {
		display: flex;
		align-items: center;
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.table__heading-first {
		flex: 0 0 115px;
	}

	.table__heading-main {
		flex: 1 1 100%;
		-moz-column-gap: 8px;
		column-gap: 8px;
	}

	.table__heading-last {
		flex: 0 0 115px;
	}

	.table__row {
		display: flex;
		align-items: center;
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.table__row-first {
		flex: 0 0 115px;
	}

	.table__row-main {
		flex: 1 1 100%;
		-moz-column-gap: 8px;
		column-gap: 8px;
	}

	.table__row-last {
		flex: 0 0 115px;
	}

	.services-accordion__top {
		margin-bottom: 40px;
	}

	.services-accordion__title {
		grid-column: 1/5;
	}

	.services-accordion__cards {
		display: flex;
		flex-direction: column;
		row-gap: 8px;
		margin-bottom: 40px;
	}

	.services-accordion__card {
		aspect-ratio: 720/489;
	}

	.services-accordion__card-bg {
		padding-right: 24px;
	}

	.services-accordion__card-img {
		aspect-ratio: 470/426;
	}

	.services-accordion__card-body {
		padding: 24px;
	}

	.services-accordion__card-top {
		-moz-column-gap: 12px;
		column-gap: 12px;
	}

	.services-accordion__bottom {
		padding-top: 0;
	}

	.services-accordion-bottom__btn {
		padding: 10px 0;
	}

	.services-accordion-bottom__btn-name {
		grid-column: 1/2;
	}

	.services-accordion-bottom__btn-services {
		grid-column: 2/3;
	}

	.services-accordion-bottom__btn-period {
		grid-column: 3/4;
	}

	.services-accordion-bottom__btn-last {
		grid-column: 4/5;
	}

	.services-accordion-bottom__item-list {
		grid-column: 2/5;
	}

	.services-accordion-bottom__item-row {
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.standarts {
		padding: 73px 0 172px 0;
	}

	.standarts__top {
		margin-bottom: 97px;
	}

	.standarts__title {
		grid-column: 1/5;
	}

	.standarts__custom-popup {
		width: 84px;
	}

	.standarts__custom-popup .custom-popup__btn {
		height: 56px;
	}

	.standarts__heading {
		display: flex;
		justify-content: flex-end;
	}

	.standarts__heading-block {
		display: flex;
		align-items: center;
	}

	.standarts__heading-column {
		flex: 0 0 100px;
	}

	.standarts__heading-column:last-child {
		justify-content: flex-end;
	}

	.standarts__row-info {
		display: flex;
	}

	.standarts__row-name {
		flex: 1 1 100%;
	}

	.standarts__row-columns {
		display: flex;
	}

	.standarts__row-column {
		flex: 0 0 100px;
	}

	.standarts__row-column:nth-child(2) {
		justify-content: flex-end;
	}

	.principles__title {
		grid-column: 1/4;
	}

	.principles__body {
		display: none;
	}

	.principles__hidden {
		display: grid;
		row-gap: 20px;
	}

	.principles__hidden-block {
		grid-column: span 2;
		color: var(--grayscale-90);
	}

	.prices__title {
		margin-bottom: 94px;
		grid-column: 1/4;
	}

	.prices__img {
		height: 510px;
		grid-column: 1/5;
		grid-row: 3/4;
	}

	.prices__content {
		grid-column: 1/5;
		grid-row: 2/3;
		margin-bottom: 66px;
	}

	.roi {
		padding-top: 50px;
	}

	.roi__top {
		margin-bottom: 60px;
	}

	.roi__title {
		grid-column: 1/5;
	}

	.roi__custom-popup {
		margin: 0 12px;
	}

	.roi__custom-popup .custom-popup__btn {
		top: -43px;
	}

	.roi__item-btn {
		row-gap: 24px;
	}

	.roi__btn-element {
		display: none;
	}

	.roi__btn-name {
		grid-column: 1/4;
		grid-row: 1/2;
	}

	.roi__btn-descr {
		grid-column: 1/4;
		grid-row: 2/3;
	}

	.roi__btn-action {
		grid-column: 4/5;
		grid-row: 1/3;
		align-items: flex-start;
	}

	.roi__item-content {
		padding-top: 24px;
	}

	.roi__item-list {
		grid-column: 1/4;
	}

	.roi__item-savings {
		grid-column: 1/4;
		padding: 12px;
		min-height: 50px;
	}

	.cases {
		padding-bottom: 50px;
	}

	.cases__list--cards {
		gap: 60px 16px;
	}

	.cases__list--cards .cases-item__img {
		aspect-ratio: 352/350;
	}

	.cases__list--cards .cases-item__info {
		row-gap: 6px;
	}

	.cases__list--list .cases-item__link {
		grid-template-columns: repeat(4, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.cases__list--list .cases-item__bottom {
		grid-column: 2/5;
	}

	.cases__list--list .cases-item__images-item:nth-child(n + 3) {
		display: none;
	}

	.cases__btn-container {
		grid-column: 2/4;
		display: flex;
		justify-content: center;
	}

	.cases__show-btn {
		margin-top: 60px;
	}

	.cases-nav__actions-item:nth-child(1) {
		display: none;
	}

	.image-case--container .image-case__body {
		padding: 20px 24px;
	}

	.image-case--grid .image-case__body {
		grid-template-columns: repeat(4, 1fr);
	}

	.image-case--grid .image-case__img:nth-child(1) {
		grid-column: 1/5;
		grid-row: 1/2;
	}

	.image-case--grid .image-case__img:nth-child(2) {
		grid-column: 1/3;
		grid-row: 2/3;
	}

	.image-case--grid .image-case__img:nth-child(3) {
		grid-column: 3/5;
		grid-row: 2/3;
	}

	.image-case__body {
		gap: 16px;
	}

	.descr-case {
		padding: 24px 0;
	}

	.descr-case__list {
		row-gap: 24px;
	}

	.descr-case__column:nth-child(1) {
		grid-column: 1/3;
		grid-row: 1/3;
		justify-content: space-between;
	}

	.descr-case__column:nth-child(2) {
		grid-column: 3/4;
		grid-row: 1/2;
	}

	.descr-case__column:nth-child(3) {
		grid-column: 4/5;
		grid-row: 1/2;
	}

	.descr-case__column:nth-child(4) {
		grid-column: 3/5;
		grid-row: 2/3;
	}

	.task-case {
		padding: 60px 0;
	}

	.task-case__custom-popup {
		margin: 0 12px;
	}

	.task-case__custom-popup .custom-popup__btn {
		top: -43px;
	}

	.task-case__subtitle {
		grid-column: 2/5;
	}

	.video-case__body {
		aspect-ratio: 746/442;
	}

	.video-case__btn {
		width: 60px;
		height: 60px;
	}

	.video-case__btn svg {
		width: 35px;
		height: 35px;
	}

	.info-case {
		padding: 60px 0;
	}

	.info-case__list {
		grid-column: 2/5;
		grid-template-columns: 1fr;
		row-gap: 24px;
	}

	.info-case__item {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.info-case__item-num {
		grid-column: 1/2;
	}

	.info-case__item-content {
		grid-column: 2/4;
	}

	.info-case__item-descr {
		max-width: 100%;
	}

	.team-case {
		padding: 50px 0;
	}

	.team-case__list {
		grid-column: 2/5;
		grid-template-columns: 1fr;
	}

	.team-case__item {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.team-case__item:nth-child(n + 2) {
		margin-top: -40px;
	}

	.team-case__item-img {
		grid-column: 1/2;
		height: 139px;
	}

	.team-case__item-img img {
		width: 136px;
		height: 139px;
	}

	.team-case__item-content {
		grid-column: 2/4;
	}

	.article-case {
		padding: 50px 0;
	}

	.article-case__link-column:nth-child(1) {
		grid-column: 1/2;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}

	.article-case__link-column:nth-child(2) {
		grid-column: 2/5;
		display: flex;
		-moz-column-gap: 71px;
		column-gap: 71px;
		align-items: flex-start;
	}

	.review-case {
		padding: 50px 0;
	}

	.review-case__title {
		grid-column: 1/4;
	}

	.review-case__body {
		row-gap: 40px;
	}

	.review-case__person {
		grid-column: 1/4;
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.review-case__img {
		flex: 0 0 172px;
		height: 229px;
	}

	.review-case__info {
		max-width: 100%;
	}

	.review-case__content {
		grid-column: 1/5;
	}

	.review-case__links {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.callback__body {
		row-gap: 50px;
	}

	.callback__info {
		grid-column: 1/5;
	}

	.callback__top {
		grid-template-columns: repeat(4, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.callback__descr {
		grid-column: 1/3;
	}

	.callback__bottom {
		display: block;
	}

	.callback__bottom-notice {
		display: block;
		margin-bottom: 8px;
	}

	.callback__bottom-phone {
		display: inline-block;
		margin-right: 16px;
	}

	.callback__form {
		grid-column: 1/5;
		padding-top: 0;
	}

	.faq__title {
		grid-column: 1/4;
	}

	.faq__item-btn {
		display: flex;
		align-items: flex-start;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.faq__item-text {
		flex: 1 1 100%;
	}

	.faq__item-content {
		display: block;
		padding: 0 50px 20px 50px;
	}

	.contacts__info {
		grid-column: 1/3;
	}

	.contacts__top {
		display: block;
	}

	.contacts__bottom {
		row-gap: 50px;
	}

	.contacts__address,
	.contacts__find-us {
		display: flex;
		align-items: flex-start;
		-moz-column-gap: 20px;
		column-gap: 20px;
		padding-right: 16px;
	}

	.contacts__video-btn {
		width: 180px;
	}

	.contacts__map-container {
		grid-column: 3/5;
		padding: 40px 0;
	}

	.contacts__map {
		aspect-ratio: 467/560;
	}

	.article__body {
		grid-column: 1/5;
	}

	.article__body p {
		font-size: 16px;
	}

	.article__body li {
		font-size: 16px;
	}

	.article__body ol li::before {
		padding: 0 2px 0px 8px;
	}

	.article__body ul li {
		padding-left: 24px;
	}

	.article__body ul li::before {
		top: 11px;
		left: 10px;
		width: 5px;
		height: 5px;
	}

	.magazine__body {
		padding-top: 20px;
	}

	.magazine__list--grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		gap: 40px 14px;
	}

	.magazine__list--grid .magazine-card {
		grid-column: span 1 !important;
		grid-row: auto !important;
	}

	.magazine__list--grid .magazine-card__img {
		aspect-ratio: 1/1;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__link {
		position: static;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__img {
		aspect-ratio: 1/1;
		height: auto;
		margin-bottom: 14px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__img::after {
		display: none;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__num {
		display: flex;
		margin-bottom: 12px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__content {
		position: static;
		padding: 0;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__title {
		font-family: inherit;
		font-weight: inherit;
		font-size: inherit;
		line-height: inherit;
		text-transform: none;
		color: var(--grayscale-90);
		margin-bottom: 4px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__descr {
		color: var(--grayscale-80);
	}

	.magazine__list--list .magazine-card__link {
		grid-template-columns: repeat(4, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.magazine__list--list .magazine-card__content {
		grid-column: 2/5;
	}

	.magazine__list--list .magazine-card__arrow {
		grid-column: 4/5;
	}

	.magazine__btn-container {
		display: flex;
		justify-content: center;
	}

	.magazine__body {
		padding-top: 20px;
	}

	.magazine__list--grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		gap: 40px 14px;
	}

	.magazine__list--grid .magazine-card {
		grid-column: span 1 !important;
		grid-row: auto !important;
	}

	.magazine__list--grid .magazine-card__img {
		aspect-ratio: 1/1;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__link {
		position: static;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__img {
		aspect-ratio: 1/1;
		height: auto;
		margin-bottom: 14px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__img::after {
		display: none;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__num {
		display: flex;
		margin-bottom: 12px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__content {
		position: static;
		padding: 0;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__title {
		font-family: inherit;
		font-weight: inherit;
		font-size: inherit;
		line-height: inherit;
		text-transform: none;
		color: var(--grayscale-90);
		margin-bottom: 4px;
	}

	.magazine__list--grid .magazine-card--featured .magazine-card__descr {
		color: var(--grayscale-80);
	}

	.magazine__list--list .magazine-card__link {
		grid-template-columns: repeat(4, 1fr);
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.magazine__list--list .magazine-card__content {
		grid-column: 2/5;
	}

	.magazine__list--list .magazine-card__arrow {
		grid-column: 4/5;
	}

	.magazine__btn-container {
		display: flex;
		justify-content: center;
	}
}

@media (max-width: 1025px) {
	.hero__secondary {
		height: auto;
	}

	.hero-main__top {
		padding-top: 75px;
		display: block;
	}

	.hero-main__subtitle {
		max-width: 262px;
	}

	.hero-main__center-container {
		display: flex;
		flex-direction: column;
		row-gap: 44px;
	}

	.hero-main__bottom {
		padding-bottom: 40px;
	}

	.hero-main__video-btn {
		width: 180px;
		height: 110px;
	}

	.hero-main__video-notice {
		display: none;
	}

	.hero-secondary {
		padding-top: 70px;
	}

	.hero-secondary__top {
		height: -moz-fit-content;
		height: fit-content;
	}

	.hero-secondary__svg-container {
		position: relative;
		height: -moz-fit-content;
		height: fit-content;
	}

	.hero-secondary__svg-container {
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.hero-secondary__svg--desktop {
		display: none;
	}

	.hero-secondary__svg--tablet {
		display: block;
		grid-column: 1/2;
		margin-right: -46px;
	}

	.hero-secondary__notices {
		padding-top: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.hero-secondary__notice:nth-child(1) {
		height: 100px;
		grid-column: 2/4;
		padding-left: 42px;
		margin-top: -2px;
	}

	.hero-secondary__notice:nth-child(2) {
		position: absolute;
		top: 50%;
		transform: translateY(calc(-100% + 8px));
		padding-left: 42px;
		grid-column: 2/4;
	}

	.hero-secondary__main {
		padding: 40px 0 120px 0;
		height: auto;
	}

	.hero-secondary__main {
		padding: 16px 0 66px 0;
		flex: 1 1 auto;
	}

	.hero-secondary__text {
		grid-column: 1/5;
		padding-right: 0;
	}

	.hero-service__bg {
		align-items: center;
		justify-content: center;
	}

	.hero-service__bg-img {
		width: 100%;
		height: auto;
		aspect-ratio: 768/614;
	}

	.hero-service__body {
		padding-top: 104px;
	}

	.hero-service__main {
		align-items: flex-start;
	}

	.hero-service__title {
		grid-column: 1/4;
		margin-bottom: 12px;
	}

	.hero-service__descr {
		grid-column: 1/3;
	}

	.hero-service__bottom {
		padding-bottom: 0;
	}

	.hero-service__list {
		row-gap: 20px;
	}

	.hero-service__column {
		grid-column: 1/3;
		flex-direction: row;
		align-items: flex-start;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.hero-services__bg {
		align-items: center;
		justify-content: center;
	}

	.services__content {
		height: 100svh;
	}

	.services__card-window {
		display: none;
	}

	.services__card {
		height: 80svh;
		top: 50%;
		transform: translateY(-50%);
	}

	.services__card:not(:first-child) {
		transform: translateY(0%);
		top: 100%;
	}

	.services__card:last-child {
		min-height: 80svh;
		height: -moz-fit-content;
		height: fit-content;
	}

	.advantages__screen-body {
		position: relative;
		padding-bottom: 0;
	}

	.advantages__screen-top {
		padding: 80px 0;
	}

	.advantages__columns {
		opacity: 1;
		grid-template-columns: repeat(4, 1fr);
		row-gap: 12px;
		padding-bottom: 100px;
		transform: translateY(100%);
	}

	.advantages__column {
		height: 224px;
		flex-direction: row;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.advantages__column {
		height: 200px;
		flex-direction: row;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.advantages__column:nth-child(1),
	.advantages__column:nth-child(2) {
		grid-column: 2/4;
	}

	.advantages__column:nth-child(1) .advantages__column-body,
	.advantages__column:nth-child(2) .advantages__column-body {
		width: 100%;
	}

	.advantages__column:nth-child(3) {
		grid-column: 2/4;
	}

	.advantages__column-top {
		flex: 0 0 18px;
		flex-direction: column;
		gap: 8px 0;
	}

	.advantages__column-line--desktop {
		display: none;
	}

	.advantages__column-line--mobile {
		display: block;
		width: 2px;
		height: 194px;
	}

	.advantages__column-line--mobile svg {
		width: 100%;
		height: 100%;
	}

	.letter__img {
		width: auto;
		height: auto;
	}
}

@media (max-width: 1023px) {
	.news__slider-item .news-card__img {
		aspect-ratio: 352/350;
	}

	.news__slider-item:nth-child(5n + 1) .news-card__img {
		aspect-ratio: 352/350;
	}

	.news__slider-item:nth-child(5n + 3) .news-card__img,
	.news__slider-item:nth-child(5n + 5) .news-card__img {
		aspect-ratio: 352/350;
	}
}

@media (max-width: 767px) {
	.container {
		padding: 0 11px;
	}

	.section {
		padding: 80px 0;
	}

	.grid-container {
		-moz-column-gap: 11px;
		column-gap: 11px;
	}

	.title-1 {
		font-size: 26px;
		line-height: 1.27;
	}

	.title-2 {
		font-size: 28px;
	}

	.title-3 {
		font-size: 22px;
		line-height: 1.32;
	}

	.title-4 {
		font-size: 18px;
		line-height: 1.33;
	}

	.title-5 {
		font-size: 18px;
	}

	.button {
		width: 100%;
	}

	.consultation-btn {
		bottom: 40px;
		right: 11px;
		width: calc(100% - 22px);
		justify-content: center;
	}

	.custom-popup__btn {
		width: 66px;
	}

	.custom-popup__element {
		flex: 0 0 44px;
		height: 44px;
	}

	.custom-popup__element svg {
		width: 16px;
		height: 16px;
	}

	.custom-popup--small .custom-popup__btn {
		width: 48px;
	}

	.custom-popup--small .custom-popup__element {
		flex: 0 0 32px;
		height: 32px;
	}

	.custom-popup--small .custom-popup__element svg {
		width: 16px;
		height: 16px;
	}

	.header-menu__container {
		width: 100%;
	}

	.header-menu__body {
		padding: 0;
	}

	.header-menu__top-container {
		align-items: center;
		justify-content: space-between;
		margin-bottom: 0;
		padding: 16px 11px;
	}

	.header-menu__logo {
		display: block;
		flex: 0 0 140px;
		height: 32px;
	}

	.header-menu__content {
		padding: 20px 20px 0 20px;
	}

	.header-submenu {
		width: 100%;
	}

	.header-submenu__container {
		padding: 0;
	}

	.header-submenu__top {
		align-items: flex-start;
		margin-bottom: 0;
		padding: 16px 11px 0 11px;
	}

	.header-submenu__logo {
		display: block;
		width: 140px;
		height: 32px;
		margin-bottom: 36px;
	}

	.header-submenu__close-btn {
		margin-left: 9px;
	}

	.header-submenu__main {
		padding: 0 20px;
		margin-bottom: 30px;
	}

	.header-submenu__title {
		padding: 12px 0;
	}

	.header-submenu__secondary-list {
		row-gap: 16px;
	}

	.header-menu__close-btn svg,
	.header-submenu__close-btn svg,
	.header-submenu__close-menu svg {
		flex: 0 0 18px;
		height: 18px;
	}

	.header-menu-bottom__body {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		row-gap: 20px;
		padding: 0 20px 20px 20px;
	}

	.hero {
		min-height: -webkit-fill-available;
		min-height: 100vh;
	}

	.hero__bg {
		min-height: -webkit-fill-available;
		min-height: 100vh;
	}

	.hero__main {
		min-height: -webkit-fill-available;
		min-height: 100vh;
	}

	.hero__secondary {
		min-height: -webkit-fill-available;
		min-height: 0;
	}

	.hero-secondary {
		padding-top: 59px;
		display: flex;
		flex-direction: column;
	}

	.hero-secondary__top {
		min-height: 0;
		height: auto;
	}

	.hero-secondary__svg--tablet {
		display: none;
	}

	.hero-secondary__svg--mobile {
		display: block;
		height: 100%;
		width: 18px;
	}

	.hero-secondary__svg--mobile svg {
		-o-object-fit: cover;
		object-fit: cover;
	}

	.hero-secondary__notice:nth-child(1) {
		grid-column: 1/5;
		margin-top: -4px;
	}

	.hero-secondary__notice:nth-child(2) {
		grid-column: 1/5;
		transform: translateY(calc(-100% + 4px));
	}

	.hero-secondary__main {
		padding-bottom: 46px;
	}

	.hero-secondary__text {
		padding-bottom: 20px;
	}

	.hero-secondary__custom-popup {
		width: 66px;
		overflow: visible;
	}

	.hero-secondary__custom-popup .custom-popup__btn {
		height: 44px;
		transform: translateY(-30px);
	}

	.hero-secondary__custom-popup--2 {
		height: 34px;
	}

	.hero-secondary__custom-popup--2 .custom-popup__btn {
		height: 34px;
		transform: translateY(5px);
	}

	.hero-service__bg-img {
		aspect-ratio: 375/300;
	}

	.hero-service__title {
		grid-column: 1/5;
	}

	.hero-service__descr {
		grid-column: 1/5;
	}

	.hero-service__bottom {
		padding-bottom: 120px;
	}

	.hero-service__column {
		grid-column: 1/5;
	}

	.hero-services__main {
		padding-bottom: 184px;
	}

	.hero-services__title {
		grid-column: 1/5;
	}

	.hero-services__descr {
		grid-column: 1/5;
	}

	.hero-services__main-list {
		grid-column: 1/5;
	}

	.hero-white {
		min-height: 310px;
	}

	.hero-white__title {
		grid-column: 1/5;
	}

	.hero-case {
		padding-top: 204px 0 50px 0;
	}

	.hero-contacts {
		height: auto;
	}

	.hero-contacts__body {
		padding-bottom: 126px;
		row-gap: 74px;
	}

	.hero-contacts__top {
		padding-right: 0;
	}

	.hero-contacts__column:nth-child(2) {
		row-gap: 12px;
	}

	.hero-contacts__persons {
		max-width: 100%;
		flex-direction: row;
	}

	.hero-contacts__person {
		position: relative;
	}

	.hero-contacts__person:nth-child(1) {
		margin-right: -20px;
		z-index: 2;
	}

	.hero-contacts__person:nth-child(2) {
		margin-top: 0;
	}

	.hero-contacts__person-img {
		flex: 0 0 100px;
		height: 100px;
	}

	.hero-contacts__person-info {
		display: none;
	}

	.hero-contacts__person-short-name {
		position: absolute;
		bottom: 3px;
		right: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		border-radius: 100%;
		background-color: var(--grayscale-90);
		color: var(--grayscale-0);
		font-weight: 700;
		font-size: 9px;
		letter-spacing: -0.01em;
		text-transform: uppercase;
	}

	.hero-contacts__socials {
		position: static;
	}

	.hero-contacts__socials-list {
		flex-wrap: wrap;
		flex-direction: row;
	}

	.hero-404__body {
		row-gap: 32px;
	}

	.hero-404__descr {
		margin-bottom: 32px;
	}

	.hero-article__title {
		grid-column: 1/5;
	}

	.awards__title {
		margin-bottom: 32px;
	}

	.awards__content {
		margin-bottom: 32px;
	}

	.card .brackets {
		position: absolute;
		top: 70.5vw;
		right: 0;
		z-index: 1;
	}

	.card__img {
		aspect-ratio: 353/250;
	}

	.card__text {
		padding-right: 46px;
	}

	.card__title {
		margin-bottom: 4px;
	}

	.feature {
		padding: 160px 0;
	}

	.feature__custom-popup {
		width: 66px;
		margin: 0 10px;
	}

	.feature__custom-popup .custom-popup__btn {
		height: 44px;
		transform: translateY(-29px);
	}

	.feedback__content {
		padding: 45px 0;
		gap: 36px;
	}

	.feedback__heading {
		min-height: 420px;
	}

	.feedback__contact {
		position: relative;
	}

	.feedback__contact:not(:last-child) {
		margin-bottom: 0;
		margin-right: -34px;
		z-index: 1;
	}

	.feedback__contacts {
		display: flex;
		margin-left: -6px;
	}

	.feedback__contact-photo {
		width: 110px;
	}

	.feedback__contact-text {
		display: none;
	}

	.feedback__contact-initials {
		position: absolute;
		bottom: 9px;
		right: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background-color: var(--grayscale-90);
		font-size: 9px;
		line-height: 1;
		letter-spacing: -0.01em;
	}

	.feedback__bottom {
		display: block;
	}

	.feedback__links {
		margin-bottom: 44px;
	}

	.news__heading {
		margin-bottom: 31px;
	}

	.news__title span {
		display: inline;
	}

	.news__button {
		left: 11px;
		right: 11px;
		bottom: 204px;
	}

	.news__content {
		margin-bottom: 156px;
	}

	.news__slider {
		margin: 0 -11px;
		padding: 0 11px;
	}

	.news__more {
		grid-column: 1/5;
	}

	.news .news-pagination {
		width: calc(100% - 22px);
		left: 11px;
	}

	.projects__heading {
		margin-bottom: 32px;
	}

	.projects__content:not(:last-child) {
		margin-bottom: 32px;
	}

	.projects__list {
		grid-template-columns: repeat(1, 1fr);
		gap: 40px;
	}

	.projects__list li:nth-child(8n + 2) .card__img {
		aspect-ratio: 353/250;
	}

	.projects__list li:nth-child(8n + 3) .card__img {
		aspect-ratio: 353/250;
	}

	.projects__list li:nth-child(8n + 5) .card__img {
		aspect-ratio: 353/250;
	}

	.projects__list li:nth-child(8n + 6) .card__img {
		aspect-ratio: 353/250;
	}

	.projects__list li:nth-child(8n + 8) .card__img {
		aspect-ratio: 353/250;
	}

	.projects__button span {
		display: none;
	}

	.rating--front .rating__content {
		gap: 8px;
	}

	.rating--front .rating__card {
		grid-column: 1/5;
		min-height: 200px;
		align-items: flex-start;
		text-align: left;
		gap: 8px;
	}

	.rating--case .rating__card {
		grid-column: 1/5;
		padding: 32px 16px;
	}

	.rating--case .rating__card-title {
		margin-top: 0;
	}

	.rating--case .rating__content {
		gap: 11px;
	}

	.rating__card-title {
		margin-top: auto;
	}

	.rating__card-description {
		min-height: auto;
	}

	.reviews--front {
		margin-top: 200vh;
	}

	.reviews__heading {
		margin-bottom: 32px;
	}

	.reviews__title {
		grid-column: 1/5;
	}

	.reviews__description {
		grid-column: 1/5;
	}

	.reviews__content {
		margin-bottom: 32px;
	}

	.reviews__item {
		display: block;
	}

	.reviews__item-img {
		display: none;
	}

	.reviews__item-heading-inner {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.reviews__item-title {
		margin-top: 2px;
	}

	.reviews__item-dropdown-inner {
		padding-right: 0px;
	}

	.reviews__item-dropdown-img {
		width: 140px;
		height: 140px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--grayscale-90);
		margin-bottom: 32px;
	}

	.reviews__item-dropdown-img svg {
		transform: scale(2.2);
		fill: var(--grayscale-0);
	}

	.reviews__item-detail {
		row-gap: 44px;
	}

	.reviews__bottom {
		display: block;
	}

	.services {
		padding-bottom: 160px;
	}

	.services__card {
		height: 88svh;
	}

	.services__card:last-child {
		min-height: 88svh;
	}

	.services__card:last-child {
		padding: 24px 0 10px;
	}

	.services__card:last-child .services__card-heading {
		padding: 0 16px;
		margin-bottom: 85px;
	}

	.services__card-text {
		padding: 24px 16px;
	}

	.services__card .brackets {
		order: 1;
	}

	.services__card-img {
		aspect-ratio: 353/320;
	}

	.services__card-item {
		padding: 15px 16px;
	}

	.services__card-item-title {
		flex-basis: auto;
	}

	.services__card-item-category {
		display: none;
	}

	.social {
		gap: 4px;
	}

	.social__item-img {
		width: 44px;
		height: 44px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--grayscale-90);
		border-radius: 2px;
	}

	.social__item-img svg:nth-child(1) {
		display: none;
	}

	.social__item-img svg:nth-child(2) {
		display: block;
		fill: var(--grayscale-0);
	}

	.social__item-title {
		display: none;
	}

	.team__heading {
		margin-bottom: 32px;
	}

	.team__title {
		margin-bottom: 7px;
	}

	.team__slider {
		margin: 0 -11px;
		padding: 0 11px;
	}

	.advantages {
		height: 100svh;
		min-height: 100vh;
	}

	.advantages__sticky {
		position: relative;
		height: 100%;
	}

	.advantages__title-window {
		width: 76px;
		margin: 0 16px;
	}

	.advantages__title-window span {
		height: 44px;
		top: -36px;
	}

	.advantages__screen-top {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		will-change: transform;
	}

	.advantages__secondary-title-container {
		position: relative;
	}

	.advantages__columns {
		position: absolute;
		left: 0;
		bottom: 0;
		row-gap: 9px;
		padding-bottom: 80px;
		will-change: transform;
	}

	.advantages__column:nth-child(1),
	.advantages__column:nth-child(2) {
		grid-column: 1/5;
	}

	.advantages__column:nth-child(3) {
		grid-column: 1/5;
	}

	.showreel__close-btn {
		top: 11px;
		right: 11px;
	}

	.showreel__controls {
		width: calc(100% - 22px);
		left: 11px;
		right: 11px;
		bottom: 11px;
	}

	.showreel__img {
		height: auto;
		aspect-ratio: 36/24;
	}

	.showreel__img img {
		height: auto;
		aspect-ratio: 36/24;
	}

	.modal__content {
		padding: 40px 11px;
		row-gap: 32px;
	}

	.modal__img {
		flex: 0 0 90px;
		height: 90px;
	}

	.modal-form__file-item-name {
		max-width: 123px;
	}

	.letter__close-btn {
		top: 11px;
		right: 11px;
	}

	.letter__body {
		padding: 76px 11px;
	}

	.cards-static {
		padding: 80px 0;
	}

	.cards-static__top {
		margin-bottom: 44px;
	}

	.cards-static__custom-popup {
		width: 66px;
		margin: 0 8px;
	}

	.cards-static__custom-popup .custom-popup__btn {
		top: -30px;
	}

	.cards-static__cards {
		grid-template-columns: 1fr;
	}

	.cards-static__bottom-notice {
		margin-bottom: 15px;
	}

	.cards-static__marq-item {
		margin-bottom: 15px;
	}

	.process {
		min-height: unset;
	}

	.process--services .process__img {
		margin: 11px 0;
	}

	.process--services .process__img img {
		aspect-ratio: 353/469;
	}

	.process--services .process__content {
		padding: 30px 0 50px 0;
		row-gap: 30px;
	}

	.process--services .process__content-top {
		-moz-column-gap: 11px;
		column-gap: 11px;
	}

	.process--services .process__title {
		grid-column: 1/4;
	}

	.process--services .process__content-list {
		row-gap: 30px;
	}

	.process__body {
		display: block;
	}

	.process__content {
		padding: 60px 0 40px 0;
		row-gap: 44px;
	}

	.process__title {
		width: calc((100% - 33px) / 2);
	}

	.process__content-list {
		row-gap: 32px;
	}

	.process__img {
		padding: 20px 0;
		aspect-ratio: 353/469;
		margin: 0;
	}

	.process__img img {
		position: static;
		width: 100%;
		height: 100%;
	}

	.system__title {
		grid-column: 1/5;
	}

	.system__sphere {
		width: 200%;
		height: 200%;
		transform: translateX(-25%);
	}

	.system__cards {
		padding-bottom: 20px;
	}

	.system__card:nth-child(1),
	.system__card:nth-child(2),
	.system__card:nth-child(3) {
		grid-column: 1/5;
	}

	.system__cards-descr {
		grid-column: 1/5;
	}

	.system__bottom-top {
		margin-bottom: 60px;
		justify-content: flex-start;
	}

	.system__bottom-descr {
		grid-column: 1/5;
		margin-bottom: 32px;
	}

	.system__methods {
		grid-column: 1/5;
	}

	.system__methods-list {
		row-gap: 20px;
	}

	.footer__content {
		min-height: auto;
		padding: 44px 0;
		gap: 40px;
	}

	.footer__body {
		display: flex;
		flex-direction: column;
		align-items: initial;
		gap: 44px;
	}

	.footer .logo {
		width: 175px;
		height: 38px;
	}

	.footer__nav {
		gap: 43px 11px;
		margin-bottom: 117px;
	}

	.footer__info {
		max-width: none;
	}

	.footer__info-item:not(:last-child) {
		margin-bottom: 18px;
	}

	.table__top {
		display: block;
	}

	.table__heading {
		display: none;
	}

	.table__row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 11px;
	}

	.table__row-first {
		grid-column: 1/2;
		grid-row: 1/2;
	}

	.table__row-main {
		grid-column: 1/3;
		grid-row: 2/3;
		display: flex;
		flex-direction: column;
		row-gap: 8px;
	}

	.table__row-column span:first-child {
		display: block;
		color: var(--grayscale-60);
	}

	.table__row-column {
		justify-content: space-between;
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.table__row-last {
		grid-column: 2/3;
		grid-row: 1/2;
	}

	.services-accordion__cards {
		row-gap: 11px;
		margin-bottom: 40px;
	}

	.services-accordion__card {
		aspect-ratio: 353/489;
	}

	.services-accordion__card-bg {
		padding-right: 0;
	}

	.services-accordion__card-img {
		width: 100%;
		aspect-ratio: 353/426;
	}

	.services-accordion__card-body {
		padding: 16px;
	}

	.services-accordion__card-top {
		-moz-column-gap: 16px;
		column-gap: 16px;
	}

	.services-accordion__card-descr {
		max-width: 100%;
	}

	.services-accordion-bottom__item {
		border-top: 1px solid var(--grayscale-30);
	}

	.services-accordion-bottom__btn {
		padding: 0;
	}

	.services-accordion-bottom__btn-top {
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
	}

	.services-accordion-bottom__btn-bottom {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		min-height: 48px;
	}

	.services-accordion-bottom__btn-bottom span {
		display: flex;
		align-items: center;
		padding: 15px 0;
	}

	.services-accordion-bottom__btn-bottom span:nth-child(1) {
		padding-left: 4px;
		text-align: left;
		justify-content: flex-start;
	}

	.services-accordion-bottom__btn-bottom span:nth-child(2) {
		text-align: center;
		justify-content: center;
	}

	.services-accordion-bottom__btn-bottom span:nth-child(3) {
		text-align: right;
		justify-content: flex-end;
	}

	.services-accordion-bottom__btn-name {
		flex: 1 1 100%;
	}

	.services-accordion-bottom__btn-services {
		display: none;
	}

	.services-accordion-bottom__btn-period {
		display: none;
	}

	.services-accordion-bottom__btn-price {
		display: none;
	}

	.services-accordion-bottom__item-list {
		grid-column: 1/5;
	}

	.services-accordion-bottom__item-row {
		-moz-column-gap: 0;
		column-gap: 0;
	}

	.services-accordion-bottom__item-row span {
		padding-right: 4px;
	}

	.services-accordion-bottom__item-row span:nth-child(1) {
		padding-left: 4px;
	}

	.services-accordion-bottom__item-row span:nth-child(2) {
		text-align: center;
	}

	.services-accordion-bottom__item-row span:nth-child(3) {
		text-align: right;
	}

	.standarts {
		padding: 73px 0 37px 0;
	}

	.standarts__top {
		margin-bottom: 40px;
	}

	.standarts__custom-popup {
		width: 66px;
		margin: 0 10px;
		overflow: visible;
	}

	.standarts__custom-popup--1 {
		display: none;
	}

	.standarts__custom-popup--2 {
		display: inline-block;
	}

	.standarts__custom-popup .custom-popup__btn {
		height: 44px;
		transform: translateY(-30px);
	}

	.standarts__heading {
		display: none;
	}

	.standarts__list {
		row-gap: 24px;
	}

	.standarts__row {
		position: relative;
		padding: 0;
	}

	.standarts__row-type {
		grid-column: 1/4;
		grid-row: 1/2;
		margin-bottom: 12px;
	}

	.standarts__row-info {
		grid-column: 1/4;
		grid-row: 2/3;
	}

	.standarts__row-column:nth-child(1) {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}

	.standarts__row-column:nth-child(2) {
		display: none;
	}

	.principles__hidden-block {
		grid-column: span 4;
	}

	.principles__hidden-list {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.prices {
		padding-top: 68px;
	}

	.prices__title {
		margin-bottom: 40px;
		grid-column: 1/5;
	}

	.prices__img {
		height: 265px;
	}

	.prices__content {
		margin-bottom: 97px;
	}

	.prices__descr {
		margin-bottom: 24px;
	}

	.prices__row {
		adding: 16px 0;
		-moz-column-gap: 16px;
		column-gap: 16px;
		align-items: flex-start;
	}

	.prices__row-title {
		flex: 1 1 100%;
	}

	.roi__top {
		margin-bottom: 40px;
	}

	.roi__custom-popup {
		width: 66px;
		margin: 0 8px;
	}

	.roi__custom-popup .custom-popup__btn {
		top: -30px;
	}

	.roi__item-btn {
		position: relative;
		row-gap: 16px;
	}

	.roi__btn-name {
		grid-column: 1/5;
		padding-right: 44px;
	}

	.roi__btn-descr {
		grid-column: 1/5;
		padding-right: 44px;
	}

	.roi__btn-action {
		position: absolute;
		top: 0;
		right: 0;
	}

	.roi__item-content {
		padding-top: 12px;
	}

	.roi__item-list {
		grid-column: 1/5;
	}

	.roi__item-row {
		-moz-column-gap: 12px;
		column-gap: 12px;
	}

	.roi__item-savings {
		grid-column: 1/5;
	}

	.cases__list--cards .cases-item {
		grid-column: span 2;
	}

	.cases__list--cards .cases-item__num {
		display: none;
	}

	.cases__list--cards .cases-item__bottom-brackets {
		display: flex;
	}

	.cases__list--cards .cases-item__img {
		aspect-ratio: 353/250;
	}

	.cases__list--cards .cases-item__bottom {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.cases__list--list .cases-item__link {
		-moz-column-gap: 11px;
		column-gap: 11px;
		padding: 20px 0;
	}

	.cases__list--list .cases-item__images-list {
		display: none;
	}

	.cases__btn-container {
		grid-column: 2/5;
		display: flex;
		justify-content: flex-start;
	}

	.cases__show-btn {
		margin-top: 40px;
	}

	.image-case--container .image-case__body {
		padding: 11px;
	}

	.image-case--grid .image-case__body {
		grid-template-columns: 1fr;
	}

	.image-case--grid .image-case__img:nth-child(2) {
		grid-column: 1/5;
		grid-row: 2/3;
	}

	.image-case--grid .image-case__img:nth-child(3) {
		grid-column: 1/5;
		grid-row: 3/4;
	}

	.image-case__body {
		gap: 11px;
	}

	.descr-case {
		padding: 50px 0;
	}

	.descr-case__list {
		row-gap: 40px;
	}

	.descr-case__column:nth-child(1) {
		grid-column: 1/5;
		grid-row: 1/2;
	}

	.descr-case__column:nth-child(2) {
		grid-column: 1/5;
		grid-row: 2/3;
	}

	.descr-case__column:nth-child(3) {
		grid-column: 1/5;
		grid-row: 3/4;
	}

	.descr-case__column:nth-child(4) {
		grid-column: 1/5;
		grid-row: 4/5;
	}

	.task-case {
		padding: 50px 0;
	}

	.task-case__body {
		display: block;
	}

	.task-case__custom-popup {
		width: 66px;
		margin: 0 8px;
	}

	.task-case__custom-popup .custom-popup__btn {
		top: -30px;
	}

	.task-case__title {
		margin-bottom: 24px;
	}

	.video-case {
		padding: 11px 0;
	}

	.video-case__body {
		aspect-ratio: 353/216;
	}

	.video-case__btn {
		width: 44px;
		height: 44px;
	}

	.video-case__btn svg {
		width: 32px;
		height: 32px;
	}

	.info-case {
		padding: 50px 0;
	}

	.info-case__body {
		display: block;
	}

	.info-case__title {
		margin-bottom: 40px;
	}

	.info-case__list {
		row-gap: 32px;
	}

	.info-case__item {
		display: flex;
	}

	.team-case__body {
		display: block;
	}

	.team-case__title {
		margin-bottom: 40px;
	}

	.team-case__item {
		display: flex;
	}

	.team-case__item:nth-child(n + 2) {
		margin-top: -30px;
	}

	.team-case__item-img {
		flex: 0 0 104px;
		height: 106px;
	}

	.team-case__item-img img {
		width: 100%;
		height: 100%;
	}

	.article-case__link {
		padding: 0;
		display: block;
	}

	.article-case__link-column:nth-child(1) {
		margin-bottom: 24px;
		padding: 0;
		-moz-column-gap: 32px;
		column-gap: 32px;
	}

	.article-case__link-column:nth-child(2) {
		-moz-column-gap: 29px;
		column-gap: 29px;
	}

	.review-case__top {
		margin-bottom: 50px;
	}

	.review-case__title {
		grid-column: 1/5;
	}

	.review-case__person {
		grid-column: 1/5;
	}

	.review-case__img {
		flex: 0 0 91px;
		height: 121px;
	}

	.review-case__links {
		flex-direction: column;
		row-gap: 20px;
		align-items: flex-start;
	}

	.callback__body {
		row-gap: 44px;
	}

	.callback__info {
		row-gap: 32px;
	}

	.callback__top {
		display: block;
	}

	.callback__bottom {
		display: flex;
	}

	.callback__bottom-notice {
		margin-bottom: 0;
	}

	.callback__bottom-phone {
		margin-right: 0;
	}

	.callback__fields {
		margin-bottom: 32px;
	}

	.faq__top {
		margin-bottom: 32px;
	}

	.faq__title {
		grid-column: 1/5;
	}

	.faq__item-content {
		padding: 0 0 20px 50px;
	}

	.contacts__body {
		display: flex;
		flex-direction: column;
	}

	.contacts__info {
		padding: 60px 0 40px 0;
	}

	.contacts__top {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.contacts__title {
		grid-column: 1/2;
	}

	.contacts__bottom {
		row-gap: 32px;
	}

	.contacts__address,
	.contacts__find-us {
		padding-right: 0;
	}

	.contacts__video-btn {
		width: 150px;
	}

	.contacts__map-container {
		padding: 20px 0;
	}

	.contacts__map {
		aspect-ratio: 353/469;
	}

	.article__body h2 {
		font-size: 18px;
		line-height: 132%;
	}

	.magazine__list--grid {
		grid-template-columns: 1fr;
		row-gap: 32px;
	}

	.magazine__list--list .magazine-card__link {
		-moz-column-gap: 11px;
		column-gap: 11px;
		padding: 24px 0;
	}

	.magazine__list--list .magazine-card__date {
		grid-column: 1/3;
		margin-bottom: 16px;
	}

	.magazine__list--list .magazine-card__categories {
		grid-column: 3/5;
		align-items: flex-end;
		margin-bottom: 16px;
	}

	.magazine__list--list .magazine-card__content {
		grid-column: 1/5;
		grid-row: 2;
	}

	.magazine__list--list .magazine-card__arrow {
		grid-row: 2;
		align-self: end;
	}

	.magazine-card__arrow {
		display: none;
	}

	.magazine-nav.is-dropdown-open {
		z-index: 600;
	}

	.magazine-nav__overlay {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 2;
		background-color: rgba(2, 3, 5, 0.2);
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
		opacity: 0;
		visibility: hidden;
		transition:
			opacity 0.3s ease,
			visibility 0.3s ease;
	}

	.magazine-nav.is-dropdown-open .magazine-nav__overlay {
		opacity: 1;
		visibility: visible;
	}

	.magazine-nav__sticky {
		margin-left: -11px;
	}

	.magazine-nav__label {
		display: none;
	}

	.magazine-nav__bottom {
		position: relative;
		align-items: center;
	}

	.magazine-nav__dropdown {
		display: flex;
		background-color: var(--grayscale-0);
		padding: 20px 0 20px 11px;
	}

	.magazine-nav__filters {
		display: none;
	}

	.magazine-nav__actions {
		position: relative;
		z-index: 1;
	}

	.magazine__list--grid {
		grid-template-columns: 1fr;
		row-gap: 32px;
	}

	.magazine__list--list .magazine-card__link {
		-moz-column-gap: 11px;
		column-gap: 11px;
		padding: 24px 0;
	}

	.magazine__list--list .magazine-card__date {
		grid-column: 1/3;
		margin-bottom: 16px;
	}

	.magazine__list--list .magazine-card__categories {
		grid-column: 3/5;
		align-items: flex-end;
		margin-bottom: 16px;
	}

	.magazine__list--list .magazine-card__content {
		grid-column: 1/5;
		grid-row: 2;
	}

	.magazine__list--list .magazine-card__arrow {
		grid-row: 2;
		align-self: end;
	}

	.magazine-card__arrow {
		display: none;
	}

	.magazine-nav.is-dropdown-open {
		z-index: 600;
	}

	.magazine-nav__overlay {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 2;
		background-color: rgba(2, 3, 5, 0.2);
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
		opacity: 0;
		visibility: hidden;
		transition:
			opacity 0.3s ease,
			visibility 0.3s ease;
	}

	.magazine-nav.is-dropdown-open .magazine-nav__overlay {
		opacity: 1;
		visibility: visible;
	}

	.magazine-nav__sticky {
		margin-left: -11px;
	}

	.magazine-nav__label {
		display: none;
	}

	.magazine-nav__bottom {
		position: relative;
		align-items: center;
	}

	.magazine-nav__dropdown {
		display: flex;
		background-color: var(--grayscale-0);
		padding: 20px 0 20px 11px;
	}

	.magazine-nav__filters {
		display: none;
	}

	.magazine-nav__actions {
		position: relative;
		z-index: 1;
	}
}

@media (max-width: 390px) {
	.services {
		padding-bottom: 240px;
	}
}

@media (max-width: 374px) {
	.feedback__title span {
		display: inline;
	}

	.feedback__link {
		font-size: 16px;
	}
}

@media (any-hover: hover) {
	.button:hover {
		background-color: var(--grayscale-80);
	}

	.button--white:hover {
		background-color: var(--grayscale-30);
	}

	.button-secondary:hover .button-secondary__img {
		background-color: var(--grayscale-80);
	}

	.button-secondary:hover .button-secondary__title {
		color: var(--grayscale-80);
	}

	.button-secondary--white:hover .button-secondary__img {
		background-color: var(--grayscale-30);
	}

	.button-secondary--white:hover .button-secondary__title {
		color: var(--grayscale-30);
	}

	.consultation-btn:hover {
		background-color: var(--grayscale-30);
	}

	.consultation-btn.dark-theme:hover {
		background-color: var(--grayscale-80);
	}

	.btn-icon-90:hover {
		background-color: var(--grayscale-80);
	}

	.btn-icon-green:hover {
		background-color: var(--green);
	}

	.btn-icon-0:hover {
		background-color: var(--grayscale-30);
	}

	.custom-dropdown__link:hover {
		color: var(--green);
	}

	.awards__slider:hover .awards__slider-window {
		opacity: 1;
	}

	.reviews__item-heading:hover .reviews__item-title {
		color: var(--green);
	}

	.reviews__item-heading:hover .reviews__item-icon::after,
	.reviews__item-heading:hover .reviews__item-icon::before {
		background-color: var(--green);
	}

	.services__card-list-container:hover .services__card-window {
		opacity: 1;
	}

	.services__card-title:not(h2):hover {
		color: var(--green);
	}

	.services__card-arrow:hover {
		background-color: var(--green);
	}

	.modal-form__file-label:hover .modal-form__file-icon svg {
		fill: var(--green);
	}

	.modal-form__file-label:hover .modal-form__file-name {
		color: var(--grayscale-80);
	}

	.modal-form__file-item-btn:hover svg {
		fill: var(--grayscale-80);
	}

	.services-accordion-bottom__btn:hover {
		color: var(--green);
	}

	.services-accordion-bottom__btn:hover
		.services-accordion-bottom__btn-icon::after,
	.services-accordion-bottom__btn:hover
		.services-accordion-bottom__btn-icon::before {
		background-color: var(--green);
	}

	.roi__item-btn:hover .roi__btn-name {
		color: var(--green);
	}

	.roi__item-btn:hover .roi__btn-icon::after,
	.roi__item-btn:hover .roi__btn-icon::before {
		background-color: var(--green);
	}

	.magazine__list--grid .magazine-card__link:hover .magazine-card__title {
		color: var(--green);
	}

	.magazine__list--list .magazine-card__link:hover .magazine-card__title {
		color: var(--green);
	}

	.magazine__list--list .magazine-card__link:hover .magazine-card__arrow {
		background-color: var(--grayscale-80);
	}

	.magazine__list--list .magazine-card__link:active .magazine-card__title {
		color: var(--green-click);
	}

	.magazine__list--list .magazine-card__link:active .magazine-card__arrow {
		background-color: var(--grayscale-60);
	}

	.magazine-nav__actions-btn:not(.is-active):hover svg {
		fill: var(--green);
	}

	.magazine__list--grid .magazine-card__link:hover .magazine-card__title {
		color: var(--green);
	}

	.magazine__list--list .magazine-card__link:hover .magazine-card__title {
		color: var(--green);
	}

	.magazine__list--list .magazine-card__link:hover .magazine-card__arrow {
		background-color: var(--grayscale-80);
	}

	.magazine__list--list .magazine-card__link:active .magazine-card__title {
		color: var(--green-click);
	}

	.magazine__list--list .magazine-card__link:active .magazine-card__arrow {
		background-color: var(--grayscale-60);
	}

	.magazine-nav__actions-btn:not(.is-active):hover svg {
		fill: var(--green);
	}
}