/* Шрифты */

/* Жирный */
@font-face {
	font-family: 'Inter_700'; 
	src: url('../fonts/Inter_18pt-Bold.ttf'); 
}

/* Медиум */
@font-face {
	font-family: 'Inter_600'; 
	src: url('../fonts/Inter_18pt-SemiBold.ttf'); 
}

/* Медиум */
@font-face {
	font-family: 'Inter_500'; 
	src: url('../fonts/Inter_18pt-Medium.ttf'); 
}

/* Обычный */
@font-face {
	font-family: 'Inter_400'; 
	src: url('../fonts/Inter_18pt-Regular.ttf'); 
}

/* Жирный */
@font-face {
	font-family: 'Manrope_700'; 
	src: url('../fonts/Manrope-Bold.ttf'); 
}

/* Медиум */
@font-face {
	font-family: 'Manrope_600'; 
	src: url('../fonts/Manrope-SemiBold.ttf'); 
}

/* Медиум */
@font-face {
	font-family: 'Manrope_500'; 
	src: url('../fonts/Manrope-Medium.ttf'); 
}

/* Обычный */
@font-face {
	font-family: 'Manrope_400'; 
	src: url('../fonts/Manrope-Regular.ttf'); 
}


.container {
    max-width: 1500px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, body, p {
    margin: 0;
    padding: 0;
    color: #2D2D2D;
}

*:focus {
    outline: none;
}

body {
    font-family: 'Inter_400';
    box-sizing: border-box;
}

button {
    cursor: pointer;
}

a {
    text-decoration: none;
    cursor: pointer;
}

/* общие классы */

#panel {
    position: absolute;
    width: 100%;
}

.swiper-pagination-bullet {
    background: #ACAEAD;
}

.swiper-pagination-bullet-active {
    background: #ACAEAD;
}

.h1-title-slide {
    color: #FFF;
    font-family: 'Inter_700';
    font-size: 52px;
    font-style: normal;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}

.h2-title {
    font-size: 36px;
    line-height: 150%;
    font-family: 'Inter_600';
    letter-spacing: -0.2px;
    text-transform: uppercase;
}
.h3-title {
    font-size: 20px;
    font-family: 'Inter_600';
    line-height: 150%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}
.h5-title {
    color: #2D2D2D;
    font-family: 'Inter_600';
    font-size: 16px;
    font-style: normal;
    line-height: 150%; /* 24px */
    letter-spacing: -0.2px;
    text-transform: uppercase;
}

