/* Fonts */

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

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

@font-face {
	font-family: 'SF Pro Text';
	src: url('../fonts/SF-Pro-Text-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	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 {outline: none;}

header, footer, nav, section, article, aside {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: 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, input[type="button"], input[type=submit] {cursor: pointer;}
button[disabled], input[disabled] {cursor: default; opacity: 0.5; pointer-events: none;}
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 {display: block; 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: 'Manrope', sans-serif;
	--second-family: 'SF Pro Display', sans-serif;
	--other-family: 'SF Pro Text', sans-serif;

	--accent-color: #4e77f6;
	--second-color: #3aa7fa;
	--gradient: linear-gradient(90deg, #39a8fb 0%, #5e53f2 100%);
	--white: #FFFFFF;
	--black: #101420;
	--mediumgray: #6c6c6c;
	--gray: #878c9c;
	--softgray: #a1a3aa;
	--lightgray: #d6dbeb;
	--lightergray: #eff0f3;
	--ultralightgray: #f7f8fc;
	--ultralightgray2: #ebecef;
	--invalid-color: #D72115;

	--max-width: 1700px;
	--min-width: 360px;
	--adaptive: ((100vw - 360px) / (1700 - 360));

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

	--background: var(--white);
	--text-color: var(--gray);
	--text-weight: 500;
	--text-height: 1.5;
	--text-size: clamp(14px, 14px + (16 - 14) * var(--adaptive), 16px);
	--text-size-l: clamp(16px, 16px + (20 - 16) * var(--adaptive), 20px);
	--text-size-m: clamp(16px, 16px + (18 - 16) * var(--adaptive), 18px);
	--text-size-s: clamp(12px, 12px + (14 - 12) * var(--adaptive), 14px);
	--text-size-xs: 12px;
	--title-size: clamp(24px, 24px + (40 - 24) * var(--adaptive), 40px);
	--title-size-l: clamp(24px, 24px + (50 - 24) * var(--adaptive), 50px);
	--title-size-m: clamp(24px, 24px + (30 - 24) * var(--adaptive), 30px);
	--title-color: var(--black);
	--title-margin: 1em;
	--caption-size: clamp(20px, 20px + (24 - 20) * var(--adaptive), 24px);
	--caption-margin: 0.667em;

	--radius: 20px;
	--radius-l: clamp(20px, 20px + (40 - 20) * var(--adaptive), 40px);
	--gap: clamp(20px, 20px + (32 - 20) * var(--adaptive), 32px);
	--bottom-margin: clamp(24px, 24px + (40 - 24) * var(--adaptive), 40px);
	--bottom-margin-l: clamp(24px, 24px + (60 - 24) * var(--adaptive), 60px);
	--transition: 0.3s;

	--header-height: clamp(80px, 80px + (90 - 80) * var(--adaptive), 90px);
	--page-top-padding: calc(var(--header-height) + var(--bottom-margin));
	--logo-size: clamp(150px, 150px + (214 - 150) * var(--adaptive), 214px);

	--card-padding-xxl: clamp(40px, 40px + (60 - 40) * var(--adaptive), 60px);
	--card-padding-xl: clamp(24px, 24px + (50 - 24) * var(--adaptive), 50px);
	--card-padding-l: clamp(24px, 24px + (40 - 24) * var(--adaptive), 40px);
	--card-padding-m: 32px;
	--card-padding-s: 24px;
	--card-padding-xs: 20px;

	--flex-columns-3: calc((100% - var(--gap) * 2) / 3);
	--flex-columns-2: calc((100% - var(--gap)) / 2);
	--flex-columns-1: 100%;
}

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

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

.main {
	overflow: hidden;
}
@media (min-width: 700px) {
	.main:has(.sticky) {
		overflow: clip;
	}
}
.main > section {
	position: relative;
	margin-bottom: var(--section-margin);
}
.main > section:first-child {
	padding-top: var(--page-top-padding);
}


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

.title {
	font-weight: 600;
	font-size: var(--title-size);
	line-height: 1.35;
	color: var(--title-color);
	display: block;
	margin-bottom: var(--title-margin);
}
.subtitle {
	font-weight: 600;
	font-size: var(--caption-size);
	color: var(--title-color);
	margin-bottom: var(--caption-margin);
}
.caption {
	font-weight: 600;
	font-size: var(--caption-size);
	color: var(--title-color);
}
.bigtext {
	font-size: var(--text-size-l);
}

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

.head-back {
	margin-bottom: var(--gap);
}
.head-link {
	--title-margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px 30px;
	margin-bottom: var(--bottom-margin);
}
.morelink {
	font-weight: 600;
	color: var(--accent-color);
	white-space: nowrap;
	width: fit-content;
	position: relative;
}
.morelink::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: currentColor;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.4s, transform-origin 0s;
}
.morelink:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.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-padding: 0.8em 1.6em;
	--button-radius: 100px;
	--button-color: linear-gradient(90deg, #39a8fb 0%, #5e53f2 50%, #39a8fb 100%);
	--button-text-color: var(--white);
	--button-text-size: var(--text-size-l);
	--button-transition: 0.4s;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	width: fit-content;
	padding: var(--button-padding);
	border: none;
	border-radius: var(--button-radius);
	background: var(--button-color);
	background-size: 200% 100%;
	background-position: top left;
	color: var(--button-text-color);
	font-size: var(--button-text-size);
	transition: var(--button-transition);
}
.button_white {
	--button-color: var(--white);
	--button-text-color: var(--accent-color);
}
.button_light {
	--button-color: var(--ultralightgray);
	--button-text-color: var(--black);
}
.button_back::before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	background: url(/images/arrow-back.svg) center / cover no-repeat;
	transition: var(--transition);
}
@media (hover: hover) {
	.button:hover {
		background-position: top right 5px;
		box-shadow: 8px 0px 20px 0 rgba(57, 168, 251, 0.2), -10px 0px 20px 0 rgba(94,83,242, 0.2);
	}
	.button_white:hover {
		box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
	}
	.button_light:hover {
		box-shadow: none;
		background: var(--ultralightgray2);
	}
	.button_back:hover::before {
		transform: translateX(-5px);
	}
}
.button:active {
	transform: scale(0.97);
}

.social {
	--social-icon-size: 32px;
	--social-icon-gap: 15px;

	display: grid;
	grid-auto-flow: column;
	grid-gap: var(--social-icon-gap);
	width: max-content;
}
.social__link {
	position: relative;
	width: var(--social-icon-size);
	aspect-ratio: 1;
}
.social__link:hover {
	transform: scale(1.1);
	filter: brightness(120%);
}

.sticky {
	position: sticky;
	top: 20px;
}

.widget:not(:last-child) {
	margin-bottom: var(--bottom-margin);
}
.widget__caption {
	margin-bottom: 0.8em;
}

.tags {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin: 40px 0 0;
}
.tags__link {
	display: block;
	width: fit-content;
	white-space: nowrap;
	color: var(--black);
	padding: 1em;
	border-radius: 100px;
	background: var(--ultralightgray);
	box-shadow: inset 0 0 0 0 var(--accent-color);
	transition: 0.4s;
}
.tags__link_active {
	background: var(--accent-color);
	color: var(--white);
	pointer-events: none;
}
@media (hover: hover) {
	.tags__link:hover {
		background: var(--accent-color);
		box-shadow: inset 0 0 10em 0 var(--accent-color);
		color: var(--white);
		transition: 0.6s
	}
}





/* Slider */

.slider-wrapper {
	position: relative;
}
.swiper-pagination {
	position: static;
	margin-top: 5px;
}
.swiper-pagination-bullet {
	--swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-height: 2px;
	--swiper-pagination-bullet-border-radius: 5px;
	--swiper-pagination-bullet-horizontal-gap: 2px;
	--swiper-pagination-bullet-inactive-color: var(--mediumgray);

	transition: var(--transition);
}
.swiper-pagination-bullet-active {
	--swiper-pagination-bullet-width: 32px;
	--swiper-pagination-color: var(--accent-color);
}

.slider-arrow {
	--arrow-size: 40px;
	width: var(--arrow-size);
	aspect-ratio: 1;
	background-color: var(--accent-color);
	border-radius: 100%;
	border: none;
	position: absolute;
	top: calc(50% - var(--arrow-size) / 2);
	z-index: 2;
}
.slider-arrow_next {
	right: calc(var(--arrow-size) / -2)
}
.slider-arrow_prev {
	left: calc(var(--arrow-size) / -2);
}
.slider-arrow::before {
	content:'';
	position: absolute;
	inset: 0;
	background: url(/images/slider-arrow.svg) center / contain no-repeat;
	transition: var(--transition);
}
.slider-arrow_prev::before {
	transform: scaleX(-1);
}
.slider-arrow[disabled] {
	opacity: 1;
	box-shadow: 8px 8px 20px 0 rgba(57, 65, 124, 0.08), -10px -10px 20px 0 rgba(255, 255, 255, 0.8);
	background: var(--white);
	pointer-events: all;
}
.slider-arrow[disabled]::before {
	filter: invert(1);
	opacity: 0.2;
}
@media (hover: hover) {
	.slider-arrow:not([disabled]):hover {
		filter: brightness(110%);
		box-shadow: 8px 8px 20px 0 rgba(57, 65, 124, 0.08), -10px -10px 20px 0 rgba(255, 255, 255, 0.8);
	}
}




/* Fancybox */

.fancybox__thumbs,
.fancybox__button--thumbs,
.fancybox__button--fullscreen,
.fancybox__button--slideshow,
.fancybox__button--zoom {
	display: none!important;
}
.carousel__button,
.fancybox__button--close,
.fancybox__counter {
	opacity: 0.5;
}
.carousel__button:hover,
.fancybox__button--close:hover {
	opacity: 1;
}
.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
	cursor: grab;
	pointer-events: none;
}
@media (hover: hover) {
	[data-fancybox]:hover {
		cursor: zoom-in;
	}
}





/* Form */

.form {
	--form-field-gap: clamp(16px, 16px + (20 - 16) * var(--adaptive), 20px);
	--input-text-size: var(--text-size-l);
	--input-text-color: var(--black);
	--input-placeholder-color: var(--mediumgray);
	--input-background: var(--white);
	--input-tel-background: var(--lightergray);
	--input-border: 1px solid transparent;
	--input-border-radius: 100px;
	--input-border-invalid: var(--invalid-color);
	--input-padding: 0.75em 20px;
	--checkbox-background: var(--white);
	--checkbox-checked-background: var(--white);
	--checkbox-border-color: var(--lightgray);
	--checkbox-text-size: var(--text-size);
	--checkbox-text-color: inherit;
	--checkbox-link-color: var(--accent-color);
	--checkbox-privacy-text-size: var(--text-size-xs);
	--checkbox-privacy-text-color: var(--gray);

	display: grid;
	grid-gap: var(--form-field-gap);
	align-content: start;
}
.form__input {
	width: 100%;
	font-size: var(--input-text-size);
	line-height: 1.5;
	background: var(--input-background);
	color: var(--input-text-color);
	padding: var(--input-padding);
	border: var(--input-border);
	border-radius: var(--input-border-radius);
	transition: border-color var(--transition);
}
.form__input::placeholder {
	color: var(--input-placeholder-color);
}
.form__input.invalid {
	border: 1px solid var(--input-border-invalid);
}
.form__input:autofill {
	box-shadow: 0 0 0 1000px var(--input-background) inset;
	-webkit-text-fill-color: var(--input-text-color);
	color: var(--input-text-color);
	font-size: var(--input-text-size);
	transition: background-color 9999s;
	caret-color: transparent;
}
.form__input_tel {
	padding-left: 2.056em;
	background: url(/images/flag.svg) left 0.556em center / 1.111em no-repeat,
		linear-gradient(90deg, var(--input-tel-background) 0, var(--input-tel-background) 3.722em, var(--input-background) 3.722em, var(--input-background) 100%);
	border-left-color: var(--input-tel-background);
	border-right-color: var(--input-background);
}
.form__input_textarea {
	resize: none;
	min-height: 150px;
}

.form__checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	width: fit-content;
	text-align: left;
	padding-left: 30px;
	font-size: var(--checkbox-text-size);
	color: var(--checkbox-text-color);
}
.form__checkbox_privacy {
	font-size: var(--checkbox-privacy-text-size);
	color: var(--checkbox-privacy-text-color);
}
.form__checkbox a {
	color: var(--checkbox-link-color);
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 0.5px;
	text-underline-offset: 2px;
}
.form__checkbox a:hover {
	text-decoration: none;
}
.form__checkbox-input {
	position: absolute;
	opacity: 0;
}
.form__checkbox-label::before {
	content: '';
	display: block;
	width: 20px;
	aspect-ratio: 1;
	border: 1px solid var(--checkbox-border-color);
	border-radius: 5px;
	background: var(--checkbox-background);
	position: absolute;
	top: 0.7em;
	transform: translateY(-50%);
	left: 0;
	transition: var(--transition);
	background-position: center;
	background-size: 60%;
}
.form__checkbox-input:checked + .form__checkbox-label::before {
	background: url(/images/checkmark.svg) center / 60% no-repeat;
	background-color: var(--checkbox-checked-background);
}
.invalid + .form__checkbox-label::before {
	border-color: var(--input-border-invalid);
}

