/* Fonts */

@font-face {
	font-family: 'Involve';
	src: url('../fonts/Involve-Regular.ttf') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Involve';
	src: url('../fonts/Involve-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Involve';
	src: url('../fonts/Involve-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Involve';
	src: url('../fonts/Involve-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
	font-family: 'Manrope';
	src: url('../fonts/Manrope-VariableFont_wght.woff2') format('woff2-variations');
	font-weight: 300 700;
	font-display: swap;
}


/* Reset */

* {padding: 0;	margin: 0; -webkit-tap-highlight-color: transparent;}
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
:focus, :active, a:focus, a:active {outline: none;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
html, body {
	width: 100%;
	min-height: 100%;
	font-size: 100%;
	line-height: normal;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
}

input, button, textarea, select {
	font-family: inherit;
	background: none;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input::placeholder, textarea::placeholder {opacity: 1;}
input::-ms-clear {display: none;}
button::-moz-focus-inner {padding: 0; border: 0;}
button, .button, input[type="button"], input[type=submit] {cursor: pointer;}
button[disabled], input[disabled] {cursor: default; pointer-events: none; opacity: 0.5;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}

a, a:hover, a:visited {text-decoration: none;}
img {vertical-align: top; max-width: 100%;}

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

ol, ul {list-style: none;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: inherit;}

.scroll-disable {overflow: hidden; touch-action: none;}




/* Global */

:root {
	--font-family: 'Involve', sans-serif;
	--title-family: 'Bebas Neue', sans-serif;
	--other-family: 'Manrope', sans-serif;

	--white: #FFFFFF;
	--black: #1d1f2b;
	--primary: #247beb;
	--primary-hover: #348cff;
	--primary-64: #6aa5f1;
	--primary-40: #a8caf7;
	--primary-16: #dfecfd;
	--primary-12: #e3effb;
	--primary-08: #eef5ff;
	--gray-64: #707078;
	--gray-48: #939499;
	--gray-32: #b7b7bb;
	--gray-16: #dbdbdd;
	--gray-06: #f2f2f2;
	--gray-05: #fafafa;
	--red: #ff2348;

	--max-width: 1920px;
	--min-width: 360px;
	--adaptive: ((100vw - 360px) / (1920 - 360));
	--desktop: ((100vw - 1280px) / (1920 - 1280));
	--tablet: ((100vw - 768px) / (1280 - 768));
	--mobile: ((100vw - 360px) / (670 - 360));

	--section-padding: clamp(20px, 20px + (60 - 20) * var(--adaptive), 60px);
	--section-padding-top: clamp(50px, 50px + (100 - 50) * var(--adaptive), 100px);
	--section-margin: clamp(70px, 70px + (100 - 70) * var(--adaptive), 100px);

	--background: var(--white);
	--text-color: var(--gray-64);
	--text-size: clamp(14px, 14px + (18 - 14) * var(--adaptive), 18px);
	--text-size-s: clamp(12px, 12px + (16 - 12) * var(--adaptive), 16px);
	--text-size-xs: clamp(12px, 12px + (14 - 12) * var(--adaptive), 14px);
	--title-size: clamp(24px, 24px + (72 - 24) * var(--adaptive), 72px);
	--title-size-s: clamp(22px, 22px + (52 - 22) * var(--adaptive), 52px);
	--title-size-xs: clamp(22px, 22px + (32 - 22) * var(--adaptive), 32px);
	--tag-size: clamp(11px, 11px + (14 - 11) * var(--adaptive), 14px);

	--transition: 0.3s;

	--header-height: clamp(70px, 70px + (80 - 70) * var(--mobile), 80px);;
	--logo-size: 32px;
	--logo-gap: calc(var(--logo-size) * 0.25);

	--border-radius: clamp(16px, 16px + (24 - 16) * var(--adaptive), 24px);
	--card-padding: clamp(16px, 16px + (24 - 16) * var(--adaptive), 24px);
	--gap: 24px;
	--gap-y: clamp(18px, 18px + (24 - 18) * var(--adaptive), 24px);
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--section-margin) / 2);
}

html, body {
	min-width: var(--min-width);
	display: flex;
}

body {
	flex-direction: column;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: var(--text-size);
	color: var(--text-color);
	background: var(--background); 
	position: relative;
}

main {
	padding-top: var(--header-height);
	overflow: hidden;
}
main > section {
	margin-bottom: var(--section-margin);
}

.container, [class$="__container"] {
	width: 100%;
	max-width: var(--max-width);
	padding: 0 var(--section-padding);
	margin: 0 auto;
	position: relative;
}

.title {
	font-weight: 400;
	font-family: var(--title-family);
	font-size: var(--title-size);
	color: var(--black);
	display: block;
	margin-bottom: 0.45em;
}
.title b {
	font-weight: 400;
	color: var(--primary);
}

a, a:before, button {
	transition: var(--transition);
}

.link {
	color: var(--primary);
}
.link:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none;
}

.cover {
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contain {
	object-fit: contain;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button {
	--button-text-size: clamp(14px, 14px + (18 - 14) * var(--adaptive), 18px);

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.667em;
	width: fit-content;
	padding: 0.889em 1.778em;
	border: none;
	border-radius: 100px;
	background: var(--primary);
	color: var(--white);
	font-weight: 600;
	font-size: var(--button-text-size);
}
.button::after {
	content: '';
	width: 1.778em;
	aspect-ratio: 1;
	background: url(/images/button-arrow.svg) center / contain no-repeat;
	flex-shrink: 0;
}
.button_lightblue {
	background: var(--primary-08);
	color: var(--primary);
}
.button_lightblue::after {
	background-image: url(/images/button-arrow_blue.svg);
}
.button_white {
	background: var(--white);
	color: var(--primary);
	padding: 1.111em 1.778em;
}
.button_white::after {
	background-image: url(/images/button-arrow_blue.svg);
	display: none;
}
.button_gray {
	background: var(--gray-06);
	color: var(--gray-64);
	padding: 1.111em 1.778em;
}
.button_gray::after {
	display: none;
}
@media (hover: hover) {
	.button:hover {
		background: var(--primary-hover);
	}
	.button_lightblue:hover {
		background: var(--primary-16);
	}
	.button_white:hover {
		background: var(--primary-16);
	}
	.button_gray:hover {
		background: var(--gray-16);
	}
}
.button:active {
	opacity: 0.7;
}

.logo {
	display: grid;
	grid-column-gap: var(--logo-gap);
	font-size: var(--logo-size);
}
.logo__icon {
	width: var(--logo-size);
	aspect-ratio: 32 / 34;
}
.logo__company {
	font-family: var(--title-family);
	color: var(--black);
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
}
.logo__text {
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1;
	color: var(--gray-64);
	max-width: 27em;
}

.separ {
	display: block;
	width: 1px;
	height: 24px;
	background: var(--gray-06);
}

.location {
	display: grid;
	grid-template-columns: repeat(2, auto);
	align-items: center;
	grid-gap: 0 8px;
	width: fit-content;
	line-height: 1;
}
.location::before {
	content:'';
	display: block;
	width: 32px;
	aspect-ratio: 1;
	background: url(/images/location-icon.svg) center / cover no-repeat;
	grid-row: span 2;
}
.location__text {
	font-size: 14px;
	color: var(--black);
	transition: var(--transition);
}
.location__rate {
	font-size: 10px;
	color: var(--gray-64);
}
.location__rate b {
	font-weight: 600;
	color: var(--black);
}
@media (hover: hover) {
	.location:hover .location__text {
		color: var(--primary);
	}
}

.email {
	display: flex;
	align-items: center;
	gap: 4px;
}
.email__link {
	font-size: 14px;
	color: var(--black);
	display: flex;
	align-items: center;
	gap: 8px;
}
.email__link::before {
	content:'';
	display: block;
	width: 32px;
	aspect-ratio: 1;
	background: url(/images/email-icon.svg) center / cover no-repeat;
}
.email__copy {
	width: 17px;
	aspect-ratio: 1;
	border: none;
	background: url(/images/copy-icon.svg) center / contain no-repeat;
	position: relative;
}
.email__copy::before {
	content:'';
	display: block;
	position: absolute;
	inset: 0;
	background: var(--white) url(/images/copy-icon.svg) center / contain no-repeat;
	transition: 0s;
}
.email__copy_active::before {
	transition: 0.5s;
	transform: scale(2.5);
	opacity: 0;
}
@media (hover: hover) {
	.email__copy:hover {
		opacity: 0.9;
	}
}
@media (hover: hover) {
	.email__link:hover {
		color: var(--primary);
	}
}

.social {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 8px;
	align-items: center;
	width: max-content;
}
.social__separ {
	margin: 0 8px;
}
.social__link {
	width: 32px;
	aspect-ratio: 1;
	background: var(--primary-12);
	border-radius: 100px;
	display: block;
	transition: var(--transition);
	cursor: pointer;
}
@media (hover: hover) {
	.social__link:hover {
		transform: scale(1.1);
		background: var(--primary-16);
	}
}
.social__radio {
	display: none;
}
.social__radio:checked + .social__link {
	background: var(--primary);
}
.social__radio:checked + .social__link img {
	filter: brightness(1000%);
}


.phone {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: start;
}
.phone__number {
	font-size: 14px;
	color: var(--black);
	letter-spacing: -0.01em;
	white-space: nowrap;
}
.phone__number_big {
	font-size: 18px;
}
.phone__button {
	min-height: 40px;
	padding: 5px 24px;
	gap: 8px;
	font-size: 16px;
	background: var(--primary-08);
	color: var(--primary);
	border: 1px solid var(--primary-16);
	white-space: nowrap;
}
.phone__button::after {
	width: 16px;
	background-image: url(/images/phone-icon.svg);
}
@media (hover: hover) {
	.phone__button:hover {
		background: var(--primary-16);
	}
	.phone__number:hover {
		color: var(--primary);
	}
}

.cert {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 65px;
}






/* Header */

.header {
	--header-gap: 22px;

	background: var(--white);
	border-bottom: 1px solid var(--gray-06);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.header_fixed {
	position: fixed;
	transition: transform 0.5s;
	will-change: transform;
}
.header_hide {
	transform: translateY(-110%);
}
.header_hide:has(.menu_open) {
	transform: none;	
}

.header__container {
	min-height: var(--header-height);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--header-gap);
}

.header__logo {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
	grid-template-columns: repeat(3, auto);
	grid-gap: 0 var(--logo-gap);
	align-items: center;
	font-size: var(--logo-size);
}
.header__logo .logo__text {
	font-size: 0.375em;
	padding-left: var(--logo-gap);
	border-left: 1px solid var(--gray-06);
}

.header__contacts {
	display: flex;
	align-items: center;
	gap: var(--header-gap);
}

@media (max-width: 1600px) {
	.header__contacts .email__link {
		font-size: 0;
		gap: 0;
	}
	.header__contacts .email {
		margin-right: -14px;
	}
	.header__contacts .email + .separ,
	.header__contacts .email__copy {
		display: none;
	}
}
@media (max-width: 1430px) {
	.header__contacts .location,
	.header__contacts .location + .separ {
		display: none;
	}
}
@media (max-width: 1170px) {
	.header__contacts .email,
	.header__contacts .social,
	.header__contacts .separ {
		display: none;
	}
}
@media (max-width: 1000px) {
	.header__contacts .phone__button {
		font-size: 0;
		gap: 0;
		padding: 0;
		width: 40px;
	}
}
@media (max-width: 810px) {
	.header__logo {
		grid-template-columns: repeat(2, auto);
		align-items: start;
		justify-content: start;
	}
	.header__logo .logo__icon {
		grid-row: span 2;
	}
	.header__logo .logo__text {
		border: none;
		padding: 0;
		font-size: 0.35em;
	}
}
@media (max-width: 670px) {
	.header__logo {
		--logo-size: clamp(24px, 24px + (32 - 24) * var(--mobile), 32px);
	}
	.header__contacts {
		display: none;
	}
}






/* Burger */

.burger {
	--burger-padding: 7px;
	--burger-width: 26px;
	--burger-height: 18px;
	--burger-bg: none;
	--burger-color: var(--black);
	--burger-line-width: 2px;
	--burger-line-radius: 2px;

	padding: var(--burger-padding);
	margin: calc(var(--burger-padding) * -1);
	background: var(--burger-bg);
	border: none;
	position: relative;
	z-index: 2;
	display: none;
}
.burger__icon {
	display: block;
	width: var(--burger-width);
	height: var(--burger-height);
	position: relative;
}
.burger__line {
	display: block;
	background: var(--burger-color);
	height: var(--burger-line-width);
	border-radius: var(--burger-line-radius);
	position: absolute;
	width: 100%;
}
.burger__line_1 {top: 0;}
.burger__line_2 {top: 50%; transform: translateY(-50%);}
.burger__line_3 {bottom: 0;}

.burger__line {
	transition-duration: 0.2s;
	transition-property: transform, top, bottom, opacity;
	transition-delay: 0s, 0.1s, 0.1s, 0s;
}
.burger_close .burger__line {
	transition-duration: 0.2s;
	transition-property: transform, top, bottom, opacity, width, margin;
	transition-delay: 0.1s, 0s, 0s, 0s, 0.1s, 0.1s;
}
.burger_close .burger__line_1 {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 120%;
	margin: 0 -10%;
}
.burger_close .burger__line_2 {
	opacity: 0;
}
.burger_close .burger__line_3 {
	bottom: 50%;
	transform: translateY(50%) rotate(-45deg);
	width: 120%;
	margin: 0 -10%;
}




/* Mobile menu */

.menu {
	display: none;
}

@media (max-width: 670px) {
	.burger {
		display: block;
	}
	.menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		border-top: var(--header-height) solid transparent;
		padding-top: 40px;
		padding-bottom: calc(100vh - 100svh + 40px);
		padding-left: var(--section-padding);
		padding-right: var(--section-padding);
		background: var(--white);
		overflow-x: hidden;
		overflow-y: auto;
		display: grid;
		grid-gap: 32px;
		align-content: start;
		justify-items: center;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.4s;
	}
	.menu_open {
		opacity: 1;
		pointer-events: all;
	}
	.menu > * {
		transition: 0.2s 0s; 
		transform: translateY(-100px); 
		opacity: 0;
	}
	.menu_open > * {
		transition: 0.4s 0.2s; 
		transform: translateY(0); 
		opacity: 1;
	}

	.menu .phone {
		flex-direction: column;
	}
	.menu__copyright {
		font-size: 12px;
		color: var(--gray-48);
		text-align: center;
		line-height: 1;
		max-width: 370px;
	}
	.menu__cert {
		max-width: 278px;
	}
}





/* Hero */

.hero {
	--hero-title-size: clamp(36px, 36px + (90 - 36) * var(--adaptive), 90px);
	--hero-subtitle-size: clamp(21px, 21px + (72 - 21) * var(--adaptive), 68px);
	--hero-note-size: clamp(10px, 10px + (14 - 10) * var(--adaptive), 14px);
	--hero-caption-size: clamp(32px, 32px + (90 - 32) * var(--adaptive), 90px);
	--hero-desc-size: clamp(14px, 14px + (16 - 14) * var(--adaptive), 16px);

	background: url(/images/hero-line.svg) center / contain no-repeat;
}
.hero__container {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 0 var(--gap);
}
.hero__photo {
	align-self: end;
}
.hero__content {
	display: grid;
	grid-template-rows: repeat(5, auto) 1fr;
}
.hero__content > :not(.hero__note) {
	width: 100%;
	max-width: 900px;
	margin-left: auto;
}
.hero__title {
	font-family: var(--title-family);
	font-size: var(--hero-title-size);
	line-height: 1;
	letter-spacing: -0.02em;
	color: var(--primary);
	margin-top: 0.9em;
}
@media (min-width: 1400px) {
	.hero__title._less {
		font-size: var(--hero-subtitle-size);
	}
}

.hero__subtitle {
	font-family: var(--title-family);
	font-size: var(--hero-subtitle-size);
	line-height: 1.1;
	color: var(--black);
	margin: 0.2em 0;
	margin-bottom: max(10px, 0.2em);
}
.hero__text {
	line-height: 1.2;
}
.hero__products {
	display: flex;
	list-style: none;
	align-items: flex-start;
	margin: 1em 0;
}
.hero__tags {
	gap: 8px;
	display: flex;
	flex-wrap: wrap;
	max-width: 600px;
	flex:0 0 600px;
}
.hero__tags-title {
	font-weight: bold;
	margin: 0 30px 0 0;
	padding: 0.4em 0.74em;
	font-size: 20px;
	color: #333;
}
.hero__tag {
	font-weight: 700;
	font-size: 16px;
	color: var(--primary);
	border-radius: 16px;
	background: var(--primary-08);
	border: 1px solid var(--primary-16);
	padding: 0.7em 0.74em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero__button {
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
}
.hero__note {
	align-self: end;
	font-size: var(--hero-note-size);
	text-align: right;
	color: var(--gray-48);
	max-width: 185px;
	margin: 1em 0 1em auto;
}
.hero__benefits {
	grid-column: 1 / -1;
	background: var(--white);
	border: 1px solid var(--gray-16);
	border-bottom: none;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.hero__benfit {
	padding: var(--card-padding);
	padding-bottom: 8px;
}
.hero__benfit:not(:last-child) {
	border-right: 1px solid var(--gray-16);
}
.hero__caption {
	font-family: var(--title-family);
	font-size: var(--hero-caption-size);
	line-height: 0.7;
	color: var(--black);
	margin-bottom: 0.222em;
}
.hero__desc {
	font-size: var(--hero-desc-size);
	line-height: 1.2;
	color: var(--gray-64);
}

@media (max-width: 1200px) {
	.hero__container {
		grid-template-columns: 1fr;
	}
	.hero__photo {
		display: none;
	}
	.hero__subtitle {
		max-width: 16em;
	}
}
@media (max-width: 1000px) {
	.hero__content > :not(.hero__subtitle):not(.hero__note) {
		max-width: unset;
	}
	.hero__products {
		display: block;
	}
	.hero__tags-title {
		padding: 0;
		margin: 0 0 10px 0;
	}
}
@media (max-width: 860px) {
	.hero__benefits {
		grid-template-columns: repeat(2, 1fr);
	}
	.hero__benfit:nth-child(1),
	.hero__benfit:nth-child(2) {
		border-bottom: 1px solid var(--gray-16);
	}
	.hero__benfit:nth-child(2) {
		border-right: none;
	}
}
@media (max-width: 670px) {
	.hero {
		background: none;
	}
	.hero__text br {
		display: none;
	}
	.hero__benefits {
		grid-template-columns: 1fr;
	}
	.hero__benfit:not(:last-child) {
		border-bottom: 1px solid var(--gray-16);
		border-right: none;
	}
}




/* Protect */

.protect__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, auto) 1fr;
	grid-gap: 0 var(--gap);
}
.protect__title {
	font-size: var(--title-size-xs);
	max-width: 15em;
	margin-bottom: 0.75em;
}
.protect__legal {
	align-self: end;
	width: fit-content;
}
.protect__list {
	grid-row: 1 / span 3;
	grid-column: 2;
	display: grid;
	grid-gap: 15px;
}
.protect__item {
	border: 1px solid var(--gray-16);
	border-radius: var(--border-radius);
	padding: var(--card-padding);
}
.protect__caption {
	font-family: var(--title-family);
	font-size: var(--title-size-s);
	color: var(--black);
	margin-bottom: 0.2em;
}
.protect__ul {
	line-height: 1.5;
	margin-left: 1.2em;	
}
.protect__ul li {
	list-style-type: disc;
}
.protect__ul b {
	font-weight: 600;
	color: var(--primary);
}

@media (max-width: 860px) {
	.protect__container {
		grid-template-columns: 1fr;
	}
	.protect__list {
		grid-column: unset;
		grid-row: unset;
		margin-top: 20px;
	}
}




/* Press */

.press {
	--press-caption-size: clamp(40px, 40px + (100 - 40) * var(--adaptive), 100px);
	--press-text-size: clamp(16px, 16px + (24 - 16) * var(--adaptive), 24px);
	--press-item-gap: clamp(24px, 24px + (90 - 24) * var(--adaptive), 90px);

	background: var(--primary);
	color: var(--white);
	padding-top: var(--section-padding-top);
	border-radius: calc(var(--border-radius) * 2.5);
}
.press__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--press-item-gap) var(--gap);
}
.press__title {
	font-size: var(--title-size-xs);
	color: var(--white);
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 0.05em;
	text-underline-offset: 0.1em;
	width: fit-content;
}
.press__title:hover {
	text-decoration: none;
}
.press__certs {
	position: relative;
	overflow: hidden;
	width: 90%;
	max-width: 655px;
	aspect-ratio: 650 / 360;
	align-self: end;
}
.press__cert {
	position: absolute;
}
.press__cert_1 {
	top: 0;
	left: 0;
	width: 58%;
	box-shadow: 13px 85px 20px 0 rgba(0, 0, 0, 0.25);
	z-index: 2;
}
.press__cert_2 {
	right: 0;
	top: 23%;
	width: 52%;
}
.press__content {
	grid-column: 2;
	grid-row: 1 / span 2;
	display: grid;
	grid-gap: var(--press-item-gap);
	padding-bottom: var(--section-padding-top);
}
.press__caption {
	font-family: var(--title-family);
	font-size: var(--press-caption-size);
	white-space: nowrap;
}
.press__caption b {
	font-weight: 600;
	font-family: var(--font-family);
	font-size: var(--press-text-size);
	opacity: 0.4;
}
.press__desc {
	font-weight: 600;
	font-size: var(--press-text-size);
	line-height: 1.3;
	max-width: 22.333em;
}

@media (max-width: 1000px) {
	.press__container {
		grid-template-columns: 1fr;
	}
	.press__content {
		grid-column: unset;
		grid-row: unset;
	}
	.press__certs {
		display: none;
	}
}





/* Guarantee */

.guarantee__container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: var(--gap);
}
.guarantee__item {
	background: var(--white);
	border-radius: var(--border-radius);
	padding: var(--card-padding);
	border: 1px solid var(--gray-16);
	font-family: var(--title-family);
	font-size: var(--title-size-s);
	line-height: 1;
	color: var(--gray-16);
}
.guarantee__item b {
	font-weight: 400;
	color: var(--black);
}
.guarantee__item_blue {
	border: none;
	background: var(--primary-12);
	color: var(--primary-64);
	padding-top: 2.3em;
	padding-bottom: 2.3em;
}
.guarantee__item_blue b {
	color: var(--primary);
}
.guarantee__item_top {
	align-self: start;
}
.guarantee__item_bottom {
	align-self: end;
}
.guarantee__button {
	grid-column: 3;
	width: 100%;
	position: relative;
}
.guarantee__button::before {
	content:'';
	display: block;
	width: 1250px;
	height: 374px;
	position: absolute;
	bottom: -20px;
	right: calc(100% + var(--gap) / 2);
	background: url(/images/guarantee-line.svg) bottom right / contain no-repeat;
	pointer-events: none;
	z-index: -1;
}