.orange-text {
    color:#FF6715;
}
.mt-60 {
    margin-top: 60px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-75 {
    margin-top: 75px;
}
.mb-75 {
    margin-bottom: 75px;
}
@media (max-width: 759px) {
    .mt-60 {
        margin-top: 30px;
    }
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-75 {
    padding-top: 75px;
}
.pb-75 {
    padding-bottom: 75px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-150 {
    padding-top: 150px;
}
.pb-150 {
    padding-bottom: 150px;
}

.back_lgray {
    background-color: #F1F1F1;
}
.back_dgray {
    background-color: #4B4E50;
}
.back_orange {
    background-color: #FF6715;
}

.disabled {
    display: none;
}
.active {
    display: block;
}

.rotated {
    transition: .3s;
    transform: rotate(180deg);
}
.unrotated {
    transition: .3s;
    transform: unset;
}

button.orange,
a.orange {
    background-color: #FF6715;
    border: unset;
    color: #fff;
    border-radius: 8px;
    padding: 10px 22px;
    text-transform: uppercase;
    text-align: center;
    transition: .3s;
}
button.white,
a.white {
    background-color: #fff;
    color: #FF6715;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #FF6715;
    padding: 10px 32px;
    text-transform: uppercase;
    transition: .3s;
}

button.orange:hover,
a.orange:hover {
    opacity: 0.7;
}
button.white:hover,
a.white:hover {
    border-radius: 8px;
    border: 1px solid #FF6715;
    background: rgba(255, 103, 21, 0.08);
}

@media (max-width: 1540px) {
    .mobile_p {
        padding-left: 20px;
        padding-right: 20px;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .h1-title-slide {
        font-family: 'Inter_600';
        font-size: 45px;
    }
}

@media (max-width: 769px) {
    .mobile_p {
        padding-left: 15px;
        padding-right: 15px;
    }
    .h1-title-slide {
        font-family: 'Inter_600';
        font-size: 36px;
    }
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .h2-title {
        font-size: 30px;
    }
    .pt-75 {
        padding-top: 55px;
    }
    .pb-75 {
        padding-bottom: 55px;
    }
    .pt-150 {
        padding-top: 120px;
    }
    .pb-150 {
        padding-bottom: 120px;
    }
    .h3-title {
        font-size: 18px;
    }
}

@media (max-width: 620px) {
    .h2-title {
        font-size: 24px;
    }
    .h1-title-slide {
        font-family: 'Inter_600';
        font-size: 24px;
    }
    .pt-75 {
        padding-top: 45px;
    }
    .pb-75 {
        padding-bottom: 45px;
    }
    .pt-150 {
        padding-top: 90px;
    }
    .pb-150 {
        padding-bottom: 90px;
    }
    .h3-title {
        font-size: 16px;
    }
}

/* иконки на странице */

#footer .contacts-address::before{
    content: url("../img/icons/geolocate.svg");
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#footer .contacts-address {
    position: relative;
    padding-left: 35px;
}

#footer .contacts-phone a::before,
.phone_link_icon::before,
.tel_icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url('../img/icons/phone.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
#footer .contacts-phone,
.phone_link_icon,
.tel_icon {
    position: relative;
    padding-left: 35px;
}


.mail_icon::before,
.tel_icon::before,
.whatsapp_icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.mail_icon::before {
    background-image: url('../img/icons/mail.svg');
}

.tel_icon::before {
    background-image: url('../img/icons/phone.svg');
}

.whatsapp_icon::before {
    background-image: url('../img/icons/wp-hover.svg');
}

#footer .contacts-main .contacts-mail a::before,
.mail_link_icon::before {
    content: url("../img/icons/mail.svg");
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#footer .contacts-main .contacts-mail,
.mail_icon,
.mail_link_icon,
.whatsapp_icon,
.wp_link_icon,
#footer .phone_wrapper,
.address_icon  {
    position: relative;
    padding-left: 35px;
}
.address_icon::before{
    content: url("../img/icons/geolocate.svg");
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#footer .phone_wrapper a::before{
    content: url("../img/icons/phone.svg");
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.wp_link_icon::before{
    content: url("../img/icons/wp-hover.svg");
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/* Убираем стандартное отображение чекбокса */
body input[type="checkbox"] {
    position: relative;
    width: 19px;
    height: 18px;
    padding: unset;
    margin-right: 10px;
    appearance: none;
    border: 2px solid #FFF;
    border-radius: 2px;
    cursor: pointer;
    background-color: transparent;
    transition: border-color 0.3s ease;
    opacity: 0.7;
}

/* Псевдоэлемент для отображения серого квадрата */
body input[type="checkbox"]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background-color: #FFF;
    opacity: 0;
    border-radius: 2px;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Когда чекбокс выбран, серый квадрат плавно появляется */
body input[type="checkbox"]:checked::after {
    opacity: 0.7;
    transform: translate(-50%, -50%) scale(1);
}

/* Форма на странице */

#franch_fos_page {
    background-position: center;
    background: linear-gradient(97deg, rgba(0, 0, 0, 0.00) 0.79%, rgba(0, 0, 0, 0.80) 95.58%), linear-gradient(0deg, rgba(75, 78, 80, 0.30) 0%, rgba(75, 78, 80, 0.30) 100%), url('../img/franch_fos_page.png') lightgray 0px 0px / 100% 0% no-repeat;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}

#main_fos_page {
    background-position: center;
    background: linear-gradient(97deg, rgba(0, 0, 0, 0.00) 0.79%, rgba(0, 0, 0, 0.80) 95.58%), linear-gradient(0deg, rgba(75, 78, 80, 0.30) 0%, rgba(75, 78, 80, 0.30) 100%), url('../img/main_fos_back.png') lightgray 0px 0px / 100% 0% no-repeat;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}

.services_detail_inf img {
    width: max-content;
    max-width: 100%;
}

.main_fos_wrapper {
    max-width: 580px;
    width: 100%;
    border-radius: 8px;
    background: #4B4E50;
    display: flex;
    padding: 30px;
    margin-left: auto;
    flex-direction: column;
    box-sizing: border-box;
}

.main_fos__title {
    color: #FFF;
    font-family: 'Inter_600';
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}

.main_fos__desc {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    opacity: 0.7;
    margin-top: 10px;
}

.form-group input,
.form-group select {
    padding: 14px 24px;
    border-radius: 8px;
    background: #F1F1F1;
    border: unset;
    width: 100%;
    box-sizing: border-box;
}

.form-group input::placeholder {
    color: #2D2D2D;
    font-family: 'Inter_400';
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}

.main-form_page {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.main-form_page .btn-submit {
    margin-top: 15px;
    font-family: 'Manrope_700';
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
}

.checkbox-label {
    display: flex;
}

.checkbox-label a {
    color: #FFF;
    height: fit-content;
    margin: auto 0;
    font-size: 14px;
    font-style: normal;
    line-height: 140%; /* 19.6px */
    text-decoration-line: underline;
}

.checkbox-label span {
    color: #FFF;
    width: 100%;
    height: fit-content;
    margin: auto 0;
    font-size: 14px;
    font-style: normal;
    line-height: 140%; /* 19.6px */
}

@media (max-width: 769px) {
    #main_fos_page,
    #franch_fos_page {
        padding: 30px 0;
    }
    .main_fos_wrapper {
        padding: 30px 15px;
        max-width: unset;
    }
}

/* Шапка */

#header {
    background-color: #4B4E50;
    color: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 2;
    top: 0;
    box-sizing: border-box;
}

#header .container {
    padding-top: 15px;
    padding-bottom: 15px;
}

#header a {
    color: #fff;
}

.header_top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ACAEAD;
    padding-bottom: 15px;
    transition: all 0.3s ease-in-out;
}

.header_mail a{
    font-size: 16px;
}

.header_adress {
    font-size: 16px;
}

.selected_city {
    margin-left: 4px;
}

.choice_city {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 20px;
    width: fit-content;
    cursor: pointer;
    font-family: 'Inter_600';
}

.header_left .choice_city,
.header_right .header_work,
.header_right .header_mail,
.header_right .header_adress {
    transition: opacity 0.3s ease-in-out;
}

.hidden {
    opacity: 0;
    position: absolute;
    top: -9999px;
    left: -9999px;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.visible {
    opacity: 1;
    position: relative; /* Элемент возвращается в поток документа */
    top: 0;
    left: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.header_left {
    display: block;
}

.header_right {
    display: flex;
    gap: 11px;
    flex-direction: column;
    text-align: right;
    margin: auto 0 0;
    transition: margin 0.3s ease-in-out;
}

.header_phone {
    display: flex;
    gap: 25px;
    justify-content: end;
    font-size: 16px;
    font-family: 'Inter_600';
}

.heder_work {
    text-transform: uppercase;
    font-family: 'Inter_600';
    font-size: 20px;
}

.logo_header {
    margin-top: 10px;
    display: block; 
    width: 152px;
    height: 83px;
    transition: margin-top 0.3s ease-in-out;
}
#header .header_right a {
    transition: .3s;
}

#header .header_right a:hover {
    color: #FF6715;
}

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

.order_a_call {
    font-size: 14px;
    font-style: normal;
    font-family: 'Manrope_700';
    line-height: 140%;
    text-transform: uppercase;
    transform: .3s;
}

.left-menu__header {
    display: flex;
    gap: 15px;
}

.right-menu__header {
    display: flex;
    gap: 30px;
}

.social_media_header {
    display: flex;
    gap: 15px;
}

.social_media_header a {
    height: 24px;
    margin: auto 0;
}

.header_bottom {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}

.header-menu__item {
    position: relative;
    height: fit-content;
}

.header-menu__dropdown-menu {
    position: absolute;
    top: calc(100%);
    left: 0;
    z-index: 2;
    padding-top: 8px;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.header-menu__dropdown-item {
    list-style-type: none;
    text-wrap: nowrap;
}

.header-menu__dropdown-menu-inner {
    padding: 0;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
    gap: 8px;
    display: flex;
    flex-direction: column;
    margin: 0;
}

#header .dropdown-menu-item {
    color: #2D2D2D;
}

#header .dropdown-menu-item:hover {
    color: #FF6715;
}

.header-menu__link {
    padding: 10px 15px;
    display: flex;
    gap: 6px;
}
.header-menu__dropdown-icon {
    height: fit-content;
    margin: auto 0;
    display: flex;
    transition: .3s;
}

.header-menu__item:hover .header-menu__dropdown-icon {
    transform: rotate(180deg);
}

.header-menu__item:hover .header-menu__dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

#header .mobile_burger {
    display: none;
    height: fit-content;
    margin: auto 0;
    cursor: pointer;
}

.header-mobile__menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    background-color: #fff;
    padding: 15px;
    display: flex;
    gap: 15px;
    top: 0;
    left: 0;
    flex-direction: column;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transform: translateY(-100%);
    overflow-y: auto;
    opacity: 0;
}

body.menu-open {
    overflow: hidden;
}

.header-mobile__top .choice_city {
    color: #2D2D2D;
    margin-left: auto;
}

.header-mobile__top {
    border-bottom: 1px solid #ACAEAD;
    padding-bottom: 20px;
}

.header-mobile-wrapper {
    display: flex;
}

.header-mobile__footer {
    padding-top: 20px;
    border-top: 1px solid #ACAEAD;
}

#header .header-mobile__number {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

#header .header-mobile__number a {
    color: #2D2D2D;
    font-size: 14px;
    font-style: normal;
}

#header .header-mobile__footer .mail {
    opacity: 0.7;
    color: #2D2D2D;
    font-size: 14px;
    margin-top: 10px;
    display: block;
    font-style: normal;
}