.form__button {
	width: 100%;
}

.form__checks {
	display: flex;
	justify-content: space-between;
}

.form__checks .form__checkbox {
	flex: 0 0 49%;
}

@media (max-width: 991px) {
	.form__checks {
		display: block;
	}
	.form__checks .form__checkbox {
		margin: 0 0 16px 0;
	}
}

/* Header */

.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	transition: box-shadow 0.3s, background-color 0.3s;
}
.header_fixed {
	position: fixed;
	top: 0;
	transition: transform 0.5s;
	will-change: transform;
	background: var(--white);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header_hide {
	transform: translateY(-110%);
}
.header_hide:has(.menu_open) {
	transform: none;	
}
.header_hide .menu__submenu {
	opacity: 0!important;
	transform: translateY(-20px)!important;
	pointer-events: none!important;
}

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

.header__logo {
	width: var(--logo-size);
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

.header__contacts {
	display: flex;
	align-items: center;
	gap: 20px;
}
.header__phone,
.header__email {
	color: var(--black);
	position: relative;
}
@media (hover: hover) {
	.header__phone:hover {
		color: var(--mediumgray);
	}
	.header__email::before {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: currentColor;
		position: absolute;
		bottom: 0;
		left: 0;
		transform: scaleX(0);
		transform-origin: right;
		transition: transform 0.4s, transform-origin 0s;
	}
	.header__email:hover::before {
		transform: scaleX(1);
		transform-origin: left;
	}
}
.header__social {
	--social-icon-gap: 12px;
}
.header__button {
	--button-text-size: var(--text-size);
}

@media (max-width: 1650px) {
	.header__email {
		display: none;
	}
}
@media (max-width: 1400px) {
	.header__phone {
		display: none;
	}
}
@media (max-width: 1200px) {
	.header__button {
		display: none;
	}
	.header__social {
		--social-icon-size: 36px;
		--social-icon-gap: 16px;
	}
}
@media (max-width: 1000px) {
	.header__contacts {
		margin-left: auto;
	}
	.header__phone {
		display: block;
	}
	.header__button {
		display: none;
	}
}
@media (max-width: 600px) {
	.header__phone {
		display: none;
	}
}







/* Menu */

.menu {
	--menu-link-padding: 10px clamp(0px, 0px + (20 - 0) * var(--adaptive), 20px);
	--menu-link-gap: clamp(0px, 0px + (12 - 0) * var(--adaptive), 12px);
	--menu-link-size: var(--text-size);
	--menu-link-color: var(--softgray);
	--menu-link-hover-color: var(--accent-color);
	--menu-link-active-color: var(--accent-color);
	--menu-arrow-size: 1.5em;
	--menu-arrow-margin: 0.625em;
	--submenu-background: var(--white);
	--submenu-radius: 15px;
	--submenu-shadow: 0 0 30px 0 rgba(176, 176, 176, 0.25);
	--submenu-padding: 25px;
	--submenu-margin: 10px;
	--submenu-link-gap: 15px;
	--submenu-link-size: var(--text-size);
	--submenu-link-color: var(--softgray);
	--submenu-link-hover-color: var(--accent-color);
}
.menu__list {
	display: flex;
	gap: var(--menu-link-gap);
}
.menu__item {
	display: flex;
	align-items: center;
	color: var(--menu-link-color);
	position: relative;
}
.menu__item_active {
	color: var(--menu-link-active-color);
	display: flex;
	align-items: center;
	pointer-events: none;
}
.menu__item_active:has(.menu__submenu) {
	pointer-events: all;
}
.menu__list > .menu__item_active::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 4px;
	background: var(--gradient);
	transform: translateY(calc(var(--header-height) / -2));
}
@media (hover: hover) {
	.menu__item:hover {
		color: var(--menu-link-hover-color);
	}
}
.menu__link {
	font-size: var(--menu-link-size);
	color: inherit;
	white-space: nowrap;
	padding: var(--menu-link-padding);
	display: flex;
	align-items: center;
}
.menu__link::before {
	content: '';
	position: absolute;
	inset: 0;
}
.menu__link:has(+.menu__submenu)::after {
	content: '';
	display: block;
	width: var(--menu-arrow-size);
	aspect-ratio: 1;
	margin-left: var(--menu-arrow-margin);
	mask: url(/images/menu-arrow.svg) center / cover no-repeat;
	-webkit-mask: url(/images/menu-arrow.svg) center / cover no-repeat;
	background-color: currentColor;
}
.menu__submenu {
	position: absolute;
	left: 0;
	top: calc(100% + var(--submenu-margin));
	background: var(--submenu-background);
	border-radius: var(--submenu-radius);
	box-shadow: var(--submenu-shadow);
	padding: var(--submenu-padding);
	display: grid;
	grid-gap: var(--submenu-link-gap);

	opacity: 0;
	transform: translateY(-20px);
	pointer-events: none;
	transition: var(--transition);
}
@media (hover: hover) {
	.menu__submenu::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		height: var(--submenu-margin);
	}
	.menu__item:hover .menu__submenu {
		opacity: 1;
		transform: none;
		pointer-events: all;
	}
}
.menu__item_open {
	color: var(--menu-link-hover-color);
}
.menu__item_open .menu__submenu {
	opacity: 1;
	transform: none;
	pointer-events: all;
}

.menu__sublink {
	font-size: var(--submenu-link-size);
	color: var(--submenu-link-color);
	display: block;
	width: 100%;
	white-space: nowrap;
	position: relative;
}
.menu__sublink::before {
	content: '';
	position: absolute;
	inset: calc(var(--submenu-link-gap) / -2) 0;
}
@media (hover: hover) {
	.menu__sublink:hover {
		color: var(--submenu-link-hover-color);
	}
}

.menu__contacts {
	display: none;
}






/* Burger */

.burger {
	--burger-padding: 13px 9px;
	--burger-width: 22px;
	--burger-height: 14px;
	--burger-radius: 100%;
	--burger-bg: var(--accent-color);
	--burger-color: var(--white);
	--burger-line-width: 2px;
	--burger-line-radius: 50px;

	padding: var(--burger-padding);
	margin: calc(var(--burger-padding) * -1);
	border: none;
	border-radius: var(--burger-radius);
	position: relative;
	z-index: 2;
	display: none;
}
.burger:has(.burger__icon) {
	background: var(--burger-bg);
}
.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: 110%;
	margin: 0 -5%;
}
.burger_close .burger__line_2 {
	opacity: 0;
}
.burger_close .burger__line_3 {
	bottom: 50%;
	transform: translateY(50%) rotate(-45deg);
	width: 110%;
	margin: 0 -5%;
}




/* Mobile menu */

