@charset "UTF-8";

* {
	box-sizing: border-box;
	/*user-select: none;*/
}

/* Добавьте в CSS вашей темы */
.erherth input[type="checkbox"],
.your-acceptance input[type="checkbox"] {
	position: relative !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 10 !important;
	width: 20px !important;
	height: 20px !important;
}

/* Или более общее решение */
.wpcf7-form-control-wrap input[type="checkbox"] {
	pointer-events: all !important;
	visibility: visible !important;
}

body {
	margin: 0;
	padding: 100px 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #1D1D1B;
	background: #fff;
}

a {
	text-decoration: none;
	color: #1D1D1B;
}

a:hover {
	color: #3FAAAA;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

section {
	position: relative;
	max-width: 2550px;
	margin: 0 auto;
}

.section_content {
	padding-top: 100px;
	padding-bottom: 100px;
}

.section_white {
	background-color: #FFFFFF;
}

.section_gray {
	background-color: #F6F6F6;
}

.container {
	position: relative;
	max-width: 1756px;
	margin: 0 auto;
}

break {
	flex-basis: 100%;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.bgrotate180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*****************************
 * Header
 *****************************/
header {
	display: inline-flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	align-items: center;
}

.section_header {
	display: inline-flex;
	flex-basis: 2550px;
	height: 100%;
	background: #fff;
	-webkit-box-shadow: 0 3px 6px 0px rgb(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 6px 0px rgb(0, 0, 0, 0.2);
	box-shadow: 0 3px 6px 0px rgb(0, 0, 0, 0.2);
}

header .container {
	width: 100%;
}

.header_content {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100px;
}

.header_content .header_block_logo,
.header_content .header_block_phone,
.header_content .header_block_zvonok {
	margin-right: 30px;
}

.header_content .header_block_phone {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 70px;
	border-left: 1px solid #ccc;
	padding-left: 30px;
	line-height: 1.7;
}

.header_content nav {
	grid-area: nav_area;
	margin-left: auto;
}

.header_mob_block {
	display: none;
	margin-left: auto;
	/*padding-right: 20px;*/
	white-space: nowrap;
}

.header_mob_block img {
	margin: 5px 0;
}

/*****************************
 * Header menu
 *****************************/
header nav ul ul {
	display: none;
}

header nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

header nav>ul>li {
	display: inline-block;
	margin-right: 30px;
	padding: 5px 0;
}

header nav>ul>li a {
	color: #096791
}

header nav>ul>li a:hover {
	color: #096791;
	text-decoration: underline;
}

header nav li .row {
	display: none;
	background: url(img/row_bottom.svg) no-repeat;
	background-position: center center;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	margin-bottom: -5px;
	cursor: pointer;
}

/* SUB menu  */
header nav ul ul li {
	margin: 10px 5px;
	white-space: nowrap;
	font-size: 14px;
	text-decoration: underline;
}

header nav>ul>li ul {
	position: absolute;
	background-color: #fff;
	padding: 5px 10px 5px 10px;
	margin-top: 5px;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
}

header nav>ul>li>ul {
	margin-top: 5px;
}

header nav>ul>li>ul::after {
	position: absolute;
	/* 	 content: url(img/menubgind.svg); */
	top: -5px;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: -1;
}

header nav>ul>li>ul>li ul {
	margin-left: 20px;
}

header nav i {
	display: none;
}

header nav .active {
	display: block !important;
}

/*****************************
 * Burger menu
 *****************************/
.burger {
	display: none;
	/* inline-block  */
	cursor: pointer;
	padding: 10px;
	margin-left: auto;
}

.burger .bar1,
.burger .bar2,
.burger .bar3 {
	width: 21px;
	height: 2px;
	background-color: #AE8348;
	margin: 4px 0;
	transition: 0.4s;
}

.change_burger .bar1 {
	-webkit-transform: rotate(-45deg) translate(-4.5px, 4px);
	transform: rotate(-45deg) translate(-4.5px, 4px);
	/**/
}

.change_burger .bar2 {
	opacity: 0;
}

.change_burger .bar3 {
	-webkit-transform: rotate(45deg) translate(-4px, -4px);
	transform: rotate(45deg) translate(-4px, -4px);
	/**/
}

/*****************************
 * Footer
 *****************************/
footer {
	width: 100%;
}

.footer_content {
	margin: 50px 0;
	display: flex;
	align-items: center;
}

.footer_block_logo {
	padding-right: 30px;
}

.footer_block_phone {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 80px;
	border-left: 1px solid #ccc;
	padding-left: 30px;
	line-height: 1.7;
}

.footer_block_copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.4;
	margin-left: auto;
	color: #A6A6A6;
	text-align: right;
	font-size: 15px;
}

.footer_block_copy a {
	color: #A6A6A6;
	text-decoration: underline;
}

/*****************************
 * Home content
 *****************************/
.intro {
	height: 680px;
	background: url(img/intro_bg.jpg) no-repeat;
	background-position: left center;
	background-size: cover;
}

.intro .container {
	display: flex;
	align-items: center;
	height: 100%;
}

.intro_form {
	width: 585px;
	margin-left: auto;
	background-color: #fff;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 30px 0px rgb(0, 0, 0, 0.2);
	-moz-box-shadow: 10px 10px 30px 0px rgb(0, 0, 0, 0.2);
	box-shadow: 10px 10px 30px 0px rgb(0, 0, 0, 0.2);
}

.intro_form input {
	width: 100%;
}

.sec_title {
	display: block;
	font-weight: 500;
	font-size: 24px;
	color: #096791;
}

.page_title {
	display: block;
	font-weight: 700;
	font-size: 28px;
	color: #096791;
	text-align: center;
	margin: 30px 0;
}

.sec_1_content {
	padding-bottom: 0;
	height: 620px;
	overflow: hidden;
}

.sec_1 {
	display: grid;
	grid-template-columns: 638px auto;
	column-gap: 30px;
}

.sec_1_desc {
	padding-top: 60px;
}

.sec_1_desc_content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 80px;
}

.sec_1_desc_content-1 {
	display: flex;
	justify-content: flex-end;
}

.sec_1_desc_content li {
	list-style: none;
	font-size: 18px;
	margin-bottom: 40px;
}

.sec_1_desc .sec_1_desc_content li {
	white-space: nowrap;
}

.sec_1_desc_content li::before {
	content: "\25CF";
	color: #096791;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.sec_1_desc-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 20px;
}

.sec_1_desc-btn {
	display: inline-flex;
	align-items: center;
	text-align: center;
	background: linear-gradient(180deg, rgba(225, 49, 127, 1) 0%, rgba(117, 73, 164, 1) 100%) !important;
	border-radius: 34px;
	height: 68px;
	box-shadow: 5px 20px 40px 0px rgb(9 13 145 / 30%);
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	padding: 0 40px;
}

.sec_2 {
	display: grid;
	grid-template-columns: 638px auto;
	column-gap: 30px;
	margin-top: 100px;
}

.sec_2_desc {
	padding-top: 70px;
}

.sec_3 {
	height: 785px;
	display: grid;
	grid-template-columns: 480px auto;
	column-gap: 0;
	margin-top: 30px;
}

.sec_3_img img {
	margin-left: -244px;
}

.sec_3_desc {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

.sec_3_desc_elem {
	display: grid;
	grid-template-columns: 26px auto;
	column-gap: 20px;
	margin-bottom: 45px;
}

.elem_img {
	display: flex;
	align-items: center;
}

.elem_img img {
	margin-left: auto;
}

.elem_desc {
	border-left: 1px solid #3FAAAA;
	padding-left: 20px;
}

.elem_desc span {
	display: block;
}

.elem_desc_title {
	font-size: 18px;
	margin-bottom: 10px;
}

.elem_desc_test {
	font-size: 14px;
}

.elem_2,
.elem_6 {
	margin-left: 90px;
}

.elem_3,
.elem_5 {
	margin-left: 130px;
}

.elem_4 {
	margin-left: 150px;
}

.sec_4 {
	display: grid;
	grid-template-columns: 400px auto;
	column-gap: 20px;
	margin-top: 50px;
}

.sec_4_block1 div {
	padding: 10px 5px 10px 43px;
	margin-bottom: 10px;
}

.sec_4_block1_address {
	background: url(img/ico_contacts_addr.svg) no-repeat;
	background-position: left center;
}

.sec_4_block1_phone {
	background: url(img/ico_contacts_tel.svg) no-repeat;
	background-position: left center;
}

.sec_4_block1_email {
	background: url(img/ico_contacts_mail.svg) no-repeat;
	background-position: left center;
}

.sec_4_block2 {
	position: relative;
	height: 500px;
}

.sec_4_block2 #home_map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.section_sec_5 {
	padding: 80px 0;
	margin-bottom: 100px;
	background: rgb(63, 170, 170);
	background: radial-gradient(circle, rgba(63, 170, 170, 1) 0%, rgba(9, 103, 145, 1) 100%);
}

.sec_5_dpc {
	position: absolute;
	top: -130px;
	right: 0;
}

.sec_5_form {
	width: 50%;
}

.sec_5_form * {
	color: #FFFFFF !important;
}

.sec_5_form .form_title {
	margin-bottom: 10px;
}

.sec_5_form .form_slogan {
	margin-bottom: 30px;
}

.sec_5_form .wpcf7 input[type=text],
.sec_5_form .wpcf7 input[type=email],
.sec_5_form .wpcf7 input[type=tel] {
	width: 45%;
	border: 1px solid #FFFFFF;
	background-color: #ffffff56;
	color: #ffffff;
	margin-right: 20px;
}

.sec_5_form .wpcf7 input[type=submit] {
	margin-bottom: 0;
	background: rgb(225, 49, 127) !important;
	background: linear-gradient(180deg, rgba(225, 49, 127, 1) 0%, rgba(117, 73, 164, 1) 100%) !important;
}

.sec_5_form .wpcf7 input[type=text]::placeholder,
.sec_5_form .wpcf7 input[type=email]::placeholder,
.sec_5_form .wpcf7 input[type=tel]::placeholder {
	color: #ffffff;
}

.sec_5_form .wpcf7-form p {
	display: inline-block;
}

.sec_5_form .confirm_check {
	margin-left: 30px !important;
}

/*****************************
* Buttons
*****************************/
.btn_white {
	display: inline-block;
	height: 48px;
	padding: 14px 30px;
	border: 1px solid #3FAAAA;
	border-radius: 24px;
	background-color: #fff;
	color: #369595;
	cursor: pointer;
}

.btn_white:hover {
	color: #fff;
	background-color: #3FAAAA;
}

.btn_white:active {
	background-color: #2C8080;
}

.mobile-burger {
	display: none;
}

/*****************************
* Forms
*****************************/
.form_title {
	display: block;
	font-size: 28px;
	color: #096791;
	margin-bottom: 20px;
}

.form_slogan {
	display: block;
	font-size: 18px;
	margin-bottom: 40px;
}

.confirm_check {
	display: inline-flex;
	align-items: center;
}

.confirm_check img {
	margin-right: 10px;
}

.obr_zvonok_popup {
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10000;
}

.obr_zvonok_content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 1050px;
	min-height: 365px;
	padding: 50px;
	border-radius: 10px;
	background: rgb(63, 170, 170);
	background: radial-gradient(circle, rgba(63, 170, 170, 1) 0%, rgba(9, 103, 145, 1) 100%);
	z-index: 10002;
}