#header .mobile-menu__block a {
    color: #2D2D2D;
}

.mobile-menu__main-link {
    font-family: 'Inter_600';
    font-size: 16px;
    line-height: 125%;
}

#main {
    position: relative;
    overflow: hidden;
    padding-top: 218px;
    display: flex;
    flex-direction: column;
}

#header .mobile-menu__block a:hover {
    color: #FF6715;
}

.header-mobile__main {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.mobile-menu_dropdown {
    margin-top: 15px;
    display: none;
    gap: 10px;
    flex-direction: column;
}

.mobile-menu__item {
    padding: 5px 0 5px;
    display: flex;
    justify-content: space-between;
}

.mobile-menu__item span {
    height: 25px;
    margin: auto 0;
}

@media (max-width: 920px) {
    .right-menu__header {
        gap: 15px;
        display: flex;
        flex-direction: column;
    }
    .social_media_header {
        margin-left: auto;
    }
}

@media (max-width: 769px) {
    #header .container {
        padding-bottom: 15px;
        background-color: #4B4E50;
        position: relative;
        z-index: 2;
    }
    .header_bottom {
        display: none;
    }
    .header_top {
        padding-bottom: 0;
        border-bottom: unset;
    }
    .header_top .header_right {
        display: none;
    }
    .header_top .header_left .choice_city {
        display: none;
    }
    .logo_header {
        width: 127px;
        height: 56px;
        margin-top: 0 !important;
    }
    #header .mobile_burger {
        display: block;
    }
    .social_media_header a {
        height: 25px;
    }

    .header-mobile__menu.open {
        transform: translateY(0); /* Показать меню, спадая сверху */
        opacity: 1;
        top: unset;
    }

    #main {
        padding-top: 86px;
    }
}

/* слайдер основной */
#main_slider_wrapper {
    position: relative;
}

.swiper_main_slider .swiper-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative; /* Необходимо для работы псевдоэлемента */
    padding: 100px 0;
}

.swiper_main_slider .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(75, 78, 80, 0.15) 0%, rgba(75, 78, 80, 0.15) 100%), linear-gradient(260deg, rgba(0, 0, 0, 0.00) 0.78%, rgba(0, 0, 0, 0.10) 13.8%, rgba(0, 0, 0, 0.23) 30.56%, rgba(0, 0, 0, 0.38) 50.9%, rgba(0, 0, 0, 0.51) 86.6%, rgba(0, 0, 0, 0.54) 100%);
    z-index: 1;
}

.main_block_wrapper {
    position: relative;
    z-index: 2;
}

.main_block_inf h1, .main_block_inf p, .main_block_btn {
    position: relative;
    z-index: 1;
}

.main_block_wrapper {
    max-width: 756px;
}
.main_block_inf .desc {
    margin-top: 30px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
}
.main_block_btn {
    margin-top: 60px;
}
.main_block_btn button {
    font-family: 'Manrope_700';
    font-size: 18px;
}

.swiper_main_slider .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 30px;
}

@media (max-width: 769px) {
    .swiper_main_slider .swiper-slide {
        padding: 30px 0 60px 0;
    }
}

/* Преимущества */

#advantages .advantages_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

#advantages .advantages_block {
    width: calc((100% - 120px) / 3);
}

#advantages .desc {
    font-size: 16px;
}

#advantages .advantages_img img {
    width: 100px;
    height: 100px;
}

@media (max-width: 1110px) {
    #advantages .advantages_block {
        width: calc((100% - 60px) / 2);
    }
}
@media (max-width: 769px) {
    #advantages .advantages_img {
        width: fit-content;
        margin: 0 auto;
    }
    #advantages .h3-title {
        text-align: center;
    }
    #advantages .desc {
        display: none;
    }
    #advantages .h2-title {
        text-align: center;
    }
    #advantages .advantages_wrapper {
        gap: 30px;
    }
    #advantages .advantages_block {
        width: calc((100% - 30px) / 2);
    }
}
/* Наши услуги */


/* Фоска Напомним о поверке счетчика*/

#meter_check {
    padding: 60px 0 75px;
    background-image: url("../img/background_fos.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#meter_check_inf h2,
#meter_check_inf p {
    color: #fff;
}

.reminder_btn {
    padding: 16px 32px;
    margin-top: 30px;
    font-size: 18px;
    font-family: 'Manrope_700';
}

#meter_check_inf .desc {
    font-size: 18px;
    line-height: 27px;
    margin-top: 15px;
}

#meter_check_inf .desc span {
    padding: 5px 10px;
    border-radius: 2px;
    font-family: 'Inter_600';
    line-height: 140%;
    text-wrap: nowrap;
    background: rgba(255, 255, 255, 0.15);
}

@media (max-width: 769px) {
    #meter_check {
        padding: 30px 0 30px;
    }
    #meter_check_inf .desc {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
    #meter_check_inf .desc span {
        width: fit-content;
    }
}

@media (max-width: 620px) {
    #meter_check_inf .desc {
        font-size: 16px;
        margin-top: 30px;
    }

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

/* О компании */

.lazy-video {
    width: 100%;
    height: 100%;
}

.about_company_wrapper {
    display: flex;
    gap: 135px;
}

.about_company_wrapper .about_company__block {
    width: calc((100% - 135px) / 2);
    height: fit-content;
    margin: auto 0;
}

.about_company_wrapper .about_company__video {
    width: calc((100% - 135px) / 2);
    border-radius: 8px;
    overflow: hidden;
    height: 387px;
}

.about_company__video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}

.about_company_wrapper .desc {
    margin-top: 30px;
}

@media (max-width: 1110px) {
    .about_company_wrapper {
        gap: 95px;
    }

    .about_company_wrapper .about_company__block {
        width: calc((100% - 95px) / 2);
    }

    .about_company_wrapper .about_company__video {
        width: calc((100% - 95px) / 2);
    }
}

@media (max-width: 960px) {
    .about_company_wrapper {
        gap: 40px;
    }
    

    .about_company_wrapper .about_company__block {
        width: calc((100% - 40px) / 2);
    }

    .about_company_wrapper .about_company__video {
        width: calc((100% - 40px) / 2);
    }
}

@media (max-width: 860px) {
    .about_company_wrapper {
        gap: 20px;
    }

    .about_company_wrapper .about_company__block {
        width: calc((100% - 20px) / 2);
    }

    .about_company_wrapper .about_company__video {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 769px) {
    .about_company_wrapper {
        gap: 30px;
        flex-direction: column;
    }
    .about_company_wrapper:nth-of-type(n + 2) {
        margin-top: 30px;
    }

    .about_company_wrapper .about_company__block {
        width: 100%;
        order: 1;
    }

    .about_company_wrapper .about_company__video {
        width: 100%;
        order: 2;
        height: 226px;
    }
}

/* Наши услуги */

.services_preview img{
    max-height: 340px;
    width: 100%;
    height: 100%;
    display: block;
}

.services_btn {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px;
}

.our_services_slider .swiper-slide {
    border-radius: 8px;
    /* max-width: 460px; */
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.our_services_slider .swiper-button-next,.our_services_slider .swiper-button-prev {
    top: calc(30% - 40px);
}

.services_inf {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 15px 30px 30px;
    background-color: #F1F1F1;
}

.services_btn {
    margin-top: 45px;
}

/* страница наши услуги */

#our_services_page .our_services_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

#our_services_page .our_services_slider {
    display: none;
}

#our_services_page .our_services_item {
    width: calc((100% - 120px) / 3);
}