@media (max-width:1000px) {
	.burger {
		display: block;
	}
	.menu {
		--menu-link-size: 16px;
		--submenu-link-size: 16px;
		--submenu-shadow: 0 0 10px 0 rgba(176, 176, 176, 0.1);

		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		border-top: var(--header-height) solid transparent;
		padding-bottom: calc(100vh - 100dvh + 40px);
		padding-left: var(--section-padding);
		padding-right: var(--section-padding);
		background: var(--ultralightgray);
		overflow-x: hidden;
		overflow-y: auto;
		display: grid;
		grid-template-rows: auto 1fr;
		grid-gap: 40px;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.4s;
		z-index: 1;
	}
	.menu_open {
		opacity: 1;
		pointer-events: all;
	}
	.menu > * {
		transition: 0.2s 0s; 
		transform: translateY(-20px); 
		opacity: 0;
	}
	.menu_open > * {
		transition: 0.4s 0.2s; 
		transform: translateY(0); 
		opacity: 1;
	}
	.menu__list {
		width: 100%;
		display: block;
	}
	.menu__item {
		position: relative;
		display: block;
	}
	.menu__item_active::before {
		top: 0;
		left: calc(var(--section-padding) * -1);
		right: auto;
		height: 100%;
		width: 4px;
		background: var(--second-color);
		transform: none;
	}
	.menu__submenu {
		position: static;
		opacity: 1;
		transform: none;
		overflow: hidden;
		max-height: 0;
		padding-block: 0;
	}
	.menu__item_open .menu__submenu {
		pointer-events: all;
		max-height: calc(var(--submenu-height) + var(--submenu-padding) * 2);
		padding: var(--submenu-padding);
	}

	.menu__contacts {
		align-self: end;
		display: grid;
		grid-template-columns: 1fr auto;
		grid-gap: 20px;
	}
	.menu__phone {
		font-size: 16px;
		color: var(--black);
	}
	.menu__social {
		--social-icon-size: 36px;
		--social-icon-gap: 10px;
	}
	.menu__button {
		grid-column: 1 / -1;
		width: 100%;
	}
}





/* Hero */

.hero {
	--page-top-padding: var(--header-height);
	padding-bottom: var(--section-padding);
	min-height: min(1300px, 100svh);
	display: flex;
}
.hero::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 156vw;
	max-width: 3000px;
	aspect-ratio: 3000 / 1340;
	background: url(/images/hero/bg.jpg) center / cover no-repeat;
	z-index: -1;
	mix-blend-mode: multiply;
}
.hero__container {
	display: grid;
	grid-template-rows: 1fr auto;
	max-height: 1080px;
}
.hero__content {
	display: grid;
	justify-items: center;
	align-content: center;
	text-align: center;
	padding-block: var(--section-padding);
}
.hero__title {
	font-weight: 700;
	font-size: clamp(40px, 40px + (100 - 40) * var(--adaptive), 100px);
	line-height: 1.1;
	color: var(--black);
	max-width: 11em;
	margin-bottom: max(10px, 0.25em);
}
.hero__text {
	font-size: clamp(16px, 16px + (21 - 16) * var(--adaptive), 21px);
}
.hero__button {
	--button-padding: 1.2em 3.3em;
	margin-top: clamp(35px, 35px + (60 - 35) * var(--adaptive), 60px);
}
.hero__services {
	width: 100%;
	min-width: 0;
	position: relative;
}

.hero__animation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	clip-path: inset(var(--header-height) 0 0 0);
}

@media (orientation: portrait) {
	.hero::after {
		aspect-ratio: unset;
		height: 100vh;
	}
}
@media (max-width: 1200px), (pointer: coarse) {
	.hero__animation {
		display: none;
	}
}





/* Services */

.services__card {
	background: var(--white);
	border-radius: var(--radius);
	padding: var(--card-padding-s) var(--card-padding-m);
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 20px;
	align-items: center;
	align-content: start;
	height: auto;
}
.services__icon {
	width: clamp(30px, 30px + (44 - 30) * var(--adaptive), 44px);
	aspect-ratio: 1;
}
.services__desc {
	grid-column: 1 / -1;
}
.services__pagination {
	display: none;
}

@media (max-width: 749px) {
	.services__slider {
		max-width: 380px;
	}
	.services__arrow_prev {
		left: 0;
	}
	.services__arrow_next {
		right: 0;
	}
}
@media (max-width: 500px) {
	.services__slider {
		overflow: visible;
	}
	.services__arrow {
		display: none;
	}
	.services__pagination {
		display: block;
	}
}






/* Tabs */

.tabs__nav {
	--tabs-link-text-color: var(--black);
	--tabs-link-button-color: var(--ultralightgray);
	--tabs-link-padding: 1em;
	--tabs-link-radius: 100px;
	--tabs-link-gap: clamp(10px, 10px + (16 - 10) * var(--adaptive), 16px);
	--tabs-active-link-text-color: var(--white);
	--tabs-active-link-button-color: var(--accent-color);

	display: flex;
	flex-wrap: wrap;
	gap: var(--tabs-link-gap);
	overflow-x: auto;
	scrollbar-width: none;
}
.tabs__nav::-webkit-scrollbar {
	appearance: none;
	-webkit-appearance: none;
	width: 0;
	height: 0;
}
.tabs__link {
	padding: var(--tabs-link-padding);
	color: var(--tabs-link-text-color);
	background: var(--tabs-link-button-color);
	border-radius: var(--tabs-link-radius);
	white-space: nowrap;
}
.tabs__link_active {
	background: var(--tabs-active-link-button-color);
	color: var(--tabs-active-link-text-color);
	pointer-events: none;
}
@media (hover: hover) {
	.tabs__link:hover {
		background: var(--ultralightgray2);
	}
}
.tabs__content:not(.tabs__content_active) {
	display: none;
}

@media (max-width: 1000px) {
	.tabs__nav {
		flex-wrap: nowrap;
		margin-inline: calc(var(--section-padding) * -1);
		padding-inline: var(--section-padding);
	}
}





/* Portfolio */

.portfolio__head {
	margin-bottom: var(--bottom-margin);
}
.portfolio__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: clamp(40px, 40px + (60 - 40) * var(--adaptive), 60px);
}
.portfolio__pic {
	display: block;
	position: relative;
	border-radius: var(--radius);
	overflow: hidden;
	width: 100%;
	aspect-ratio: 780 / 500;
	background: var(--lightergray);
	margin-bottom: clamp(10px, 10px + (20 - 10) * var(--adaptive), 20px);
}
.portfolio__image {
	transition: 0.8s;
}
.portfolio__caption {
	display: block;
	width: fit-content;
	margin-bottom: min(10px, 0.667em);
}
.portfolio__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}
.portfolio__tags {
	color: var(--gray);
	white-space: nowrap;
}
@media (hover: hover) {
	.portfolio__image:hover {
		transform: scale(1.1);
	}
	.portfolio__caption:hover,
	/*.portfolio__tags:hover {
		color: var(--accent-color);
	}*/
}
.portfolio__morebutton {
	--button-padding: 0.8em 3.3em;
	margin-inline: auto;
	margin-top: 40px;
	display: none;
}
.portfolio__loadmore {
	margin-inline: auto;
	margin-top: var(--bottom-margin-l);
	width: 100%;
	max-width: 330px;
}

@media (max-width: 1000px) {
	.portfolio__list {
		grid-template-columns: 1fr;
	}
	.portfolio__morelink {
		display: none;
	}
	.portfolio__morebutton {
		display: flex;
	}
}
@media (max-width: 500px) {
	.portfolio__morebutton {
		width: 100%;
	}
	.portfolio__loadmore {
		max-width: unset;
	}
}





/* Features */

.features__head {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
	align-items: center;
	margin-bottom: var(--bottom-margin-l);
}
.features__title {
	font-size: var(--title-size-l);
	margin-bottom: 0;
}
.features__cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: var(--gap);
}
.features__card {
	background: var(--ultralightgray);
	border-radius: var(--radius);
	padding: var(--card-padding-m) var(--card-padding-s);
}
.features__icon {
	width: clamp(56px, 56px + (70 - 56) * var(--adaptive), 70px);
	aspect-ratio: 1;
	transition: filter 0.3s;
}
.features__caption {
	margin-top: 1.333em;
	margin-bottom: 1.167em;
	transition: 0.6s;
}

@media (hover: hover) {
	.features__card {
		background: linear-gradient(0deg, var(--ultralightgray) 50%, var(--accent-color) 50%);
		background-size: 100% 205%;
		background-position: bottom -5px center;
		transition: 0.5s;
	}
	.features__card:hover {
		background-position: top center;
		color: var(--white);
		transform: translateY(-15px);
	}
	.features__card:hover .features__icon {
		filter: invert(1) brightness(10000%);
		transition: filter 0.5s;
	}
	.features__card:hover .features__caption {
		color: var(--white);
		transition: 0.4s;
	}
}

