/*     
    .services__entities .option--oldprice.option--active span {
    
    text-align: right;
}
.services__entities .option--oldprice.option--active {
    align-items: flex-end;
}
.services__entities .option--oldprice b {
    
    text-align: left;
}
.service__option--red {
    border-radius: 43px;
    min-height: 46px;
    
    padding: 15px 0px 15px 20px;
    text-align: left;
} */
 .works-slider .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
    input.controller_schetchik::before {
    content: 'Счетчик';
    background: var(--accent);
    color: var(--description-color);
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
    left: 0%;
    height: 100%;
    padding: 20px;
    border-radius: 120px;
    justify-content: center;
    transition: all 200ms ease;
    font-size: 14px;
}

input.controller_schetchik:checked:before {
    content: 'Контроллер';
    background: var(--accent);
    color: var(--description-color);
    left: 50%;
    font-size: 14px;
}

input.controller_schetchik::after {
    content: 'Контроллер';
    color: var(--text-main-color);
    position: absolute;
    display: flex;
    align-items: center;
    width: 50%;
    left: 50%;
    height: 100%;
    padding: 20px;
    border-radius: 120px;
    justify-content: center;
    transition: all 200ms ease;
    font-size: 14px;
}

input.controller_schetchik:checked:after {
    content: 'Счетчик';
    background: transparent;
    color: var(--text-main-color);
    left: 0%;
    font-size: 14px;
}
    .howitworks {
        padding-top: 0px;
    }
    .housing-complex {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .arshin__bg {
        width: 20%;
        margin: 0px auto;
        position: static;
    }
    .arshin__form {
        width: 100%;
        flex-direction: row;

    }
    .arshin_form__child {
        width: 70%;
    }
    .services, .consultation {
        border-radius: 20px;
    }
    .consultation__inner{
        width: 100%;
        gap: 20px;
        align-items: center;
        margin: 0px auto;
    }
    
    .cert_mobile .certificates, 
    .services__sale  {
        display: none;
    }
    .housing-complex + .consultation_hide{
        display: none;
    }
    .services .option--oldprice s {
    left: 40%;
    bottom: 7%;
    font-size: 20px;
}
.services__entities .option--oldprice b {
    font-size: 45px;
}


@media screen and (max-width: 1600px) {
    .container {
        max-width: 95vw;
    }
	.phone_services .number {
    font-size: 18px !important;
    }    
    	.number img {
	    max-width: 24px;
	}
	.slider-buttons {
	    order: 1;
	}
}
@media screen and (max-width: 1440px) {
    .header .callback-btn {
        --padding: 10px;
    }
    .phone {
        --font-size: 18px;
    }
    .option {
        font-size: clamp(18px, calc(var(--index)*1), 20px);
    }
    .option--oldprice b {
        font-size: clamp(28px, calc(var(--index)*2), 56px);
    }
    .advantage__title, .primary-btn {
        font-size: clamp(18px, calc(var(--index)*1.15), 24px);
    }
    .video__city-name {
         font-size: clamp(18px, calc(var(--index)*1.25), 32px);
    }
    .video__city-phone {
        font-size: 20px;
    }
	.howitworks_or {
	    padding-right: 30px;
	}

	.phone_services .number {
        font-size: 14px !important;
    }
    .consultation__phone .number {
        font-size: 22px;
    } 
    
    input.water-warm {
        font-size: 28px;
    }

}
@media screen and (max-width: 1200px) {
    .nav__link {--font-size: 18px;}
    .intro__options {
        grid-template-columns: repeat(3, 1fr);
        margin-block-start: 20px;
    }
    .option {
        --advantage-padding: 20px;
    }
    .video__city-phone {
        font-size: 17px;
    }
    .reviews__inner {
        display: flex;
        flex-direction: column;
    }
    .for-mobile {display: block;}
    .for-desktop {display: none;}
    input.water-warm {
        font-size: 28px;
        height: 60px;
    }
    input.water-warm::after, input.water-water::after {
        padding: 10px;
    }
    .services__top {
        display: grid;
        grid-template-areas:
            "A A"
            "B C";
        grid-template-columns: repeat(2, 48%);
    }
    .services__item:nth-child(2n) .services__top {
        grid-template-areas:
            "A A"
            "C B";
        gap: 20px;
    }
    .services__slider .works__item img {
        max-height: 360px;
    }
    .services__description {grid-area: A;width: 100%;}
    .services__entities {grid-area: B;width: 100%;}
    .services__sliders {grid-area: C;width: 100%;}
    .services .option--oldprice s {font-size: 14px}
    .services .callback-btn {
        --advantage-padding: 30px 20px;
    }
    .howitworks__description {
        padding: 10px
    }
    .consultation__inner {width: 82%;}
    .howitworks__item::before {
        padding: 15px
    }
    .advantages__bottom {
        display: none;
    }
.advantages__bottom-mobile {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
    .advantage__description {
        height: 100%;
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
    .howitworks_or {
	    padding-right: 20px;
	}    
	.phone_services .number {
    font-size: 26px !important;
    }	
    .consultation__phone .number {
        font-size: 18px;
    }    
}
@media screen and (max-width: 1100px) {
    .phone {--font-size: 13px}
    .contacts .contact__item, .contacts .contact__item a {
        gap: 10px
        font-size: var(--font-size. 15px);
    }
    .howitworks__inner {
        display: flex;
        margin-inline: 0;
        flex-direction: column;
        gap: 20px
    }
    .certificates__item {
        overflow: hidden;
        padding: 0px;
    }
    .certificates__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
}
    .howitworks__item.button {
        flex-direction: column;
        align-items: center;
    }
    .howitworks .consultation__phone,.services__entities .consultation__phone {
        align-items: center;
    }
    .howitworks__item::before {height: 100%}
    .howitworks__description {padding: 0 20px}
    .howitworks .howitworks__connector-line,
    .howitworks__item::after
    {display: none}
    .howitworks__item {flex-direction: row}
    .howitworks__item.button::before {
        width: 100%;
        justify-content: center
    }
    .get_callback_me { 
        font-size: var(--font-size, 32px);
        width: 100%;
        padding: 15px;
        justify-content: center;
    }
    .arshin__form {
        padding: var(--main-padding)
    }
    .contacts__inner {
        grid-template-areas:
            "A B"
            "C C";
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .contacts__description {grid-area: A;justify-content: space-evenly;}
    .contacts__form {grid-area: B}
    .map__frame {grid-area: C}
    .contacts__description, .contacts__form {
        gap: 20px;
    }
    .contacts .contact__item, .contacts .contact__item a {
        gap: 10px
    }
    .footer__inner {
        grid-template-columns: repeat(4, 24%);
    }
    .howitworks .consultation__phone {
	    width: 100%;
	}
    .consultation__phone .number {
        font-size: 20px;
    }	
}

@media screen and (max-width: 991px) {
    section {--section-padding: 40px 0}
    .header__buttons-mobile {display: flex;}
    .heaader__buttons, .header__center {display: none;}
    .intro {padding-block-start:30px}
    .intro h1 {--font-size: 36px}
    .intro__top {
        flex-direction: column
    }
    .intro__image {
        display: flex;
        justify-content: center;
    }
    .intro__image img {
        max-height: 30vh;
    }
    .video__city-phone {
        font-size: 14px;
    }
    .map__top {
        gap: 10px
    }
    .header__inner {display: flex; justify-content: space-between}
    .consultation__inner {
        gap: 15px;
        width: auto;
    }
    .consultation__inner .section__title {max-width: 85%;}
    .consultation .btn {
        white-space: nowrap;
        padding: 10px 25px;
    }
    .map__top {
        display: flex;
        flex-direction: column-reverse;
    }
    .map__frame {max-height: 30vh}
    .arshin form {
        display: flex;
        flex-direction: column
    }
    .footer__inner {
        grid-template-columns: 38% 23% 34%;
        grid-template-areas:
            "A B C"
            "D B C";
        gap: 15px;
    }
    .footer__inner .logo {grid-area: A}
    .footer__inner .footer__nav {grid-area: B}
    .footer__inner address.contacts {grid-area: C}
    .footer__inner .footer__buttons {grid-area: D}
    .thankyoutitle {
        font-size: clamp(32px, calc(var(--index) * 3.2), 56px);
    }
    .thankyoutext {
        font-size: clamp(20px, calc(var(--index) * 1.6), 32px);
    }
    .thankyousubtext {
        font-size: clamp(14px, calc(var(--index) * 1), 20px);
    }
    .howitworks_or {
	    padding-right: 0;
	}
	
	.geo-head .tab-buttons button {
	    font-size: 18px;
	    padding: 15px 30px;
	}
	
	.companies-list {
	    height: 110px;
	    overflow-x: scroll;
    	flex-wrap: nowrap;
	}
	
	.companies-list a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    height: 50px;
        text-wrap: nowrap;
        text-align: center;
	}
	.certificates__item {
        overflow: hidden;
        padding: 0px;
    }

    .certificates__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
}


}

@media screen and (max-width: 768px) {
    .counters__type-selector input.calc__energy-type::after{
	content: 'тепло';
    width: 110px;
    height: 36px;
    background: none;
    position: absolute;
    border-radius: 19px;
    text-align: center;
    transition: 250ms;
    font-size: 24px;
    color: #535353;
    transform: translateX(56vw);
    z-index: 0;
}
.counters__type-selector input.calc__energy-type:checked:after{
	transform: translateX(14vw);
	content: 'Вода';
}
    #numb_counter {
        width: 110px;
    }
    .container {
        max-width: 100vw;
        background-color: #ffffff;
        padding: 30px;
        border-radius: 14px;
    }
    .header .container {
        padding: 0px;
    }
    .counters__type-selector input.calc__energy-type::before {
        width: 48%;
    }
    .counters__type-selector input.calc__energy-type:checked:before {
    transform: translateX(96%);
    }
    .calculator .gap20 {
        width: 100%;
    }
    
        .counters__type-selector input.calc__energy-type:checked {
        background: #F3F1FF;
    }
    .counters__type-selector input.calc__energy-type {
        background: #F3F1FF;
        width: 100%;
    }
    .calculator {
        margin-top: 80px;
        margin-bottom: 80px;
        padding: 0px 00px;
        background-color: #f3f1ff;
    }
    .calculator__top select {
        width: 80vw;
        background-color: #F3F1FF;
    }

    .calculator__top {
        gap: 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .services__labels {
        flex-direction: column;
        align-items: flex-start;
    }
    .counters__type-selector {
        padding: 0px;
        flex-direction: column;
        width: 100%;
    }
    .type_house{
        width: 100%;
        }
    .select_type input:checked ~ label::before{
        transform: translateX(98%);
        transition: .3s;
        content: "Частный дом";
    }
    .select_type input:checked ~ label::after{
        transform: translateX(-98%);
        transition: .3s;
        content: "Квартира";
    }   
    .select_type label::before{
        width: 48%;
    }
.select_type label::after{
        width: 48%;
    }    
            
    
        .counters_number_mob {
        flex-direction: row;
        margin-top: 0px;
    }
    .calculator__top-selectors {
    flex-direction: column;
    width: 100%;
    }
    .calculator__inner {
        margin-top: 20px;
        padding: 0px;
    }
    .calc__services-checkbox {
    margin: 5px 0;
    }
    .calculator__services-selector {
        margin-top: 20px;
    }
    #calculator-popup .popup__inner {
    width: 100%;
    transform: scale(0.8);
}
    .intro__options {
        grid-template-columns: repeat(2, 1fr);
    }
    .services__top {
        grid-template-columns: 49% 50%;
    }
    .video__city-name {
         font-size: clamp(16px, calc(var(--index)*2), 24px);
    }
    .video__city-phone {
        font-size: 20px;
    }
    .services, .consultation {
        padding: 20px 0px;
        background-color: #fff;
    }
    .consultation__bottom {
        flex-direction: column;
        gap: 10px;
    }
    .consultation__phone {
        align-items: center;
    }
    .consultation__phone .callus {
        font-size: 12px;
    }
    .popup__inner {width: 80%}
    
    .footer .conf {padding-block: 30px 0;}
    .phone_services .number {
        font-size: 22px !important;
    }
    
    .geo-head .tab-buttons button {
	    font-size: 18px;
        padding: 5px 30px;
        justify-content: center;
        align-items: center;
	}
	
	.policy {
        height: 300px;
        width: 100%;
    }
	
}