@media (max-width: 1000px) {
	.guarantee__container {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, 1fr) auto;
		grid-gap: 15px;
	}
	.guarantee__item {
		align-self: unset;
		display: flex;
		align-items: center;
	}
	.guarantee__item_blue {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.guarantee__button {
		grid-column: 1;
	}
	.guarantee__button::before {
		display: none;
	}
}




/* Legacy */

.legacy {
	background: var(--gray-05);
	padding-top: var(--section-padding-top);
	overflow: hidden;
}
.legacy__title {
	text-align: center;
	max-width: 17.22em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}
.legacy__body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
}
.legacy__certs {
	position: relative;
	width: 90%;
	max-width: 570px;
	aspect-ratio: 570 / 440;
	margin-top: -16.5%;
	align-self: end;
	z-index: 1;
}
.legacy__cert {
	position: absolute;
}
.legacy__cert_1 {
	top: 2%;
	left: 0;
	width: 62%;
	box-shadow: 13px 85px 20px 0 rgba(0, 0, 0, 0.25);
	z-index: 2;
}
.legacy__cert_2 {
	right: 0;
	top: 23%;
	width: 52%;
}
.legacy__cert_1.aos-animate {
	transform: translateZ(0) rotate(-7deg)!important;
}
.legacy__cert_2.aos-animate {
	transform: translateZ(0) rotate(6deg)!important;
}