@media (max-width: 1350px) {
	.features__cards {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 1000px) {
	.features__head {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 700px) {
	.features__cards {
		grid-template-columns: 1fr;
	}
}





/* Stats */

.stats__title {
	text-align: center;
	max-width: 30em;
	margin-inline: auto;
}
.stats__text {
	text-align: center;
	margin-bottom: var(--bottom-margin-l);
}
.stats__cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap);
}
.stats__card {
	width: var(--flex-columns-3);
	background: var(--ultralightgray);
	border-radius: var(--radius);
	padding: var(--card-padding-l);
	display: grid;
	justify-items: center;
}
.stats__number {
	font-weight: 700;
	font-size: clamp(40px, 40px + (80 - 40) * var(--adaptive), 80px);
	line-height: 0.8;
	text-align: center;
	background: linear-gradient(90deg, #39a8fb 0%, #5e53f2 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-top: 0.3em;
	padding-bottom: 0.4em;
	margin-bottom: 0.35em;
	position: relative;
}
.stats__number::after {
	content: '';
	display: block;
	width: 2.55em;
	height: 1px;
	background: var(--lightgray);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.stats__desc {
	text-align: center;
	max-width: 12em;
}

@media (max-width: 1000px) {
	.stats__card {
		width: var(--flex-columns-2);
	}
}
@media (max-width: 500px) {
	.stats__card {
		width: var(--flex-columns-1);
	}
}






/* Feedback */

.feedback {
	--feedback-image-size: clamp(120px, 120px + (220 - 120) * var(--adaptive), 220px);
	--feedback-image-ratio: 265 / 380;
	--feedback-image-gap: 40px;
}
.feedback__title {
	text-align: center;
}
.feedback__container {
	padding: 0;
}
.feedback__slider {
	padding-block: calc(var(--feedback-image-size) / 1.6);
	mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
	-webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.feedback__arrow_prev {
	left: calc(50% - var(--arrow-size) / 2 - var(--feedback-image-size) * 1.22);
}
.feedback__arrow_next {
	left: calc(50% - var(--arrow-size) / 2 + var(--feedback-image-size) * 1.22);
	right: unset;
}
.feedback__item {
	width: calc(var(--feedback-image-size) + var(--feedback-image-gap));
	padding-inline: calc(var(--feedback-image-gap) / 2);
	opacity: 0.4;
	pointer-events: none;
}
.feedback__item.swiper-slide-active {
	pointer-events: all;
}
.feedback__image {
	display: block;
	aspect-ratio: var(--feedback-image-ratio);
	border-radius: 6px;
	box-shadow: 0 0 calc(var(--feedback-image-size) / 11) rgba(57, 65, 124, 0.15);
	overflow: hidden;
	position: relative;
	transition: 0.6s;
}

@media (max-width: 600px) {
	.feedback__slider {
		overflow: visible;
	}
}






/* Partners */

.partners {
	--partners-logo-height: 40px;
	--partners-logo-gap: clamp(50px, 50px + (100 - 50) * var(--adaptive), 100px);
}
.partners__container {
	padding: 0;
}
.partners__title {
	text-align: center;
	margin-bottom: calc(var(--bottom-margin-l) * 1.5);
}
.partners__slider {
	mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
	-webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.partners__slider_1 {
	margin-bottom: var(--bottom-margin-l);
}
.partners__list {
	transition-timing-function: linear!important;
}
.partners__slide {
	display: flex;
	width: max-content;
	gap: var(--partners-logo-gap);
	padding-right: var(--partners-logo-gap);
}
.partners__logo {
	flex-shrink: 0;
	height: var(--partners-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 {
	width: auto;
	height: 100%;
	max-height: 100%;
}
@media (hover: hover) {
	.partners__logo:hover {
		opacity: 1;
		filter: none;
	}
}





/* Reviews */

.reviews__title {
	text-align: center;
	margin-bottom: var(--bottom-margin-l);
}
.reviews__card {
	background: var(--ultralightgray);
	border-radius: var(--radius);
	padding: var(--card-padding-l);
	height: auto;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-row-gap: 20px;
}
.reviews__author {
	display: flex;
	align-items: center;
	gap: 20px;
}
.reviews__avatar {
	width: 64px;
	aspect-ratio: 1;
	border-radius: 100%;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
}
.reviews__name {
	line-height: 1.35;
	margin-bottom: 0.17em;
}
.reviews__pagination {
	display: none;
}
@media (max-width: 500px) {
	.reviews__slider {
		overflow: visible;
	}
	.reviews__arrow {
		display: none;
	}
	.reviews__pagination {
		display: block;
	}
}




/* Cta */

.cta__card {
	border-radius: var(--radius);
	background: var(--gradient);
	color: var(--white);
	padding: var(--card-padding-xxl) var(--card-padding-l);
	text-align: center;
	display: grid;
	justify-items: center;
}
.cta__title {
	color: currentColor;
	max-width: 24em;
	margin-bottom: 16px;
}
.cta__text {
	margin-bottom: var(--bottom-margin);
}
.cta__form {
	--input-text-color: var(--white);
	--input-placeholder-color: #acd1ff;
	--input-background: transparent;
	--input-border: 1px solid var(--white);
	--checkbox-background: none;
	--checkbox-checked-background: var(--white);
	--checkbox-border-color: var(--white);
	--checkbox-text-size: var(--text-size-s);
	--checkbox-link-color: var(--white);

	width: 100%;
	max-width: 1290px;
	display: flex;
	flex-wrap: wrap;
	row-gap: var(--form-field-gap);
	column-gap: var(--gap);
}
.cta__form .form__input {
	flex: 1;
	min-width: 30%;
}
.cta__form .form__button {
	width: fit-content;
}
.cta__form .form__checkbox {
	/*width: var(--flex-columns-2);*/
}

.form-sending, .form-thanks, .form-error {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	display: none;
}

@media (max-width: 1000px) {
	.cta__form {
		max-width: 550px;
	}
	.cta__form .form__input {
		flex: unset;
		min-width: 100%;
	}
	.cta__form .form__checkbox,
	.cta__form .form__button {
		width: 100%;
	}
}






/* Benefits */

.benefits {
	--benefits-icon-size: clamp(28px, 28px + (32 - 28) * var(--adaptive), 32px);
	--benefits-icon-gap: clamp(10px, 10px + (32 - 10) * var(--adaptive), 32px);
}
.benefits__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: calc(var(--gap) * 2) var(--gap);
}
.benefits__item {
	position: relative;
	padding-left: calc(var(--benefits-icon-size) + var(--benefits-icon-gap));
}
.benefits__item::before {
	content: '';
	display: block;
	width: var(--benefits-icon-size);
	aspect-ratio: 1;
	background: url(/images/check-green.svg) center / cover no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.benefits__caption {
	margin-bottom: var(--caption-margin);
}

@media (max-width: 1000px) {
	.benefits__list {
		grid-template-columns: 1fr;
	}
}





/* About */

.about__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
}
.about__card {
	background: var(--ultralightgray);
	border-radius: var(--radius);
	padding: var(--card-padding-l);
}
.about__card_blue {
	--title-color: var(--white);
	background: var(--accent-color);
	color: var(--white);
	display: grid;
	align-content: end;
}
.about__image {
	width: 330px;
	max-width: 48%;
	min-width: 180px;
	margin-bottom: var(--bottom-margin-l);
}

@media (max-width: 1000px) {
	.about__container {
		grid-template-columns: 1fr;
		grid-auto-rows: 1fr;
	}
}





/* Blog */

.blog__body {
	display: grid;
	grid-template-columns: 2fr 0.9fr;
	grid-gap: var(--card-padding-xxl) var(--section-padding);
}
.blog__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 0px 15px;
  flex: 0 0 100%;

}

@media (max-width: 584px) {
  .blog__header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.blog__views {
  padding: 0 0 0 24px;
  background: url('/images/icons/views.png') left center / 20px no-repeat;
  margin: 0 24px 0 0;
  font-size: 16px;
}

.blog__date {
  padding: 0 0 0 16px;
  background: url('/images/icons/calendar.png') left center / auto no-repeat;
  margin: 0 24px 0 0;
  font-size: 16px;
}

.blog__changed {
  padding: 0 0 0 16px;
  background: url('/images/icons/pencil.png') left center / auto no-repeat;
  font-size: 16px;
}
.blog__content {
	max-width: 1045px;
}
.blog__content._tag {
	max-width: 100%;
}
.blog__sidebar {
	max-width: 370px;
	justify-self: end;
}
.blog__sidebar:not(:has(:not(.sticky):not(:empty))) {
  display: none;
}

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

.blog__list._tag {
	grid-template-columns: repeat(3, 1fr);
}

.blog__pic {
	display: block;
	width: 100%;
	aspect-ratio: 500 / 290;
	position: relative;
	border-radius: var(--radius);
	overflow: hidden;
	margin-bottom: 20px;
}
.blog__image {
	transition: 0.8s;
}
.blog__caption {
	display: block;
	margin-bottom: var(--caption-margin);
}
@media (hover: hover) {
	.blog__image:hover {
		transform: scale(1.1);
	}
	.blog__caption:hover {
		color: var(--accent-color);
	}
}
.blog__excerpt {
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 1em;
}
.blog__readmore::after {
	content: '';
	display: block;
	width: 35px;
	aspect-ratio: 1;
	background: url(/images/arrow-right.svg) center / cover no-repeat;
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translate(30%,-50%);
	pointer-events: none;
	opacity: 0;
	transition: var(--transition);
}
@media (hover: hover) {
	.blog__readmore:hover::after {
		transform: translate(-5%,-50%);
		opacity: 1;
	}
}
.blog__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 60px;
}
.blog__date {
	color: var(--gray);
}

.blog__arrow {
	top: calc(var(--blog-image-height) / 2 - var(--arrow-size) / 2);
}
.blog__pagination {
	display: none;
}

@media (max-width: 1100px) {
	.blog__body {
		grid-template-columns: 1fr;
	}
	.blog__sidebar {
		width: 100%;
		max-width: unset;
	}
}
@media (max-width: 600px) {
	.blog__list, .blog__list._tag {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 500px) {
	.blog__slider {
		overflow: visible;
	}
	.blog__arrow {
		display: none;
	}
	.blog__pagination {
		display: block;
	}
	.blog__readmore {
		display: none;
	}
}




/* Popular */

.popular__post {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 4px 20px;
	padding-block: 16px;
	border-bottom: 1px solid var(--lightgray);
	position: relative;
}
.popular__post::before {
	content: '';
	position: absolute;
	inset: 0 -16px;
	background: var(--ultralightgray);
	border-radius: var(--radius);
	z-index: -1;
	opacity: 0;
	transform: scaleY(0);
	pointer-events: none;
	transition: var(--transition);
}
.popular__pic {
	grid-row: span 2;
	display: block;
	width: 80px;
	aspect-ratio: 1;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}
.popular__date {
	color: var(--text-color);
}
.popular__caption {
	color: var(--title-color);
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: var(--transition);
}
@media (hover: hover) {
	.popular__post:hover::before {
		opacity: 1;
		transform: none;
	}
	.popular__post:hover .popular__caption {
		color: var(--accent-color);
	}
}




/* Article */

.article__title {
	font-size: var(--title-size-l);
	margin-bottom: 20px;
}
.article__tags {
	margin-bottom: var(--bottom-margin);
}
.article__poster {
	border-radius: var(--radius);
	overflow: hidden;
	width: 100%;
	aspect-ratio: 1045 / 460;
	position: relative;
	margin-bottom: var(--bottom-margin-l);
}
.article__content {
	font-size: var(--text-size-l);
	line-height: 1.5;
	color: var(--black);
}
.article__content h2 {
	font-weight: 600;
	font-size: var(--title-size);
	color: var(--title-color);
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.article__content h3 {
	font-weight: 600;
	font-size: var(--title-size-m);
	color: var(--title-color);
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.article__content h4 {
	font-weight: 600;
	font-size: var(--caption-size);
	color: var(--title-color);
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.article__content p {
	margin-bottom: 1em;
}
.article__content b {
	font-weight: 700;
}
.article__content ul,
.article__content ol {
	display: grid;
	grid-gap: 0.5em;
	margin-bottom: 1.25em;
}
.article__content li {
	position: relative;
	padding-left: 1.4em;
}
.article__content ul li::before {
	content: '';
	width: 0.5em;
	aspect-ratio: 1;
	background: var(--accent-color);
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0.7em;
	transform: translateY(-50%);
}
.article__content ol li {
	counter-increment: item-counter;
}
.article__content ol li::before {
	content: counter(item-counter)'.';
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 0;
}
.article__content img {
	border-radius: var(--radius);
	margin-block: 3em;
}

.parallax-image {
	border-radius: var(--radius);
	overflow: hidden;
	width: 100%;
	aspect-ratio: 1045 / 460;
	position: relative;
	margin-block: 3em;
}
.parallax-image img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 140%;
}

.article__meta {
	background: var(--ultralightgray);
	border-radius: var(--radius);
	padding: var(--card-padding-xs);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0 var(--gap);
	margin-top: var(--card-padding-xxl);
}
.article__author {
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: start;
	grid-gap: 0 12px;
	font-weight: 600;
	font-size: 14px;
}
.article__avatar {
	grid-row: span 3;
	align-self: center;
	width: 44px;
	aspect-ratio: 1;
	border-radius: 100%;
	position: relative;
}
.article__writer {
	color: var(--black);
}
.article__stat {
	display: flex;
	align-items: center;
	gap: 10px;
}
.article__rating,
.article__views {
	display: flex;
	align-items: center;
}
.article__rating::before,
.article__views::before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	margin-right: 0.215em;
}
.article__rating::before {
	background: url(/images/blog/icon-star.svg) center / cover no-repeat;
}
.article__views::before {
	background: url(/images/blog/icon-eye.svg) center / cover no-repeat;
}
.article__share {
	font-weight: 600;
	font-size: 14px;
	color: var(--black);
	display: flex;
	align-items: center;
	border: none;
	margin-left: auto;
}
.article__share::before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	margin-right: 0.2em;
	background: url(/images/blog/icon-share.svg) center / cover no-repeat;
}

@media (max-width: 500px) {
	.parallax-image {
		aspect-ratio: 3 / 2;
		margin-block: 2em;
	}
	.article__content img {
		margin-block: 2em;
	}
}




/* TOC */

.toc__list {
	list-style-type: none;
	padding-left: 0;
	counter-reset: item;
}
.toc__item,
.toc__subitem {
	position: relative;
	margin-bottom: 0.6em;
	counter-increment: item;
}
.toc__item {
	font-size: var(--text-size-l);
	color: var(--title-color);
	padding-left: 1.2em;
	border-bottom: 1px solid var(--lightgray);
	padding-bottom: 0.6em;
}
.toc__subitem {
	font-size: var(--text-size);
	color: var(--text-color);
	padding-left: 1.8em;
}
.toc__item:before,
.toc__subitem::before {
	content: counters(item, ".") ".";
	position: absolute;
	left: 0;
}
.toc__link {
	color: inherit;
	text-decoration: none;
}
.toc__link:hover {
	color: var(--accent-color);
}
.toc__list .toc__list {
	margin-top: 0.6em;
}





/* Contacts */

.contacts__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gap);
}
.contacts__card {
	border: 1px solid var(--lightgray);
	border-radius: var(--radius);
	padding: var(--card-padding-xl);
}
.contacts__list {
	display: grid;
	grid-gap: var(--gap);
	margin-bottom: var(--gap);
}
.contacts__item {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 0 15px;
}
.contacts__icon {
	align-self: center;
}
.contacts__link {
	font-size: var(--text-size-l);
	color: var(--black);
	position: relative;
	width: fit-content;
}
@media (hover: hover) {
	.contacts__link:hover {
		color: var(--accent-color);
	}
}
.contacts__note {
	grid-column: 2;
}
.contacts__download::before {
	content: '';
	display: block;
	width: 1.2em;
	height: 1.2em;
	background: url(/images/contacts/download.svg) center / cover no-repeat;
}
.contacts__photo {
	position: relative;
	border-radius: var(--radius);
	overflow: hidden;
}

@media (max-width: 750px) {
	.contacts__content {
		grid-template-columns: 1fr;
		grid-auto-rows: 1fr;
	}
}





/* Project */

.project__about {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	grid-gap: var(--section-padding);
	align-items: center;
}
.project__title {
	font-size: var(--title-size-l);
	margin-bottom: min(25px, var(--title-margin));
}
.project__text {
	max-width: 500px;
	margin-bottom: var(--bottom-margin-l);
}
.project__buttons {
	display: flex;
	gap: 16px;
}
.project__button {
	white-space: nowrap;
}
.project__pic {
	position: relative;
	aspect-ratio: 915 / 600;
	border-radius: var(--radius-l);
	overflow: hidden;
}

@media (max-width: 1200px) {
	.project__about {
		grid-template-columns: 1fr;
	}
	.project__text {
		max-width: unset;
	}
}
@media (max-width: 600px) {
	.project__buttons {
		flex-wrap: wrap;
	}
	.project__button {
		flex: 1;
	}
}





/* Workflow */

.workflow__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: var(--gap);
	align-items: start;
}
.workflow__card {
	background: var(--ultralightgray);
	border-radius: var(--radius-l);
	padding: var(--card-padding-m);
}
.workflow__caption {
	margin-bottom: var(--caption-margin);
	transition: 0.5s;
}
@media (hover: hover) {
	.workflow__card {
		background: linear-gradient(0deg, var(--ultralightgray) 50%, var(--accent-color) 50%);
		background-size: 100% 207%;
		background-position: bottom -5px center;
		transition: 0.5s;
	}
	.workflow__card:hover {
		background-position: top center;
		color: var(--white);
		transform: translateY(-15px);
	}
	.workflow__card:hover .workflow__caption {
		color: var(--white);
		transition: 0.4s;
	}
}

@media (max-width: 1200px) {
	.workflow__list {
		display: block;
		column-count: 2;
		column-gap: var(--gap);
	}
	.workflow__card {
		display: inline-block;
		margin-bottom: var(--gap);
	}
}
@media (max-width: 600px) {
	.workflow__list {
		column-count: unset;
		column-gap: unset;
	}
}





/* Showcase */

.showcase {
	background: var(--ultralightgray);
	padding-block: var(--section-margin);
}
.showcase__container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: var(--gap);
}
.showcase__fullview {
	grid-column: span 3;
}
.showcase__fullimage {
	border-radius: var(--radius-l);
}
.showcase__mobimage {
	grid-row: 1;
	grid-column: 1;
	border-radius: var(--radius);
	opacity: 0;
}
.showcase__sidebar {
}
.showcase__info {
	display: grid;
}
.showcase__desc {
	grid-row: 1;
	grid-column: 1;
	font-weight: 600;
	font-size: var(--caption-size);
}
.showcase__desc b {
	color: var(--black);
}

@media (max-width: 700px) {
	.showcase__container {
		grid-template-columns: 1fr;
	}
	.showcase__fullview {
		grid-column: unset;
	}
	.showcase__info {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: var(--gap);
	}
	.showcase__desc,
	.showcase__mobimage {
		opacity: 1!important;
		grid-row: unset;
		grid-column: unset;
	}
	.showcase__desc {
		grid-column: 1 / -1;
		padding-block: 1em;
	}
}






/* Review */

.review__card {
	background: var(--ultralightgray);
	border-radius: var(--radius-l);
	padding: var(--card-padding-l);
	display: grid;
	grid-template-columns: 1.5fr 2fr 1fr;
	grid-template-rows: auto 1fr;
	grid-gap: var(--section-padding);
}
.review__author {
	display: flex;
	align-items: center;
	gap: var(--gap);
}
.review__avatar {
	width: clamp(64px, 64px + (95 - 64) * var(--adaptive), 95px);
	aspect-ratio: 1;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
}
.review__name {
	line-height: 1.2;
	margin-bottom: 0.2em;
}
.review__subtitle {
	grid-column: 1;
	grid-row: 2;
	font-weight: 700;
	font-size: calc(var(--title-size) * 0.9);
	color: var(--title-color);
	line-height: 1.1;
	max-width: 10em;
}
.review__text,
.review__logo {
	grid-row: span 2;
}

@media (max-width: 1000px) {
	.review__card {
		grid-template-columns: repeat(2, 1fr);
	}
	.review__subtitle {
		max-width: unset;
	}
	.review__text {
		grid-row: span 3;
	}
	.review__logo {
		grid-row: 3;
	}
}
@media (max-width: 700px) {
	.review__card {
		grid-template-columns: 1fr;
	}
	.review__text {
		grid-row: 3;
	}
	.review__logo {
		grid-row: 4;
	}
}






/* Footer */

.footer {
	margin-top: auto;
}
.footer__map {
	height: 400px;
	position: relative;
}
.footer__map [class$="__container"] {
	width: unset;
	padding: unset;
}
.footer__map::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--accent-color);
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: var(--transition);
}
.footer__map_zoomlock::before {
	opacity: 0.05;
	pointer-events: all;
}
.footer__head {
	padding: 24px var(--section-padding);
	max-width: var(--max-width);
	margin-inline: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 15px 60px;
}
.footer__logo {
	display: block;
	width: min(170px, var(--logo-size));
}
.footer__body {
	border-top: 1px solid var(--lightgray);
	padding-top: 55px;
	padding-bottom: 30px;
}
.footer__container {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-gap: 40px 60px;
	justify-content: space-between;
}
.footer__caption {
	margin-bottom: 1em;
}
.menu-caption {
	margin-bottom: .3em;
}
.footer__links {
	display: grid;
	grid-gap: 0.75em;
	align-content: start;
}
.footer__link {
	color: var(--text-color);
	width: fit-content;
}
.footer__link:hover {
	color: var(--accent-color);
}
.footer__contacts {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}
.footer__messenger {
	--social-icon-size: 20px;
	--social-icon-gap: 4px;
}
.footer__copyrirght {
	font-weight: 600;
	font-size: var(--text-size-s);
	text-align: center;
	color: var(--softgray);
	background: var(--ultralightgray);
	padding: 2em var(--section-padding);
}