.obr_zvonok_content * {
	color: #fff;
}

.obr_zvonok_form {
	width: 75%;
}

.obr_zvonok_form_res {
	display: none;
	width: 75%;
}

.obr_dpc_2 {
	position: absolute;
	right: 0;
	bottom: 0;
}

.obr_zvonok {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.obr_zvonok .form_title {
	margin-bottom: 30px;
}

.obr_zvonok .form_slogan {
	margin-bottom: 0px;
	font-size: 22px;
}

.obr_zvonok .wpcf7 input[type=text],
.obr_zvonok .wpcf7 input[type=email],
.obr_zvonok .wpcf7 input[type=tel] {
	width: 45%;
	border: 1px solid #FFFFFF;
	background-color: #ffffff56;
	color: #ffffff;
	margin-right: 20px;
}

.obr_zvonok .wpcf7 input[type=submit] {
	height: 54px;
	background: rgb(225, 49, 127) !important;
	background: linear-gradient(180deg, rgba(225, 49, 127, 1) 0%, rgba(117, 73, 164, 1) 100%) !important;
}

.obr_zvonok .wpcf7 input[type=text]::placeholder,
.obr_zvonok .wpcf7 input[type=email]::placeholder,
.obr_zvonok .wpcf7 input[type=tel]::placeholder {
	color: #ffffff;
}

.obr_zvonok .wpcf7-form p {
	display: inline-block;
}

.short-test_popup {
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10000;
}

.short-test_popup_content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 570px;
	max-height: 100%;
	min-height: 365px;
	padding: 50px 50px 10px;
	border-radius: 10px;
	background: rgb(63, 170, 170);
	background: radial-gradient(circle, rgba(63, 170, 170, 1) 0%, rgba(9, 103, 145, 1) 100%);
	z-index: 10002;
	overflow: auto;
}

@media (max-width: 576px) {
	.short-test_popup_content {
		padding: 50px 20px 20px;
	}
}

.short-test_popup_content * {
	color: #fff;
}

.short-test_popup_form {
	width: 100%;
	text-align: center;
}

.short-test_popup_desc {
	margin-bottom: 20px;
}

.short-test_popup_form_res {
	display: none;
	width: 75%;
}

.obr_dpc_2 {
	position: absolute;
	right: 0;
	bottom: 0;
}

.short-test_popup-box {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.short-test_popup .form_title {
	margin-bottom: 30px;
}

.short-test_popup .form_slogan {
	margin-bottom: 0px;
	font-size: 22px;
}

.short-test_popup .wpcf7 input[type=text],
.short-test_popup .wpcf7 input[type=email],
.short-test_popup .wpcf7 input[type=tel] {
	width: 100%;
	border: 1px solid #FFFFFF;
	background-color: #ffffff56;
	color: #ffffff;
	margin-right: 20px;
}

.short-test_popup .wpcf7 input[type=submit] {
	height: 54px;
	background: rgb(225, 49, 127) !important;
	background: linear-gradient(180deg, rgba(225, 49, 127, 1) 0%, rgba(117, 73, 164, 1) 100%) !important;
}

.short-test_popup .wpcf7 input[type=text]::placeholder,
.short-test_popup .wpcf7 input[type=email]::placeholder,
.short-test_popup .wpcf7 input[type=tel]::placeholder {
	color: #ffffff;
}

.short-test_popup .wpcf7-form p {
	display: inline-block;
}

.short-test_popup_submit {
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 20px;
	margin-top: 10px;
}

.short-test_popup-qst {
	display: flex;
	flex-direction: column;
	gap: 15px;
	text-align: left;
	padding: 20px 0;
}

.short-test_popup-qst-item-title {
	font-size: 18px;
}

@media (max-width: 576px) {
	.short-test_popup-qst-item-title {
		font-size: 16px;
	}
}

.short-test_popup-qst-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.short-test_popup-qst .wpcf7-exclusive-checkbox {
	display: flex;
	flex-direction: column;
	gap: 5px;
	border: 1px solid transparent;
	margin-left: 10px;
}

.short-test_popup-qst .wpcf7-list-item {
	display: flex;
	align-items: center;
}

.short-test_popup-qst .wpcf7-list-item-label {
	color: #FFFFFF;
}

.short-test_popup-qst .wpcf7-list-item input[type="checkbox"] {
	appearance: none;
	width: 25px;
	height: 25px;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	background-color: #FFFFFF55;
	margin: 0;
}

.short-test_popup-qst .wpcf7-list-item input[type="checkbox"]::before {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	transform: scale(0);
	background: url(img/ico_check_gal_w.svg) no-repeat;
	background-position: top -1px left -1px;
}

.short-test_popup-qst .wpcf7-list-item input[type="checkbox"]:checked::before {
	transform: scale(1);
}

/* Contact Form 7 */
.wpcf7 {
	position: relative;
}

.wpcf7 p {
	margin: 0;
}

.wpcf7-spinner {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
}

.wpcf7 input {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
	padding: 0 20px;
	border: 1px solid #D4D4D4;
	border-radius: 27px;
	height: 54px;
	margin-bottom: 10px;
}

.wpcf7 input[type=submit] {
	padding: 0 40px;
	border: 0;
	border-radius: 34px;
	height: 68px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #FFFFFF;
	background: rgb(0, 188, 188);
	background: linear-gradient(180deg, rgba(0, 188, 188, 1) 0%, rgba(0, 123, 178, 1) 100%);
	-webkit-box-shadow: 10px 10px 30px 0px rgb(0, 0, 0, 0.2);
	-moz-box-shadow: 10px 10px 30px 0px rgb(0, 0, 0, 0.2);
	box-shadow: 5px 20px 40px 0px rgb(9, 13, 145, 0.3);
}

.wpcf7-not-valid-tip {
	display: none;
}

.wpcf7-not-valid {
	border: 1px solid red !important
}

.wpcf7-response-output {
	position: absolute;
	top: -80px;
	text-align: center;
	background-color: #ffffff;
	margin: 0 !important;
	padding: 15px !important;
	color: #1D1D1B !important;
	border-radius: 5px;
}

/*****************************
 * Price
 *****************************/
.price-box {
	width: 100%;
	overflow-x: auto
}

.price-box__table {
	width: 100%;
	border-collapse: collapse;
}

.price-box__table th {
	background-color: #3FAAAA;
	color: #FFFFFF;
	font-weight: 400;
	padding: 10px 2px;
	border: 1px solid #FFFFFF;
}

.price-box__table td {
	padding: 2px;
	text-align: center;
	border: 1px solid #e5e5e5;
	height: 42px;
}

.price-box__table .art {
	background-color: #eeeeee;
	font-size: 12px;
	padding: 2px;
	color: #888888;
}

/*****************************
* Modals
*****************************/
.modal_x {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

/* Герой секция */
.hero-section {
	position: relative;
	width: 100%;
	height: 600px;
	min-height: 600px;
	margin-top: -31px;
	background: linear-gradient(to bottom, #E49717, #FBB817);
}

/* Контейнер */
.hero-section .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
	height: 100%;
	position: relative;
	z-index: 5;
}

/* Фоновые изображения */
.hero-bg-dots {
	position: absolute;
	top: 5px;
	left: -29px;
	width: 280px;
	height: 140px;
	z-index: 4;
}

.hero-bg-half-ellipse {
	position: absolute;
	top: 0;
	left: 168px;
	width: 830px;
	height: 530px;
	z-index: 2;
}

.hero-bg-full-ellipse {
	position: absolute;
	top: 20px;
	left: calc(408px + 530px + 10px);
	width: 550px;
	height: 550px;
	z-index: 3;
}

.hero-main-image {
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
	width: 511px;
	height: 655px;
	z-index: 4;
}

/* Контент */
.hero-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	padding-top: 0px;
}

/* Левая часть */
.hero-left {
	max-width: 600px;
	color: white;
}

.hero-left h1 {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 78px;
	line-height: 1.1;
	margin-bottom: 20px;
	margin-top: -20px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-subtitle {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.1;
	margin-bottom: 30px;
	max-width: 735px;
}

/* Кнопки */
.hero-buttons {
	display: flex;
	gap: 15px;
	margin-top: 30px;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 225px;
	height: 60px;
	border-radius: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 18px;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
}

.btn-primary {
	background: #D71920;
	color: white;
}

.btn-primary:hover {
	background: #b5151b;
	transform: translateY(-2px);
	color: #FFF;
}

.btn-secondary {
	background: #FFDD00;
	color: #D71920;
}

.btn-secondary:hover {
	background: #e6c700;
	transform: translateY(-2px);
	color: #FFF;
}

/* Блок статистики */
.hero-right {
	padding: 0px;
	max-width: 444px;
	width: 444px;
}

.plus_pl {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 80px;
	display: block;
	float: left;
}

.stat-item {
	margin-bottom: 20px;
	border-top: 1px solid #ffffff7d;
	padding-top: 15px;
}

.stat-item:last-child {
	margin-bottom: 0;
}

.stat-text {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: white;
	margin-bottom: 5px;
	opacity: 0.9;
}

.stat-number-wrapper {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}

.stat-number {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 80px;
	color: white;
	line-height: 1;
}

.stat-prefix,
.stat-suffix {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: white;
	line-height: 1.2;
}

.stat-prefix {
	margin-right: 5px;
	margin-left: 5px;
}

.stat-suffix {
	margin-left: 5px;
}

/* Секция Функциональные возможности */
.functional-section {
	background: #F2F2F2;
	padding: 80px 0;
	position: relative;
	overflow: hidden;
}

.functional-section .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	z-index: 2;
}

.functional-bg {
	position: absolute;
	top: 16px;
	left: 23%;
	z-index: 1;
	opacity: 1;
}

.functional-bg img {
	width: 609px;
	height: 609px;
	object-fit: contain;
}

.functional-title {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #1D1D1B;
	margin-bottom: 40px;
	font-weight: 700;
}

.functional-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.steps-products {
	padding: 80px 0 100px;
	position: relative;
}

.steps-products .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	z-index: 2;
}