.our_services_item {
    max-width: 460px;
    width: calc((100% - 60px) / 3);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#our_services_page .desc {
    width: calc((100% - 60px) / 2);
    margin-top: 30px;
}

@media (max-width: 1520px) {
    #our_services_page .our_services_wrapper {
        gap: 30px;
    }

    #our_services_page .our_services_item {
        width: calc((100% - 60px) / 3);
    }
}

@media (max-width: 990px) {
    .our_services_item {
        max-width: 460px;
        width: calc((100% - 30px) / 2);
        border-radius: 8px;
        overflow: hidden;
    }

    #our_services_page .our_services_item {
        width: calc((100% - 30px) / 2);
    }
    #our_services_page .our_services_wrapper {
        gap: 30px;
    }
}

@media (max-width: 769px) {
    #our_services_page .our_services_slider {
        display: flex;
    }
    #our_services_page .our_services_wrapper {
        display: none;
    }

    #our_services_page .desc {
        width: 100%;
    }
}

/* Наши акции */

#our_promotions .desc {
    margin-top: 30px;
    width: calc((100% - 60px) / 2);
}

.our_promotions_back > img {
    width: 100%;
    max-height: 317px;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.our_promotions_back {
    display: flex;
    justify-content: center; /* Для горизонтального центрирования */
    align-items: center; /* Для вертикального центрирования */
    width: 100%;
    height: 317px;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), lightgray 50% / cover no-repeat;
}

.our_promotions_back::before {
    position: absolute;
    content: " ";
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0005;
}

.our_promotions_inf {
    position: relative;
    z-index: 1;
    width: 50%;
    margin: 0 auto;
    padding-top: 35px;
    padding-bottom: 35px;
    height: fit-content;
    box-sizing: border-box;
}

.sale_promotions {
    position: relative;
    margin: 0 auto;
    display: flex;
}

.sale_promotions__text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    line-height: 150%;
    font-family: 'Inter_600';
    letter-spacing: -0.2px;
    text-transform: uppercase;
    transform: translate(-50%,-50%);
}

.sale_promotions > img {
    margin: 0 auto;
}

.our_promotions_inf .h3-title {
    color: #fff;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin-top: 11px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.our_promotions_inf a {
    border-radius: 8px;
    border: 1px solid #FFF;
    font-size: 16px;
    font-style: normal;
    color: #fff;
    line-height: 140%;
    text-transform: uppercase;
    font-family: 'Manrope_700';
    background: rgba(255, 255, 255, 0.05);
    padding: 16px 32px;
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-top: 30px;
    transition: .3s;
}

.our_promotions_inf a:hover {
    background: rgba(255, 255, 255, 0.09);
}
.swiper-button-next:after, .swiper-button-prev:after {
    color: #fff;
    padding: 9px 15px;
    border-radius: 4px;
    /* background: #FF6715; */
    background: #ff671554;
    transition: .3s;
    width: 7px;
    height: 14px;
    font-weight: 600;
    font-size: unset;
}
.swiper-button-next:hover::after, .swiper-button-prev:hover::after {
    background: #FF6715;
}


.swiper-button-next, .swiper-button-prev {
    top: calc(50% - 40px);
}

@media (max-width: 1330px) {
    .our_promotions_inf {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 769px) {
    #our_promotions .desc {
        width: 100%;
    }
}

/* trusted_partners Нам доверяют Партнеры */

#trusted_partners .desc {
    margin-top: 30px;
    width: calc((100% - 60px) / 2);
}

.swiper_trusted_partners .swiper-slide {
    border-radius: 8px;
    background: #F1F1F1;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    height: 190px;
}

.swiper_trusted_partners .swiper-slide img {
    margin: auto 0;
    width: 100%;
    height: 60%;
    display: flex;
    object-fit: contain;
}

@media (max-width: 769px) {
    #trusted_partners .desc {
        margin-top: 30px;
        width: 100%;
    }

    .swiper_trusted_partners .swiper-slide {
        height: 167px;
    }
}

/* how_work */

#how_work {
    background-color: #4B4E50;
    background: linear-gradient(0deg, rgba(75, 78, 80, 0.45) 0%, rgba(75, 78, 80, 0.45) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), url('../img/how_back.jpg') lightgray 50% / cover no-repeat;
    background-position: center;
}

#how_work .h2-title {
    color: #fff;
}

.how_work__wrapper {
    display: flex;
    gap: 60px;
    margin-top: 60px;
    flex-wrap: wrap;
}

.how_work__item {
    padding: 30px 15px;
    border-radius: 8px;
    background: #FFF;
    overflow: hidden;
    width: calc((100% - 390px) / 5);
}

.how_work__item img {
    border-radius: 8px;
    background: #F1F1F1;
}

.how_work__item .desc {
    margin-top: 19px;
    color: #2D2D2D;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}

@media (max-width: 1520px) {
    .how_work__wrapper {
        gap: 50px;
    }

    .how_work__item {
        width: calc((100% - 350px) / 5);
    }
}

@media (max-width: 1210px) {
    .how_work__wrapper {
        gap: 30px;
    }

    .how_work__item {
        width: calc((100% - 270px) / 5);
    }
}

@media (max-width: 1110px) {
    .how_work__item {
        width: calc((100% - 210px) / 4);
    }
}

@media (max-width: 950px) {
    .how_work__item {
        width: calc((100% - 150px) / 3);
    }
}

@media (max-width: 769px) {
    .how_work__wrapper {
        margin-top: 30px;
    }
    .how_work__item {
        width: calc((100% - 90px) / 2);
    }

    .how_work__item .desc {
        text-align: center;
        overflow-wrap: break-word;
        font-family: "Inter_600";
    }

    .how_work__item img {
        display: block;
        margin: 0 auto;
        background: #FFF;
    }
    .how_work__item {
        background: #F1F1F1;
    }
}

@media (max-width: 365px) {
    .how_work__item {
        width: 100%;
    }
}

/* Часто задаваемые вопросы */
.faq__wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 60px;
}

.faq__block .faq__question {
    padding: 14px 50px 14px 30px;
    border-radius: 4px;
    background: #F1F1F1;
    color: #2D2D2D;
    font-family: 'Inter_600';
    font-size: 18px;
    cursor: pointer;
    position: relative;
}

.faq__block .faq__question::before {
    position: absolute;
    content: url("../img/close_faq.svg");
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
}

.faq__block.active .faq__question::before {
    transform: translateY(-50%) rotate(180deg);
}

.faq__block .faq__answer {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    color: #2D2D2D;
    padding: 0;
    font-size: 18px;
    transition: max-height 0.3s ease, padding 0.3s ease;
}
@media (max-width: 769px) {
    .faq__block .faq__answer {
        padding: 0;
    }
    .faq__block .faq__question {
        padding: 15px 40px 15px 15px;
    }
    .faq__block .faq__question::before {
        right: 15px;
    }
}