.legacy__content {
	padding-bottom: var(--section-padding-top);
}
.legacy__text {
	color: var(--black);
	line-height: 1.2;
	max-width: 21em;
}
.legacy__button {
	width: 100%;
	max-width: 584px;
	margin: var(--gap-y) 0;
}
.legacy__note {
	font-size: var(--text-size-s);
	line-height: 1.2;
	color: var(--gray-48);
	max-width: 30em;
}

@media (max-width: 750px) {
	.legacy__body {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}
	.legacy__content {
		padding-bottom: 0;
	}
	.legacy__text,
	.legacy__note {
		margin-left: auto;
		margin-right: auto;
	}
	.legacy__certs {
		order: 2;
		margin-top: 0;
	}
}




/* Profi */

.profi__title {
	max-width: 17.25em;
	margin-left: auto;
}
.profi__title span {
	display: block;
	width: fit-content;
	margin-left: auto;
}
.profi__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	/*border: 0.5px solid var(--gray-16);
	border-radius: var(--border-radius);*/
}
.profi__item {
	background: var(--white);
	border: 1px solid var(--gray-16);
	padding: var(--card-padding);
	display: grid;
	align-content: space-between;
	position: relative;
}

/*.profi__item:nth-child(5) {
	border:none;
	border-bottom: 1px solid var(--gray-16);
}*/