@media screen and (max-width: 680px) {
    .checked_date_count {
        margin-top: 0px;
        padding: 25px;
    }
        .checked_date_count__info {
        width: 100%;
        padding: 0px 0px 20px 0px;
    }
    .checked_date_count__info select {
        background-color: var(--bg, var(--soft-light-gray));
    }
    .subtitle_min {
        font-size: 16px;
    }
    .counts-list_water {
        justify-content: center;
    }
    .counts-list_warm {
        justify-content: center;
    }
    .btn-calculate {
        font-size: 16px;
        min-height: 46px;
    }
    .counters__type-selector input.calc__energy-type::before {
        padding: 5px;
        font-size: 16px;
    }
        .counters__type-selector input.calc__energy-type::after {
        padding: 5px;
        font-size: 16px;
    }
    .counters__type-selector input.calc__energy-type {
        height: 40px;
    }
    .count-item_button_link {
        font-size: 16px;
    }
    .count-item_image {
        width: 110px;
        height: 100px;
    }
    .count-item_button--check {
    min-width: 280px;
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
}
#page_calculator .section__title, .section__subtitle {
    margin-bottom: 20px;
}
    .count-item {
        
    }
    .count-item_brand {
        font-size: 16px;
    }
    .calculator__services-selector select {
        width: 100%;
        font-size: 16px;
        padding: 11px 20px;
        height: 40px;
    }
    .type_house {
        height: 40px;
    }
    .select_type label::before {
        font-size: 16px;
        padding: 5px 0px;
    }
    .select_type label::after {
        font-size: 16px;
        padding: 5px 0px;
    }
    .counts-list_water {
        padding: 20px 0px;
    }
        .counts-list_warm {
        padding: 20px 0px;
    }
    .counts-list p {
        font-size: 20px;
    }
    .calculator__services-selector p {
        font-size: 20px;
    }
    .calculator__services-selector {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .calc__summ-description span {
        text-align: left;
    }
    .calc-list-container {
    margin-top: 5px;
}
            .section__title, .section__subtitle {text-align:center;}
    .services__top, .services__item:nth-child(2n) .services__top {
        display: flex;
        flex-direction: column-reverse;
        gap: 50px
    }
    .popup__inner .calendar {
        width: 100%;
    }
    .calendar_date {
        width: 100%;
        min-width: auto;
    }
    .calendar_info {
        min-width: 95%;
    }
    .services .callback-btn {
        padding: 20px
    }
    .services__slider .works__item img {
        height: auto;
    }
    .calc__summ-description {
        min-width: 110px;
        }
    .works__item, .masters__item {
        height: auto;
        align-items: center;
    }
    .services__slider .masters__item img {
        max-height: 80%;
    }
    .master__name {font-size: 18px}
    .master__spec {font-size: 16px}
    .consultation__inner .section__title {max-width: 100%;--font-size: clamp(24px, calc(var(--index) * 1.4), 36px);}
    .description {
        --font-size: 14px;
        padding-inline: 10px 0;
    }
    .consultation__inner .description{
        max-width: 85%
    }
    .contacts__inner {
        display: flex;
        flex-direction: column;
    }
    .footer__inner {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "A B"
            "C D";
    }
    .services__item:nth-child(2n) {
        padding-block-start: 30px
    }
    .phone_services .number {
        font-size: 22px !important;
    }    
}