/* стили карточки специалиста */

.specialist_block {
    padding: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: #F1F1F1;
    max-width: 450px;
    box-sizing: border-box;
}

.specialist_img {
    height: 278px;
    object-fit: cover;
    object-position: top;
    border-radius: 8px 8px 0px 0px;
    width: 100%;
}

.specialist-page__link {
    height: 278px;
}

.specialist_announcement {
    display: flex;
    flex-direction: column;
    border-radius: 0px 0px 8px 8px;
    background: #FFF;
    /* padding: 15px 40px; */
    padding: 15px 20px;
    height: 100%;
}

.specialist__name a {
    color: #2D2D2D;
    font-family: 'Manrope_600';
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
}

.specialist__post {
    color: #2D2D2D;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
}

.specialist__wrapper {
    display: flex;
    padding-bottom: 10px;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    border-bottom: 1.014px solid #ACAEAD;
}

.specialist_cont {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
}

.specialist_cont > a {
    color: #2D2D2D;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    width: 100%;
}

/* страница наши специалисты */

#our_specialist .desc {
    margin-top: 30px;
    width: calc((100% - 60px) / 2);
}

#our_specialists .swiper-slide {
    height: auto;
}

.our_specialist_wrapper {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
}

.our_specialist_wrapper .specialist_block {
    width: calc((100% - 180px) / 4);
}

#our_specialist .our_specialists_slider {
    display: none;
}

@media (max-width: 1520px) {
    .our_specialist_wrapper {
        gap: 30px;
    }

    .our_specialist_wrapper .specialist_block {
        width: calc((100% - 90px) / 4);
        max-width: unset;
    }
}

@media (max-width: 1280px) {
    .our_specialist_wrapper .specialist_block {
        width: calc((100% - 60px) / 3);
    }
}

@media (max-width: 1000px) {
    .our_specialist_wrapper .specialist_block {
        width: calc((100% - 30px) / 2);
    }
}

@media (max-width: 769px) {
    #our_specialist .desc {
        width: 100%;
    }
    .our_specialist_wrapper {
        display: none;
    }

    #our_specialist .our_specialists_slider {
        display: block;
    }
}


/* Наши Специалисты specialist_block */

#our_specialists {
    background: linear-gradient(180deg, rgba(75,78,80,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
}

#our_specialists .h2-title, #our_specialists .desc {
    color: #fff;
}

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

.our_specialists__title {
    width: calc((100% - 60px) / 2);
}

.our_specialists__title .desc {
    margin-top: 30px;
}

.our_specialists__link {
    height: fit-content;
    margin: auto 0;
}

.our_specialists__link a {
    color: #FF6715;
    text-align: right;
    font-family: 'Manrope_500';
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    display: flex;
    gap: 1px;
}

.our_specialists__link a>span {
    display: block;
    height: 18px;
    width: 18px;
    margin: auto 0;
}

.swiper_our_specialists .specialist_block  {
    height: 100%;
}

.swiper_our_specialists .specialist_block {
    margin: 0 auto;
}
.our_specialists__inf .our_specialists__link {
    display: block;
}
.our_specialists_slider .our_specialists__link {
    margin: auto;
    margin-top: 30px;
    width: fit-content;
    display: none;
}

@media (max-width: 759px) {
    .specialist_block {
        padding: 30px 15px;
    }
    .specialist_announcement {
        padding: 15px;
    }
    .our_specialists__inf .our_specialists__link {
        display: none;
    }
    .our_specialists_slider .our_specialists__link {
        display: block;
    }
    .our_specialists__title {
        width: 100%;
    }
}

/* Отзывы review_wrapper */

.review_wrapper {
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    border-radius: 8px;
    background: #F1F1F1;
    height: 100%;
    box-sizing: border-box;
}

.review_title {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.review_title .name {
    color: #2D2D2D;
    font-family: 'Inter_600';
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}

.review_wrapper .review_text {
    color: #222;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    flex-grow: 1;
}

.review_wrapper > a {
    color: #FF6715;
    font-family: 'Manrope_500';
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    align-self: flex-start;
    margin-top: auto;
}

#reviews_slider .swiper-slide {
    /* height: 100%;
    display: flex;
    flex-direction: column; */
    height: auto;
}

#reviews_slider .desc {
    width: calc((100% - 60px) / 2);
    margin-top: 30px;
}

@media (max-width: 900px) {
    #reviews_slider .desc {
        width: 100%;
    }
}

@media (max-width: 759px) {
    .review_wrapper {
        padding: 30px 15px;
    }
}

/* свидетельство об аттестации certificats */
.swiper_certificats {
    padding-bottom: 30px;
}

.swiper_certificats .swiper-pagination {
    bottom: 0;
}

.certificats_slider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.certificats_slider .swiper-slide {
    height: 559px;
}

.certificats_block {
    display: flex;
    padding: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
    border-radius: 8px;
    background: #F1F1F1;
}

.certificats_wrapper {
    width: 100%;
}

#certificats .desc {
    margin-top: 30px;
    color: #2D2D2D;
    font-family: 'Inter_400';
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    width: calc((100% - 60px) / 2);
}

@media (max-width: 1100px) {
    .certificats_block {
        padding: 30px;
    }
    .certificats_slider .swiper-slide {
        height: 500px;
    }
}

@media (max-width: 900px) {
    .certificats_block {
        padding: 20px;
    }

    #certificats .desc {
        width: 100%;
    }
}

@media (max-width: 759px) {
    .certificats_block {
        padding: unset;
        background: unset;
    }
    .certificats_slider .swiper-slide {
        height: 495px;
    }
}

@media (max-width: 405px) {
    .certificats_slider .swiper-slide {
        height: 445px;
    }
}

@media (max-width: 452px) {
    .certificats_slider .swiper-slide {
        height: 425px;
    }
}

/* карта */

#footer_maps {
	position: relative;
}

.bottom_footer a {
    color: #fff;
    transition: .3s;
}

#footer_maps a {
    transition: .3s;
}

#footer_maps a:hover {
    color: #FF6715;
}

.bottom_footer span {
    color: #fff;
}

.bottom_footer a:hover {
    color: #FF6715;
}

#footer_maps .ya_maps {
    height: 488px;
	/* filter: grayscale(1); */
	/* -ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1); */
}

#footer_maps .contacts_data {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    visibility: hidden;
}

.contacts_block {
    width: 425px;
    border-radius: 8px;
    background: #F1F1F1;
    padding: 30px;
    visibility: visible;
}

.contacts_block > .footer_social {
    margin-top: 15px;
}

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

.contacts-title {
    color: #2D2D2D;
    font-family: 'Inter_600';
    font-size: 36px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}