.profi__item:nth-child(1),
.profi__item:nth-child(1) .profi__more {
	border-top-left-radius: var(--border-radius);
}
.profi__item:nth-child(3),
.profi__item:nth-child(3) .profi__more {
	border-top-right-radius: var(--border-radius);
}
.profi__item:nth-child(4),
.profi__item:nth-child(4) .profi__more {
	border-bottom-left-radius: var(--border-radius);
}
.profi__item:nth-child(6),
.profi__item:nth-child(6) .profi__more {
	border-bottom-right-radius: var(--border-radius);
}

.profi__item:nth-child(7) {
	grid-area: 3 / 2 / 4 / 3;
	border-bottom-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}


.profi__caption {
	font-family: var(--title-family);
	font-weight: 400;
	font-size: var(--title-size-s);
	line-height: 1;
	color: var(--black);
	margin-bottom: max(40px, 0.577em);
}
.profi__more {
	position: absolute;
	top: -0.5px;
	left: -0.5px;
	right: -0.5px;
	min-height: 100%;
	border: 0.5px solid var(--gray-16);
	padding: var(--card-padding);
	background: var(--white);
	z-index: 2;
	display: grid;
	grid-template-rows: auto 0fr auto;
	align-content: space-between;
	opacity: 0;
	transition: grid-template-rows 0.8s ease, opacity 0s 0.8s, box-shadow 0.8s;
	will-change: grid-template-rows, opacity, z-index, box-shadow;
}
.profi__info {
	overflow: hidden;
	opacity: 0;
	transform: translateY(-130px);
	transition-duration: 0.9s;
}
@media (hover: hover) {
	.profi__more:hover {
		grid-template-rows: auto 1fr auto;
		opacity: 1;
		transition: grid-template-rows 0.9s ease, opacity 0s, box-shadow 0.9s;
		z-index: 3;
		box-shadow: 0 0 1px var(--gray-16);
	}
	.profi__more:hover .profi__info {
		opacity: 1;
		transform: none;
	}
}
.profi__subcaption {
	font-weight: 400;
	font-family: var(--title-family);
	font-size: var(--title-size-xs);
	color: var(--primary);
	line-height: 1;
}
.profi__ul {
	line-height: 1.5;
	margin: 1em 0;
	margin-left: 1.2em;	
}
.profi__ul li {
	list-style-type: disc;
}
.profi__image {
	display: block;
	margin: 1.5em 0;
}

.profi__item_dark,
.profi__item_dark .profi__more {
	background: var(--black);
	color: var(--white);
	border-color: var(--black);
}
.profi__item_dark .profi__caption {
	color: var(--white);
}

@media (max-width: 1000px) {
	.profi__list {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		border: none;
	}
	.profi__item {
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
		border-width: 1px;
	}
	.profi__item:nth-child(4) {
		border-bottom-left-radius: 0;
	}
	.profi__item:nth-child(6) {
		border-radius: var(--border-radius);
	}
	.profi__item:not(:last-child) {
		padding-bottom: calc(var(--border-radius) * 2);
		margin-bottom: calc(var(--border-radius) * -1);
	}
	.profi__item:nth-child(5) {
		background: var(--black);
		color: var(--white);
		border-color: var(--black);
	}
	.profi__item:nth-child(7) {
		grid-area: unset;
		border-radius: var(--border-radius);
	}
	.profi__item:nth-child(5) .profi__caption {
		color: var(--white);
	}
	.profi__more {
		display: none;
	}
}
@media (max-width: 670px) {
	.profi__title {
		margin-left: 0;
	}
	.profi__title span {
		display: inline;
	}
}




/* Order */

.order {
	--order-question-size: clamp(24px, 24px + (40 - 24) * var(--adaptive), 40px);
	--order-expert-size: clamp(20px, 20px + (24 - 20) * var(--adaptive), 24px);
}
.order__title {
	max-width: 17.361em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}
.order__title::before {
	content:'';
	display: block;
	width: 6.417em;
	aspect-ratio: 462 / 673;
	background: url(/images/order-line.svg) center / contain no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-40%, 3%);
}
.order__body {
	display: grid;
	grid-template-columns: 1fr minmax(410px, 1.24fr) 1fr;
	grid-gap: 0 4%;
}
.order__fraction {
	color: var(--black);
	margin-bottom: 0.556em;
}
.order__progress {
	grid-column: 2;
	padding: 0 var(--gap);
	margin-bottom: 32px;
}
.order__progressbar {
	position: relative;
	height: 16px;
	border-radius: 12px;
	background: var(--primary-12);
	overflow: hidden;
}
.order__progressfill {
	border-radius: 12px;
	background: var(--primary);
	height: 100%;
  	width: 0;
	transition: width 0.3s ease;
}
.order__quiz {
	grid-column: 2;
	width: 100%;
}
.order__question {
	padding: 0 var(--gap);
	font-weight: 500;
	font-size: var(--order-question-size);
	line-height: 1.2;
	color: var(--black);
	display: block;
	margin-bottom: 0.6em;
}
.order__answers {
	display: grid;
	grid-gap: 16px;
	margin-bottom: 32px;
}
.order__radio {
	display: none;
}
.order__label {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: var(--gap);
	align-items: center;
	line-height: 1.2;
	padding: 10px 16px;
	padding-left: var(--gap);
	min-height: 3.556em;
	border: 1px solid var(--gray-16);
	border-radius: 50px;
	transition: var(--transition);
	cursor: pointer;
}
.order__label::after {
	content:'';
	display: block;
	width: 1.556em;
	aspect-ratio: 1;
	border-radius: 100%;
	background: var(--primary-40) url(/images/checkmark.svg) center / contain no-repeat;
	opacity: 0;
	transition: var(--transition);
}
@media (hover: hover) {
	.order__label:hover {
		border-color: var(--gray-32);
	}
}
.order__radio:checked + .order__label {
	color: var(--primary);
	border-color: var(--primary);
}
.order__radio:checked + .order__label::after {
	opacity: 1;
}