.steps-products__title {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #1D1D1B;
	margin-bottom: 40px;
	font-weight: 700;
}

.steps-products__title-desc {
	display: block;
	margin-bottom: 20px;
}

.steps-products__content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.steps-products_form {
	position: relative;
}

.steps-products_form .wpcf7-response-output {
	margin: 0 !important;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.steps-products_step {
	display: none;
}

.steps-products_step h3 {
	color: #096791;
}

.steps-products_step.active {
	display: block;
}

.steps-products_step-item {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.steps-products_step-input {
	display: flex;
	align-items: center;
	gap: 10px;
}

.steps-products_progress-bar {
	width: 100%;
	height: 10px;
	background: #ddd;
	border-radius: 10px;
	overflow: hidden;
}

.steps-products_progress {
	height: 100%;
	width: 0%;
	background: #008E99;
	transition: 0.3s;
}

.steps-products_btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.steps-products_btns button {
	cursor: pointer;
	padding: 0 40px;
	border: 0;
	border-radius: 34px;
	height: 40px;
	font-size: 18px;
	color: #FFFFFF;
	background: rgb(0, 188, 188);
	background: linear-gradient(180deg, rgba(0, 188, 188, 1) 0%, rgba(0, 123, 178, 1) 100%);
}

.coast_1c_form {
	margin-top: 20px;
}

.coast_1c_form_inputs {
	display: flex;
	gap: 20px;
}

.coast_1c_form_inputs>span {
	display: block;
	width: 100%;
}

.coast_1c_form_inputs input {
	width: 100%;
}

.coast_1c_form_submit {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 20px;
	margin-top: 10px;
}

.coast_1c_form_submit input[type=submit] {
	margin-bottom: 0;
}

.custom_checkbox {
	position: relative;
	display: flex;
	align-items: center;
}

.custom_checkbox input {
	position: absolute;
	top: 0;
	opacity: 0;
	width: 25px;
	height: 25px;
	margin: 0;
	z-index: 1;
	cursor: pointer;
}

.custom_checkbox input+span {
	display: flex;
	align-items: center;
	gap: 10px;
}

.custom_checkbox input:checked+span .fake::before {
	opacity: 1;
}

.custom_checkbox .fake {
	flex-shrink: 0;
	display: block;
	position: relative;
	width: 25px;
	height: 25px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.2274509804);
	cursor: pointer;
}

.custom_checkbox .fake::before {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	background-image: url(img/ico_check.svg);
	background-position: calc(50%) center;
	background-repeat: no-repeat;
	opacity: 0;
}

.short-test {
	/* background: #F2F2F2; */
	padding: 0 0 80px;
	position: relative;
	overflow: hidden;
}

.short-test .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	z-index: 2;
}

.short-test__bg {
	position: absolute;
	top: 16px;
	right: 20%;
	z-index: -1;
	opacity: 1;
}

.short-test__content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	text-align: center;
}

.short-test__content h2 {
	text-align: center;
	font-size: 40px;
	max-width: 1200px;
}

.short-test__desc {
	font-size: 18px;
	max-width: 1000px;
}

.short-test__btn {}

.color_btn {
	cursor: pointer;
	padding: 15px 40px;
	border: 0;
	border-radius: 34px;
	font-size: 18px;
	color: #FFFFFF;
	-webkit-box-shadow: 10px 10px 30px 0px rgb(0, 0, 0, 0.2);
	-moz-box-shadow: 10px 10px 30px 0px rgb(0, 0, 0, 0.2);
	box-shadow: 5px 20px 40px 0px rgb(9, 13, 145, 0.3);
	background: rgb(225, 49, 127) !important;
	background: linear-gradient(180deg, rgba(225, 49, 127, 1) 0%, rgba(117, 73, 164, 1) 100%) !important;
}

.c_section {
	height: 452px;
	background: #096791;
	/* Основной фон */
	background:
		radial-gradient(circle at left top,
			rgba(63, 170, 170, 0.8) 0%,
			/* Светлое пятно с прозрачностью */
			#096791 33%,
			/* Плавное исчезновение */
			#096791 100%
			/* Основной цвет */
		);
}

.c_section .sec_5_dpc {
	top: -113px;
}

.c_section .wpcf7 input[type="submit"] {
	height: 60px;
	width: 216px;
}

.c_section .confirm_check {
	position: relative;
	top: 9px;
}

.line {
	display: flex;
	margin-bottom: 20px;
}

.line input {
	height: 48px !important;
	width: 97% !important;
}

.functional-column {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.decorate {
	position: absolute;
	right: 15px;
	top: 30px;
}

/* Секция тарифов */
.tariffs-section {
	background: white;
	padding: 0px 0;
	padding-bottom: 60px;
}

.tariffs-section .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
}

.tariffs-title {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #1D1D1B;
	margin-bottom: 20px;
	font-weight: 700;
}

/* Обертка таблицы */
.tariffs-table-wrapper {
	overflow: hidden;
}

/* Заголовок таблицы */
.tariffs-table-header {
	display: flex;
	background: #ffffff;
	font-weight: bold;
	height: 58px;
}

/* Строки таблицы */
.tariff-row {
	display: flex;
	height: 38px;
	align-items: center;
}

.tariff-row:last-child {
	border-bottom: none;
}

/* Чередующиеся фоны */
/*.tariff-row.odd-row {
	background: #E8E8E8;
}

.tariff-row.even-row {
	background: #F5F5F5;
}*/
/* Колонки */
.tariff-col {
	padding: 0px 10px;
	min-height: 38px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #1D1D1B;
	display: flex;
	align-items: center;
}