.contacts-phone {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contacts-main {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#footer_maps a {
    color: #2D2D2D;
    font-family: 'Inter_400';
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}

.contacts-footer {
    border-top: 1px solid #FF6715;
    display: flex;
    margin-top: 15px;
    padding-top: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

@media (max-width: 900px) {
    #footer_maps .contacts_data {
        position: unset;
        top: unset;
        left: unset;
        z-index: unset;
        transform: unset;
        visibility: unset;
    }
    .contacts_block {
        width: 100%;
        box-sizing: border-box;
    }
    #footer_maps .ya_maps {
        margin-top: 30px;
    }
}

@media (max-width: 769px) {
    .contacts-title {
        font-size: 30px;
    }
    #footer_maps .ya_maps {
        height: 338px;
    }
}

@media (max-width: 440px) {
    #footer_maps .contacts-logo {
        display: none;
    }
    .contacts-title {
        font-size: 24px;
    }
}

/* футер */

.footer_wrapper {
    background: #4B4E50;
}

.footer_wrapper .container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.footer_column {
    max-width: 285px;
}

.footer_column>a {
    color: #FFF;
    font-family: 'Inter_600';
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    transition: .3s;
}

.footer_column a:hover {
    color: #FF6715;
}

.footer_logo img {
    height: 64px;
}

.footer_links {
    padding: 0;
    margin: 0;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer_links li {
    list-style-type: none;
}

.footer_links a {
    color: #CACACA;
    transition: .3s;
    font-family: 'Inter_400';
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
}

.footer_contacts {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}

.footer_contacts a {
    color: #FFF;
    font-family: 'Inter_400';
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}
.footer_wrapper p {
    color: #FFF;
    font-family: 'Inter_400';
    font-size: 16px;
    font-style: normal;
    line-height: 24px; 
}

.footer_site_inf {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer_social {
    margin-top: 30px;
    display: flex;
    gap: 16px;
}

.footer_column .phone_wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (max-width: 769px) {
    .footer_wrapper .container {
        flex-direction: column;
        gap: 30px;
    }

    .footer_column {
        width: 100%;
        max-width: unset;
    }
    .footer_site_inf {
        padding-bottom: 30px;
        border-bottom: 1px solid #FF6715;
    }

    .footer_column .phone_wrapper {
        gap: 8px;
    }

    .footer_logo img {
        height: 44px;
    }
}


/* * {
    border: 1px solid green;
} */

/* хлебные крошки */

#breadcrumbs {
    padding-top: 60px;
}

.breadcrumbs_block {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
#breadcrumbs .breadcrumbs_link {
    color: #4B4E50;
    font-size: 14px;
    font-style: normal;
    line-height: 140%; 
    opacity: 0.8;
}

.limiter_breadcrumbs {
    height: 10px;
    margin: auto 0;
}

.limiter_breadcrumbs svg {
    transform: translateY(-50%);
}

@media (max-width: 769px) {
    #breadcrumbs {
        padding-top: 30px;
    }
}

/* Детальная страница услуг */

.detail_page_back {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0004;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    bottom: 0;
    z-index: 0;
}

#detail_page_banner {
    position: relative;
    padding: 60px 0 75px;
}

#detail_page_banner .container{
    position: relative;
}

.dpage_banner_inf {
    margin-top: 30px;
}

.dpage_banner_inf .desc {
    margin-top: 30px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    line-height: 27px;
    opacity: 0.7;
    max-width: 760px;
    width: 100%;
}

.dpage_banner_inf .price_service {
    margin-top: 15px;
    color: #FF6715;
    font-family: 'Inter_600';
    font-size: 20px;
    font-style: normal;
    letter-spacing: -0.2px;
    padding-top: 15px;
    border-top: 1px solid #FF6715;
    max-width: 760px;
    width: 100%;
}

.breadcrumbs_link{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    line-height: 140%;
    opacity: 0.8;
}

.breadcrumbs_link span {
    height: 100%;
    display: flex;
    align-items: center;
}

.main_block_btn {
    margin-top: 30px;
}

@media (max-width: 769px) {
    #detail_page_banner {
        padding: 30px 0 30px;
    }
}

/* страница о компании */

.about_company_page .about_company_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.about_company_block {
    width: calc((100% - 60px) / 2);
    height: fit-content;
    margin: auto 0;
}

.about_company_block .desc {
    line-height: 27px;
    font-size: 18px;
    color: #2D2D2D;
}

.about_company_block img {
    width: 100%;
    box-sizing: border-box;
    max-height: 400px;
    border-radius: 8px;
    object-fit: cover;
}

.about_company_text {
    margin-top: 60px;
    line-height: 27px;
    font-size: 18px;
    color: #2D2D2D;
}

#we_in_media .video {
    height: 560px;
    margin-top: 60px;
}

#we_in_media .desc {
    width: calc((100% - 60px) / 2);
    margin-top: 30px;
}

@media (max-width: 900px) {
    .about_company_block .desc {
        font-size: 16px;
        line-height: 24px;
    }
    .about_company_text {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 769px) {
    .about_company_text {
        margin-top: 30px;
    }
    .about_company_block {
        width: 100%;
    }
    .about_company_page .about_company_wrapper {
        gap: 30px;
    }
    #we_in_media .desc {
        width: 100%;
    }
    #we_in_media .video {
        height: 300px;
        margin-top: 30px;
    }
}

@media (max-width: 500px) {
    #we_in_media .video {
        height: 240px;
    }
}

/* Франшиза */

.franchise_block {
    display: flex;
    gap: 100px;
    width: 100%;
}

.franchise_inf .number {
    min-width: 133px;
    min-height: 110px;
    max-width: 133px;
    max-height: 110px;
}

.franchise_inf .number img{
    width: 100%;
    height: 100%;
}

.franchise_inf {
    width: calc((100% - 100px) / 2);
}
.franchise_img {
    width: calc((100% - 100px) / 2);
    height: 500px;
}

.franchise_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-sizing: border-box;
}

.franchise_text {
    margin-top: 78px;
}

.franchise_text .desc {
    margin-top: 30px;
}

.franchise_inf {
    display: flex;
    gap: 47px;
}

.franchise_wrapper {
    display: flex;
    gap: 150px;
    flex-wrap: wrap;
}

.franchise_block:nth-of-type(2n) .franchise_inf {
    order: 2;
}

.franchise_text .desc {
    color: var(--text-color, #2D2D2D);
    font-size: 18px;
    font-style: normal;
    line-height: 27px; /* 150% */
}

@media (max-width: 1300px) {
    .franchise_inf .number {
        min-width: 100px;
        min-height: 90px;
        max-width: 100px;
        max-height: 90px;
    }
    .franchise_inf {
        gap: 27px;
    }
    .franchise_text {
        margin-top: 60px;
    }
}

@media (max-width: 1120px) {
    .franchise_block {
        gap: 60px;
    }
    .franchise_wrapper {
        gap: 60px;
    }
    .franchise_inf, .franchise_img {
        width: calc((100% - 60px) / 2);
    }
}

@media (max-width: 1000px) {
    .franchise_inf .number {
        min-width: 70px;
        min-height: 60px;
        max-width: 70px;
        max-height: 60px;
    }
    .franchise_inf {
        gap: 20px;
    }
    .franchise_text {
        margin-top: 35px;
    }
}

@media (max-width: 769px) {
    .franchise_inf .number {
        min-width: 60px;
        min-height: 50px;
        max-width: 60px;
        max-height: 50px;
    }
    .franchise_inf {
        gap: 15px;
        flex-wrap: wrap;
    }
    .franchise_text {
        margin-top: 0;
        width: 100%;
    }
    .franchise_img {
        height: 290px;
    }
    .franchise_inf, .franchise_img {
        width: 100%;
    }
    .franchise_block {
        flex-wrap: wrap;
    }
    .franchise_block:nth-of-type(2n) .franchise_inf {
        order: 0;
    }
}

/* Наши акции страница */

#our_promotions_page .container>.desc{
    width: calc((100% - 60px) / 2);
    margin-top: 30px;
}