.order__buttons {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 16px;
}
.order__button {
	width: 100%;
}

.order__comments {
	width: 100%;
}
.order__comment {
	border: 1px solid var(--gray-16);
	border-radius: var(--border-radius);
	padding: var(--gap-y);
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 0 0.9em;
}
.order__avatar {
	position: relative;
	border-radius: 100%;
	width: 2.444em;
	aspect-ratio: 1;
	overflow: hidden;
}
.order__expert {
	font-size: var(--text-size-s);
	line-height: 1;
	color: var(--gray-48);
}
.order__expert b {
	font-weight: 700;
	font-size: var(--order-expert-size);
	color: var(--black);
	display: block;
}
.order__message {
	grid-column: 2;
	margin-top: 0.6em;
}

@media (max-width: 1200px) {
	.order__title::before {
		display: none;
	}
	.order__body {
		grid-template-columns: 1fr;
		max-width: 600px;
		margin: 0 auto;
	}
	.order__progress,
	.order__quiz {
		grid-column: 1;
	}
	.order__comments {
		order: -1;
		margin-bottom: 32px;
	}
}
@media (max-width: 400px) {
	.order__buttons {
		grid-template-columns: 1fr;
		grid-gap: 8px;
	}
	.order__button_prev {
		order: 2;
	}
	.order__comments,
	.order__progress,
	.order__answers {
		margin-bottom: 24px;
	}
}





/* Form */

.form {
	display: grid;
	grid-gap: 16px;
}
.form__input {
	width: 100%;
	font-weight: 500;
	font-size: var(--text-size);
	line-height: 1.2;
	color: var(--black);
	padding: 10px var(--gap);
	min-height: 3.556em;
	border: 1px solid var(--gray-16);
	border-radius: 50px;
	transition: var(--transition);
}
@media (hover: hover) {
	.form__input:hover {
		border-color: var(--gray-32);
	}
}
.form__input:focus {
	color: var(--black);
	border-color: var(--primary);
}
.form__input.invalid {
	border-color: var(--red);
}
.form__input:autofill {
	box-shadow: 0 0 0 1000px var(--white) inset;
	-webkit-text-fill-color: var(--black);
	font-size: var(--text-size);
}

.form__input_white,
.form__input_white:focus {
	border-color: var(--white);
	color: var(--white);
}
.form__input_white::placeholder {
	color: var(--white);
}
.form__input_white:autofill {
	box-shadow: 0 0 0 1000px var(--primary) inset;
	-webkit-text-fill-color: var(--white);
	color: var(--white);
	font-size: var(--text-size);
}
.form__input_white.invalid {
	border-color: var(--red);
}
@media (hover: hover) {
	.form__input_white:not(.invalid):hover {
		border-color: var(--white);
	}
}

.form__checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	width: fit-content;
	padding-left: 1.8em;
}
.form__checkbox_privacy {
	font-size: var(--text-size-xs);
	color: var(--gray-48);
}
.form__checkbox_privacy a {
	white-space: nowrap;
	text-decoration: underline;
}
.form__checkbox_privacy a:hover {
	text-decoration: none;
}
.form__checkbox-input {
	position: absolute;
	opacity: 0;
}
.form__checkbox-label {
	color: var(--mediumblack);
}
.form__checkbox-label::before {
	content: '';
	display: block;
	width: 1.2em;
	aspect-ratio: 1;
	border: 1px solid var(--gray-16);
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.2s;
	background-position: center;
	background-size: 130%;
}
.form__checkbox-input:checked + .form__checkbox-label::before {
	background: url(/images/checkmark.svg) center / 130% no-repeat;
}
@media (hover: hover) {
	.form__checkbox-label:hover:before {
		border-color: var(--gray-32);
	}
}
.invalid + .form__checkbox-label::before,
.form__checkbox_white .invalid + .form__checkbox-label::before {
	border-color: var(--red);
}

.form__checkbox_white .form__checkbox-label {
	color: var(--white);
}
.form__checkbox_white .form__checkbox-label::before {
	border-color: var(--white);
}
.form__checkbox_white .form__checkbox-input:checked + .form__checkbox-label::before {
	background: url(/images/checkmark_white.svg) center / 130% no-repeat;
}
.form__checkbox_white a {
	color: var(--white);
}

.form__socials {
	padding: 0 var(--gap);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}

.form__button {
	width: 100%;
}





/* Portfolio */

.portfolio__title {
	max-width: 15.1em;
	margin-left: auto;
}
.portfolio__title span {
	display: block;
	width: fit-content;
	margin-left: auto;
}
.portfolio__item {
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-16);
	padding: var(--card-padding);
	height: unset;
}
.portfolio__subtitle {
	font-weight: 400;
	font-family: var(--title-family);
	font-size: var(--title-size-xs);
	color: var(--black);
	text-transform: uppercase;
	margin-bottom: 0.3em;
}
.portfolio__item p {
	margin-bottom: 0.8em;
}
.portfolio__ul {
	margin-top: 1.3em;
	font-style: italic;
	color: var(--black);
	margin-left: 1.3em;
}
.portfolio__ul li {
	list-style-type: disc;
}
.portfolio__ul b {
	font-weight: 600;
	color: var(--primary);
}
.portfolio__arrows {
	margin-top: 24px;
	display: flex;
	justify-content: center;
	gap: 16px;
}
.portfolio__arrow {
	width: calc(var(--text-size) * 3);
	aspect-ratio: 1;
	border: 1px solid var(--gray-16);
	border-radius: 100%;
	background: url(/images/slider-arrow.svg) center / cover no-repeat;
}
.portfolio__arrow_prev {
	transform: scaleX(-1);
}
@media (hover: hover) {
	.portfolio__arrow:hover {
		border-color: var(--gray-48);
	}
}

@media (max-width: 670px) {
	.portfolio__title {
		margin-left: 0;
	}
	.portfolio__title span {
		display: inline;
	}
	.portfolio__slider {
		overflow: unset;
	}
	.portfolio__arrows {
		display: none;
	}
}





/* Partners */

.partners {
	--section-margin: clamp(70px, 70px + (150 - 70) * var(--adaptive), 150px);
	--logo-height: clamp(40px, 40px + (80 - 40) * var(--adaptive), 80px);
	--logo-gap: clamp(40px, 40px + (80 - 40) * var(--adaptive), 80px);
}
.partners__container {
	padding: 0;
}
.partners__title {
	text-align: center;
	margin-bottom: 1em;
}
.partners__slider {
	mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
	-webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.partners__list {
	transition-timing-function: linear!important;
}
.partners__slide {
	display: flex;
	width: max-content;
	gap: var(--logo-gap);
	padding-right: var(--logo-gap);
}
.partners__logo {
	flex-shrink: 0;
	height: var(--logo-height);
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	position: relative;
	filter: grayscale(100%);
	opacity: 0.25;
	transition: var(--transition);
}
.partners__logo img {
	max-height: 100%;
}
@media (hover: hover) {
	.partners__logo:hover {
		opacity: 1;
		filter: none;
	}
}






/* Reviews */

.reviews__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
}
.reviews__title {
	margin-bottom: 0;
}
.reviews__text {
	font-weight: 600;
	color: var(--black);
}
.reviews__widget {
	margin-top: calc(var(--title-size) * 0.45);
	background: var(--gray-05);
	min-height: 450px;
	padding: var(--card-padding) var(--section-padding);
	display: flex;
	align-items: center;
	justify-content: center;
}





/* Documents */

