@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');

/* html {
	scroll-behavior: smooth;
} */
body {
	font-family: 'Geologica', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.wrapper {
}
.burger {
	display: none;
}

.tel-mobile {
	display: none;
}
.header {
	background:
		url(../img/bg-main.jpg) no-repeat center center,
		linear-gradient(
			76deg,
			rgba(229, 225, 222, 0.9) 0%,
			rgba(229, 225, 222, 0.71) 14%,
			rgba(229, 225, 222, 0.46) 33%,
			rgba(229, 225, 222, 0.23) 50%,
			rgba(229, 225, 222, 0.13) 71.5%,
			rgba(229, 225, 222, 0) 100%
		);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.box-g {
	background: linear-gradient(
		76deg,
		rgba(229, 225, 222, 0.9) 0%,
		rgba(229, 225, 222, 0.71) 14%,
		rgba(229, 225, 222, 0.46) 33%,
		rgba(229, 225, 222, 0.23) 50%,
		rgba(229, 225, 222, 0.13) 71.5%,
		rgba(229, 225, 222, 0) 100%
	);
	box-shadow: 0 4px px 0 rgba(0, 0, 0, 0.25);
}
.container {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1276px;
	height: 100%;
	overflow: hidden;
}
.header__box-nav {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.6);
}
.header__wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.header__logo {
	margin-top: 18px;
}
.header__nav {
}
.contacts__list1 {
	display: none;
}
.nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 18px;
}
.nav__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 12px;
	margin-bottom: 30px;
}

.nav__list-item {
}
.nav__list-item a {
	margin-right: 40px;
	font-weight: 300;
	font-size: 18px;
	color: #131313;
	white-space: nowrap;
}

.nav__list-item:last-child a {
	margin-right: 0;
}

.nav__list-item {
}

.header__contacts {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: end;
	margin-bottom: 29px;
}
.header__contacts-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.header__contacts-list--item:not(:last-of-type) a {
	/* margin-right: 20px; */
	font-weight: 300;
	font-size: 18px;
	text-transform: uppercase;
	color: #131313;
	align-items: center;
}
.header__contacts-list--item---acc:not(:last-of-type) a {
	font-weight: 300;
	font-size: 18px;
	align-items: center;
	color: #131313;
	margin-right: 20px;
}

.header__contacts-item--phone::before {
	content: url(../img/icon-tg.svg);
	/* position: relative; */
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.header__contacts-item--time::before {
	/* position: relative; */
	content: url(../img/clock.svg);
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0 2.5px;
	width: 30px;
	height: 30px;
	vertical-align: middle;
}
.header__contacts-list--item {
	margin-right: 20px;
}

/* --------------------------------------------- */

.header__box {
	padding-top: 142px;
	max-width: 625px;
	padding-bottom: 188px;
}
.header__title {
	margin-bottom: 10px;
}
.header__title h1 {
	font-weight: 700;
	font-size: 62px;
	text-transform: uppercase;
	color: #131313;
}
.header__text {
	margin-bottom: 30px;
}
.header__text-list {
}
.header__text-list--item {
	list-style-type: disc;
	list-style-position: inside;

	font-weight: 500;
	font-size: 26px;
	color: #131313;
	margin-bottom: 10px;
}
.header__btn button {
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;

	-webkit-border-radius: 30px;
	border-radius: 30px;
	padding: 10px 20px;
	width: 241px;
	height: 45px;
	background: #2092b3;
}
/* --------------------------------------- */
#scrollToTopBtn {
	display: none; /* Скрываем кнопку по умолчанию */
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	background-color: #2092b3; /* Цвет фона кнопки */
	color: white;
	border: none;
	padding: 12px;
	-webkit-border-radius: 50px;
	border-radius: 50px; /* Кнопка будет круглой */
	cursor: pointer;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
	-webkit-transition:
		background-color 0.3s,
		-webkit-transform 0.3s;
	transition:
		background-color 0.3s,
		transform 0.3s;
}

#scrollToTopBtn:hover {
	background-color: #187b93;
	-webkit-transform: scale(1.1);
	transform: scale(1.1); /* Небольшое увеличение при наведении */
}

#scrollToTopBtn svg {
	width: 24px;
	height: 24px;
}