#our_promotions_page .swiper-button-next,#our_promotions_page  .swiper-button-prev {
    top: 27%;
}

.promotions_wrapper {
    margin-top: 60px;
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
}

.promotions_block {
    width: calc((100% - 58px) / 2);
}

.swiper-slide .promotions_block {
    width: 100%;
}

.promotions_image {
    position: relative;
    transition: .3s;
}

.promotions_image img {
    width: 100%;
    box-sizing: border-box;
    height: 320px;
    border-radius: 8px;
    object-fit: cover;
}

.promotions_image button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.promotions_block {
    width: calc((100% - 60px) / 2);
}

.promotions_image::before {
    content: " ";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0003;
    height: 320px;
    border-radius: 8px;
}

.leave_request {
    white-space: nowrap;
    color: #FFF;
    text-align: center;
    font-family: 'Manrope_700';
    font-size: 18px;
    font-style: normal;
    background: none;
    z-index: 1;
    line-height: 140%;
    text-transform: uppercase;
    border-radius: 8px;
    border: 1px solid #FF6715;
    background: #FF6715;
    transition: .3s;
    padding: 16px 32px;
}

.leave_request:hover {
    opacity: 0.7;
}

.promotions_title {
    margin-top: 30px;
}

.promotions_title .h3-title {
    color: #FF6715;
}

.promotions_title .desc {
    margin-top: 15px;
    color: #2D2D2D;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}
#our_promotions_page .promotions_slider {
    display: none;
}

@media (max-width: 769px) {
    #our_promotions_page .promotions_wrapper {
        display: none;
    }
    #our_promotions_page .promotions_slider {
        display: block;
    }
    #our_promotions_page .container>.desc{
        width: 100%;
    }
}

/* Блог */

#blog_page .container>.desc {
    width: calc((100% - 60px) / 2);
    margin-top: 30px;
}

.article_view,
.article_date,
.article_read_time {
    display: flex;
    gap: 4px;
}

#blog_page .swiper-button-next,#blog_page .swiper-button-prev{
    top: calc(25% - 40px);
}

.read_time {
    white-space: nowrap;
}

.blog_block {
    width: calc((100% - 60px) / 2);
}

.swiper-slide .blog_block {
    width: 100%;
}

.blog_wrapper {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
}

.article_inf {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #FF6715;
}

.article_image img {
    width: 100%;
    box-sizing: border-box;
    height: 320px;
    border-radius: 8px;
    object-fit: cover;
}

.article_image {
    position: relative;
}

.article_image::before {
    content: " ";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0006;
    height: 320px;
    border-radius: 8px;
}

.article_inf_wrapper {
    display: flex;
    gap: 10px;
}

.article_inf, .article_title, .article_title a {
    margin-top: 30px;
}
.article_title a  {   
    width: fit-content;
    display: flex;
}
.article_title .desc {
    margin-top: 15px;
}
.article_title h2 {
    color:#FF6715;
    font-size: 24px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}

.article_inf {
    margin-top: 30px;
}
#blog_page .blogs_slider {
    display: none;
}

@media (max-width: 769px) {
    #blog_page .container>.desc{
        width: 100%;
    }
    #blog_page .blog_wrapper {
        display: none;
    }
    #blog_page .blogs_slider {
        display: block;
    }
}

@media (max-width: 500px) {
    .article_image img {
        height: 290px; 
    }

    .article_image::before {
        height: 290px;
    }
}

/* Услуги детальная */

.blog_detail .container {
    padding-bottom: 70px;
}

@media (max-width: 769px) {
    .blog_detail .container {
        padding-bottom: 0px;
    }
}

/* детальная специалиста */

.specialist_wrapper {
    display: flex;
    gap: 60px;
}

.specialist_inf {
    display: flex;
    gap: 30px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #F1F1F1;
    padding: 60px;
}

.specialist_inf>img {
    box-sizing: border-box;
    width: 370px;
    height: 100%;
    object-fit: cover;
    border-radius: 11px;
}

.specialist_c_block .qr_code {
    box-sizing: border-box;
    width: 75px;
    height: 75px;
    object-fit: contain;
}

.specialist_contacts_wrapper {
    display: flex;
    gap: 49px;
}

.specialist_c_block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.specialist_c_block a {
    color: #2D2D2D;
    font-size: 16px;
    font-style: normal;
    line-height: 24px; /* 150% */
}

.soc_contacts {
    border-top: 1px solid #ACAEAD;
    padding-top: 15px;
    margin-top: 5px;
    display: flex;
    gap: 15px;
}

.exit_areas_block, .specialist_wrapper .specialist__post {
    color: #2D2D2D;
    font-size: 16px;
    font-style: normal;
    line-height: 24px; /* 150% */
}

.grade_inf_block {
    display: flex;
    gap: 15px;
}

.grade_block {
    display: flex;
    gap: 30px;
}

.grade_result {
    padding-right: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #FF6715;
    color: #FF6715;
    font-family: 'Inter_600';
    font-size: 24px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}

.grade_inf_spec {
    min-width: 140px;
}

.grade_raiting {
    color: #FF6715;
    font-size: 16px;
    font-style: normal;
    line-height: 24px; /* 150% */
}

.grade_inf_block .line {
    height: 4px;
    display: flex;
    margin: auto 0;
}

.specialist_inf {
    width: 100%;
    max-width: 855px;
}
.specialist_grade {
    width: 40%;
}

.grade_choice_block {
    display: flex;
    gap: 30px;
    width: 100%;
    flex-direction: column;
}