.documents__title {
	max-width: 11.8em;
	margin-left: auto;
	margin-bottom: 0;
}
.documents__title span {
	display: block;
	width: fit-content;
	margin-left: auto;
}
.documents__note {
	text-align: right;
	margin-bottom: calc(var(--title-size) * 0.45);
}
.documents__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
}
.documents__item {
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-16);
	padding: var(--card-padding);
	display: grid;
	grid-template-columns: 1fr 2.25fr;
	grid-gap: var(--gap);
}
/* .documents__photo {
	align-self: start;
	position: relative;
	border-radius: calc(var(--border-radius) / 2);
	overflow: hidden;
}
.documents__photo::before,
.documents__photo::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: 0.3s;
}
.documents__photo::after {
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.documents__photo::before {
	background: url(/images/zoom.svg) center no-repeat;
	transform: scale(0);
	z-index: 2;
}
@media (hover: hover) {
	.documents__photo:hover {
		cursor: pointer;
	}
	.documents__photo:hover:after {
		opacity: 1;
	}
	.documents__photo:hover:before {
		transform: scale(1);
	}
} */
.documents__image {
	border-radius: calc(var(--border-radius) / 2);
	width: 100%;
}
.documents__content {
	display: flex;
	flex-direction: column;
}
.documents__tag {
	font-weight: 700;
	font-size: var(--tag-size);
	color: var(--primary);
	border-radius: var(--border-radius);
	background: var(--primary-08);
	border: 1px solid var(--primary-16);
	padding: 0.57em 1.5em 0.57em 0.86em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.286em;
	width: fit-content;
}
.documents__tag::before {
	content:'';
	display: block;
	width: 2.286em;
	aspect-ratio: 1;
	background-size: contain;
}
.documents__tag_eac::before {
	background-image: url(/images/documents-eac.svg);
}
.documents__tag_iso::before {
	background-image: url(/images/documents-iso.svg);
}
.documents__tag_int::before {
	background-image: url(/images/documents-international.svg);
}
.documents__tag_fir::before {
	background-image: url(/images/documents-fire.svg);
}
.documents__caption {
	font-weight: 400;
	font-family: var(--title-family);
	font-size: var(--title-size-xs);
	color: var(--black);
	display: block;
	margin-top: 1em;
	margin-bottom: 0.375em;
}
.documents__desc {
	font-size: var(--text-size-s);
	padding-bottom: 0.75em;
	margin-bottom: 0.75em;
	border-bottom: 1px solid var(--gray-16);
}
.documents__time {
	font-size: var(--text-size-s);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1em;
	margin-bottom: var(--title-size-xs);
}
.documents__button {
	margin-top: auto;
}

@media (max-width: 1000px) {
	.documents__list {
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}
}
@media (max-width: 670px) {
	.documents__title {
		margin-left: 0;
	}
	.documents__title span {
		display: inline;
	}
	.documents__note {
		text-align: left;
	}
}
@media (max-width: 420px) {
	.documents__tag {
		display: none;
	}
	.documents__caption {
		margin-top: 0;
	}
	.documents__button {
		padding-right: 1em;
		padding-left: 1.4em;
		width: 100%;
	}
}




/* Benefits */

.benefits__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, auto) 1fr;
	grid-gap: 0 var(--gap);
}
.benefits__title {
	font-size: var(--title-size-xs);
	max-width: 23em;
	margin-bottom: 0.75em;
}
.benefits__list {
	grid-row: 1 / span 3;
	grid-column: 2;
	display: grid;
	grid-gap: 15px;
	margin-bottom: 32px;
}
.benefits__item {
	border: 1px solid var(--gray-16);
	border-radius: var(--border-radius);
	padding: var(--card-padding);
}
.benefits__caption {
	font-family: var(--title-family);
	font-size: var(--title-size-s);
	color: var(--black);
	margin-bottom: 0.2em;
}
.benefits__text {
	line-height: 1.5;
}
.benefits__tags {
	grid-column: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	max-width: 880px;
}
.benefits__tag {
	font-weight: 700;
	font-size: var(--tag-size);
	color: var(--primary);
	border-radius: var(--border-radius);
	background: var(--primary-08);
	border: 1px solid var(--primary-16);
	padding: 0.714em 0.857em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.286em;
	width: fit-content;
}
.benefits__icon {
	width: 1.714em;
	aspect-ratio: 1;
	margin: -8px 0;
}
.benefits__link {
	text-decoration: underline;
}
.benefits__link:hover {
	text-decoration: none;
}
.benefits__attestat {
	grid-row: span 3;
	align-self: end;
	width: fit-content;
	position: relative;
}
.benefits__attestat::before {
	content:'';
	display: block;
	width: min(1196px, 63vw);
	aspect-ratio: 1196 / 169;
	background: url(/images/benefis-line.svg) left center / cover no-repeat;
	position: absolute;
	top: 100%;
	left: 0;
	transform: translateY(-50%) scale(-0.7, 0.7);
}

@media (max-width: 1500px) {
	.benefits__attestat::before {
		width: 48vw;
		left: 30%;
	}
}
@media (max-width: 1200px) {
	.benefits__attestat::before {
		display: none;
	}
}
@media (max-width: 860px) {
	.benefits__container {
		grid-template-columns: 1fr;
	}
	.benefits__list {
		grid-column: unset;
		grid-row: unset;
		margin-top: 0;
	}
	.benefits__tags {
		grid-column: unset;
	}
	.benefits__attestat {
		grid-row: unset;
		order: 2;
		margin-top: 32px;
		width: 100%;
	}
	.benefits__image {
		width: 100%;
	}
}




/* Consult */

.consult {
	background: var(--primary);
	color: var(--white);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-top);
	border-radius: calc(var(--border-radius) * 2.5);
}
.consult__title {
	font-size: calc(var(--title-size) * 1.25);
	max-width: 18.4em;
	color: var(--white);
}
.consult__title span {
	display: block;
	width: fit-content;
	margin-left: auto;
}
.consult__body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
	align-items: end;
}
.consult__content {
	display: grid;
	grid-gap: calc(var(--gap-y) * 2);
}
.consult__tags {
	display: grid;
	grid-gap: var(--text-size-s);
}
.consult__tag {
	font-weight: 700;
	font-size: var(--text-size-s);
	border-radius: var(--border-radius);
	background: rgba(255, 255, 255, 0.08);
	padding: 1em;
	width: fit-content;
}
.consult__experts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}
.consult__expert {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 8px;
	align-items: center;
}
.consult__expert:not(:last-child) {
	padding-right: 16px;
	position: relative;
}
.consult__expert:not(:last-child)::after {
	content:'';
	display: block;
	width: 1px;
	height: 24px;
	background: rgba(255, 255, 255, 0.16);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.consult__avatar {
	position: relative;
	width: 48px;
	aspect-ratio: 1;
	border-radius: 100%;
	border: 1.5px solid var(--white);
	overflow: hidden;
}
.consult__name {
	font-size: 14px;
}

@media (max-width: 860px) {
	.consult__body {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 670px) {
	.consult__title {
		margin-left: 0;
	}
	.consult__title span {
		display: inline;
	}
}
@media (max-width: 450px) {
	.consult__content {
		grid-gap: var(--gap);
	}
	.consult__expert:not(:last-child)::after {
		display: none;
	}
}






/* Support */

.support__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px var(--gap);
	align-items: start;
}
.support__title {
	font-size: var(--title-size-xs);
	max-width: 22em;
}
.support__subtitle {
	font-size: max(18px, calc(var(--title-size) / 3));
	max-width: 24em;
}
.support__tags {
	display: grid;
	grid-gap: var(--text-size-s);
}
.support__tag {
	font-weight: 500;
	font-size: var(--text-size-s);
	line-height: 1.2;
	border-radius: var(--border-radius);
	background: var(--gray-06);
	border: 1px solid var(--gray-16);
	padding: 1em 1.5em;
	width: fit-content;
}
.support__experts {
	display: grid;
	grid-gap: 12px;
}
.support__expert {
	padding: var(--text-size-s);
	border: 1px solid var(--gray-16);
	border-radius: 16px;
	width: fit-content;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 12px;
	align-items: center;
}
.support__avatar {
	position: relative;
	width: 48px;
	aspect-ratio: 1;
	border-radius: 100%;
	overflow: hidden;
}
.support__name {
	font-size: var(--text-size-xs);
	color: var(--gray-48);
}
.support__name b {
	font-size: var(--text-size);
	color: var(--black);
	display: block;
}
.support__form {
	grid-column: 2;
	margin-top: 22px;
}

@media (max-width: 1200px) {
	.support__tag br {
		display: none;
	}
}
@media (max-width: 860px) {
	.support__container {
		grid-template-columns: 1fr;
	}
	.support__form {
		grid-column: 1;
	}
	.support__tags {
		margin-bottom: 20px;
	}
}




/* Special */

.special__title {
	font-size: calc(var(--title-size) * 1.25);
}
.special__title b {
	font-size: 0.667em;
	color: var(--gray-16);
	display: inline-block;
}
.special__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	border: 0.5px solid var(--gray-16);
	border-radius: var(--border-radius);
	margin-bottom: calc(var(--gap) * 2);
}
.special__item {
	background: var(--white);
	border: 0.5px solid var(--gray-16);
	padding: var(--card-padding);
	display: grid;
	align-content: space-between;
	position: relative;
}
.special__item:nth-child(1) {
	border-top-left-radius: var(--border-radius);
}
.special__item:nth-child(3) {
	border-top-right-radius: var(--border-radius);
}
.special__item:nth-child(4) {
	border-bottom-left-radius: var(--border-radius);
}
.special__item:nth-child(6) {
	border-bottom-right-radius: var(--border-radius);
}
.special__caption {
	font-family: var(--title-family);
	font-weight: 400;
	font-size: var(--title-size-s);
	line-height: 1;
	color: var(--black);
	margin-bottom: max(40px, 1em);
}
.special__item_dark {
	background: var(--black);
	color: var(--white);
	border-color: var(--black);
}
.special__item_blue {
	background: var(--primary);
	color: var(--white);
	border-color: var(--primary);
}
.special__item_dark .special__caption,
.special__item_blue .special__caption {
	color: var(--white);
}
.special__item_empty {
	background: var(--gray-05);
	border-color: var(--gray-05);
}