.advantages {
	padding-top: 50px;
}
.container {
}
.advantages__down {
}
.advantages-inner {
}
.advantages-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.advantages-item {
	max-width: 412px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
}
.advantages-title {
	font-weight: 700;
	font-size: 36px;
	text-align: center;
	color: #2092b3;
	margin-bottom: 5px;
}
.advantages-subtitle {
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	color: #131313;
}
/* ------------------------------------ */
.tabs__main {
	padding-top: 100px;
	padding-bottom: 100px;
}
.tabs {
	/* max-width: 900px; */
	margin: 0 auto;
}
.tab-card {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.tab-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.tab-card--left {
	width: 50%;
	width: 511px;
}
.tab-card--left h3 {
	font-weight: 800;
	font-size: 40px;
	color: #2092b3;
}
.tab-card--left img {
	background-size: contain;
}
.tab-card--right {
	width: 50%;
	min-height: 230px;
}

.tab-link {
	padding: 10px 20px;
	border: none;
	background-color: #fff;
	color: #2092b3;
	cursor: pointer;
	font-weight: bold;
	border-bottom: 2px solid transparent;
	-webkit-transition: border-color 0.3s;
	transition: border-color 0.3s;
	background: #f4f3f3;

	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

.tab-link.active {
	-webkit-box-shadow: 4px 0 4px 0 rgba(0, 0.1, 0, 0.1);
	box-shadow: 4px 0 4px 0 rgba(0, 0.1, 0, 0.1);
	background: #fff;
}

.tab-content {
	display: none;
	background-color: #fff;
	padding: 45px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	min-height: 444px;
}

.tab-content.active {
	display: block;
}

.tab-card h2 {
	font-size: 2.5rem;
	color: #2092b3;
	margin-bottom: 15px;
}

.tab-card ul {
	list-style: none;
}

.tab-card ul li {
	font-size: 1.1rem;
	margin-bottom: 10px;
	color: #333;
}

/* Адаптивность */
@media (max-width: 768px) {
	.tab-link {
		text-align: center;
		margin-bottom: 10px;
	}

	.tab-card h2 {
		font-size: 2rem;
	}

	.tab-card ul li {
		font-size: 1rem;
	}
}

.table-container {
	width: 100%;
	max-width: 600px;
	padding: 20px;
	background-color: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.1rem;
}

table td {
	padding: 15px;
	border-bottom: 1px solid #e0e0e0;
	color: #333;
}

table td:first-child {
	color: #666;
}

table td strong {
	color: #2092b3;
}

.table-container .highlighted {
	text-align: left;
	font-weight: bold;
	color: #2092b3;
	padding: 20px 0;
	border: none;
	border-top: 1px solid #2092b3;
}

/* Адаптивность */
@media (max-width: 768px) {
	table td {
		padding: 10px;
		font-size: 1rem;
	}

	.table-container {
		padding: 15px;
	}
}

/* -------------------------------------------------------------------- */
.calculator {
}

.calculator h3 {
	font-weight: 500;
	font-size: 54px;
	color: #131313;
	margin-bottom: 30px;
}
.calculator-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between; /* Разделение блоков */
	background-color: white;
	/* padding: 20px; */
	-webkit-border-radius: 10px;
	border-radius: 10px;
	max-width: 1276px;
	margin: 0 auto;
}

.left-block {
	width: 66%; /* Левая часть занимает 60% */
}

.right-block {
	width: 26%; /* Правая часть занимает 35% */
	/* background-color: #f8f9fa; */
	padding: 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}

.input-container {
	margin-bottom: 20px;
}

/* Стили для тонких серых ползунков */
input[type='range'] {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 4px; /* Тонкая шкала */
	background: #d3d3d3; /* Серый цвет шкалы */
	outline: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: white;
	border: 2px solid #2092b3; /* Синий цвет границы */
	border-radius: 50%;
	cursor: pointer;
	transition:
		background 0.3s,
		border-color 0.3s;
}

input[type='range']::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background: white;
	border: 2px solid #2092b3;
	border-radius: 50%;
	cursor: pointer;
	transition:
		background 0.3s,
		border-color 0.3s;
}