.feature-col {
	flex: 1;
}

.basic-col,
.prof-col,
.corp-col {
	width: 15%;
	justify-content: center;
	border-left: 2px solid #ffffff;
	height: 38px;
}

.basic-col {
	border-left: none;
}

.corp-col {
	border-right: none;
}

/* Заголовки колонок */
.tariffs-table-header .tariff-col {
	font-size: 16px;
	font-weight: 500;
	color: #D71920;
	text-align: center;
	min-height: 50px;
}

.tariffs-table-header .feature-col {
	text-align: left;
}

/* Галочки */
.checkmark {
	color: #E7A10C;
	font-size: 24px;
	font-weight: bold;
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
}

/* Кнопки */
.tariffs-buttons-row {
	display: flex;
	background: white;
	padding: 5px 10px;
	height: 70px;
	align-items: center;
}

.tariffs-buttons-row .tariff-col {
	padding: 0;
	justify-content: center;
	border-right: none;
}

.page-template-template-1c-buh header .container {
	max-width: 1433px;
}

.page-template-template-1c-buh footer .container {
	max-width: 1433px;
}

.page-template-template-1c-buh .copy_map__section .section_content {
	max-width: 1433px;
}

.page-template-template-1c-buh .c_section .container {
	max-width: 1433px;
}

.page-template-template-1c-buh .sec_4_block1 {
	background-color: #F2F2F2;
	padding-left: 20px;
	padding-top: 20px;
}

.tariff-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 185px;
	height: 40px;
	background: #008E99;
	color: white;
	border-radius: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
}

.tariff-btn:hover {
	background: #007a84;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 142, 153, 0.3);
}

.tariff-btn:active {
	transform: translateY(0);
}

/* Адаптив - Планшет (1024px и меньше) */
@media (max-width: 1024px) {
	.tariffs-table-wrapper {
		overflow-x: auto;
	}

	.tariffs-table-header,
	.tariff-row,
	.tariffs-buttons-row {
		min-width: 800px;
	}

	.feature-col {
		width: 50%;
	}

	.basic-col,
	.prof-col,
	.corp-col {
		width: 16.66%;
	}
}

/* Адаптив - Планшет маленький (768px и меньше) */
@media (max-width: 768px) {
	.tariffs-section {
		padding: 50px 0;
	}

	.tariffs-title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.tariff-col {
		padding: 12px 15px;
		font-size: 15px;
	}

	.tariffs-table-header .tariff-col {
		font-size: 16px;
		min-height: 60px;
	}

	.checkmark {
		font-size: 20px;
		width: 25px;
		height: 25px;
	}

	.tariff-btn {
		min-width: 120px;
		height: 45px;
		font-size: 15px;
		padding: 0 20px;
	}
}

/* Адаптив - Мобильный (480px и меньше) */
@media (max-width: 480px) {
	.tariffs-section {
		padding: 40px 0;
	}

	.tariffs-title {
		font-size: 18px;
		margin-bottom: 25px;
	}

	.tariff-col {
		padding: 10px 12px;
		font-size: 14px;
	}

	.tariffs-table-header .tariff-col {
		font-size: 15px;
		min-height: 50px;
	}

	.checkmark {
		font-size: 18px;
		width: 22px;
		height: 22px;
	}

	.tariff-btn {
		min-width: 100px;
		height: 40px;
		font-size: 14px;
		padding: 0 15px;
	}
}

/* Аккордеон */
.accordion-item {
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.accordion-item.active {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.accordion-header {
	width: 100%;
	height: 50px;
	background: white;
	display: flex;
	align-items: center;
	padding: 0 10px;
	cursor: pointer;
	transition: background-color 0.3s;
	border: 1px solid #eaeaea;
}

.accordion-header:hover {
	background: #f9f9f9;
}

.accordion-item.active .accordion-header {
	background-color: #E6E5E5;
}

.accordion-arrow {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.accordion-item.active .accordion-arrow {
	transform: rotate(180deg);
}

.accordion-title {
	flex: 1;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #005880;
	padding-left: 10px;
	line-height: 1.1;
}

.accordion-content {
	display: none;
	padding: 0;
	background: white;
	border-top: 1px solid #f0f0f0;
	animation: accordionSlideDown 0.3s ease;
}

@keyframes accordionSlideDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.accordion-text {
	padding: 25px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #1D1D1B;
	line-height: 1.4;
}

.accordion-text p {
	margin: 0 0 15px 0;
}

.accordion-text p:last-child {
	margin-bottom: 0;
}

/* Адаптив - Планшет (1024px и меньше) */
@media (max-width: 1024px) {
	.functional-content {
		gap: 15px;
	}

	.functional-bg img {
		width: 400px;
		height: 400px;
	}

	.accordion-header {
		height: auto;
		min-height: 50px;
		padding: 15px 20px;
	}

	.accordion-title {
		font-size: 17px;
	}
}

/* Адаптив - Планшет маленький (768px и меньше) */
@media (max-width: 768px) {
	.functional-section {
		padding: 50px 0;
	}

	.functional-content {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.functional-bg {
		display: none;
	}

	.functional-title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.functional-column {
		gap: 10px;
	}

	.accordion-title {
		font-size: 16px;
	}

	.accordion-text {
		padding: 20px;
		font-size: 15px;
	}
}

/* Адаптив - Мобильный (480px и меньше) */
@media (max-width: 480px) {
	.functional-section {
		padding: 40px 0;
	}

	.functional-title {
		font-size: 18px;
		margin-bottom: 25px;
	}

	.accordion-header {
		padding: 12px 15px;
	}

	.accordion-title {
		font-size: 15px;
		padding-left: 10px;
	}

	.accordion-arrow {
		width: 25px;
	}

	.accordion-arrow svg {
		width: 14px;
		height: 14px;
	}

	.accordion-text {
		padding: 15px;
		font-size: 14px;
	}
}

/* Секция сертификатов */
.certificates-section {
	background: #F2F2F2;
	padding: 80px 0;
}

.certificates-section .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
}

.certificates-title {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #1D1D1B;
	margin-bottom: 50px;
	font-weight: 700;
}

/* Обертка слайдера */
.certificates-slider-wrapper {
	position: relative;
	margin-bottom: 40px;
}

/* Слайдер */
.certificates-slider {
	margin: 0 -15px;
}

.certificate-slide {
	padding: 0 15px;
}

/* Изображение сертификата */
.certificate-image {
	position: relative;
	width: 274px;
	height: 390px;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.certificate-image:hover {
	transform: translateY(-5px);
}

.certificate-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Наложение при наведении */
.certificate-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 142, 153, 0);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s ease;
	opacity: 0;
}

.certificate-popup:hover .certificate-overlay {
	background: rgba(0, 142, 153, 0.7);
	opacity: 1;
}

.certificate-overlay svg {
	width: 40px;
	height: 40px;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.3s ease;
}

.certificate-popup:hover .certificate-overlay svg {
	opacity: 1;
	transform: scale(1);
}

/* Навигация слайдера */
.certificates-nav {
	display: flex;
	gap: 20px;
	margin-top: 30px;
}

.certificates-prev,
.certificates-next {
	background: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
}

.certificates-prev:hover,
.certificates-next:hover {
	background: none;
}

.certificates-prev:hover svg,
.certificates-next:hover svg {
	stroke: white;
}

/* Кнопка "Смотреть все" */
.certificates-footer {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.view-all-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 238px;
	height: 45px;
	border: 1px solid #008E99;
	border-radius: 30px;
	background: transparent;
	color: #008E99;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	transition: all 0.3s ease;
}

.view-all-btn:hover {
	background: #008E99;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 142, 153, 0.3);
}

.view-all-btn:active {
	transform: translateY(0);
}

/* Сообщение об отсутствии сертификатов */
.no-certificates {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #666;
	padding: 40px 0;
}

/* Стили для Magnific Popup */
.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 90%;
	margin: 20px auto;
	border-radius: 10px;
}

/* Секция "Почему стоит обратиться к нам" */
.arguments-section {
	background: white;
	padding: 70px 0;
}

.arguments-section .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
}

.arguments-title {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #1D1D1B;
	margin-bottom: 30px;
	font-weight: 700;
}

.arguments-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
}

.argument-item {
	width: 278px;
	height: 296px;
	background: #F2F2F2;
	padding: 10px 15px;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.argument-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.argument-icon {
	margin-bottom: 25px;
	width: 56px;
	height: 56px;
	display: flex;
}

.argument-icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.argument-text {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #1D1D1B;
	line-height: 1.2;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.argument-text p {
	margin: 0;
}

/* Секция "Как заказать продукт" */
.steps-section {
	background: white;
	padding: 0 0 80px 0;
}

.steps-section .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
}

.steps-title {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #1D1D1B;
	margin-bottom: 30px;
	font-weight: 700;
}

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

.step-item {
	width: 286px;
	height: 274px;
	background: #F2F2F2;
	padding: 15px 15px;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease;
	position: relative;
}

/* Добавляем разделитель между блоками кроме последнего */
.step-item:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 0px;
	height: 80%;
	background: rgba(0, 0, 0, 0.1);
}