@media (max-width: 1000px) {
	.footer__container {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 500px) {
	.footer__body {
		padding-top: 30px;
	}
	.footer__container {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
}





/* Up button */

.up {
	--up-button-size: 35px;
	--up-button-padding: 20px;
	--up-button-radius: 6px;
	--up-button-color: var(--black);
	--up-button-hover: var(--accent-color);
	--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: clamp(400px, 400px + (590 - 400) * var(--adaptive), 590px);
	--popup-margin: 15px;
	--popup-padding: 60px clamp(20px, 20px + (70 - 20) * var(--adaptive), 70px);
	--popup-radius: var(--radius);
	--popup-color: var(--ultralightgray);
	--popup-close-size: 32px;
	--popup-close-bg: none;
	--popup-close-hover-bg: none;
	--popup-close-padding: 5px;
	--popup-close-margin: clamp(15px, 15px + (25 - 15) * var(--adaptive), 25px);
	--popup-close-radius: 5px;
	--popup-close-line-width: 2.5px;
	--popup-close-line-color: var(--gray);
	--popup-close-line-hover-color: var(--accent-color);
	--popup-close-line-radius: 5px;
	--popup-overlay-color: rgba(0,0,0,0.5);
	--popup-animation: translateY(100%);
	--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); 
	padding: var(--popup-padding);
	padding-top: 50px;
	border-radius: var(--popup-radius);
	z-index: 1001;
	transform: var(--popup-animation);
	opacity: 0;
	transition: transform var(--popup-transition), opacity calc(var(--popup-transition) / 2) calc(var(--popup-transition) / 4);
}
.popup_open .popup__box {
	transform: none;
	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-icon {
	display: block;
	position: relative;
	height: 100%;
	transition: var(--transition);
}
.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);
	transition: var(--transition);
}
.popup__close-icon::after {
	transform: translateY(-50%) rotate(45deg);
}
.popup__close-icon::before {
	transform: translateY(-50%) rotate(-45deg);
}
@media (hover: hover) {
	.popup__close:hover {
		background: var(--popup-close-hover-bg);
		transform: rotate(180deg);
	}
	.popup__close:hover .popup__close-icon::after,
	.popup__close:hover .popup__close-icon::before {
		background: var(--popup-close-line-hover-color);
	}
}