/* При заполнении ползунка - шкала становится синей */
input[type='range']::-webkit-slider-runnable-track {
	background: linear-gradient(
		to right,
		#0088cc 0%,
		#0088cc var(--value),
		#d3d3d3 var(--value),
		#d3d3d3 100%
	);
}

input[type='range']::-moz-range-track {
	background: linear-gradient(
		to right,
		#2092b3 0%,
		#2092b3 var(--value),
		#d3d3d3 var(--value),
		#d3d3d3 100%
	);
}

/* Стили для меток (label) */
label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
	color: #333;
	margin-top: 20px;
}

/* Стили для цифр, чтобы числа отображались с пробелами */
.output {
	font-size: 20px;
	font-weight: bold;
	color: #2092b3;
	margin-bottom: 10px;
}

/* Стили для правого блока с ежемесячным платежом */
.right-block p {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 5px;
	color: #131313;
}

.right-block .output-total {
	font-weight: 700;
	font-size: 48px;
	color: #131313;
}

/* Стили для кнопок */
.right-block button {
	display: block;
	width: 200px;
	/* padding: 10px 20px; */
	background-color: #2092b3;

	border: none;
	-webkit-border-radius: 30px;
	border-radius: 30px;

	cursor: pointer;

	font-weight: 400;
	font-size: 18px;
	color: #fff;
}
#scheduleBtn {
	background: #bdbdbd;
	margin-top: 20px;
	width: 196px;
}

.button:disabled {
	background-color: #bdbdbd;
	cursor: not-allowed;
}

/* Popup стили */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 9999;
}

.popup-content {
	background-color: white;
	padding: 20px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 80%;
	max-height: 80%;
	overflow-y: auto;
	position: relative;
}

.popup .close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	color: #333;
}

.popup.hidden {
	display: none;
}
/* Стили для popup */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.popup-content {
	background: white;
	padding: 20px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	max-width: 1270px;
	width: 100%;
	position: relative;
}

.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
}

.payment-schedule-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-family: 'Arial', sans-serif;
	color: #333;
}

.payment-schedule-table th,
.payment-schedule-table td {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
}

.payment-schedule-table th {
	background-color: #f5f5f5;
	font-weight: bold;
}

.payment-schedule-table tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.payment-schedule-table tbody tr:nth-child(even) {
	background-color: #ffffff;
}

.total-summary {
	margin-top: 20px;
	font-weight: bold;
	text-align: right;
}

.total-summary p {
	margin: 5px 0;
}

h2 {
	margin-bottom: 20px;
	font-size: 24px;
}

/* Основные стили для всех устройств */

.calculator-form,
.payment-summary {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	margin: 10px;
	flex: 1;
}

.calculator-form {
	max-width: 600px;
}

.payment-summary {
	max-width: 300px;
	text-align: center;
}

label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

input[type='range'] {
	width: 100%;
	margin-bottom: 15px;
	height: 3px;
	background: #ddd;
	border-radius: 3px;
	outline: none;
}

input[type='range']:active,
input[type='range']:hover {
	background: #2092b3;
}

output {
	font-size: 1.5rem;
	display: block;
	margin-bottom: 20px;
}

/* Кнопки */
button {
	background-color: #2092b3;
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 10px;
	/* width: 100%; */
}

button:hover {
	/* background-color: #2092b3; */
}

/* Стили для popup */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.popup-content {
	background: white;
	padding: 20px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	max-width: 1270px;
	width: 100%;
	position: relative;
}

.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
}

.payment-schedule-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-family: 'Arial', sans-serif;
	color: #333;
}

.payment-schedule-table th,
.payment-schedule-table td {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
}

.payment-schedule-table th {
	background-color: #f5f5f5;
	font-weight: bold;
}

.payment-schedule-table tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.payment-schedule-table tbody tr:nth-child(even) {
	background-color: #ffffff;
}

.total-summary {
	margin-top: 20px;
	font-weight: bold;
	text-align: right;
}

/* Адаптивные стили */

/* Экран от 768px и ниже (планшеты и мобильные устройства) */
@media (max-width: 768px) {
	.calculator-form,
	.payment-summary {
		width: 100%;
		max-width: 100%;
	}

	.popup-content {
		max-width: 90%;
	}

	button {
		margin-top: 20px;
	}
}