.special__order {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
}
.special__note {
	align-self: end;
	max-width: 27.778em;
	color: var(--black);
}

@media (max-width: 1000px) {
	.special__list {
		grid-template-columns: 1fr;
		border: none;
	}
	.special__item {
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
		border-width: 1px;
	}
	.special__item_empty {
		display: none;
	}
	.special__item:nth-child(4) {
		border-bottom-left-radius: 0;
	}
	.special__item:not(:nth-child(5)) {
		padding-bottom: calc(var(--border-radius) * 2);
		margin-bottom: calc(var(--border-radius) * -1);
	}
	.special__item:nth-child(5) {
		border-radius: var(--border-radius);
	}
	.special__caption {
		margin-bottom: 1.2em;
	}
	.special__note {
		align-self: start;
	}
}
@media (max-width: 670px) {
	.special__list {
		margin-bottom: var(--gap);
	}
	.special__order {
		grid-template-columns: 1fr;
	}
}




/* FAQ */

.faq {
	background: var(--gray-05);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-top);
	border-radius: calc(var(--border-radius) * 2.5);
	margin-bottom: 0;
}
.faq__spoiler {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0 var(--gap);
}
.faq__details {
	grid-column: 1;
	max-width: 745px;
	margin-right: var(--gap);
}
.faq__icon {
	width: var(--title-size-xs);
	aspect-ratio: 1;
	border-radius: 100%;
	border: none;
	position: relative;
	transition: 0.4s;
}
.faq__icon::after, 
.faq__icon::before {
	content: '';
	display: block;
	width: 100%;
	left: 0%;
	position: absolute;
	top: 50%;
	height: 1px;
	background: var(--black);
	border-radius: 5px;
	transition: 0.4s;
}
.faq__icon::after {
	transform: translateY(-50%);
}
.faq__icon::before {
	transform: translateY(-50%) rotate(90deg);
}
.faq__summary {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: var(--gap);
	align-items: center;
	padding: 0.882em 0;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid var(--gray-48);
	transition: var(--transition);
}
.faq__summary::marker {
	display: none;
}
.faq__content {
	grid-column: 2;
	grid-row: 1 / -100;
	align-self: center;
	display: grid;
	grid-template-rows: 0fr;
	transition-duration: 0.5s;
	opacity: 0;
	pointer-events: none;
	margin: 0;
}
.faq__caption {
	font-weight: 600;
	font-size: calc(var(--text-size) * 1.333);
	margin-bottom: 1.333em;
	color: var(--black);
}
.faq__text {
	overflow: hidden;
}
.faq__details[open] .faq__icon {
	transform: rotate(90deg);
}
.faq__details[open] .faq__icon::after {
	opacity: 0;
}
.faq__details[open] + .faq__content {
	grid-template-rows: 1fr;
	opacity: 1;
	padding-bottom: 0.882em;
	pointer-events: all;
}

@media (max-width: 1000px) {
	.faq__spoiler {
		grid-template-columns: 1fr;
	}
	.faq__details {
		max-width: unset;
		margin-right: 0;
	}
	.faq__summary {
		border: none;
	}
	.faq__details[open] .faq__summary {
		font-weight: 600;
		font-size: calc(var(--text-size) * 1.333);
		color: var(--black);
	}
	.faq__content {
		grid-column: unset;
		grid-row: unset;
		grid-template-rows: 0fr;
		transition-duration: 0.5s;
		opacity: unset;
		margin: 0;
		border-bottom: 1px solid var(--gray-48);
	}
	.faq__caption {
		display: none;
	}
	.faq__text {
		padding-right: 32px;
	}
}
@media (max-width: 500px) {
	.faq__text {
		padding-right: 0;
	}
}




/* Footer */

.footer {
	--logo-size: clamp(24px, 24px + (100 - 24) * var(--adaptive), 100px);
	--logo-gap: calc(var(--logo-size) * 0.25);
	
	margin-top: auto;
	padding-top: var(--section-padding);
	padding-bottom: var(--section-padding);
}
.footer__container {
	display: grid;
	grid-template-columns: repeat(3, auto);
	justify-content: space-between;
	grid-gap: 40px;
}

.footer__company {
	display: grid;
	grid-gap: 26px;
	grid-template-rows: auto 1fr auto;
}
.footer__logo {
	grid-template-columns: repeat(2, auto);
	justify-content: start;
	margin-top: -0.1em;
}
.footer__logo .logo__icon {
	grid-row: span 2;
}
.footer__logo .logo__text {
	font-size: min(16px, 0.35em);
}
.footer__legal,
.footer__privacy {
	padding-left: calc(var(--logo-size) + var(--logo-gap));
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
}
.footer__legal {
	align-self: end;
	color: var(--gray-48);
	display: grid;
	grid-gap: 8px;
}
.footer__privacy {
	width: fit-content;
}

.footer__contacts {
	display: grid;
	grid-gap: 20px;
	align-content: start;
}
.footer__copyright {
	font-size: 12px;
	line-height: 1;
	color: var(--gray-48);
	max-width: 370px;
}

@media (max-width: 1360px) {
	.footer__container {
		grid-template-columns: repeat(2, 1fr);
	}
	.footer__cert {
		grid-column: 2;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 45px;
		max-width: 400px;
	}
}
@media (max-width: 670px) {
	.footer__container {
		grid-template-columns: 1fr;
	}
	.footer__contacts,
	.footer__cert {
		grid-column: 1;
		padding-left: calc(var(--logo-size) + var(--logo-gap));
	}
	.footer__cert {
		margin-right: calc(var(--logo-size) + var(--logo-gap));
	}
}




/* Up button */