.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-weight: 600;
	font-size: var(--title-size);
	text-align: center;
	margin-bottom: 1em;
}
.popup__title:has(+ .popup__text) {
	margin-bottom: 0.25em;
}
.popup__text {
	font-size: var(--text-size);
	line-height: 1.6;
	text-align: center;
	margin-bottom: 2.222em;
}
.popup__icon {
	display: block;
	width: calc(var(--title-size) * 4);
	aspect-ratio: 1;
	margin-inline: auto;
	margin-block: calc(var(--title-size) / 2);
}

.artpage__navigation {
	max-width: 370px;
    justify-self: end;
}
@media (max-width: 1100px) {
	.artpage__navigation {
		justify-self: center;
	}
}
.artpage__navigation-content {

}
.artpage__ai-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #101420;
}
.artpage__ai-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
}
.artpage__ai {
  display: flex;
  align-items: center;
  margin: 0 8px 8px 0;
  font-size: 14px;
  color: #222;
  border-radius: 10px;
  padding: 8px;
  background: #fff;
  box-shadow: 2px 2px 12px 0px #0000001A;
}
.artpage__ai:hover {
  box-shadow: none;
}
.artpage__ai-image{
  margin: 0 6px 0 0;
}
.artpage__navigation-title {
	font-weight: 600;
    font-size: var(--caption-size);
    color: var(--title-color);
    margin: 0 0 .8em 0;
}

.artpage__navigation-item {
	font-size: var(--text-size-l);
    color: var(--title-color);
    display: flex;
    cursor: pointer;
    margin: 0 0 .6em 0;
}

.artpage__navigation-item-num {
	margin: 0 6px 0 0;
}

.artpage__navigation-item:hover {
	color: var(--accent-color);
}

.artpage__navigation-item[data-level="2"] {
	font-size: var(--text-size);
    color: var(--text-color);
    padding-left: 1.8em;
}

.portfolio-tag {
	cursor: pointer;
	transition: .4s;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0 0;
  justify-content: center;
}

.icon-angle-double-left {
  display: block;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #4e77f6;
}

.icon-angle-double-left:before {
  content: '<<';
}

.icon-angle-left {
  display: block;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #4e77f6;
}

.icon-angle-left:before {
  content: '<';
}

.icon-angle-right {
  display: block;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #4e77f6;
}

.icon-angle-right:before {
  content: '>';
}

.icon-angle-double-right {
  display: block;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #4e77f6;
}

.icon-angle-double-right:before {
  content: '>>';
}

.page-item {
  margin: 0px 10px 0px 0px;
  background: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

.page-item:not(.disabled):not(.active):hover {
  cursor: pointer;
  background: rgba(246, 51, 51, 0.5);
}

.page-item .page-link {
  display: block;
  width: 32px;
  height: 32px;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 80%;
}

.page-item.active {
  background: #4e77f6;
}

.page-item.active .page-link {
  color: #fff;
}

.page-item.disabled .icon-angle-double-left {
  color: #666;
}

.page-item.disabled .icon-angle-left {
  color: #666;
}

.page-item.disabled .icon-angle-double-right {
  color: #666;
}

.page-item.disabled .icon-angle-right {
  color: #666;
}

.alltagspage__item {
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 12px 0;
}

.alltagspage__item a {
	color: #666;
}

.alltagspage__item a:hover {
	color: #4e77f6;
}

.mpport__header {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	justify-content: space-between;
}

.mpport__header .title {
	margin: 0;
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 30px 0;
  padding: 15px;
}

table tr {

}

table td {
  border-bottom: 1px solid #999;
  padding: 10px;
}

table th {
  padding: 10px;
  border-bottom: 1px solid #333;
}

@media (max-width: 480px) {
	table {
		font-size: 12px;
	}
	table td, table th {
		padding: 5px;
	}
}

.artpage__operator {
	padding: 30px;
	border-radius: 20px;
	background: #F7F8FC;
	margin: 20px 0 0;
}
.artpage__operator-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	margin: 0 0 20px 0;
}
.artpage__operator-line {
	display: flex;
	align-items: center;
	margin: 0 0 30px 0;
}
.artpage__operator-image {
	margin: 0 22px 0 0;
}
.artpage__operator-subtitle {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #878C9C;
}
.artpage__operator-button {
	height: 64px;
	background: linear-gradient(90deg, #39A8FB 0%, #5E53F2 100%);
	border-radius: 40px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px 20px;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	margin: 0 0 40px 0;
	transition: .4s;
	cursor: pointer;
}
.artpage__operator-button:hover {
	box-shadow: 8px 0px 20px 0 rgba(57, 168, 251, 0.2), -10px 0px 20px 0 rgba(94, 83, 242, 0.2);
}
.artpage__operator-suggest {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #101420;
	margin: 0 0 10px 0;
	text-align: center;
}
.artpage__operator-contacts {
	display: flex;
	align-items: center;
	justify-content: center;
}
.artpage__operator-social {
	margin: 0 10px 0 0;
}
.artpage__operator-phone {
	color: #878C9C;
	font-weight: 500;
	font-size: 20px;
}

.aboutpage .head-back {
	margin: 0 0 60px 0;
}

.aboutpage__block {
	display: flex;
	align-items: center;
	margin: 0 0 80px 0;
}
.aboutpage__block-text {
	color: #A1A3AA;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5;
	margin: 0 100px 0 0;
}
.aboutpage__block-text span {
	color: #101420;
}
.aboutpage__block-text p {
	margin: 0 0 20px 0;
}
.aboutpage__title {
}
.aboutpage__block-image {
	flex:0 0 480px;
}

@media (max-width: 1199px) {
	.aboutpage__block-text {
		margin: 0 40px 0 0;
	}
	.aboutpage__block-image {
		flex:0 0 350px;
		max-width: 350px;
	}
}
@media (max-width: 991px) {
	.aboutpage__block {
		display: block;
	}
	.aboutpage__block-text {
		margin: 0 0 40px 0;
	}
	.aboutpage__block-image {
		display: block;
		margin: auto;
		max-width: 100%;
	}
	.aboutpage__block-text {
		font-size: 16px;
	}
}
.values {
	margin: 0 0 100px 0;
}
.values__title {
	font-weight: 600;
	font-size: 40px;
	line-height: 1.3;
	margin: 0 0 30px 0;
	text-align: center;
	color: #000;
}
.values__subtitle {
	font-weight: 500;
	font-size: 20px;
	margin: 0 0 50px 0;
	text-align: center;
}

@media (max-width: 767px) {
	.values__title {
		font-size: 24px;
		margin: 0 0 20px 0;
	}
	.values__subtitle {
		font-size: 16px;
		margin: 0 0 30px 0;
	}
}

.ourteam {
	margin: 0 0 100px 0;
}
.ourteam__title {
	font-weight: 600;
	font-size: 40px;
	line-height: 1.3;
	margin: 0 0 30px 0;
	text-align: center;
	color: #000;
}
.ourteam__items {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}
.ourteam__item {
	flex:0 0 calc(25% - 24px);
	margin: 0 12px 30px;
}
.ourteam__item-image {
	border-radius: 20px;
	width: 100%;
	height: 300px;
	object-fit: cover;
	margin: 0 0 14px 0;
}
.ourteam__item-title {
	font-weight: 600;
	font-size: 24px;
	margin: 0 0 14px 0;
	color: #000;
}
.ourteam__item-post {
}
@media (max-width: 1199px) {
	.ourteam__item {
		flex:0 0 calc(33.333% - 24px);
	}
}
@media (max-width: 991px) {
	.ourteam__item {
		flex:0 0 calc(50% - 24px);
	}

}
@media (max-width: 767px) {
	.ourteam__title {
		font-size: 24px;
		margin: 0 0 20px 0;
	}
}
@media (max-width: 575px) {
	.ourteam__items {
		margin: 0;
		display: block;
	}
	.ourteam__item {
		margin: 0 0 30px 0;
	}
	.ourteam__item-title  {
		font-size: 20px;
		margin: 0 0 6px 0;
	}
}
.whywe {
}
.whywe__title {
	font-weight: 600;
	font-size: 40px;
	line-height: 1.3;
	margin: 0 0 30px 0;
	text-align: center;
	color: #000;
}
.whywe__items {
	background: #F7F8FC;
	padding: 40px 20px;
	border-radius: 25px;
	display: flex;
	flex-wrap: wrap;
}
.whywe__item {
	border-radius: 20px;
	flex:0 0 calc(50% - 28px);
	margin: 0 14px 20px;
	padding: 25px 25px 25px 75px;
	background: #fff url('/images/check-blue.png') 25px center / auto no-repeat;
	color: #000;
	font-weight: 500;
	font-size: 20px;
	display: flex;
	align-items: center;

}
@media (max-width: 1199px) {
	.whywe__items {
		padding: 20px 10px;
	}
}
@media (max-width: 991px) {
	.whywe__items {
		padding: 20px;
		display: block;
	}
	.whywe__item {
		margin: 0 0 20px 0;
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.whywe__title {
		font-size: 24px;
		margin: 0 0 20px 0;
	}
}


.seo {
	
}

.seo .head-back {
}

.seo__top {
	display: flex;
	align-items: center;
	margin: 0 0 100px 0;
}

.seo__top-text {
	flex:0 0 584px;
	margin: 0 222px 0 0;
}

.seo__top-title {
	font-size: 50px;
}

.seo__top-info {
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 70px 0;
}

.seo__top-image {

}

@media (max-width: 1500px) {
	.seo__top-text {
		flex: unset;
		margin: 0 100px 0 0;
	}

	.seo__top-image {
		flex: 0 0 400px;
		max-width: 400px;
	}
}

@media (max-width: 1199px) {
	.seo__top-text {
		margin: 0 40px 0 0;
	}
}

@media (max-width: 991px) {
	.seo__top {
		display: block;
	}
	.seo__top-text {
		margin: 0 0 30px 0;
	}
	.seo__top-title {
		font-size: 40px;
	}
	.seo__top-info {
		font-size: 16px;
		margin: 0 0 40px 0;
	}
	.seo__top-image {
		max-width: 100%;
		display: block;
		margin: auto;
	}
}

.seolive {
	margin: 0 0 100px 0;
}
.seolive__title {
	text-align: center;
}
.seolive__subtitle {
	max-width: 926px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	margin: 0 auto 60px;
	text-align: center;
}
.seolive__content {
	display: flex;
	justify-content: space-between;
	margin: 0 0 60px 0;
}
.seolive__left {
	flex: 0 0 calc(50% - 12px);
	background: #F7F8FC;
	border-radius: 20px;
	padding: 50px 50px 50px 60px;
}
.seolive__left-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.5;
	color: #000;
	margin: 0 0 20px 0;
}
.seolive__left-list {
	margin: 0 0 30px 0;
}
.seolive__left-list li {
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 5px 0;
	position: relative;
	padding: 0 0 0 18px;
}
.seolive__left-list li:before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #4E77F6;
	position: absolute;
	top: 11px;
	left: 0;
}
.seolive__left-total {
	font-size: 20px;
	font-weight: 500;
	color: #000;
}
.seolive__right {
	flex: 0 0 calc(50% - 12px);
	background: #4E77F6;
	border-radius: 20px;
	padding: 50px 50px 50px 60px;
}
.seolive__right-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.5;
	color: #fff;
	margin: 0 0 20px 0;
}
.seolive__right-text {
	max-width: 524px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}