/* Экран от 480px и ниже (маленькие мобильные устройства) */
@media (max-width: 480px) {
	label {
		font-size: 14px;
	}

	output {
		font-size: 1.2rem;
	}

	button {
		font-size: 14px;
		padding: 10px;
	}

	.payment-schedule-table th,
	.payment-schedule-table td {
		font-size: 12px;
		padding: 8px;
	}

	.popup-content {
		padding: 10px;
	}

	h2 {
		font-size: 20px;
	}
}
/* Стиль popup для графика платежей */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	overflow-y: auto; /* Позволяем вертикальный скролл, если содержимое выходит за пределы экрана */
}

.popup-content {
	background: white;
	padding: 20px;
	border-radius: 15px;
	max-width: 800px;
	width: 100%;
	position: relative;
	max-height: 90vh; /* Ограничение высоты, чтобы содержимое помещалось на экране */
	overflow-y: auto; /* Вертикальная прокрутка для popup */
}

.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
}

/* Стили таблицы с платежами */
.payment-schedule-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-family: 'Arial', sans-serif;
	color: #333;
	overflow-x: auto; /* Горизонтальная прокрутка таблицы */
}

.payment-schedule-table th,
.payment-schedule-table td {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
	white-space: nowrap; /* Отключаем перенос текста, чтобы таблица не сжималась */
}

.payment-schedule-table th {
	background-color: #f5f5f5;
	font-weight: bold;
}

.payment-schedule-table tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.payment-schedule-table tbody tr:nth-child(even) {
	background-color: #ffffff;
}

/* Общая сумма выплат */
.total-summary {
	margin-top: 20px;
	font-weight: bold;
	text-align: right;
}

/* Адаптивные стили */
@media (max-width: 768px) {
	.popup-content {
		max-width: 95%; /* Ширина popup становится шире на маленьких устройствах */
		padding: 10px;
	}

	.payment-schedule-table {
		display: block;
		overflow-x: auto; /* Включаем горизонтальный скролл для таблицы */
		white-space: nowrap; /* Запрещаем перенос строк */
	}
}

/* Дополнительные стили для маленьких экранов */
@media (max-width: 480px) {
	.popup-content {
		padding: 10px;
	}

	.payment-schedule-table th,
	.payment-schedule-table td {
		font-size: 12px;
		padding: 8px;
	}

	.close {
		font-size: 20px;
	}
}

/* -------------------------------------------------------------------- */