.step-item:hover {
	transform: translateY(-3px);
}

.certificates-section .decorate {
	top: 15px;
}

.step-icon {
	width: 246px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.step-icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.step-item:last-child .step-icon {
	width: 46px;
	height: 40px;
}

.step-title {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #005880;
	font-weight: 600;
	line-height: 1.2;
}

/* Эффект при наведении на карточку */
.box-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.step-content {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #1D1D1B;
	line-height: 1.3;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: start;
}

.step-content p {
	margin: 0 0 10px 0;
}

.step-content p:last-child {
	margin-bottom: 0;
}

.step-content a {
	color: #096791;
	text-decoration: none;
	transition: color 0.3s;
}

.step-content a:hover {
	color: #00BCBC;
	text-decoration: underline;
}

/* Адаптив - Планшет (1024px и меньше) */
@media (max-width: 1100px) {
	.arguments-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.steps-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.argument-item,
	.step-item {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}

	/* Убираем разделители для адаптива */
	.step-item::after {
		display: none;
	}
}

/* Адаптив - Планшет маленький (768px и меньше) */
@media (max-width: 768px) {

	.arguments-section,
	.steps-section {
		padding: 50px 0;
	}

	.arguments-title,
	.steps-title {
		font-size: 20px;
		margin-bottom: 40px;
	}

	.arguments-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.steps-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.argument-item {
		height: auto;
		min-height: 280px;
		padding: 25px 20px;
	}

	.step-item {
		height: auto;
		min-height: 260px;
		padding: 25px 20px;
	}

	.argument-text,
	.step-content {
		font-size: 15px;
	}

	.step-title {
		font-size: 17px;
	}

	.steps-products {
		padding: 30px 0;
	}

	.steps-products__title {
		margin: 0 0 20px;
	}

	.steps-products_step-item {
		grid-template-columns: repeat(2, 1fr);
	}

	.short-test {
		padding: 30px 0;
	}

	.short-test__content h2 {
		font-size: 20px;
		margin: 0;
	}

	.short-test__desc {
		font-size: 16px;
	}

	.color_btn {
		font-size: 16px;
	}
}

@media (max-width: 576px) {
	.steps-products__content {
		gap: 0;
	}

	.coast_1c_form_inputs {
		flex-direction: column;
		gap: 0;
	}

	.coast_1c_form_submit {
		flex-direction: column;
		justify-content: start;
		gap: 10px;
	}

	.coast_1c_form_submit .wpcf7-submit {
		width: 100%;
	}

	.steps-products_btns button {
		font-size: 14px;
	}
}

/* Адаптив - Мобильный (480px и меньше) */
@media (max-width: 480px) {

	.arguments-section,
	.steps-section {
		padding: 40px 0;
	}

	.arguments-title,
	.steps-title {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.arguments-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.steps-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.argument-item {
		max-width: 100%;
		min-height: 240px;
		padding: 20px 15px;
	}

	.step-item {
		max-width: 100%;
		min-height: 220px;
		padding: 20px 15px;
	}

	.argument-icon {
		margin-bottom: 20px;
		width: 48px;
		height: 48px;
	}

	.step-icon {
		margin-bottom: 20px;
		width: 200px;
		height: 35px;
	}

	.argument-text,
	.step-content {
		font-size: 14px;
	}

	.step-title {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.steps-products_step-item {
		/* grid-template-columns: 1fr; */
	}
}

/* Boxes Section */
.boxes-section {
	padding: 60px 0;
	background: #fff;
}

.boxes-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	max-width: 1432px;
	margin: 0 auto;
}

.box-item {
	width: 100%;
	max-width: 464px;
	height: 246px;
	background: #FFFFFF;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.box-content {
	display: flex;
	height: 100%;
	border-bottom: 1px solid #ccccccab;
	border-radius: 8px;
}

.box-image {
	width: 180px;
	height: 246px;
	flex-shrink: 0;
}

.box-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.box-text {
	flex: 1;
	padding: 17px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.box-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.1;
	color: #C31A1A;
	margin: 0 0 15px 0;
}

.box-divider {
	width: 100%;
	height: 1px;
	background: #C8C8C8;
	margin-bottom: 15px;
}

.box-description {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.1;
	color: #1D1D1B;
	margin-top: -5px;
	flex: 1;
}

.box-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 40px;
	background: #D71920;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin-top: auto;
}

.box-button:hover {
	background: #B3151A;
	color: #FFFFFF;
	text-decoration: none;
}

/* Мобильные стили */
@media (max-width: 1024px) {
	.boxes-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.box-item {
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.boxes-section {
		padding: 40px 0;
	}

	.boxes-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		max-width: 464px;
		margin: 0 auto;
	}

	.box-item {
		height: auto;
		min-height: 246px;
	}

	.box-content {
		flex-direction: column;
		height: auto;
	}

	.box-image {
		width: 100%;
		height: 180px;
	}

	.box-text {
		padding: 15px;
	}
}

@media (max-width: 480px) {
	.boxes-section {
		padding: 30px 15px;
	}

	.box-title {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.box-description {
		font-size: 13px;
		margin-bottom: 15px;
	}

	.box-button {
		width: 100px;
		height: 36px;
		font-size: 13px;
	}
}

.q_asection {
	margin-bottom: 20px;
}

.q_asection textarea {
	border: 1px solid #FFFFFF;
	background-color: #ffffff56;
	padding: 0 20px;
	border-radius: 27px;
	margin-bottom: 22px;
	width: 706px;
	height: 92px;
	font-size: 14px;
	padding-left: 20px;
	padding-top: 15px;
}

.q_asection .line input {
	width: 228px !important;
	margin-right: 10px !important;
}

/* Секция FAQ */
.faq-section {
	background: #F2F2F2;
	padding: 80px 0;
}

.faq-section .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
}

.faq-title {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #1D1D1B;
	margin-bottom: 50px;
	font-weight: 700;
}

/* Аккордеон FAQ */
.faq-accordion {
	max-width: 100%;
}

.faq-item {
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	margin-bottom: 15px;
}

.faq-item:last-child {
	margin-bottom: 0;
}

.faq-item.active {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.faq-header {
	width: 100%;
	height: 50px;
	background: white;
	display: flex;
	align-items: center;
	padding: 0 20px;
	cursor: pointer;
	transition: background-color 0.3s;
	border: 1px solid #eaeaea;
}

.faq-header:hover {
	background: #f9f9f9;
}

.faq-arrow {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.faq-item.active .faq-arrow {
	transform: rotate(180deg);
}

.faq-question {
	flex: 1;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #005880;
	padding-left: 15px;
	line-height: 1.3;
}

.faq-content {
	display: none;
	padding: 0;
	background: white;
	border-top: 1px solid #f0f0f0;
	animation: faqSlideDown 0.3s ease;
}

/* Стили только для анимации карточек */
.box-item {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.box-item.animated {
	opacity: 1;
	transform: translateY(0);
}

/* Задержки для последовательного появления карточек */
.box-item:nth-child(1).animated {
	transition-delay: 0.1s;
}

.box-item:nth-child(2).animated {
	transition-delay: 0.2s;
}

.box-item:nth-child(3).animated {
	transition-delay: 0.3s;
}

.box-item:nth-child(4).animated {
	transition-delay: 0.4s;
}

.box-item:nth-child(5).animated {
	transition-delay: 0.5s;
}

.box-item:nth-child(6).animated {
	transition-delay: 0.6s;
}

/* Для адаптива можно уменьшить задержки на мобильных */
@media (max-width: 768px) {
	.box-item.animated {
		transition-delay: 0.1s !important;
	}
}

@keyframes faqSlideDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.faq-answer {
	padding: 25px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
	line-height: 1.6;
}

.faq-answer p {
	margin: 0 0 15px 0;
}

.faq-answer p:last-child {
	margin-bottom: 0;
}

.faq-answer ul,
.faq-answer ol {
	margin: 15px 0;
	padding-left: 20px;
}

.faq-answer li {
	margin-bottom: 8px;
}

.faq-answer a {
	color: #096791;
	text-decoration: none;
	transition: color 0.3s;
}

.faq-answer a:hover {
	color: #00BCBC;
	text-decoration: underline;
}

.copy_map__section .section_content {
	border-bottom: 1px solid #C8C8C8;
}

.footer_block_phone>a:first-child {
	font-weight: bold;
}

@media (max-width: 1768px) {
	header nav>ul>li {
		margin-right: 17px;
	}

	.box-item {
		height: auto;
	}
}

/* Адаптив - Планшет (768px и меньше) */
@media (max-width: 768px) {
	.faq-section {
		padding: 50px 0;
	}

	.faq-title {
		font-size: 20px;
		margin-bottom: 40px;
	}

	.faq-header {
		height: auto;
		min-height: 50px;
		padding: 15px 20px;
	}

	.faq-question {
		font-size: 17px;
	}

	.faq-answer {
		padding: 20px;
		font-size: 15px;
	}
}

/* Адаптив - Мобильный (480px и меньше) */
@media (max-width: 480px) {
	.faq-section {
		padding: 40px 0;
	}

	.faq-title {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.faq-header {
		padding: 12px 15px;
	}

	.faq-question {
		font-size: 16px;
		padding-left: 10px;
	}

	.faq-arrow {
		width: 25px;
	}

	.faq-arrow svg {
		width: 14px;
		height: 14px;
	}

	.faq-answer {
		padding: 15px;
		font-size: 14px;
	}
}

/* Адаптив - Планшет (1024px и меньше) */
@media (max-width: 1024px) {
	.certificates-section {
		padding: 60px 0;
	}

	.certificate-image {
		width: 230px;
		height: 330px;
	}
}

/* Адаптив - Планшет маленький (768px и меньше) */
@media (max-width: 768px) {
	.certificates-section {
		padding: 50px 0;
	}

	.certificates-title {
		font-size: 20px;
		margin-bottom: 40px;
	}

	.certificate-image {
		width: 200px;
		height: 285px;
	}

	.certificates-nav {
		margin-top: 25px;
	}

	.certificates-footer {
		justify-content: center;
		margin-top: 30px;
	}

	.view-all-btn {
		width: 220px;
		height: 42px;
		font-size: 15px;
	}
}

/* Адаптив - Мобильный (480px и меньше) */
@media (max-width: 480px) {
	.certificates-section {
		padding: 40px 0;
	}

	.certificates-title {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.certificate-image {
		width: 180px;
		height: 260px;
	}

	.certificates-nav {
		gap: 15px;
	}

	.certificates-prev,
	.certificates-next {
		width: 45px;
		height: 45px;
	}

	.view-all-btn {
		width: 200px;
		height: 40px;
		font-size: 14px;
	}
}

/* Специально для очень маленьких экранов */
@media (max-width: 360px) {
	.certificate-image {
		width: 160px;
		height: 230px;
	}

	.view-all-btn {
		width: 180px;
	}
}

/* Кастомные стили для стрелок Slick */
.slick-arrow {
	z-index: 10;
}

/* Переопределяем ТОЛЬКО цвета фона для таблицы тарифов */
/* Колонка с названиями */
.tariff-row.odd-row .feature-col {
	background-color: #F2F2F2;
}

.tariff-row.even-row .feature-col {
	background-color: #FFFFFF;
}

/* Базовая колонка */
.tariff-row.odd-row .basic-col {
	background-color: #E8E8E8;
}

.tariff-row.even-row .basic-col {
	background-color: #F5F5F5;
}

/* Проф колонка */
.tariff-row.odd-row .prof-col {
	background-color: #E1E0E0;
}

.tariff-row.even-row .prof-col {
	background-color: #F0EFEF;
}

/* Корп колонка */
.tariff-row.odd-row .corp-col {
	background-color: #D9D8D8;
}

.tariff-row.even-row .corp-col {
	background-color: #EBEBEB;
}

/* Галочки - золотой цвет */
.checkmark {
	color: #E7A10C;
}

/* Для третьего блока (два числа) */
.stat-item:last-child .stat-number {
	font-size: 80px;
}

.stat-item:last-child .stat-prefix,
.stat-item:last-child .stat-suffix {
	font-size: 20px;
}

/* Адаптив - Планшет (768px - 1024px) */
@media (max-width: 1024px) {
	.hero-section {
		height: auto;
		min-height: 500px;
		padding: 60px 0;
		padding-bottom: 20px;
	}

	.hero-content {
		flex-direction: column;
		align-items: start;
		gap: 50px;
		padding-top: 40px;
	}

	.hero-left h1 {
		font-size: 82px;
	}

	.page-id-183 .hero-left h1 {
		font-size: 60px;
	}

	.page-id-178 .hero-left h1 {
		font-size: 60px;
		width: 100%;
	}

	.hero-subtitle {
		font-size: 20px;
		max-width: 385px;
	}

	.hero-bg-half-ellipse {
		left: 50px;
		width: 400px;
		height: 650px;
	}

	.hero-bg-full-ellipse {
		left: calc(50px + 400px + 10px);
		width: 400px;
		height: 400px;
		display: none;
	}

	.hero-main-image {
		width: 460px;
		height: 588px;
	}

	.hero-main-image {
		top: 240px;
		right: 0;
		left: auto;
		transform: translateX(-0%);
	}

	.hero-right {
		max-width: 355px;
		width: 100%;
	}

	.stat-text {
		font-size: 20px;
	}

	.stat-number {
		font-size: 60px;
	}

	.stat-item:last-child .stat-number {
		font-size: 60px;
	}

	.hero-buttons {
		justify-content: start;
		flex-wrap: wrap;
	}
}

/* Адаптив - Мобильный (до 768px) */
@media (max-width: 768px) {
	.box-image {
		height: auto;
		display: flex;
		justify-content: center;
	}

	.box-image img {
		object-fit: fill;
		width: auto;
	}

	.hero-section {
		padding: 40px 0;
		min-height: auto;
	}

	.hero-left h1 {
		font-size: 42px;
	}

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

	.hero-bg-dots {
		width: 80px;
		height: 120px;
	}

	.hero-bg-half-ellipse {
		display: none;
	}

	.hero-bg-full-ellipse {
		display: block;
		left: auto;
		right: -200px;
	}

	.hero-section {
		overflow: hidden;
	}

	.hero-main-image {
		position: relative;
		top: 0;
		width: 300px;
		height: 400px;
		margin: 30px auto;
		display: block;
	}

	.hero-main-image {
		position: absolute;
		top: 50px;
	}

	.hero-buttons {
		flex-direction: column;
		align-items: center;
	}

	.btn {
		width: 100%;
		max-width: 300px;
	}

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

	.stat-number,
	.stat-item:last-child .stat-number,
	.plus_pl {
		font-size: 40px;
	}

	.plus_pl {
		margin-right: 10px;
	}

	.hero-right {
		padding: 20px;
	}
}

/* Секция Выгоды */
.benefits-section {
	background: white;
	padding: 100px 0;
}

.benefits-section .container {
	max-width: 1432px;
	margin: 0 auto;
	padding: 0 15px;
}

.benefits-title {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #1D1D1B;
	text-align: left;
	margin-bottom: 50px;
	font-weight: 700;
}

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

.benefit-card {
	width: 706px;
	height: 304px;
	background: #F2F2F2;
	border-radius: 10px;
	overflow: hidden;
}

.benefit-content {
	display: flex;
	height: 100%;
	position: relative;
}

.benefit-image {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 222px;
	height: 304px;
	z-index: 1;
}

.benefit-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.benefit-text {
	margin-left: 222px;
	padding: 0px;
	flex: 1;
	position: relative;
	z-index: 2;
}

.benefit-block-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 22px;
	color: #005880;
	margin-bottom: 15px;
}

.benefit-divider {
	width: 100%;
	height: 1px;
	background: #C8C8C8;
	margin-bottom: 20px;
}

.benefit-subtitle {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #1D1D1B;
	margin-bottom: 10px;
	line-height: 1.2;
}

.benefit-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.benefit-list li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #1D1D1B;
	line-height: 1.2;
}

.benefit-list li:last-child {
	margin-bottom: 0;
}

.list-marker {
	position: absolute;
	left: 0;
	top: 8px;
	width: 10px;
	height: 10px;
	background: #008E99;
	border-radius: 50%;
}

.benefit-paragraph {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #1D1D1B;
	line-height: 1.2;
	margin-bottom: 20px;
	padding-left: 30px;
}

.benefit-paragraph:last-child {
	margin-bottom: 0;
}

.benefit-paragraph p {
	margin: 0 0 15px 0;
}

.benefit-paragraph p:last-child {
	margin-bottom: 0;
}

/* Адаптив - Планшет (1024px и меньше) */
@media (max-width: 1100px) {
	.benefits-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.benefit-card {
		width: 100%;
		max-width: 706px;
		margin: 0 auto;
	}

	.benefit-image {
		width: 200px;
	}

	.benefit-text {
		margin-left: 200px;
		padding: 25px;
	}
}

/* Адаптив - Мобильный (768px и меньше) */
@media (max-width: 768px) {
	section {
		max-width: 100%;
		overflow: hidden;
	}

	.benefits-section {
		padding: 50px 0;
	}

	.benefits-title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.benefit-card {
		height: auto;
		min-height: 304px;
	}

	.benefit-content {
		flex-direction: column;
	}

	.line {
		flex-direction: column;
	}

	.q_asection textarea {
		width: 100%;
	}

	.q_asection .line input {
		width: 100% !important;
	}

	.benefit-image {
		position: relative;
		width: 100%;
		height: 200px;
		display: flex;
		justify-content: end;
	}

	.benefit-image img {
		object-fit: none;
	}

	.benefit-text {
		margin-left: 0;
		padding: 15px 10px;
	}

	.tariff-col {
		padding: 0;
	}

	.certificates-footer {
		justify-content: space-between;
	}

	.benefit-block-title {
		font-size: 20px;
	}

	.benefit-subtitle,
	.benefit-list li,
	.benefit-paragraph {
		font-size: 15px;
	}

	.header_mob_block {
		display: none !important;
	}

	header nav>ul>li {
		margin-right: 0;
	}
}

/* Адаптив - Мобильный маленький (480px и меньше) */
@media (max-width: 480px) {
	.hero-main-image {
		display: none;
	}

	.benefits-section {
		padding: 40px 0;
	}

	.benefits-title {
		font-size: 18px;
	}

	.benefit-image {
		height: 180px;
	}

	.benefit-block-title {
		font-size: 18px;
	}

	.benefit-subtitle,
	.benefit-list li,
	.benefit-paragraph {
		font-size: 14px;
	}

	.benefit-list li {
		padding-left: 20px;
		margin-bottom: 12px;
	}

	.list-marker {
		top: 6px;
		width: 8px;
		height: 8px;
	}
}

.page-id-178 .hero-left h1 {
	font-size: 60px;
	width: 862px;
	max-width: 100%;
}

.page-id-178 .hero-left {
	width: auto;
	max-width: 100%;
}

/* Модальное окно */
.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.modal-overlay.active {
	display: flex;
	opacity: 1;
}

.form-submit {
	display: flex;
	justify-content: center;
	max-width: 404px;
	margin: 0 auto;
}

.modal-container {
	width: 464px;
	height: 522px;
	background: white;
	box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.16);
	position: relative;
	animation: modalAppear 0.3s ease;
}

@keyframes modalAppear {
	from {
		transform: translateY(-30px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.modal-content {
	padding: 15px;
	position: relative;
	height: 100%;
}

/* Крестик закрытия */
.modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	z-index: 10;
	transition: transform 0.2s;
}

.modal-close:hover {
	transform: rotate(90deg);
}

/* Заголовок */
.modal-title {
	color: #096791;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 20px;
	padding-left: 20px;
	font-family: 'Roboto', sans-serif;
}

/* Стили для формы CF7 */
.demo-form {
	width: 100%;
}

.wpcf7-form-control-wrap {
	display: block;
}

.form-row {
	display: flex;
	justify-content: center;
}

.form-row label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	color: #333;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

.form-input {
	width: 404px;
	max-width: 100%;
	height: 53px;
	border-radius: 30px;
	border: 1px solid #D4D4D4;
	padding: 0 20px;
	font-size: 14px;
	color: #333;
	font-family: 'Roboto', sans-serif;
	transition: all 0.3s;
	box-sizing: border-box;
}

.form-input::placeholder {
	color: #A6A6A6;
	font-size: 12px;
}

.form-input:focus {
	outline: none;
	border-color: #096791;
	box-shadow: 0 0 0 1px rgba(9, 103, 145, 0.2);
}

/* Маска для телефона */
.demo-form h2 {
	display: none;
}

/* Кнопка отправки */
.submit-btn {
	width: 100%;
	height: 53px;
	background: linear-gradient(to bottom, #00BCBC, #007BB2);
	border: none;
	border-radius: 30px;
	color: white;
	font-size: 18px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 10px;
	box-shadow: 5px 20px 20px 0 rgba(9, 103, 145, 0.5);
	position: relative;
	overflow: hidden;
}

.submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 5px 25px 25px 0 rgba(9, 103, 145, 0.6);
}

.submit-btn:active {
	transform: translateY(0);
}

/* Чекбокс */
.form-agree {
	margin-top: 0px;
	display: flex;
	align-items: center;
	padding-left: 20px;
}

#demoModal .wpcf7 form.sent .wpcf7-response-output {
	top: 90%;
	left: 4%;
}

.form-agree .wpcf7 input {
	float: left;
}

.form-agree .wpcf7-list-item-label {
	display: block;
	float: left;
	margin-top: 2px;
	margin-left: 4px;
}

.form-agree .wpcf7-list-item label {
	display: flex;
}

.agree-text {
	font-size: 12px;
}

.wpcf7-acceptance {
	display: flex;
	align-items: center;
	gap: 10px;
}

.wpcf7-list-item {
	margin: 0;
}

.wpcf7-list-item-label {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
}

.wpcf7-list-item-label input[type="checkbox"] {
	width: 25px;
	height: 25px;
	border: 1px solid #D4D4D4;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	flex-shrink: 0;
}

.wpcf7-list-item-label input[type="checkbox"]:checked {
	background-color: #318686;
	border-color: #318686;
}

.wpcf7-list-item-label input[type="checkbox"]:checked::after {
	content: '✓';
	position: absolute;
	color: white;
	font-size: 16px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.agree-text a {
	color: #096791;
	text-decoration: none;
	transition: color 0.3s;
}

.agree-text a:hover {
	color: #00BCBC;
	text-decoration: underline;
}

/* Сообщения об успехе/ошибке */
.wpcf7-response-output {
	margin: 15px 0 0 !important;
	padding: 10px 15px !important;
	border-radius: 8px !important;
	font-size: 14px !important;
}

.wpcf7-mail-sent-ok {
	background: #d4edda !important;
	color: #155724 !important;
	border: 1px solid #c3e6cb !important;
}

.wpcf7-validation-errors,
.wpcf7-spam-blocked,
.wpcf7-not-valid-tip {
	background: #f8d7da !important;
	color: #721c24 !important;
	border: 1px solid #f5c6cb !important;
}

@media (max-width: 1024px) {
	.benefits-section {
		padding: 30px 0;
	}

	.hero-section .container {
		padding-left: 30px;
	}

	.benefit-card {
		max-width: 100%;
	}

	.c_section {
		height: fit-content;
	}

	.tariff-row {
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.tariff-btn {
		min-width: 120px;
	}

	.certificates-section {
		padding: 20px 0;
	}

	.certificates-title,
	.faq-title {
		margin-bottom: 25px;
	}

	.arguments-section,
	.faq-section {
		padding: 20px 0;
	}

	.steps-grid {
		gap: 10px;
	}

	.decorate {
		top: 20px;
	}

	.hero-main-image {
		max-width: 100%;
	}

	.hero-bg-dots {
		top: -2px;
		left: -29px;
		width: 150px;
		height: 177px;
	}
}

/* Адаптив */
@media (max-width: 500px) {
	.modal-container {
		width: 90%;
		height: auto;
		max-height: 90vh;
		overflow-y: auto;
	}

	.modal-content {
		padding: 30px 20px;
	}

	.form-input {
		width: 100%;
	}

	.modal-title {
		font-size: 24px;
		margin-bottom: 25px;
	}
}

@media (max-width: 380px) {
	.modal-content {
		padding: 25px 15px;
	}

	.modal-title {
		font-size: 22px;
	}

	.submit-btn {
		font-size: 16px;
	}
}

/* Адаптив - Мобильный маленький (до 480px) */
@media (max-width: 480px) {
	.hero-section .container {
		padding-left: 15px;
	}

	.hero-left h1 {
		font-size: 36px;
	}

	.page-id-178 .hero-left h1,
	.page-id-183 .hero-left h1 {
		font-size: 36px;
	}

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

	.hero-left h1 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.btn {
		height: 46px;
		max-width: 100%;
	}

	.hero-main-image {
		width: 250px;
		height: 320px;
	}

	.hero-content {
		padding-top: 30px;
	}

	.hero-right {
		padding-top: 0;
	}

	.stat-text {
		font-size: 16px;
	}

	.functional-section {
		padding: 20px 0;
	}

	.decorate {
		display: none;
	}

	.tariff-col {
		padding-left: 10px;
	}

	.stat-number {
		font-size: 50px;
	}
}

@media screen and (min-width: 1200px) {

	/* SUB menu */
	header nav>ul>li>ul>li ul {
		margin-top: -33px;
	}

	header nav>ul li:hover>ul {
		display: block !important;
		z-index: 1;
	}

	header nav>ul li:hover>.row {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	header nav ul ul:hover {
		display: block !important;
		z-index: 1;
	}
}

@media screen and (max-width: 1830px) {
	.container {
		max-width: 1186px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.sec_3_desc_elem {
		margin-bottom: 25px;
	}

	.sec_4 {
		grid-template-columns: 375px auto;
	}

	.sec_5_form {
		width: 60%;
	}

	.sec_5_dpc {
		width: 500px;
		top: unset;
		bottom: -100px;
	}
}

@media screen and (max-width: 1200px) {
	body {
		padding: 60px 0 0 0;
		font-size: 14px;
	}

	.container {
		max-width: 768px;
	}

	.section_content {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.header_content {
		height: 60px;
	}

	.header_block_logo img {
		height: 34px;
	}

	.header_content .header_block_zvonok {
		display: none;
	}

	.header_content .header_block_phone {
		height: unset;
		padding-left: 0;
		border-left: 0;
		line-height: normal;
		font-size: 14px;
	}

	.main_nav a {
		font-size: 14px;
	}

	.intro {
		height: 300px;
	}

	.intro_form {
		width: 396px;
		padding: 20px;
	}

	.form_title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.form_slogan {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.wpcf7 input[type=text],
	.wpcf7 input[type=email],
	.wpcf7 input[type=tel] {
		height: 40px;
		border-radius: 20px;
		margin-bottom: 10px;
	}

	.wpcf7 input[type=submit] {
		height: 46px;
		font-size: 14px;
		margin-bottom: 10px;
	}

	.confirm_check img {
		width: 21px;
	}

	.confirm_check a {
		font-size: 12px;
	}

	.sec_1_content {
		padding-bottom: 50px;
		height: unset;
		overflow: unset;
	}

	.sec_1 {
		grid-template-columns: 308px auto;
		column-gap: 20px;
		margin-top: 30px;
	}

	.sec_1_img {
		display: flex;
		align-items: center;
	}

	.sec_1_img img {
		width: 308px;
	}

	.sec_1_desc {
		padding-top: unset;
	}

	.sec_1_desc_content {
		column-gap: 30px
	}

	.sec_1_desc_content ul {
		padding-left: 20px;
		margin: 0;
	}

	.sec_1_desc_content li {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.sec_2 {
		grid-template-columns: 308px auto;
		column-gap: 20px;
		margin-top: 30px;
	}

	.sec_2_desc {
		padding-top: unset;
	}

	.sec_3 {
		display: block;
		height: unset;
	}

	.sec_3_img {
		display: none;
	}

	.elem_2,
	.elem_3,
	.elem_4,
	.elem_5,
	.elem_6 {
		margin-left: 0px;
	}

	.elem_img img {
		margin-right: auto;
	}

	.sec_4 {
		grid-template-columns: 1fr;
		margin-top: 30px;
	}

	.sec_4_block1 div {
		margin-bottom: 15px;
	}

	.section_sec_5 {
		padding: 50px 0;
		margin-bottom: unset;
	}

	.sec_5_dpc {
		display: none;
	}

	.sec_5_form {
		width: 100%;
	}

	.footer_content {
		margin: 40px 0;
	}

	.footer_block_logo {
		display: none;
	}

	.footer_block_phone {
		display: none;
	}

	.footer_block_copy {
		margin-left: unset;
		text-align: left;
	}

	.sec_1_desc-btn {
		height: 46px;
		font-size: 14px;
	}
}

@media screen and (max-width: 710px) {
	.sec_1_desc_content {
		display: block;
	}

	.sec_1_desc_content li {
		font-size: 14px;
	}

	.sec_1_desc_content-1 {
		display: block;
	}

	.sec_1_img img {
		width: 250px;
	}
}

@media screen and (max-width: 540px) {
	.section_content {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.main_nav {
		display: none;
	}

	.header_content .header_block_phone {
		display: none;
	}

	.header_mob_block {
		display: inline-block;
	}

	.sec_title {
		font-size: 18px;
	}

	.intro {
		height: 277px;
	}

	.intro .container {
		padding: 0;
	}

	.intro_form {
		width: 100%;
		height: 100%;
		border-radius: unset;
		background: url(img/mob_form_bg.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
		text-align: center;
	}

	.sec_1 {
		display: block;
		margin-top: 20px;
	}

	.sec_1_img {
		display: none;
	}

	.sec_2 {
		display: block;
		margin-top: 20px;
	}

	.sec_2 .sec_1_desc_content {
		display: block;
	}

	.sec_3_desc_elem {
		column-gap: 10px;
	}

	.elem_img {
		display: inline-block;
		align-items: unset;
	}

	.elem_desc {
		border: 0;
		padding-left: 0;
	}

	.elem_desc_title {
		margin-bottom: 5px;
	}

	.sec_4_block1 div {
		margin-bottom: 10px;
	}

	.sec_4_block2 {
		height: 400px;
	}

	.section_sec_5 {
		padding: 30px 0;
	}

	.sec_5_form .confirm_check {
		margin-left: unset !important;
	}

	.sec_5_form .wpcf7 input[type=submit] {
		width: 100%;
		margin-bottom: 10px;
	}

	.sec_5_form .wpcf7 input[type=text],
	.sec_5_form .wpcf7 input[type=email],
	.sec_5_form .wpcf7 input[type=tel] {
		width: 100%;
	}

	.form_slogan {
		font-size: 14px;
	}

	.footer_block_copy {
		text-align: center;
		width: 100%;
	}

	.wpcf7 input {
		font-size: 14px;
	}
}

/* Разрешить выделение текста везде */
/* Особенно для вашего шаблона */
.mobile-burger span {
	display: block;
	width: 26px;
	height: 3px;
	background-color: #008E99;
	margin: 4px 0;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	border-radius: 2px;
	transform-origin: center;
	/* Важно для поворота вокруг центра */
}

/* Анимация при активном состоянии */
.mobile-burger.active span:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.mobile-burger.active span:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}

.mobile-burger.active span:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}

/* Показываем только на мобильных */
@media (max-width: 1024px) {
	.hero-bg-half-ellipse {
		display: none;
	}

	.mobile-burger {
		display: block !important;
	}

	.header_content .header_block_phone {
		display: none;
	}

	.main_nav {
		display: none;
	}
}

/* Новый гамбургер */
/* Показываем только на мобильных */
@media (max-width: 1024px) {
	.mobile-burger {
		display: block !important;
		right: 30px;
		position: absolute;
		cursor: pointer;
		z-index: 9999;
	}

	.main_nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60vh;
		background: white;
		z-index: 9998;
		transform: translateY(-100%);
		/* Скрыто за верхним краем */
		transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		/* Плавная анимация */
		overflow-y: auto;
		display: flex;
		/* Добавляем сразу, не переключаем */
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		/* Отступ сверху вместо top */
	}

	/* Открытое меню */
	.menu-open .main_nav {
		transform: translateY(60px);
		/* Опускаем на свое место */
	}

	/* Стили для списка меню */
	#menu-main_menu {
		width: 100%;
		padding: 20px;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.menu-open #menu-main_menu {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		position: absolute;
		z-index: 10;
		height: fit-content;
	}

	header nav>ul>li {
		height: 38px;
		border-radius: 30px;
		text-align: center;
		color: #096791;
		background-color: #F2F2F2;
		display: flex;
		width: 100%;
		font-size: 18px;
		font-weight: 400;
		justify-content: center;
		line-height: 34px;
	}

	header nav>ul>li a {
		width: 100%;
		height: 100%;
	}

	header nav>ul>li i {
		display: none !important;
	}
}

/* Класс для body при открытом меню */
body.menu-open {
	overflow: hidden;
}

@media (max-width: 1024px) {
	.header_block_logo img {
		height: auto;
		width: 154px;
	}

	.hero-section {
		padding: 0;
		padding-bottom: 20px;
		padding-top: 40px;
	}

	.steps-section {
		max-width: 100%;
		overflow: hidden;
	}

	.mobile-contacts {
		list-style: none;
		width: 100%;
	}

	.mobile-contact-item {
		margin-bottom: 5px;
	}

	.mobile-contact-item a {
		display: block;
		height: 38px;
		line-height: 38px;
		background: white;
		border: 1px solid #CECFCF;
		border-radius: 30px;
		font-size: 16px;
		color: #1D1D1B;
		text-align: center;
		text-decoration: none;
		padding: 0 20px;
		transition: all 0.3s ease;
	}

	.mobile-contact-item a:hover {
		background: #F9F9F9;
		border-color: #008E99;
	}

	.mobile-callback-btn {
		width: 100%;
		height: 38px;
		line-height: 38px;
		background: transparent;
		border: 1px solid #008E99;
		border-radius: 30px;
		font-size: 16px;
		color: #008E99;
		text-align: center;
		cursor: pointer;
		padding: 0 20px;
		transition: all 0.3s ease;
		font-weight: 500;
	}

	.mobile-callback-btn:hover {
		background: #008E99;
		color: white;
	}
}




/* Раскрываем подменю в мобильном меню */
@media (max-width: 1024px) {
  header nav>ul>li ul {
    display: block !important;   /* показываем подменю */
    position: static;            /* в общий поток, не выпадающим */
    box-shadow: none;
    background: transparent;
    margin: 0;
    padding: 4px 0 8px;
    width: 100%;
  }

  /* пункт с детьми перестаёт быть «таблеткой» — внутри список */
  header nav>ul>li.menu-item-has-children {
    flex-direction: column;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }

  /* сам родитель «Услуги» оставляем как кнопку-таблетку */
  header nav>ul>li.menu-item-has-children > a {
    height: 38px;
    line-height: 34px;
    border-radius: 30px;
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* пункты подменю */
  header nav>ul>li ul li {
    margin: 6px 0;
    text-align: center;
    white-space: normal;
  }
  header nav>ul>li ul li a {
    color: #096791;
  }
}