.up {
	--up-button-size: 35px;
	--up-button-padding: 10px;
	--up-button-radius: 6px;
	--up-button-color: var(--black);
	--up-button-hover: var(--primary);
	--up-arrow-color: var(--white);
	--up-arrow-width: 2px;

	position: fixed;
	bottom: var(--up-button-padding);
	right: var(--up-button-padding);
	background: var(--up-button-color);
	width: var(--up-button-size);
	height: var(--up-button-size);
	border-radius: var(--up-button-radius);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s, opacity 0.3s;
	z-index: 50;
	opacity: 0;
	pointer-events: none;
}
.up_show {
	opacity: 1;
	pointer-events: all;
}
.up:after {
	content: '';
	display: block;
	width: 30%;
	height: 30%;
	border-left: var(--up-arrow-width) solid var(--up-arrow-color);
	border-top: var(--up-arrow-width) solid var(--up-arrow-color);
	transform: rotate(45deg);
	margin-top: 15%;
}
@media (hover: hover) {
	.up:hover {
		background: var(--up-button-hover);
	}
}
@media (pointer:coarse) {
	.up {display: none;}
}




/* Popup */

.popup {
	--popup-max-width: 600px;
	--popup-margin: 15px;
	--popup-padding: 24px;
	--popup-radius: var(--border-radius);
	--popup-color: var(--primary);
	--popup-text-color: var(--primary-40);
	--popup-close-size: 30px;
	--popup-close-bg: none;
	--popup-close-padding: 7px;
	--popup-close-margin: 12px;
	--popup-close-radius: 4px;
	--popup-close-line-width: 3px;
	--popup-close-line-color: var(--primary-64);
	--popup-close-line-radius: 10px;
	--popup-overlay-color: rgba(255,255,255,0.9);
	--popup-transition: 0.6s;

	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	height: calc(100% + 70px);
	padding: var(--popup-margin);
	padding-bottom: calc(var(--popup-margin) + 70px);
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	display: flex;
	z-index: 1001;
	opacity: 0;
	transition: opacity 0s var(--popup-transition);
	will-change: opacity;
	pointer-events: none;
	scrollbar-width: none;
}
.popup::-webkit-scrollbar {
	appearance: none;
	-webkit-appearance: none;
	width: 0;
	height: 0;
	display: none;
}
.popup_open {
	opacity: 1;
	transition: opacity 0s 0s;
	pointer-events: all;
}
.popup__box {
	position: relative;
	margin: auto;
	width: 100%;
	max-width: var(--popup-max-width);
	background: var(--popup-color);
	color: var(--popup-text-color);
	padding: var(--popup-padding);
	border-radius: var(--popup-radius);
	z-index: 1001;
	transform: translateY(100%);
	opacity: 0;
	transition: transform var(--popup-transition), opacity calc(var(--popup-transition) / 2) calc(var(--popup-transition) / 4);
}
.popup_open .popup__box {
	transform: translateY(0);
	opacity: 1;
	transition: transform var(--popup-transition), opacity calc(var(--popup-transition) / 2);
}
.popup__close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: var(--popup-close-size);
	height: var(--popup-close-size);
	background: var(--popup-close-bg);
	margin: var(--popup-close-margin);
	padding: var(--popup-close-padding);
	border-radius: var(--popup-close-radius);
	border: none;
	cursor: pointer;
}
.popup__close:hover .popup__close-icon {
	transform: rotate(180deg);
}
.popup__close-icon {
	display: block;
	position: relative;
	height: 100%;
	transition: 0.3s;
}
.popup__close-icon::after, 
.popup__close-icon::before {
	content: '';
	display: block;
	width: 120%;
	left: -10%;
	position: absolute;
	top: 50%;
	height: var(--popup-close-line-width);
	background: var(--popup-close-line-color);
	border-radius: var(--popup-close-line-radius);
}
.popup__close-icon::after {
	transform: translateY(-50%) rotate(45deg);
}
.popup__close-icon::before {
	transform: translateY(-50%) rotate(-45deg);
}

.popup__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh + 140px);
	transform: translateY(-70px);
	background: var(--popup-overlay-color);
	z-index: 1000;
	transition: 0.5s;
	opacity: 0;
}
.popup_open .popup__overlay {
	opacity: 1;
}

.preloader {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	padding: 12px 16px;
	border-radius: 5px;
	background-color: #000;
	height: 44px;
	z-index: 100;
	display: none;
}
.preloader__line {
	border-radius: 100px;
	background-color: #fff;
	height: 20px;
	width: 2px;
	margin: 0 2px;
	display: inline-block;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.preloader__line:nth-child(2) {animation-delay: -1.1s}
.preloader__line:nth-child(3) {animation-delay: -1.0s}
.preloader__line:nth-child(4) {animation-delay: -0.9s}

@keyframes sk-stretchdelay {
	0%, 40%, 100% {transform: scaleY(0.5);}
	20% {transform: scaleY(1.0);}
}

.popup__title {
	font-size: clamp(22px, 22px + (48 - 22) * var(--adaptive), 48px);
	color: var(--white);
	margin-bottom: 0.15em;
	padding-right: 24px;
}
.popup__title_small {
	font-size: var(--title-size-xs);
}

.popup__expert {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 12px;
	align-items: center;
	margin-bottom: calc(var(--gap-y) * 2);
}
.popup__avatar {
	position: relative;
	width: clamp(48px, 48px + (64 - 48) * var(--adaptive), 64px);;
	aspect-ratio: 1;
	border-radius: 100%;
	border: 1.5px solid var(--white);
}
.popup__avatar img {
	border-radius: 100%;
}
.popup__avatar::before {
	content:'';
	display: block;
	width: 18.75%;
	aspect-ratio: 1;
	border: 1px solid var(--white);
	border-radius: 100%;
	background: #64d05d;
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index: 2;
}
.popup__name {
	font-size: var(--text-size-s);
}
.popup__name b {
	font-size: 1.5em;
	color: var(--white);
	display: block;
}

.popup__form {
	margin-top: var(--gap-y);
}
.popup__form .form__input_white {
	background: var(--white);
	color: var(--black);
}
.popup__form .form__input_white::placeholder {
	color: var(--gray-48);
}

.popup__socials {
	display: grid;
	grid-gap: 0.6em;
}
.popup__socials .social__link {
	background: rgba(255, 255, 255, 0.12);
}
.popup__socials .social__link img {
	filter: brightness(1000%);
}
@media (hover: hover) {
	.popup__socials .social__link:hover {
		background: rgba(255, 255, 255, 0.24);;
	}
}
.popup__socials .social__radio:checked + .social__link {
	background: var(--white);
}
.popup__socials .social__radio:checked + .social__link img {
	filter: none;
}

#thanks .popup__socials {
	margin-top: 4em;
}

.form-thanks, .form-error, .form-sending {
	display: none;
	font-size: 24px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 30px 0;
}

#order .form-thanks, #order .form-error, #order .form-sending, .special .form-thanks, .special .form-error, .special .form-sending, .support .form-thanks, .support .form-error, .support .form-sending {
	color: #333;
}

.article-container p {
	margin: 0 0 10px 0;
}

ul.default {
	margin-bottom: 10px;
}

ul.default li {
	padding: 0 0 0 10px;
	position: relative;
	margin: 0 0 6px 0;
}

ul.default li:before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #333;
	position: absolute;
	top: .6em;
	left: 0;
}

.cookiespol {
	position: fixed;
	bottom: 10px;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	max-width: 900px;
	background: rgba(0,0,0,.7);
	display: flex;
	align-items: center;
	padding: 10px 20px;
	border-radius: 10px;
}

.cookiespol__text {
	color: #fff;
	margin: 0 20px 0 0;
	font-size: 14px;
}

.cookiespol__text a {
	color: #fff;
	text-decoration: underline;
}

.cookiespol__close {
	flex: 0 0 70px;
	cursor: pointer;
	background: #fff;
	color: #333;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 10px;
}

@media (max-width: 575px) {
	.cookiespol__text {
		font-size: 12px;
	}
	.cookiespol__close {
		font-size: 12px;
		flex: 0 0 50px;
	}
}

p {
	margin: 0 0 10px 0;
}

.hero__serts {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column: 1 / -1;
  margin: 0 0 -20px;
}

.hero__sert img {
	width: 100%;
	height: 100%;
}

@media (max-width: 861px) {
	.hero__serts {
		display: none;
	}
}