.contact-section {
	padding-top: 100px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	max-width: 1278px;
	margin: 0 auto;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.contact-form {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 682px;
}

.contact-form h2 {
	font-weight: 500;
	font-size: 44px;
	color: #131313;

	margin-bottom: 20px;
}

.contact-form-text {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4;
	color: #131313;
	margin-bottom: 28px;
}

.alter {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	color: #131313;
}

.policy {
	font-weight: 300;
	font-size: 14px;
	color: #131313;
	margin-bottom: 18px;
}
.alter {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	color: #131313;
}

.contact-form input {
	width: 100%;
	padding: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #bdbdbd;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}
.contact-form input::placeholder {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.5;
	color: #bdbdbd;
}

.contact-form button {
	width: 280px;
	height: 43px;
	background: #2092b3;
	color: white;
	border: none;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	cursor: pointer;
	margin-bottom: 9px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 9px;
}

.contact-form button:hover {
	background-color: #008cba;
}

.privacy-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.privacy-policy {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	margin-bottom: 15px;

	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin: 0 auto;
	max-width: 443px;
	text-align: center;
}

.privacy-policy input {
	margin-right: 10px;
	width: 13px;
	height: 13px;
}
.contact-form a {
	margin-right: 15px;
}
.contact-form a:last-child {
	margin-right: 0px;
}

.phone-number {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	font-size: 26px;
	text-transform: uppercase;
	color: #131313;
	margin-top: 5px;
}

.contact-image {
	flex: 1;
	max-width: 600px;
	padding-left: 20px;
}

.contact-image img {
	width: 100%;
	border-radius: 10px;
}

.contact-form--list {
	margin-top: 5px;
	margin-bottom: 15px;
}

.phone-number::before {
	content: url(../img/phone-cont.svg);
	position: relative;
	width: 34px;
	height: 34px;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	display: inline-block;
	vertical-align: middle;
}
.contact-form--list {
}

/* --------------------------------------------------------------- */
.clarification {
	padding-top: 100px;
}
.container {
}
.clarification__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: distribute;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.clarification__inner h3 {
	font-weight: 500;
	font-size: 54px;
	color: #131313;
	margin-bottom: 20px;
}
.clarification__left {
	width: 50%;
	margin-bottom: 20px;
}
.clarification__left p:not(:last-child) {
	margin-bottom: 35px;
}
.clarification__right {
	width: 40%;
}

.clarification__right img {
	object-fit: cover;
}

/* ------------------------------------ */
.how {
}
.container {
}
.how__inner {
}

.how__inner h3 {
	font-weight: 500;
	font-size: 54px;
	color: #131313;
	margin-bottom: 30px;
}
.how__list-box {
	display: flex;
	margin-bottom: 19px;
}
.how__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.how__list-item {
	width: 16%;
}
.how__list-item:not(:last-child) {
	margin-right: 20px;
}

.how__list-item--line {
}

.how__list-item--line {
	position: relative;
	text-indent: 0;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.4);
}

.how__list-item--line:after {
	content: attr(title);
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
}
.how__list-item--line span {
	display: block;
	position: absolute;
	right: 0;
	top: 49%;
	bottom: 49%;
	min-width: 90%;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-left: 9px;
}
.how__list-item h4 {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.4;
	color: #2092b3;
	margin-bottom: 10px;
}
.how__list-item p {
	font-weight: 300;
	font-size: 16px;
	line-height: 1.4;
	color: #131313;
}

.tg path {
	fill: #2aabee;
}

/* --------------------------------------------------------- */

.contacts {
	padding-top: 100px;
}
.container {
}
.contacts__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.contacts__inner h3 {
	font-weight: 500;
	font-size: 54px;
	color: #131313;
	margin-bottom: 30px;
}
.contacts__left {
}
.contacts__list-item {
	margin-bottom: 20px;
}
iframe {
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.contacts__list-item a {
	font-weight: 300;
	font-size: 18px;
	color: #070200;
}
.contacts__tel,
.contacts__email,
.contacts__address,
.contacts__time {
	font-weight: 500;
	font-size: 18px;
	color: #070200;
	margin-bottom: 5px;
}
.contacts__tel::before {
	content: url('/img/tel-contacts.svg');
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}
.contacts__email::before {
	content: url('/img/emaill-contactsl.svg');
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

.contacts__time::before {
	content: url('/img/emaill-contactsl.svg');
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}
.contacts__right {
}
.contacts__address::before {
	content: url('/img/addressl-contacts.svg');
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}
.contacts__time {
}
.section-map__map {
}
.map {
}
.contact-form--list1 {
	display: none;
}

footer {
	background-color: #131313;
	color: #fff;
	padding-bottom: 58px;
}

.footer-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1276px;
	margin: 0 auto;
	padding: 0 15px;
	padding-top: 30px;
}
.contacts__social {
	display: none;
}

.footer-left,
.footer-center,
.footer-right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 175px;
	margin: 10px;
}

.footer-left p,
.footer-right p,
.footer-center ul li {
	margin-bottom: 15px;
}
.footer-right a,
p {
	font-weight: 300;
	font-size: 16px;

	margin-bottom: 10px;
}

.footer-center ul {
	list-style: none;
}

.footer-center ul li a {
	color: white;
	text-decoration: none;
}

.footer-center ul li a:hover {
	text-decoration: underline;
}

.footer-right .messengers a img {
	width: 25px;
	margin-right: 10px;
}

.messengers {
	margin-bottom: 102px;
}
.google_term {
	display: flex;
	text-align: center;
}

.footer-bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* max-width: 534px; */
	text-align: center;
	padding: 0px 0;

	margin-top: 10px;
}

.footer-bottom p {
	margin-bottom: 5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	max-width: 848px;
}

.footer-bottom a {
	color: white;
	text-decoration: none;
}

.footer-bottom a:hover {
	text-decoration: underline;
}