.seolive__bottom {
	font-size: 30px;
	text-align: center;
	font-weight: 500;
	max-width: 1350px;
	margin: auto;
}

.seolive__bottom span {
	color: #000;
}

@media (max-width: 991px) {
	.seolive__content {
		display: block;
	}
	.seolive__left {
		margin: 0 0 30px 0;
	}
}

@media (max-width: 767px) {
	.seolive__subtitle {
		font-size: 18px;
		margin: 0 0 40px 0;
	}
	.seolive__content {
		margin: 0 0 40px 0;
	}
	.seolive__left {
		padding: 30px;
	}
	.seolive__left-title {
		font-size: 24px;
	}
	.seolive__left-list li {
		font-size: 18px;
	}
	.seolive__right {
		padding: 30px;
	}
	.seolive__right-title {
		font-size: 24px;
	}
	.seolive__right-text {
		font-size: 18px;
	}
	.seolive__bottom {
		font-size: 20px;
	}
}

.seowork__title {
	text-align: center;
}

.seowork__items {
	background: #F7F8FC;
	padding: 40px;
	border-radius: 20px;
	column-count: 2;
}

.seowork__item {
	padding: 25px 30px 25px 75px;
	background: #fff url(/images/check-blue.png) 25px center / auto no-repeat;
	border-radius: 20px;
	font-size: 20px;
	color: #000;
	font-weight: 500;
	margin: 0 0 20px 0;
}

@media (max-width: 1300px) {
	.seowork__items {
		column-count: 1;
	}
}

@media (max-width: 767px) {
	.seowork__items {
		padding: 30px 15px;
	}
	.seowork__item {
		font-size: 18px;
		padding: 20px 20px 20px 70px;
		background: #fff url(/images/check-blue.png) 20px center / auto no-repeat;
	}
}

.seocost {
	margin: 0 0 100px 0;
}
.seocost__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 60px 0;
}
.seocost__title {
	font-size: 50px;
	font-weight: 600;
	flex: 0 0 49%;
	line-height: 1.2;
	color: #000;
}
.seocost__subtitle {
	flex: 0 0 49%;
	font-size: 20px;
	font-weight: 500;
}
.seocost__content {
	background: #F7F8FC;
	border-radius: 20px;
	display: flex;
	padding: 40px;
	margin: 0 0 40px 0;
}
.seocost__items {
	margin: 0 40px 0 0;
}
.seocost__item {
	background: #fff url(/images/check-blue.png) 25px 25px / auto no-repeat;
	padding: 25px 25px 25px 75px;
	border-radius: 20px;
	margin: 0 0 20px 0;
}
.seocost__item:last-child {
	margin: 0;
}
.seocost__item-title {
	font-size: 24px;
	font-weight: 600;
	color: #000;
}
.seocost__item-subtitle {
	font-weight: 500;
	margin: 7px 0 0 0;
}
.seocost__image {
	flex: 55%;
	max-width: 55%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}