@media screen and (max-width: 600px) {
    .calculator__top-selectors {
    width: 100%;
    }
    .calculator__top select {
    width: 100%;
}
    .services__item {
        scroll-margin-block-start: 64px;
    }
        .services__item:nth-child(2n) {
        scroll-margin-block-start: 64px;
    }
    .video__city-phone {
        font-size: 16px;
    }
    .phone_services .number {
        font-size: 22px !important;
    }    

    .g-recaptcha {
        transform:scale(0.9); 
        transform-origin:0;
    }
    
    .geo-head .tab-buttons button {
        padding: 15px 30px;
	}
	
	.map__inner .geo-head {
	    flex-direction: column;
        justify-content: center;
        align-items: flex-start;
	}
	
	/* plashki */
	
    	.mobile-btn {
            z-index: 99;
            bottom: 0;
            width: 100%;
        }
        .btn-box {
            background: white;
            width: 100%;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0px;
            overflow: hidden;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-direction: row;
            border: solid 1px #9F8FFF;
        }
        .btn-box a {
            transition: .3s;
            width: 20%;
            height: 100%;
            display: flex;
            juscify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 4px;
            padding: 0px 10px;
            border-bottom: none;
        }
        .btn-box a div {
            flex: 1;
            display: flex;
            align-items: center;
        }
         .btn-box a img {
            margin-top: 8px;
            width: 35px;
            height: 35px;
         }
         .btn-box a p{
            font-size: 12px;
            font-weight: 600;

         }
        .btn-box a:hover{
            transition: 0s;
            box-shadow: none;
         }


    







    
}
@media screen and (max-width: 480px) {
    .counters__type-selector input.calc__energy-type::after {
        transform: translateX(50vw);
    }
    .counters__type-selector input.calc__energy-type:checked:after {
        transform: translateX(25%);
    }
    .arshin_form__child {
        order: 1;
    }
    .arshin__form {
       
        flex-direction: column;

    }
    .arshin_form__child {
        width: auto;
    }
    .checked_date_count__img {
        width: 95%;
        font-size: clamp(18px, calc(var(--index)*1.15), 24px);
    }
    .services, .consultation {
        padding: 0px;
    }
         .housing-complex + .consultation_hide{
        display: flex;
    }
    
       .howitworks + .consultation_hide {
        display: none;
    }
    .burger__button{
        padding: 0px;
    }
        .header__inner{
        padding: 16px 0px;
    }
    .phone-hours{
        display: flex;
        line-height: 1;
        max-width: 140px;
    }
    .phone-mobile img{
        width: 24px;
        max-width: 24px;
        height: 24px;
        margin-right: 3px;
    }
    .phone.phone-mobile {
        font-size: 12px;
    }
    
    .logo{
        max-width: 100px;
    }
    .phone.phone-mobile {
        display: inline-flex;
    }
    .working-hours-mobile{
        display: inline-flex;
    }
    .intro__image {

    padding: 0px 30px 30px 30px;
}
    .advantages__videos-container, .footer__inner {
        display: flex;
        flex-direction: column;
    }
    .section__title, .section__subtitle {
        --font-size: clamp(24px, calc(var(--index) * 2), 32px);
        text-align: left;
    }
    .advantages__top .section__title::before {
        font-size: 32px;
        padding: 15px;
        width: 33px;
        height: 33px;
        border-radius: 7px;
    }
    .advantages__top .section__title {
        gap: 15px;
        text-align: left;
        line-height: 24px;
        font-size: 24px;
        align-items: center;
        margin: 60px 0px 20px 0px;
    }
    .advantages__top .section__title::before {
        content: '';
        background: url('/assets/components/img/advantages/Vector.png');
    
    }
    .advantage__item {
        flex-direction: column;
    }


    .services__sliders {
        order: 1;
        margin-top: 20px;
    }
    .services__entities {
 
        order: 2;
    }
    .services__description {

        order: 3;
    }
    .services__sale{
        background-color: red;
        border-radius: 12px;
        display: flex;
        width: 165px;
        height: 46px;
        color: #fff;
        align-items: center;
        justify-content: center;
        margin: 10px 0 20px;
      
    }
    .services__sale b{
        font-size: 11px;
    }
    .services__sale span{
        font-size: 11px;
    }
    .services__sale img{
        width: 16px;
        height: 16px;
    }
     .services__sale div{
        width: 121px;
        align-items: center;
        text-align: center;
        line-height: 1;
        padding: 5px 0px;
    }
   .includes__head_decription{
        font-size: 16px;
        color: #969696;
        font-weight: 800;
        padding: 0px;
    }
    .includes__item {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    }
    select:hover, input:hover {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    input.water-warm {
        font-size: 14px;
    }
    .services__top, .services__item:nth-child(2n) .services__top {
        gap: 10px;
    }
        input.water-warm {
        height: 54px;
    }
   
    
		    
    .description.mobile span {
        text-decoration: none;
        color: #9F8FFF;
    }
    .advantages__top {margin-block-end: 30px}
    .advantage__item {padding: 15px}
    .advantage__item img{height: 50px}
    .video__city-name {
         font-size: 14px;
    }
    .video__city-phone {
        font-size: 10px;
    }
    .howitworks {
    margin-top: 80px;
    }
    .howitworks__item::before {
        font-size: 20px;
        height: 50px;
        width: 50px;
        padding: 13px;
        margin-right: 12px;
    }
    .get_callback_me { 
        font-size: var(--font-size, 24px);
        width: 320px;
        padding: 10px;
        justify-content: center;
    }
    .howitworks__item.button::before{
        margin-right: 0px;
        font-size: 16px;
        height: 46px;
        width: 320px;
    }
    .howitworks .section__title {
        text-align: left;
    }
    .howitworks__inner {
        gap: 20px;
        margin-bottom: 0px;
        
    }
    .footer {
        padding-block: 40px;
        margin-top: 80px;
    }
    .arshin__form {
        width: 100%;
        padding: 25px;
        border-radius: 12px;
        margin-bottom: 0px;
    }
    .arshin__bg {
        display: flex;
        margin: 0px auto;
        position: static;
        width: 100px;
        height: 100px;
    }
    .arshin .section__title {
        margin-bottom: 10px;
        width: 70%;
    }
    .arshin form input {
        grid-area: A;
        font-size: 14px;
        color: #535353;
    }
    .arshin form select {
        grid-area: B;
        font-size: 14px;
        color: #535353;
    }
    .arshin form button {
        grid-area: C;
        font-size: 14px;
    }

    select {
        background-image: url(/assets/components/img/arshin/Vec334tor.png);
        background-size: 13px;
    }
    .search {
        width: 371px;
    }
    
    
    .slider-buttons .slider-button-prev,
    .slider-buttons .slider-button-next {
        gap: 10px;
    --font-size: 18px;
    }
    .slider-buttons .slider-button-prev::before,
    .slider-buttons .slider-button-next::after {
        width: 20px;
        height: 20px;
    }
    .contacts .section__subtitle {
        --font-size : clamp(24px, calc(var(--index) * 1.65), 28px)
    }
    .contacts form,.contacts address.contacts {gap:10px}
    .contacts .contact__item {
        font-size: 16px
    }
    .option {
 
    }
    .intro__options .intro_price {
        height: 90px;
    }
    .intro__options {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .intro__option span{
        max-width: 150px;
    }
    .intro__option {justify-content: flex-start
               height: 90px;
    }
    .option--oldprice.option--active{
        padding-block-end: 30px;
        justify-content: center;
        flex-direction: row;
        padding: 0px;
        align-items: center;
    }
    .intro_price div:first-child {
        order: 2;
        padding: 0px;
        font-size: 14px;
    }
    .intro__option img{
        height: 58px
        
    }
    .intro__description {
        gap: 10px;
        order: 2;
    }
    .options_sale{
        flex-direction: column;
        text-align: left;
        font-size: 14px;
        align-items: flex-start;
        min-width: 80px;
        max-width: 81px;
    }
     .options_sale p{
        width: 100%;
        height: -webkit-fill-available;
    }
    .options_sale img{
        height: 26px;
    }
    
    .intro_price div:nth-child(2) div {
        width: 200px;
        height: 48px;
        margin-left: 10px;
    }
    .option--oldprice b {
        font-size: clamp(56px, calc(var(--index)*2), 56px);
        width: 150px;
    }
    .certificates {
        display: none;
    }

    .certificates__item {
        gap: 0;
}
    .cert_mobile .certificates {
        display: block;
    }
    .companies-list {
        height: auto;
        position: relative;
        min-height: auto;
        padding: 20px 10px ;
        border-radius: 12px;
        overflow-x: scroll;
        
    }
    .companies-list::-webkit-scrollbar {
      height: 9px;
      width: 90%;
    }
    
    .companies-list::-webkit-scrollbar-track {
        
      background-color: #F3F1FF;
      width: 9px;
      margin: 0px 20px 30px;

      
    }
    
    .companies-list::-webkit-scrollbar-thumb {
      background-color: #9F8FFF;
      width: 63px;
      height: 0px;
      border-radius: 10px;
      
    }
    
    .option--active {
        max-height: 107px;
        min-height: 107px;
    }
    .services__entities .option--oldprice.option--active span {
        
        text-align: right;
    }
    .services__entities .option--oldprice.option--active {
        align-items: flex-end;
        padding-bottom: 40px;
    }
    .services__entities .option--oldprice b {
        
        text-align: left;
    }
    .service__option--red {
        border-radius: 43px;
        min-height: 46px;
        
        padding: 15px 0px 15px 20px;
        text-align: left;
    }
  .services .callback-btn {
        font-size: 16px;
        height: 46px;
        background-color: #9f8fff;
        justify-content: center;
        padding: 15px;
        border-radius: 25px;
    }
    .howitworks .consultation__phone, .services__entities .consultation__phone {
        display: flex;
    }
     .services__entities .consultation__phone {
        display: none;
    }
    .tab__button, .subtab__button {
        height: 38px;
        padding: 8px;
    }
      .tab__button:hover, .subtab__button:hover {
        opacity: 1;
    }
      .gap20 {
        gap: 12px;
    }
        .services__slider .masters__item img {
        max-height: 100%;
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
    .masters__item {
        padding: 0px;
    }
    .tab__item.active, .subtab__item.active {
        height: 260px;
        border-radius: 20px;
    }
    .housing-complex {
        margin-bottom: 80px;
    } 
    .intro h1 {
        font-size: 32px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
    }
    .intro .description {
        font-size: 15px;
        font-weight: 400;
        line-height: 19.6px;
        text-align: left;
    }
    .description {
        padding-inline: 0px 0;
    }
    .services__slider .works__item img {
        max-height: 260px
    }
    .swiper-container {
        padding-block-end: 34px;
    }
    .reviews__slider.swiper-container {
        padding-block-end: 0px;
    }
    .services__item {
        background-color: #fff;
        width: 100%;
        border-radius: 12px;
        padding: 30px 20px;
        margin-bottom: 80px;
    }
    .services__item#shef-montazh {
        margin-bottom: 0px;
    }
    .services__item:nth-child(2n) {
        padding: 30px 20px;
        scroll-margin-block-start: 64px;
    }
    .arshin {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    section {
        --section-padding: 0px 0;
        margin-bottom: 0px;
        
    }
    .light-bg{
        background-color: none;
        margin-bottom: 80px;
    }
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        transition: all 00ms ease-in-out;

    }
    .swiper-pagination-bullet-active {
        background: #9F8FFF;
        width: 10px;
        height: 10px;
    }
    .primary-btn {
        padding: 13px;
        height: 46px;
    }
    .consultation .btn {
        width: 100%
    }
        .consultation__inner {
        margin-bottom: 0px;
        background-color: white;
        padding: 30px 20px;
        border-radius: 12px;
    }
    .maps .section__title {
        margin-block-end: 15px;
        width: 280px;
        
    }
    .mobile-background-nav {width: 100%;}
	.mobile-background-nav .mobile-inner {
		padding-block: 20px;
		overflow-x: hidden;
		padding-inline: 20px 40px;
	}
	.includes__body {
	    grid-template-columns: 1fr
	}
	.g-recaptcha {
        transform:scale(0.8); 
        transform-origin:0;
    }
    
    .advantages__description .description {
        display: none;
    }
    
    .description.mobile {
        display: block;
    }
    
    .geo-head .search input {
        width: 320px;
        background-color: #ececec;
        font-size: 14px;
        width: 90vw;
    }
       .intro .container { 
        max-width: 100vw;
        background-color: #fff;
        padding-inline: 20px;
    }
    .advantages .container{
         background-color: #F3F1FF;
         padding-inline: 20px;
    }
    
    .services .container{
         background-color: #F3F1FF;
         padding-inline: 0px;
    }
    .services .consultation {
        padding: 0px;
        border-radius: 12px;
    }
    .header .container {
        max-width: 100vw;
        padding-inline: 15px;
    }
    
    .tab-buttons button {
        color: #535353;
        font-weight: 700;
        background: none;
    }
     .review__item{
    height: 244px;
    overflow: scroll;
    }
    .reviews {
        margin-bottom: 80px;
    }
    .contacts__inner {
        gap: 30px;
    }
    footer .container {
        background-color: #04001c;
    }
        .contacts__description, .contacts__form {
        background-color: white;
        padding: 30px 20px;
        border-radius: 12px;
    }
         .certificates .container{
         background-color: #FFF;
         padding-inline: 0px;
    }
    .contacts-form.form__inner .water-warm{
        display: none;
    }
    input[type="input"], input[type="text"], input[type="tel"], textarea, select {
        border-radius: 50px;
        height: 50px;
        font-size: 14px;
        color: #535353;
    }
    .services__item:has(input.water-warm:checked) .services__entities .description-water {
        display: none;
    }
    
    .services__item:has(input.water-warm:checked) .services__entities .option--active.description-warm {
        display: flex;
        align-items: flex-end;
        padding-bottom: 40px;
        padding-left: 0px;
    }
    .services__item:has(input.water-warm:checked) .services__options-tabs .description-warm {
    padding: 15px 0px 15px 20px;
      
}
    .services__item:not(:has(input.water-warm:checked)) .services__entities .description-warm {
        display: none;
    }
    .consultation__phone img {
        max-width: 100%;
        width: 24PX;
        height: 24px;
    }
    .nav__link {
        --font-size: 20px;
        text-transform: capitalize;
    }
    .footer .logo {
        max-width: 203px;
        margin-bottom: 40px;
    }
    .footer .callback-btn {
        --bg: #6147FF;
    }
    .footer .phone {
        --font-size: 24px;
        margin: 20px 0px 10px;
    }
    .footer .conf__text {
    color: #ACACAC;
}

}
    @media screen and (max-width: 400px) {
    .maps__button {
        font-size: 14px;align-items: center;
        
    }
}
@media screen and (max-width: 360px) {

    .consultation__phone .number {
        font-size: 16px;
    }
    .services__entities .option--oldprice b {
        font-size: 40px;
    }
    .intro .container { 
        max-width: 100vw;
        background-color: #fff;
        padding-inline: 20px;
    }
    .advantages .container{
         background-color: #F3F1FF;
         padding-inline: 20px;
    }
    
    .services .container{
         background-color: #F3F1FF;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .services .consultation {
        padding: 0px;
        border-radius: 12px;
}
    .header .container {
        max-width: 100vw;
        padding-inline: 15px;
    }
    .advantage__text {
        --font-size: 16px;
    }
    .services .callback-btn {
        padding: 10px;
    }
    .sliders__swap-buttons {
        flex-direction: column;
        gap: 10px
    }
    .tab__button, .subtab__button {
        width: 100%
    }
    .arshin__inner {
        display: flex;
    }
    .arshin__form {padding: 12px;gap: 10px;}
    .arshin .section__title {margin: 0;text-align: center;}
    section {
        --section-padding: 0px 0;
    }
    
    .geo-head .search input {
        width: 69%;
        font-size: 16px;
    }
    
    .companies-list {
	    padding: 15px 10px;
	}

    .geo-head .tab-buttons button {
        padding: 15px 28px;
        font-size: 16px;
	}
}