.footer__img {
	margin-bottom: 22px;
}
.hamburger-menu {
	display: none;
}
.hamburger {
	width: 30px;
	height: 3px;
	background-color: white;
	margin: 5px;
}
.footer-right p,
a {
	font-weight: 300;
	font-size: 16px;
	margin-bottom: 10px;
	color: #fff;
}

/* Основной стиль для кнопки */
.popup-button {
	background-color: #00a8e8;
	color: white;
	border: none;
	padding: 10px 20px;
	font-size: 18px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.popup-button:hover {
	background-color: #007bb5;
}

/* Скрытый класс */
.hidden {
	display: none;
}

/* Popup стили */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.popup-content {
	background: white;
	padding: 80px 108px 79px 108px;
	border-radius: 15px;
	max-width: 1270px;
	width: 100%;
	position: relative;
}

.popup-content h2 {
	font-weight: 500;
	font-size: 48px;
	text-align: center;
	color: #131313;
	margin-bottom: 20px;
}

.popup-content p {
	font-weight: 400;
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
	color: #131313;
	margin-bottom: 30px;
}

.popup-content form {
	display: flex;
	flex-direction: column;
}

.popup-content input[type='text'],
.popup-content input[type='tel'] {
	width: 100%;
	padding: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #bdbdbd;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

.popup-content .submit-button {
	width: 280px;
	height: 43px;
	background: #2092b3;
	color: white;
	border: none;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	cursor: pointer;
	margin-bottom: 9px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 9px;
	margin: 0 auto;
}

.popup-content .submit-button:hover {
	background-color: #007bb5;
}

.consent {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 300;
	font-size: 14px;
	color: #131313;
	margin: 0 auto;
	text-decoration: underline;
	text-decoration-skip-ink: none;
}

.consent input {
	margin-right: 10px;
}

.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
}

#thankYouPopup .popup-content {
	text-align: center;
}

/* #thankYouPopup .submit-button {
	background-color: #00a8e8;
	color: white;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 20px;
}

#thankYouPopup .submit-button:hover {
	background-color: #007bb5;
} */

.popup-content h2 {
	font-weight: 500;
	font-size: 48px;
	text-align: center;
	color: #131313;
}

.popup-content {
}
.popup-content h2 {
	font-weight: 500;
	font-size: 48px;
	text-align: center;
	color: #131313;
}