.grade_choice_wrapper {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.grade_choice_number {
    display: flex;
    gap: 15px;
}

.whatsapp_mob {
    display: none;
}

.choice_value {
    cursor: pointer;
    border-radius: 4px;
    background: #F1F1F1;
    padding: 10px 15px;
}

.choice_value.selected {
    background-color: #FF6715;
    color: #fff;
}

.specialist_grade {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.specialist_mob {
    display: none;
}

@media (max-width: 1430px) {
    .specialist_inf {
        padding: 40px;
    }
}
@media (max-width: 1400px) {
    .specialist_wrapper {
        gap: 40px;
    }
}
@media (max-width: 1370px) {
    .specialist_wrapper {
        flex-direction: column;
    }
    .specialist_inf {
        padding: 60px;
        max-width: unset;
    }
}
@media (max-width: 890px) {
    .specialist_inf {
        padding: 40px;
    }
}
@media (max-width: 820px) {
    .specialist_inf {
        padding: 20px;
    }
    .specialist_contacts_wrapper {
        gap: 5px;
    }
}
@media (max-width: 769px) {
    .specialist_exit_areas.specialist_mob {
        border-bottom: 1px solid #FF6715;
        padding-bottom: 30px;
    }
    .specialist_exit_areas {
        display: none;
    }
    .whatsapp_pc {
        display: none;
    }
    .whatsapp_mob {
        display: block;
    }
    .specialist_mob.specialist_exit_areas {
        display: block;
    }
    .specialist_inf {
        flex-direction: column;
        width: fit-content;
        margin: 0 auto;
    }
    .specialist_contacts_wrapper {
        justify-content: space-between;
    }
    .specialist_contacts .title {
        display: none;
    }
    .specialist_c_block .qr_code {
        width: 86px;
        height: 86px;
    }
    .specialist__post.mt-15 {
        margin: 0;
    }
    .specialist_contacts.mt-30 {
        margin-top: 0px;
    }
    .specialist_c_block.mt-15 {
        padding-top: 15px;  
        border-top: 1px solid #ACAEAD;
    }
    .specialist_data .soc_contacts {
        display: none;
    }

    .specialist_inf>img {
        border-radius: 8px 8px 0px 0px;
    }
    .specialist_grade {
        width: 100%;
    }

    .specialist_wrapper {
        margin-top: 30px;
    }
    .grade_block {
        flex-direction: column;
        gap: 10px;
    }
    .grade_result {
        padding-right: unset;
        border-bottom: 1px solid #FF6715;
        border-right: 0;
        width: fit-content;
        padding-bottom: 10px;
    }
    .specialist_grade {
        gap: 30px;
    }
    .specialist_mob.specialist_exit_areas {
        margin-top: 0;
    }
}

@media (max-width: 600px) {
    .choice_value {
        padding: 6px 10px;
    }
}

@media (max-width: 500px) {
    .grade_choice_number {
        gap: 10px;
    }
}

@media (max-width: 460px) {
    .grade_choice_number {
        overflow-x: scroll;
    }
    .grade_inf_block .line {
        max-width: 130px;
        width: 100%;
    }
    .grade_inf_block .line svg {
        width: 100%;
    }
    .specialist_inf>img {
        height: 278px;
        width: 100%;
        object-position: top;
    }
    .specialist_inf {
        width: 100%;
        padding: 15px;
    }
    .specialist_contacts_wrapper {
        gap: 0;
    }
}

@media (max-width: 360px) {
    .specialist_contacts_wrapper {
        flex-wrap: wrap;
    }
    .specialist_c_block.mt-15 {
        width: 100%;
    }
}

/* фоска */
.checkbox-modal {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.checkbox-modal input[type="checkbox"] {
    display: none;
}

.checkbox {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #FF6715;
    border-radius: 4px;
    position: relative;
    margin-right: 10px;
    background-color: white;
    transition: background-color 0.3s, border-color 0.3s;
    cursor: pointer;
}

.checkbox-modal input[type="checkbox"]:checked + .checkbox {
    background-color: #FF6715;
}

.checkbox-modal input[type="checkbox"]:checked + .checkbox::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 4px;
    width: 8px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.privacy-text {
    width: 100%;
}

.privacy-text a {
    color: #FF6715;
    text-decoration: underline;
    cursor: pointer;
}

.modal-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.modal-content {
    position: relative;
    border-radius: 8px;
    background: #FFF;
    padding: 30px;
    max-width: 585px;
    box-shadow: 0px 0px 50px 0px rgba(14, 6, 58, 0.10);
}

.modal-title {
    color: #2D2D2D;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}

.modal-description {
    color: #2D2D2D;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 10px 0 20px;
}

.call-form {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.call-form input[type="text"],
.call-form input[type="tel"] {
    display: flex;
    padding: 14px 24px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border: unset;
    border-radius: 8px;
    background: #F1F1F1;
}
.call-form input[type="tel"] {
    margin-top: 16px;
}

.call-form input[type="text"]::placeholder,
.call-form input[type="tel"]::placeholder {
    color: #2D2D2D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
}

.call-form button,
.main-form button {
    margin-top: 30px;
    padding: 10px;
    width: 100%;
    border-radius: 8px;
    background: #FF6715;
    color: #FFF;
    border: none;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: 'Manrope_700';
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    text-transform: uppercase;
    transition: .3s;
}

.close-button {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.call-form button:hover,
.main-form button:hover{
    opacity: 0.7;
}

.or_block {
    display: flex;
    margin-top: 30px;
    gap: 30px;
    justify-content: space-between;
}
.or_block .desc {
    width: fit-content;
    white-space: nowrap;
    color: #2D2D2D;
    text-align: center;
    font-family: 'Inter_600';
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}

.or_block .line {
    width: 100%;
    background-color: #ACAEAD;
    height: 1px;
    margin: auto 0;
}

.massager_wrapper {
    text-align: center;
    margin-top: 30px;
}

.massager_wrapper .soc_massager {
    margin-top: 30px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

@media (max-width: 690px) {
    .modal-overlay {
        padding: 0 15px;
    }
    .modal-content {
        padding: 15px;
    }
}

@media (max-height: 870px) {
    .modal-content {
        overflow-y: scroll;
        height: 70vh;
    }
}

.select_meter {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.select_meter label {
    white-space: nowrap;
    margin-top: 14px;
    display: block;
    width: fit-content;
}

.select_meter label:last-child { 
    margin-top: auto;
}

.modal-description {
    margin-top: 30px;
    margin-bottom: 30px;
}

.form_input  {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form_input input {
    border-radius: 8px;
    background: #F1F1F1;
    padding: 14px 24px;
    border: unset;
}

.sitemap-page {
        columns: 3;
        column-gap: 24px;
        margin-top: 32px;
    }

    .sitemap-page .columns {
        display: inline-block;
        width: calc(100% - 44px);
        margin: 0 0 24px;
        padding: 22px 24px;
        list-style: none;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 18px;
        box-shadow: 0 4px 18px rgba(0,0,0,.05);

        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
    }

    .sitemap-page .columns li {
        margin-bottom: 12px;
        line-height: 1.45;
    }

    .sitemap-page .columns li:last-child {
        margin-bottom: 0;
    }

    .sitemap-page .columns li:first-child {
        margin-bottom: 16px;
        padding-bottom: 14px;
        border-bottom: 1px solid #ececec;
        font-size: 20px;
        font-weight: 700;
    }

    .sitemap-page .columns li:first-child a,
    .sitemap-page .columns li:first-child strong {
        color: #222;
        text-decoration: none;
    }

    .sitemap-page .columns a {
        color: #444;
        text-decoration: none;
        transition: .2s ease;
    }

    .sitemap-page .columns a:hover {
        color: #c59b5f;
    }

    @media (max-width: 991px) {
        .sitemap-page {
            columns: 2;
        }
    }

    @media (max-width: 575px) {
        .sitemap-page {
            columns: 1;
        }

        .sitemap-page .columns {
            padding: 18px;
            margin-bottom: 16px;
        }
    }