.seocost__footer {
	background: linear-gradient(90deg, #39A8FB 0%, #5E53F2 100%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px 70px;
	border-radius: 20px;
}
.seocost__footer-left {
	flex: 0 0 70%;
	margin: 0 30px 0 0;
}
.seocost__footer-title {
	font-size: 600px;
	font-size: 40px;
	line-height: 1.3;
	margin: 0 0 16px 0;
	color: #fff;
}
.seocost__footer-subtitle {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.seocost__footer-callback {
	background: #fff;
	color: #4E77F6;
	height: 62px;
	flex: 0 0 230px;
}

@media (max-width: 1400px) {
	.seocost__title {
		font-size: 36px;
		flex: 0 0 48%;
	}
	.seocost__subtitle {
		font-size: 18px;
		flex: 0 0 48%;
	}
}

@media (max-width: 1199px) {
	.seocost__content {
		display: block;
	}
	.seocost__items {
		margin: 0 0 30px 0;
	}
	.seocost__image {
		max-width: 100%;
		display: block;
		margin: auto;
	}
	.seocost__footer {
		padding: 40px 20px;
	}
	.seocost__footer-title {
		font-size: 30px;
	}
}

@media (max-width: 991px) {
	.seocost__footer {
		display: block;
	}
	.seocost__footer-left {
		margin: 0 0 30px 0;
	}
}

@media (max-width: 767px) {
	.seocost__header {
		display: block;
		margin: 0;
	}
	.seocost__title {
		margin: 0 0 24px 0;
	}
	.seocost__subtitle {
		margin: 0 0 20px 0;
	}
	.seocost__content {
		padding: 30px 15px;
	}
}

@media (max-width: 480px) {
	.seocost__title {
		font-size: 26px;
	}
	.seocost__subtitle {
		font-size: 16px;
	}
	.seocost__footer-title {
		font-size: 24px;
	}
	.seocost__footer-subtitle {
		font-size: 18px;
	}
}

.seores {
	margin: 0 0 100px 0;
}
.seores__title {
}
.seores__content {
	display: flex;
	background: #F7F8FC;
	border-radius: 20px;
}
.seores__left {
	padding: 60px 140px 100px 60px;
	flex: 0 0 calc(100% - 650px);
	max-width: calc(100% - 650px);
}
.seores__slider {
	margin: 0 0 50px 0;
}
.seores__item {
}
.seores__item-title {
	background-image: linear-gradient(90deg, #39A8FB 0%, #5E53F2 33.39%);
	color: transparent;
    background-clip: text;
    font-size: 74px;
    line-height: 100px;
    font-weight: 700;
    margin: 0 0 25px 0;
    white-space: nowrap;
}
.seores__item-subtitle {
	font-size: 30px;
	font-weight: 600;
	margin: 0 0 25px 0;
	color: #000;
}
.seores__item-text {
	font-size: 24px;
	font-weight: 600;
}
.seores__footer {
	display: flex;
	align-items: center;
}
.seores__button {
	margin: 0 70px 0 0;
}
.seores__controls {
	position: relative;
	display: flex;
	align-items: center;
}
.seores__controls-prev, .seores__controls-next {
	cursor: pointer;
	position: relative;
}
.seores__controls-prev {
	left: 0;
}
.seores__controls-next {
	right: 0;
}
.seores__controls-prev[aria-disabled="true"], .seores__controls-next[aria-disabled="true"] {
	background: #fff;
	cursor: default;
	box-shadow: 8px 8px 20px 0px #39417C14;
}
.seores__controls-prev[aria-disabled="true"]:hover, .seores__controls-next[aria-disabled="true"]:hover {
	filter: unset;
	box-shadow: 8px 8px 20px 0px #39417C14;
}
.seores__controls-prev[aria-disabled="true"]:before, .seores__controls-next[aria-disabled="true"]:before {
	filter: invert(1);
    opacity: 0.2;
}
.seores__controls-pagination {
	flex: 0 0 62px;
	margin: 0 20px;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
.seores__image {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

@media (max-width: 1600px) {
	.seores__left {
		padding: 60px 40px;
		flex: 0 0 50%;
		max-width: 50%;99
	}
	.seores__item-title {
		font-size: 55px;
	}
	.seores__image {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.seores__footer {
		display: block;
	}
	.seores__button {
		display: block;
		margin: 0 0 30px 0;
	}
}

@media (max-width: 1199px) {
	.seores__left {
		padding: 30px 20px;
	}
	.seores__item-title {
		font-size: 44px;
		margin: 0 0 16px 0;
	}
	.seores__item-subtitle {
		font-size: 24px;
		margin: 0 0 16px 0;
	}
}

@media (max-width: 991px) {
	.seores__content {
		display: block;
	}
	.seores__left {
		max-width: 100%;
	}
	.seores__image {
		display: none;
	}
}

@media (max-width: 767px) {
	.seores__item-title {
		line-height: 1;
	}
	.seores__slider {
		margin: 0 0 16px 0;
	}
}

@media (max-width: 575px) {
	.seores__left {
		padding: 20px 15px;
	}
	.seores__item-title {
		font-size: 30px;
	}
	.seores__item-subtitle {
		font-size: 20px;
	}
	.seores__item-text {
		font-size: 18px;
	}
}

.seoeko {
	margin: 0 0 100px 0;
	display: flex;
	justify-content: space-between;
}
.seoeko__left {
	flex: 0 0 49%;
	background: #4E77F6;
	color: #fff;
	padding: 60px 40px;
	border-radius: 20px;
}
.seoeko__left-title {
	font-size: 40px;
	line-height: 1.3;
	font-weight: 600;
	margin: 0 0 30px 0;
}
.seoeko__left-subtitle {
	font-size: 20px;
	font-weight: 500;
}
.seoeko__right {
	flex: 0 0 49%;
	background: #F7F8FC;
	padding: 60px 40px;
	border-radius: 20px;
}
.seoeko__right-image {
	display: block;
	margin: 0 0 58px 0;
}
.seoeko__right-text {
	font-size: 24px;
	font-weight: 600;
	color: #000;
}

@media (max-width: 1199px) {
	.seoeko {
		display: block;
	}
	.seoeko__left {
		margin: 0 0 30px 0;
	}
}

@media (max-width: 767px) {
	.seoeko__left {
		padding: 30px 15px;
	}
	.seoeko__left-title {
		font-size: 24px;
	}

	.seoeko__left-subtitle {
		font-size: 18px;
	}

	.seoeko__right {
		padding: 30px 15px;
	}

	.seoeko__right-image {
		margin: 0 0 24px 0;
	}

	.seoeko__right-text {
		font-size: 18px;
	}
}

.seojoin {
	display: flex;
	align-items: center;
	margin: 0 0 100px 0;
}

.seojoin__text {
	flex: 0 0 770px;
	margin: 0 30px 0 0;
}

.seojoin__title {
	margin: 0 0 20px 0;
	text-align: left;
}

.seojoin__subtitle {
	font-size: 20px;
	font-weight: 500;
}

.seojoin__image {
	flex: 0 0 calc(100% - 800px);
	max-width: calc(100% - 800px);
}

@media (max-width: 1199px) {
	.seojoin__text {
		flex: 0 0 570px;
	}

	.seojoin__image {
		flex: 0 0 calc(100% - 600px);
		max-width: calc(100% - 600px);
	}
}

@media (max-width: 991px) {
	.seojoin {
		display: block;
	}
	.seojoin__text {
		margin: 0 0 30px 0;
	}
	.seojoin__image {
		max-width: 100%;
		display: block;
		margin: auto;
	}
	.seojoin__subtitle {
		font-size: 18px;
	}
}

ul.default {
	display: grid;
	grid-gap: 0.5em;
	margin-bottom: 1.25em;
}
ul.default li {
	position: relative;
	padding-left: 1.4em;
}
ul.default li::before {
	content: '';
	width: 0.5em;
	aspect-ratio: 1;
	background: #A1A3AA;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0.7em;
	transform: translateY(-50%);
}

.menu-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.menu-link {
	flex: 0 0 calc(50% - 18px);
	background: #F7F8FC url('/images/blue-circle-arrow-right.png') calc(100% - 30px) center / auto no-repeat;
	border-radius: 20px;
	padding: 37px 30px;
	font-size: 24px;
	color: #1f1f1f;
	font-weight: 600;
	margin: 0 0 36px 0;
	transition: .4s;
}

.menu-link:hover {
	color: #fff;
	background: #4e77f6 url('/images/blue-circle-arrow-right.png') calc(100% - 30px) center / auto no-repeat;
}

@media (max-width: 767px) {
	.menu-link {
		padding: 20px;
		font-size: 20px;
		background: #F7F8FC url('/images/blue-circle-arrow-right.png') calc(100% - 30px) center / 30px no-repeat;
	}
	.menu-link:hover {
		background: #F7F8FC url('/images/blue-circle-arrow-right.png') calc(100% - 30px) center / 30px no-repeat;
	}
}

@media (max-width: 575px) {
	.menu-links {
		display: block;
	}
	.menu-link {
		display: block;
		margin: 0 0 24px 0;
	}
}

.servpage__items {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -18px;
}

.servpage__item {
	background: #F7F8FC;
	border-radius: 20px;
	padding: 30px;
	margin: 0 18px 36px;
	flex: 0 0 calc(33.333% - 36px);
}

.servpage__item-image {
	display: block;
	margin: 0 auto 25px;
	border-radius: 20px;
	max-height: 246px;
}

.servpage__item-title {
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 10px 0;
	color: #1f1f1f;
	display: block;
}

.servpage__item-intro {
	color: #6C6C6C;
	font-size: 16px;
	margin: 0 0 40px 0;
	display: block;
}

.servpage__item-button {
	width: 285px;
}

@media (max-width: 1199px) {
	.servpage__item {
		margin: 0 18px 36px;
		flex: 0 0 calc(50% - 36px);
	}
}
@media (max-width: 991px) {
	.servpage__item {
		margin: 0 18px 36px;
		padding: 30px 20px;
	}
}

@media (max-width: 991px) {
	.servpage__items {
		display: block;
		margin: 0;
	}
	.servpage__item {
		margin: 0 0 30px 0;
	}
}

.prtnrs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.prtnrs__item {
	flex: 0 0 calc(50% - 18px);
	margin: 0 0 36px 0;
	background: #F7F8FC;
	border-radius: 20px;
	padding: 40px;
	display: flex;
}
.prtnrs__item-left {
	margin: 0 67px 0 0;
	flex: 0 0 50%;
	display: flex;
	flex-direction: column;
}

.prtnrs__item-image {
	display: block;
	margin: 0 0 30px 0;
}

.prtnrs__item-link {
	height: 52px;
	background: #fff;
	border-radius: 52px;
	padding: 14px 60px;
	color: #1f1f1f;
	transition: .4s;
	margin: auto 0 0;
	width: 248px;
	text-align: center;
}
.prtnrs__item-link:hover {
	background:#1f1f1f;
	color: #fff;
}

.prtnrs__item-text {
	color: #6C6C6C;
}

@media (max-width: 1400px) {
	.prtnrs__item {
		padding: 30px;
	}
	.prtnrs__item-left {
		margin: 0 30px 0 0;
		flex: 0 0 40%;
	}
}

@media (max-width: 1199px) {
	.prtnrs__item {
		display: block;
	}
	.prtnrs__item-left {
		margin: 0 0 30px 0;
	}
	.prtnrs__item-image {
		margin: 0 auto 30px;
	}
}

@media (max-width: 767px) {
	.prtnrs {
		display: block;
	}
	.prtnrs__item {
		margin: 0 0 30px 0;
	}
}


.note1{
	border-left: 5px solid var(--accent-color);
  	padding: 10px;
  	background: #f9f9f9;
}
	/*--ultralightgray: #f7f8fc;
	--ultralightgray2: #ebecef;*/
.body_164 {
	background: #f7f8fc;
}

.smionas__item {
	margin: 0 0 20px 0;
	display: flex;
	background: #fff;
	border-radius: 20px;
	padding: 40px;
}
.smionas__item-left {
	flex: 0 0 280px;
	margin: 0 70px 0 0;
	display: flex;
	flex-direction: column;
}
.smionas__item-image {
	margin: 0 auto 20px;
}
.smionas__item-link-wrapper {
	margin: auto 0 0;
}
.smionas__item-link {
	background: #F7F8FC;
	border-radius: 52px;
	text-align: center;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	transition: .4s;
	color: #1F1F1F;
	font-weight: 500;
}
.smionas__item-link:hover {
	background: #1F1F1F;
	color: #fff;
}
.smionas__item-header {
	display: flex;
	align-items: center;
	margin: 0 0 20px 0;
	color: #979797;
}
.smionas__item-date {
	margin: 0 30px 0 0;
}

.smionas__item-title {
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
	color: #000;
}
.smionas__item-text {
	font-weight: 500;
	color: #6C6C6C;
}

@media (max-width: 1199px) {
	.smionas__item-left {
		margin: 0 36px 0 0;
	}
}

@media (max-width: 991px) {
	.smionas__item {
		padding: 30px 15px;
	}
	.smionas__item-left {
		margin: 0 30px 0 0;
	}
}

@media (max-width: 767px) {
	.smionas__item {
		display: block;
	}
	.smionas__item-left {
		margin: 0 0 30px 0;
	}
}

@media (max-width: 575px) {
	.smionas__item-title {
		font-size: 20px;
	}
}


  /**/
.note2{
    margin: 0 0 28px 0; 
    padding: 16px 18px; 
    background: #F3F8FF; 
    border: 1px solid #E1ECFA; 
    border-radius: 14px; 
    line-height: 1.45;
  }