.popup-content p {
	font-weight: 400;
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
	color: #131313;
}
#thankYouPopup .submit-button {
	display: block;

	/* padding: 10px 20px; */
	background-color: #2092b3;
	border: none;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	cursor: pointer;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
}
/* ================= Expert widget ================ */
.expert-widget {
	position: fixed;
	bottom: 70px;
	right: 70px;
	z-index: 1200;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.expert-toggle {
	width: 140px;
	height: 140px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: none;
	padding: 0;
	background: #fff;
	-webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
	cursor: pointer;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.expert-toggle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.expert-toggle::after {
	content: '';
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 12px;
	height: 12px;
	background: #2ecc71; /* online indicator */
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.expert-panel {
	position: absolute;
	right: 0;
	bottom: 156px;
	width: 300px;
	background: #101010;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	opacity: 0;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
	pointer-events: none;
	-webkit-transition:
		opacity 0.2s ease,
		-webkit-transform 0.2s ease;
	transition:
		opacity 0.2s ease,
		transform 0.2s ease;
	border: 1px solid #fff;
}

.expert-panel--open {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	pointer-events: auto;
}

.expert-panel__header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 8px;
	padding: 12px 14px;
	border-bottom: 1px solid #eee;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
}

.expert-close {
	background: transparent;
	border: none;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: #666;
}

.expert-panel__actions {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	padding: 12px 14px 4px 14px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.expert-link {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-decoration: none;
	background: #333;
}

.expert-link img {
	width: 30px;
	height: 30px;
	display: block;
}

.expert-phone {
	display: block;
	margin: 10px 14px 14px 14px;
	padding: 10px 12px;
	background: #2092b3;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
}

@media (max-width: 500px) {
	.expert-toggle {
		width: 90px;
		height: 90px;
	}
	.expert-panel {
		width: 92vw;
		right: -3vw;
		bottom: 110px;
	}
	.expert-panel__actions {
		justify-content: center;
	}
	.expert-widget {
		position: fixed;
		bottom: 70px;
		right: 20px;
		z-index: 1200;
	}
	.expert-panel {
		width: 176px;
	}
	.expert-panel__header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 8px;
		padding: 12px 14px;
		border-bottom: 1px solid #eee;
		font-weight: 500;
		font-size: 14px;
		color: #fff;
	}
	.expert-phone {
		font-size: 13px;
	}
}

/* Специальные стили для Retina дисплеев MacBook */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.expert-widget {
		-webkit-transform: translateZ(0) scale(1);
		transform: translateZ(0) scale(1);
	}

	.expert-toggle {
		-webkit-transform: translateZ(0) scale(1);
		transform: translateZ(0) scale(1);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.expert-panel {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}

/* Исправления для Safari на macOS */
@supports (-webkit-appearance: none) {
	.expert-widget {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.expert-toggle {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.expert-panel {
		-webkit-transform: translate3d(0, 8px, 0);
		transform: translate3d(0, 8px, 0);
	}

	.expert-panel--open {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* Адаптивные стили */
@media (max-width: 768px) {
	.popup-content {
		max-width: 90%;
	}

	.popup-content h2 {
		font-size: 30px;
	}

	.popup-content p {
		font-size: 14px;
	}

	.popup-content input[type='text'],
	.popup-content input[type='tel'] {
		font-size: 14px;
	}

	.popup-content .submit-button {
		font-size: 14px;
	}

	.consent {
		font-size: 12px;
	}
}

@media (max-width: 1150px) {
	.nav__list-item a {
		margin-right: 26px;
		font-size: 15px;
	}
	.header__title h1 {
		font-size: 58px;
	}
	.header__text-list--item {
		font-size: 23px;
		margin-bottom: 8px;
	}
	.clarification__right {
		display: none;
	}
	.clarification__left {
		width: 85%;
		margin-bottom: 20px;
	}
}
@media (max-width: 850px) {
	.nav__list-item a {
		margin-right: 17px;
		font-size: 14px;
	}
	.header__title h1 {
		font-size: 55px;
	}
	.header__text-list--item {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.header__logo svg {
		width: 100px;
	}

	.header__box {
		padding-top: 192px;
		max-width: 625px;
		padding-bottom: 98px;
	}
	.header__title h1 {
		font-size: 46px;
		max-width: 320px;
	}
	.box-g {
		background: linear-gradient(
			76deg,
			rgba(229, 225, 222, 0.9) 0%,
			rgba(229, 225, 222, 0.71) 14%,
			rgba(229, 225, 222, 0.46) 33%,
			rgba(229, 225, 222, 0.23) 50%,
			rgba(229, 225, 222, 0.13) 71.5%,
			rgba(229, 225, 222, 0) 100%
		);
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	}

	.nav {
		display: block;
		margin-top: 18px;
	}
	.header__wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		/* justify-content: space-between; */
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: start;
		/* flex-direction: column;
		text-align: center; */
	}
	.header__contacts {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 29px;
		padding-top: 29px;
	}

	.calculator-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.right-block {
		width: 100%;
		text-align: center;
	}
	.left-block {
		width: 100%;
	}
	.right-block button {
		width: 100%;
	}
	#scheduleBtn {
		width: 100%;
	}
}

/* Адаптивность */
@media (max-width: 768px) {
	.footer-container {
		flex-direction: column;
		align-items: center;
	}

	.footer-left,
	.footer-center,
	.footer-right {
		text-align: center;
		margin: 10px 0;
	}

	.footer-right .messengers {
		justify-content: center;
	}
}

@media (max-width: 768px) {
	.contact-section {
		flex-direction: column;
		text-align: center;
	}

	.contact-image {
		padding-left: 0;
		margin-top: 20px;
	}

	.contact-form button {
		font-size: 18px;
	}

	.phone-number {
		font-size: 20px;
	}

	.popup-content {
		max-width: 90%;

		padding: 40px 30px 40px 30px;
	}

	.popup-content h2 {
		font-size: 30px;
	}

	.popup-content p {
		font-size: 14px;
	}
}

@media (max-width: 660px) {
	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 50;
		background: rgba(0, 0, 0, 0.349);
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s;
	}

	.tel-mobile {
		display: block;
	}

	.overlay--show {
		visibility: visible;
		opacity: 1;
	}
	.calculator h3 {
		font-size: 28px;
	}

	.burger {
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 150;
		height: 50px;
		width: 50px;
		border-radius: 50%;

		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		transition: all 0.3s;
	}

	.nav {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: #fff;
		z-index: 100;
		min-width: 320px;
		transform: translateX(100%);
		transition: all 0.3s;
	}

	.header__inner {
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
	}

	.burger--follow {
		box-shadow: 0 1px 8px #a1a1a1;
		background-color: #fff;
		top: 15px;
		right: 12px;
	}
	.burger span {
		display: block;
		width: 30px;
		height: 4px;
		background-color: #424551;
		border-radius: 3px;
		margin: 4px 0;
	}
	.burger::before,
	.burger::after {
		display: block;
		content: '';
		width: 30px;
		height: 4px;
		background-color: #424551;
		border-radius: 3px;
	}

	.header__top--open {
		transform: translateX(0%);
	}

	.hamburger-menu {
		display: block;
	}

	.nav__list-item {
		display: block;
	}

	.nav {
		text-align: left;
		margin: 0 auto;
		flex-grow: 1;
	}
	.nav__list {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 13px;
		padding-top: 50px;
	}
	.header__box-nav {
		backdrop-filter: none;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}

	.header__contacts-list--item {
		margin-right: 13px;
	}

	.nav__list-item {
		margin-bottom: 25px;
	}
	.nav__list-item a {
		font-weight: 300;
		font-size: 18px;
		color: #131313;
	}
	.header__contacts-item--phone,
	.header__contacts-item--acc,
	.header__contacts-item--time {
		display: none;
	}
	.contacts__list1 {
		display: block;
		margin-left: 20px;
	}
	.mobile-soc {
		display: flex;
	}
	.contact-form--list1 {
		display: flex;
		padding-left: 20px;
	}
	.contact-form--list1 svg {
		display: flex;
		margin-right: 20px;
	}
	.contacts__social {
		display: flex;
	}
	.contacts__social {
		display: flex;
		padding-left: 20px;
	}
	.contacts__social li {
		margin-right: 15px;
	}
	.header__box {
		padding-bottom: 33px;
		/* padding-top: 0; */
	}
	.advantages-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.advantages-inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.advantages-item {
		margin-bottom: 20px;
	}
	.tab-header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.tab-card {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.tab-card--left {
		width: 270px;
		margin-bottom: 10px;
	}
	.tab-card--right {
		width: 100%;
		width: 511px;
	}
	.calculator-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.right-block {
		width: 100%;
	}
}
@media (max-width: 500px) {
	.nav {
		min-width: none;
	}
	.header__title h1 {
		font-size: 32px;
		text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	}
	.tab-card--right {
		width: 100%;
	}
	.table-container {
		max-width: 450px;
	}
	.tab-content {
		padding: 0;
		padding-top: 27px;
	}

	.contact-image {
		display: none;
	}
	.contact-section {
		padding: 15px;
		padding-top: 50px;
	}
	.contact-form h2 {
		font-size: 28px;
	}

	.contact-form button {
		width: 99%;
	}

	.phone-number {
		font-size: 22px;
	}
	.clarification__right {
		display: none;
	}

	.clarification__left {
		width: 100%;
	}

	.clarification__inner h3 {
		font-size: 28px;
	}
	.clarification__left p {
		font-size: 18px;
	}

	.how {
		padding-top: 50px;
	}
	.how__inner h3 {
		font-size: 28px;
	}
	.how__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.how__list-item {
		width: 100%;
	}
	.how__list-item:not(:last-child) {
		margin: 0;
	}

	.contacts {
		padding-top: 50px;
	}
	.contacts__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.contacts__inner h3 {
		font-size: 28px;
	}

	.popup-content .submit-button {
		width: 100%;
	}

	.consent label {
		font-weight: 300;
		font-size: 11px;
		color: #131313;
		text-decoration: underline;
		text-decoration-skip-ink: none;
	}
}