:root {
    --width-header-logo: 145px;
    --height-header-logo: 161px;

    --font-size-btn-slider: 24px;
    --height-btn-slider-consultation: 45px;
    --width-btn-slider-consultation: 369px;

    --font-size-btn-details: 18px;
    --height-btn-details: 38px;
    --width-btn-details: 170px;

    --font-size-politika-down: 16px;
    --font-size-politika-down-btn: 20px;
    --font-size-header-text: 14px;

    --font-size-more-link: 24px;
    --height-btn-more-link: 53px;
    --width-btn-more-link: 320px;
    --transform-more-service:24px;
    --transform-more-news: 35px;

    --font-size-h1: 65px;

    --font-size-block-title: 40px;
    --padding-top-block-title: 25px;
    --padding-bottom-block-title: 30px;

    --font-size-about-title: 24px;
    --font-size-about-text: 20px;
    --font-size-usluga-title: 24px;
    --font-size-usluga-text: 16px;
    --font-size-news-date: 14px;
    --width-icon-news-date: 20px;
    --height-icon-news-date: 20px;
    --font-size-news-title: 18px;
    --gap-news-block-title: 32px;



    --font-size-feedback-text: 14px;
    --font-size-feedback-title: 32px;
    --height-btn-feedback: 40px;

    --font-size-footer-text: 16px;
    --font-size-footer-politika: 16px;
    --font-size-contact-link: 16px;

    --font-size-slider-title: 50px;
    --font-size-slider-text: 20px;
    --max-width-slider-text: 670px;

    --font-size-navigation-header: 18px;

    --margin-top-block-front-h1: 70px;
    --margin-top-block-about: 40px;
    --margin-top-block: 90px;
    --margin-top-block-feedback: 120px;


    --icon-search-white: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>\
<path fill='%23ffffff' d='M14.7556 16L9.15556 10.4C8.71111 10.7556 8.2 11.037 7.62222 11.2444C7.04445 11.4519 6.42963 11.5556 5.77778 11.5556C4.16296 11.5556 2.79644 10.9961 1.67822 9.87733C0.56 8.75852 0.000593063 7.392 0 5.77778C0 4.16356 0.558815 2.79704 1.67822 1.67822C2.79763 0.559407 4.16415 0 5.77778 0C7.39141 0 8.75822 0.559407 9.87822 1.67822C10.9982 2.79704 11.5573 4.16356 11.5556 5.77778C11.5556 6.42963 11.4519 7.04444 11.2444 7.62222C11.037 8.2 10.7556 8.71111 10.4 9.15556L16 14.7556L14.7556 16ZM5.77778 9.77778C6.88889 9.77778 7.83348 9.38904 8.61156 8.61156C9.38963 7.83407 9.77837 6.88948 9.77778 5.77778C9.77719 4.66607 9.38845 3.72178 8.61156 2.94489C7.83467 2.168 6.89007 1.77896 5.77778 1.77778C4.66548 1.77659 3.72119 2.16563 2.94489 2.94489C2.16859 3.72415 1.77956 4.66844 1.77778 5.77778C1.776 6.88711 2.16504 7.8317 2.94489 8.61156C3.72474 9.39141 4.66904 9.78015 5.77778 9.77778Z'/>\
</svg>");
    --icon-search-blue: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>\
<path fill='%23015783' d='M14.7556 16L9.15556 10.4C8.71111 10.7556 8.2 11.037 7.62222 11.2444C7.04445 11.4519 6.42963 11.5556 5.77778 11.5556C4.16296 11.5556 2.79644 10.9961 1.67822 9.87733C0.56 8.75852 0.000593063 7.392 0 5.77778C0 4.16356 0.558815 2.79704 1.67822 1.67822C2.79763 0.559407 4.16415 0 5.77778 0C7.39141 0 8.75822 0.559407 9.87822 1.67822C10.9982 2.79704 11.5573 4.16356 11.5556 5.77778C11.5556 6.42963 11.4519 7.04444 11.2444 7.62222C11.037 8.2 10.7556 8.71111 10.4 9.15556L16 14.7556L14.7556 16ZM5.77778 9.77778C6.88889 9.77778 7.83348 9.38904 8.61156 8.61156C9.38963 7.83407 9.77837 6.88948 9.77778 5.77778C9.77719 4.66607 9.38845 3.72178 8.61156 2.94489C7.83467 2.168 6.89007 1.77896 5.77778 1.77778C4.66548 1.77659 3.72119 2.16563 2.94489 2.94489C2.16859 3.72415 1.77956 4.66844 1.77778 5.77778C1.776 6.88711 2.16504 7.8317 2.94489 8.61156C3.72474 9.39141 4.66904 9.78015 5.77778 9.77778Z'/>\
</svg>");
    --icon-dropdown-black: url("data:image/svg+xml;utf8,\
    <svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 13 8\'>\
    <path fill='%23000' d='M11.91 7.19632e-06L12.97 1.06101L7.193 6.84001C7.10043 6.93316 6.99036 7.00709 6.86911 7.05754C6.74786 7.10799 6.61783 7.13396 6.4865 7.13396C6.35517 7.13396 6.22514 7.10799 6.10389 7.05754C5.98264 7.00709 5.87257 6.93316 5.78 6.84001L2.65457e-07 1.06101L1.06 0.00100665L6.485 5.42501L11.91 7.19632e-06Z' />\
    </svg>");

    --max-width-news-block: 322px;

    --width-header-search: 270px;
    --width-header-btn-callback: 209px;
    --width-header-text: 320px;

    --max-width-about-block: 570px;
    --width-service-block: 570px;
    --gap-service-block: 32px;

    --margin-bottom-slider-text: 40px;
    --padding-bottom-slider-content: 70px;
    --slick-next-prev-bottom: 54px;
    --width-next-prev-btn: 36px;
    --height-next-prev-btn: 36px;
    --left-next-prev-btn: 53px;
    --right-next-prev-btn: 0px;


    --height-gallery-img: 324px;
    --row-gap-gallery: 30px;
    --width-gallery-img: 370px;

    --font-size-footer-btn-callback: 20px;
    --height-footer-btn-callback: 40px;
    --width-footer-btn-callback: 270px;

    --max-width-footer-contact-block: 270px;

    --scroll-top-right: 75px;
    --scroll-top-bottom: 120px;
    --scroll-top-width: 75px;
    --scroll-top-height: 75px;

    --width-footer-nav-block: 570px;
    --font-size-node-photogallery-title: 20px;

    --width-map-container: 671px;

    --page-news-gap-block-content: 30px;
    --page-news-block-max-width:270px;
    --page-news-block-gap:30px;
    --page-news-max-width-img: 370px;
    --page-news-field-item-width: 322px;

    --page-service-width-block: 368px;
    --page-service-gap-block: 32px;
    --page-service-font-size-title: 22px;

    --page-service-height-btn-feedback: 40px;
    --page-service-width-btn-feedback: 270px;
    --page-service-font-size-btn: 20px;
    --page-service-max-width-img: 538px;

    --page-gallery-field--name-field-galereya-gap: 30px;


}

@media (max-width: 1399px) {
    :root {
        --font-size-slider-title: 40px;
        --font-size-h1: 55px;
        --margin-top-block: 80px;
        --margin-top-block-feedback: 110px;
        --margin-top-block-front-h1: 60px;
        --margin-top-block-about: 30px;

        --margin-bottom-slider-text: 35px;

        --scroll-top-right: 30px;
        --scroll-top-width: 60px;
        --scroll-top-height: 60px;
        --scroll-top-bottom: 30px;
    }
}
@media (max-width: 1199px) {
    :root {
        --width-header-logo: 120px;
        --height-header-logo: 133px;

        --max-width-news-block: 280px;
        --min-height-news-block: 440px;
        --width-header-search: 200px;
        --width-header-btn-callback: 180px;
        --width-header-text: 270px;
        --width-gallery-img: 290px;

        --max-width-about-block: 450px;
        --width-service-block: 440px;
        --gap-service-block: 28px;
        --font-size-about-title: 18px;
        --font-size-about-text: 16px;

        --font-size-block-title: 36px;
        --padding-top-block-title: 20px;
        --padding-bottom-block-title: 25px;
        --font-size-slider-title: 36px;
        --font-size-slider-text: 18px;
        --font-size-h1: 50px;

        --margin-bottom-slider-text: 20px;
        --padding-bottom-slider-content: 50px;
        --slick-next-prev-bottom: 32px;

        --height-btn-more-link: 48px;
        --width-btn-more-link: 280px;
        --font-size-more-link: 21px;

        --font-size-btn-slider: 20px;
        --height-btn-slider-consultation: 42px;
        --width-btn-slider-consultation: 320px;

        --font-size-news-title: 16px;
        --width-footer-nav-block: 300px;
        --page-news-gap-block-content: 47px;

        --width-map-container: 483px;
        --page-news-block-max-width:290px;
        --page-news-field-item-width: 298px;
        --page-service-width-block: 294px;
        --page-service-gap-block: 26px;
        --page-service-font-size-title: 20px;
        --page-service-max-width-img: 480px;

    }
}
@media (max-width: 991px) {
    :root {
        --max-width-about-block: 696px;
        --font-size-about-title: 20px;
        --font-size-about-text: 16px;

        --font-size-block-title: 30px;
        --padding-top-block-title: 15px;
        --padding-bottom-block-title: 16px;
        --font-size-slider-title: 30px;
        --font-size-h1: 42px;
        --margin-top-block: 60px;
        --margin-top-block-feedback: 100px;
        --margin-top-block-front-h1: 50px;
        --margin-top-block-about: 20px;
        --padding-bottom-slider-content: 30px;
        --slick-next-prev-bottom: 12px;

        --max-width-news-block: 217px;
        --gap-news-block-title: 24px;

        --width-gallery-img: 217px;
        --row-gap-gallery: 22px;
        --width-service-block: 320px;
        --gap-service-block: 20px;
        --font-size-usluga-title: 20px;

        --height-btn-more-link: 40px;
        --width-btn-more-link: 230px;
        --font-size-more-link: 18px;

        --font-size-btn-details: 16px;
        --height-btn-details: 34px;
        --width-btn-details: 150px;

        --transform-more-service:20px;
        --transform-more-news: 25px;

        --font-size-btn-slider: 18px;
        --height-btn-slider-consultation: 38px;
        --width-btn-slider-consultation: 300px;
        --max-width-slider-text: 560px;

        --width-next-prev-btn: 32px;
        --height-next-prev-btn: 32px;
        --left-next-prev-btn: 47px;

        --font-size-footer-btn-callback: 18px;
        --height-footer-btn-callback: 36px;
        --width-footer-btn-callback: 240px;

        --max-width-footer-contact-block: 240px;
        --font-size-node-photogallery-title: 16px;

        --width-map-container: 696px;

        --page-news-gap-block-content: 32px;

        --page-news-block-max-width: 220px;
        --page-news-block-gap: 16px;
        --page-news-field-item-width: 218px;
        --page-news-max-width-img: 260px;
        --page-service-width-block: 332px;
        --page-service-gap-block: 32px;
        --page-service-max-width-img: 348px;

        --page-gallery-field--name-field-galereya-gap: 22px;


    }
}
@media (max-width: 767px) {
    :root {
        --font-size-news-date: 13px;
        --width-icon-news-date: 16px;
        --height-icon-news-date: 16px;
        --font-size-news-title: 14px;
        --max-width-news-block: 163px;
        --gap-news-block-title: 16px;
        --font-size-btn-details: 14px;
        --height-btn-details: 30px;
        --width-btn-details: 130px;
        --font-size-block-title: 26px;
        --padding-top-block-title: 11px;
        --padding-bottom-block-title: 13px;
        --font-size-feedback-title: 28px;
        --height-btn-more-link: 36px;
        --width-btn-more-link: 210px;
        --font-size-more-link: 16px;
        --height-btn-feedback: 36px;
        --width-gallery-img: 163px;
        --row-gap-gallery: 13px;
        --width-service-block: 235px;
        --font-size-usluga-title: 18px;
        --font-size-usluga-text: 14px;
        --font-size-about-title: 18px;
        --gap-service-block: 14px;
        --font-size-h1: 34px;
        --font-size-slider-title: 24px;
        --font-size-slider-text: 16px;
        --margin-bottom-slider-text: 20px;
        --margin-top-block: 40px;
        --margin-top-block-feedback: 70px;
        --margin-top-block-front-h1: 40px;
        --margin-top-block-about: 10px;
        --max-width-slider-text: 440px;
        --font-size-btn-slider: 16px;
        --height-btn-slider-consultation: 34px;
        --width-btn-slider-consultation: 240px;
        --width-next-prev-btn: 34px;
        --height-next-prev-btn: 34px;
        --padding-bottom-slider-content: 20px;
        --slick-next-prev-bottom: 3px;
        --page-news-gap-block-content: 17px;
        --width-map-container: 516px;
        --page-news-block-max-width: 240px;
        --page-news-block-gap: 34px;
        --page-news-max-width-img: 235px;
        --page-news-field-item-width: 248px;
        --page-service-width-block: 242px;
        --page-service-gap-block: 32px;
        --page-service-font-size-title: 18px;
        --page-service-max-width-img: auto;
        --page-gallery-field--name-field-galereya-gap: 13px;

        --font-size-node-photogallery-title: 13px;
    }
}
@media (max-width: 575px) {
    :root {
        --right-next-prev-btn: 25px;
        --left-next-prev-btn: 65px;
        --font-size-footer-btn-callback: 16px;
        --height-footer-btn-callback: 34px;
        --width-footer-btn-callback: 220px;
        --font-size-footer-text: 14px;
        --width-gallery-img: clamp(161px, calc(-18.1628px + 49.7674vw), 268px) /* 360px - 575px */;
        --max-width-news-block: 330px;
        --transform-more-service: 0px;

        --font-size-usluga-text: 16px;

        --font-size-btn-details: 16px;
        --height-btn-details: 34px;
        --width-btn-details: 140px;

        --font-size-h1: 30px;
        --font-size-block-title: 24px;
        --font-size-slider-title: 22px;
        --font-size-node-photogallery-title: 14px;
        --margin-top-block-front-h1: 30px;

        --width-map-container: clamp(336px, calc(-24px + 100vw), 551px) /* 360px - 575px */;
        --page-news-block-max-width: clamp(160px, calc(26.0465px + 37.2093vw), 240px) /* 360px - 575px */;
        --page-news-block-gap: clamp(14px, calc(-19.4884px + 9.3023vw), 34px) /* 360px - 575px */;
        --page-news-max-width-img: clamp(145px, calc(-5.6977px + 41.8605vw), 235px) /* 360px - 575px */;
        --page-service-width-block: auto;
        --page-service-font-size-title: clamp(20px, calc(13.3023px + 1.8605vw), 24px) /* 360px - 575px */;

        --page-news-field-item-width: clamp(162px, calc(-17.1628px + 49.7674vw), 269px) /* 360px - 575px */;
    }
}

/*///////////////////////////////////////////////////////*/
/*////////  Для окрашивания половины контейнера  ////////*/
/*///////////////////////////////////////////////////////*/
:root {
    --container: 100%;
    --btn-next-prev-slider: max(calc((100vw - var(--container)) / 2), 0px);
}

@media (min-width: 576px) {
    :root {
        --container: 540px;
    }
}

@media (min-width: 768px) {
    :root {
        --container: 720px;
    }
}

@media (min-width: 992px) {
    :root {
        --container: 960px;
    }
}

@media (min-width: 1200px) {
    :root {
        --container: 1170px;
    }
}

@media (min-width: 1400px) {
    :root {
        --container: 1170px;
    }
}

@media (min-width: 1920px) {
    :root {
        --container: 1170px;
    }
}

/*////////////////////////////////////////*/
/*////////  Прижать футер к низу  ////////*/
/*////////////////////////////////////////*/
body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    height: 100%;
    margin: 0;
    font-size: 16px;
}

#app {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

#main {
    flex: 1;
}

/*//////////////////////////////////////////////////////////*/
/*////////  Убрать паддинги с некоторых разрешений  ////////*/
/*//////////////////////////////////////////////////////////*/
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
        padding: 0;
    }
}

/*///////////////////////////////////////////////////////////*/
/*////////  Скрытие таймера появляющегося при клике  ////////*/
/*///////////////////////////////////////////////////////////*/
.ajax-progress.ajax-progress-throbber {display: none;}

.only-mobile {
    display: none;
}

.only-desktop {
    display: block;
}

@media (max-width: 575px) {
    .only-mobile {
        display: block;
    }

    .only-desktop {
        display: none;
    }
}


/*//////////////////////////////////*/
/*////////  Поднять наверх  ////////*/
/*//////////////////////////////////*/
#scrollToTop {
    width: var(--scroll-top-width);
    height: var(--scroll-top-height);
    right: var(--scroll-top-right);
    bottom: var(--scroll-top-bottom);
}


/*/////////////////////////////////////////////*/
/*////////  согласие обработки данных  ////////*/
/*/////////////////////////////////////////////*/
div#vpa-short-wrapper{
    margin: 0 0 0 auto;
    bottom: 0;
    border-radius: 0;
    background: #015783;
    max-width: 1035px;
    padding: 16px 32px;
    font-weight: 300;
}


@media (max-width: 575px) {
    div#vpa-short-wrapper{
        display: flex;
        flex-direction: column;
    }
    div#vpa-short-wrapper .vpa-content {
        padding-top: 10px;
    }
}

.vpa-wrapper.vpa-slide p {
    font-family: 'Inter', sans-serif;
    color: #fff;
    line-height: 1.2;
    font-size: var(--font-size-politika-down);
}

.vpa-wrapper.vpa-slide a {
    text-decoration: none;
    color: #fff;
}

.page-h1 {
    color: #015783;
    font-weight: 700;
    font-size: var(--font-size-h1);
    line-height: 1.21;
    text-align: center;
    max-width: 1100px;
}

@media (max-width: 991px) {
    .page-h1{
        margin-bottom: 0;
    }
}


/*//////////////////////////*/
/*////////  Тайтлы  ////////*/
/*//////////////////////////*/
.region-about .block-title,
.region-gallery .block-title {
    font-weight: 700;
    font-size: var(--font-size-block-title);
    line-height: 1.2;
    color: #1781B8;
    padding-left: 24px;
    padding-top: var(--padding-top-block-title);
    padding-bottom: var(--padding-bottom-block-title);
}

.region-services .block-title,
.region-news .block-title {
    font-weight: 700;
    font-size: var(--font-size-block-title);
    line-height: 1.2;
    color: #FFFFFF;
    padding-left: 24px;
    padding-top: var(--padding-top-block-title);
    padding-bottom: var(--padding-bottom-block-title);
}

@media (max-width: 575px) {
    .region-services .block-title {
        margin-bottom: 0;
    }
}



@media (max-width: 575px) {
    .region-services .block-title,
    .region-news .block-title,
    .region-about .block-title,
    .region-gallery .block-title{
        padding-left: 0;
        text-align: center;
    }
}


/*/////////////////////////////////////*/
/*////////  Межблочный отступ  ////////*/
/*/////////////////////////////////////*/
.margin-top-block-about {
    margin-top: var(--margin-top-block-about);
}

.margin-top-block-h1 {
    margin-top: var(--margin-top-block-front-h1);
}

.margin-top-block {margin-top: var(--margin-top-block);}
.top-block {
    display: flex;
    justify-content: center;
}
.margin-top-block-feedback {margin-top: var(--margin-top-block-feedback);}


/*///////////////////////////////////////*/
/*////////  Общие стили страниц  ////////*/
/*///////////////////////////////////////*/
.not-front .block-page-title-block h1 {
    font-weight: 700;
    font-size: var(--font-size-block-title);
    line-height: 1.2;
    color: #1781B8;
    padding-left: 24px;
    padding-top: var(--padding-top-block-title);
    padding-bottom: var(--padding-bottom-block-title);
}

@media (max-width: 575px) {
    .not-front .block-page-title-block h1{
        text-align: center;
        padding-left: 0;
    }
}


.not-front .pagination {
    --bs-pagination-active-bg: #015783;
    --bs-pagination-active-border-color: #015783;
    --bs-pagination-color: #015783;
    --bs-pagination-hover-color: #1781B8;
    --bs-pagination-focus-color: #1781B8;
}

.not-front .pagination {
    margin-top: 20px;
}


.page-item:last-child .page-link,
.page-item:first-child .page-link {
    border-radius: 0;
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
    font-size: 14px;
    color: #666666;
}

.search__container .pager__item--previous span[aria-hidden],
.search__container .pager__item--first span[aria-hidden],
.search__container .pager__item--next span[aria-hidden],
.search__container .pager__item--last span[aria-hidden] {
    font-size: 0;
}

.search__container .pager__item--previous span[aria-hidden]::after {
    content: "‹";
    font-size: 16px;
}

.search__container .pager__item--first span[aria-hidden]::after {
    content: "«";
    font-size: 16px;
}

.search__container .pager__item--next span[aria-hidden]::after {
    content: "›";
    font-size: 16px;
}

.search__container .pager__item--last span[aria-hidden]::after {
    content: "»";
    font-size: 16px;
}

/*/////////////////////////////////////*/
/*////////  Регион о компании  ////////*/
/*/////////////////////////////////////*/

.region-about {}

.region-about img {max-height: 471px;}

.region-about .field--name-field-opisanie {
    font-weight: 700;
    font-size: var(--font-size-about-title);
    line-height: 1.2;
}

@media (max-width: 991px) {
    .region-about .field--name-field-opisanie {
        margin-bottom: 18px;
    }
}

.region-about .field--name-field-kratkoe-opisanie {
    font-weight: 400;
    font-size: var(--font-size-about-text);
    line-height: 1.2;
}

.region-about .group_left {
    max-width: var(--max-width-about-block);
}

@media (max-width: 991px) {
    .region-about .group_left {
        display: none;
    }
}

.region-about .group_right {
    max-width: var(--max-width-about-block);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 15px;
}

.region-about .node--type-about, /**/
.region-about .block-content--type-o-kompanii {
    display: flex;
    justify-content: space-between;
}

.region-about .node--type-about::after, /**/
.region-about .block-content--type-o-kompanii::after{display:none;}

@media (max-width: 575px) {
    .region-about .group_right .field--name-node-link {
        display: flex;
        justify-content: center;
    }
}

/*//////////////////////////////////*/
/*////////  Регион галерея  ////////*/
/*//////////////////////////////////*/

.region-gallery ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
}

.region-gallery .view > .view-content {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    /*row-gap: var(--row-gap-gallery);*/
    gap: var(--page-gallery-field--name-field-galereya-gap);
    margin-bottom: 25px;
}
.region-gallery img {max-height: 324px;}

.region-gallery .views-row {
    max-height: var(--height-gallery-img);
    max-width: var(--width-gallery-img);
}

.region-gallery .views-row {
    overflow: hidden;
}

.region-gallery .views-row img {
    transition: transform 0.2s ease;
}

.region-gallery .views-row img:hover {
    transform: scale(1.03);
    transition: transform 0.2s ease;
}

/*//////////////////////////////////*/
/*////////  Регион новости  ////////*/
/*//////////////////////////////////*/

.region-news {position: relative;}
.region-news > .views-element-container::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: #015783;
    left: 0;
    right: 0;
}

.region-news .view-content {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 575px) {
    .region-news .view-content {
        flex-direction: column;
        gap: 20px;
    }
}


.region-news .views-row {
    width: 370px;
    display: flex;
    justify-content: center;
}

@media (max-width: 1199px) {
    .region-news .views-row {
        width: unset;
    }
}

.region-news img {max-height: 244px;}

.region-news .node--type-news {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.region-news .node--type-news .field--name-node-link {
    padding-top: 20px;
    align-self: flex-start;
}

@media (max-width: 575px) {
    .region-news .field--name-node-link {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}


.region-news .content {
    max-width: var(--max-width-news-block);
    display: flex;
    flex-direction: column;
    gap: var(--gap-news-block-title);
}

.region-news .content_down {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.region-news .node--type-news::after {display: none;}

.region-news .field--name-field-date {
    display: flex;
    gap: 8px;
    align-items: center;
}

.region-news .field--name-field-date::before {
    content: "";
    width: var(--width-icon-news-date);
    height: var(--height-icon-news-date);
    flex-shrink: 0;
    background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\
<path d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%23ffffff' stroke-width='1.5' fill='none'/>\
<path d='M13.75 9.99992H10.2083C10.1531 9.99992 10.1001 9.97797 10.061 9.9389C10.0219 9.89983 10 9.84684 10 9.79159V7.08325' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' fill='none'/>\
</svg>") no-repeat center / contain;
}


.region-news .datetime {
    font-weight: 500;
    font-size: var(--font-size-news-date);
    line-height: 1;
    color: #fff;
}

.region-news .field--name-node-title a {
    text-decoration: none;
    font-weight: 500;
    font-size: var(--font-size-news-title);
    line-height: 1.22;
    color: #fff;
    display: block;
}

.region-news .more-link {
    transform: translateY(var(--transform-more-news));
}


.news__wrapper {
    display: grid;
    grid-template-columns: 1fr min(1170px, 100%) 1fr;
}
.news__background {
    background: #015783;
    grid-column: 2 / 4;
    grid-row: 1;
}

@media (max-width: 1199px) {
    .news__background {
        grid-column: 1 / 4;
    }
}


.news__wrapper > .container {
    grid-column: 2;
    grid-row: 1;
}

/*/////////////////////////////////*/
/*////////  Регион услуги  ////////*/
/*/////////////////////////////////*/

.region-services .group_down .field--name-node-link,
.region-services .field--name-field-image {
    display: flex;
    justify-content: center;
}

@media (max-width: 575px) {
    .region-services .group_down .field--name-node-link {
        padding-bottom: 20px;
    }
}


.region-services .more-link {
    transform: translateY(var(--transform-more-service));
}


.region-services .view-content {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 575px) {
    .region-services .view-content {
        flex-direction: column;
        gap: 20px;
    }
}

.region-services .views-row {
    width: var(--width-service-block);
}


.region-services {position: relative;}

@media (min-width: 576px) {
    .region-services > .views-element-container::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        pointer-events: none;
        background: #015783;
        left: calc(-1 * var(--btn-next-prev-slider));
        right: calc(50% + 15px);
    }
}


.region-services .node--type-usluga::after{display: none;}
.region-services .node--type-usluga {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.region-services .group_up {
    display: flex;
    flex-direction: column;
    gap: var(--gap-service-block);
    align-items: center;
}

.region-services img {max-height: 244px;}


.region-services .field--name-node-title {
    text-align: center;
}

.region-services .field--name-node-title a {
    text-decoration: none;
    font-weight: 700;
    font-size: var(--font-size-usluga-title);
    line-height: 1.2;
}

.region-services .text-formatted {
    font-weight: 400;
    font-size: var(--font-size-usluga-text);
    line-height: 1.2;
    text-align: center;
    max-width: 500px;
}


.region-services .view-content .views-row:nth-child(1)  {
    color: #fff;
}

.region-services .view-content .views-row:nth-child(1) a {
    color: #fff;
}



@media (max-width: 575px) {
    .container.margin-top-block.background__service {
        padding: 0;
    }

    .region-services .view-content .views-row:nth-child(1) {
        width: 100%;
        position: relative;
    }

    .region-services .view-content .views-row:nth-child(1)::before {
        content: "";
        position: absolute;
        background: #015783;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .region-services .view-content .node--type-usluga {
        padding: 0 12px;
    }
    .region-services .block-title {
        background: #015783;
    }
}


.region-services .field--name-node-link a {
    margin-top: 15px;
}

.region-services .view-content .views-row:nth-child(2)  {
    color: #000;
}

.region-services .view-content .views-row:nth-child(2) a {
    color: #1781B8;
}

@media (max-width: 1199px) {
    .region-services > .views-element-container::before {
        left: calc(-1 * var(--btn-next-prev-slider) - 15px);
    }
}

@media (max-width: 575px) {
    .region-services .view-content .views-row:nth-child(2) {
        background: #fff;
        width: 100%;
    }
}


/*//////////////////////////////////*/
/*////////  Регион слайдер  ////////*/
/*//////////////////////////////////*/

.region-slider {}


@media (max-width: 767px) {
    .region-slider p {
        margin-bottom: 0;
    }
}


.region-slider .field--name-field-slide-title {
    font-weight: 700;
    font-size: var(--font-size-slider-title);
    line-height: 1.2;
    margin-bottom: 10px;
}

.region-slider .field--name-body {
    font-weight: 400;
    font-size: var(--font-size-slider-text);
    line-height: 1.2;
    margin-bottom: var(--margin-bottom-slider-text);
    max-width: var(--max-width-slider-text);
}
.region-slider .view-content:not(.slick-initialized) .views-row {
    display: none;
}

.region-slider .view-content:not(.slick-initialized) .views-row:first-child {
    display: block;
}

/*если изменять размеры слайдера, то здесь править аспект ратио*/
/*какие размеры задаешь в media/стили изображения те же цифры сюда в ратио*/
.region-slider .node--type-slide{
    aspect-ratio: auto 1922 / 647;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
}

.region-slider .field--name-field-image img {
    position: absolute;
    height: 100%;
    object-fit: cover;
}

div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    position: relative;
    justify-content: flex-end;
    padding-bottom: var(--padding-bottom-slider-content);
}

.region-slider .field--name-field-image {
}

.region-slider .content {
    z-index: 3;
}

@media (max-width: 575px) {
    .region-slider .content  {
        padding-top: 10px;
    }
}

.region-slider .field--name-field-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(-360deg, #015783 0%, rgba(1, 87, 131, 0.75) 38.46%, rgba(1, 87, 131, 0) 100%);
}

@media (max-width: 575px) {
    .region-slider .field--name-field-image::before  {
        background: rgb(1 87 131 / 81%);
    }
}

.region-slider button.slick-next.slick-arrow {
    bottom: var(--slick-next-prev-bottom);
    top: unset;
    width: var(--width-next-prev-btn);
    height: var(--height-next-prev-btn);
    right:  calc(var(--btn-next-prev-slider) + var(--right-next-prev-btn));
}
.region-slider button.slick-next.slick-arrow::before {
    background-image: url(/sites/all/themes/vesta_theme/image/next.svg);
    transform: rotate(0deg);
    height: var(--height-next-prev-btn);
    width: var(--width-next-prev-btn);
}

.region-slider button.slick-prev.slick-arrow{
    bottom: var(--slick-next-prev-bottom);
    top: unset;
    left: unset;
    right:  calc(var(--btn-next-prev-slider) + var(--left-next-prev-btn));
    width: var(--width-next-prev-btn);
    height: var(--height-next-prev-btn);
}
.region-slider button.slick-prev.slick-arrow::before {
    background-image: url(/sites/all/themes/vesta_theme/image/next.svg);
    transform: rotate(-180deg);
    height: var(--height-next-prev-btn);
    width: var(--width-next-prev-btn);
}

/*//////////////////////////////////*/
/*////////  header / шапка  ////////*/
/*//////////////////////////////////*/


#header .header__text-1 {
    width: var(--width-header-text);
    color: #666666;
    font-weight: 500;
    font-size: var(--font-size-header-text);
    line-height: 1.21;
    text-align: right;
}

.header__wr {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 1199px) {
    .header__wr  {
        gap: 16px;
    }
}

.header__wr-block {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header__wr-block a{
    height: var(--height-header-logo);
    width: var(--width-header-logo);
}

.header__wr-block img {
    height: var(--height-header-logo);
    width: var(--width-header-logo);
}

.region-search form {
    display: flex;
    width: var(--width-header-search);
}

.region-search form input {
    border-radius: 0;
    border: 1px solid #686868;
    height: 35px;
}

.region-search form input:focus {
    box-shadow: none;
}

.region-search form:focus-within {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}


.region-search form .form-item {width: 100%}


.header-bottom {
    background: #fff;
    margin-bottom: 25px;
}

@media (max-width: 1199px) {
    .header-bottom  {
        margin-bottom: 15px;
    }
}


.header__nav {}
.header__nav ul {justify-content: space-between;}
.header__nav ul a {
    color: #000;
    padding: 10px 0;
    font-weight: 400;
    font-size: var(--font-size-navigation-header);
    line-height: 1.22;
}
.header__icon {
    display: flex;
    gap: 16px;
    flex-shrink: 0;
}

.header__nav .dropdown a::after {
    content: "";
    background: var(--icon-dropdown-black);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 8px;
    border: none;
    margin-left: 12px;
    transition: transform 0.1s;
}

.header__nav .dropdown:hover > a::after {
    transform: rotate(180deg);
    transition: transform 0.1s;
}

.header__nav .dropdown-menu {
    border-radius: 0;
    border: 1px solid #ffffff00;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*background: #F1FAFF;*/
    padding: 0;


    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease;

}

.header__nav .nav-item.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.header__nav .dropdown-menu a {
    padding: 6px 10px;
    color: #015783;
    border: 1px solid #1781B8;
    transition: all 0.1s;
    font-size: 16px;
}

.header__nav .dropdown-item.active,
.header__nav .dropdown-item:active,
.header__nav .dropdown-menu a:active,
.header__nav .dropdown-menu a:hover {
    background-color: #015783;
    color: #fff;
}



.header__nav .dropdown-menu li {
    margin-top: -1px;
}

.header__nav .dropdown-menu li:hover {
    background: #015783;
    transition: all 0.1s;
}
.header__nav .dropdown-menu a:hover {
    background: #015783;
    color: #fff;
    transition: all 0.1s;
}

.header__nav .navigation > .nav > .nav-item:hover > a {
    color: #015783;
}

.header__nav .nav-link {
    display: flex;
    align-items: center;
}

.header__nav .nav-link:hover {
    color: #015783;
}


#header-mob .col-logo img {
    height: 80px;
    width: 72px;
}

.offcanvas-header .logo img {
    height: 100px;
    width: 90px;
}

#header-mob {
    background: #F1FAFF;
}

.offcanvas {
    --bs-offcanvas-bg: #F1FAFF;
}

#header-mob .col-nav {
    padding-left: 40px;
    padding-right: 130px;
}

#header-mob .col-phone {
    padding-right: 40px;
}

@media (max-width: 575px) {
    #header-mob .col-nav  {
        padding-left: 20px;
        padding-right: clamp(20px, calc(-231.4286px + 62.8571vw), 130px) /* 400px - 575px */;
    }

    #header-mob .col-phone {
        padding-right: 20px;
        font-size: 14px;
    }
}

.offcanvas-body {
    padding-top: 5px !important;
}

.offcanvas-body .dropdown ul {
    border-radius: 0;
}

.offcanvas-body .region-navigation {
    padding: 20px 0;
}

.offcanvas-body .region-search form {
    width: 100%;
}

.offcanvas-body .nav-link {
    color: #000;
}

.offcanvas-body .contact-item__burger a{
    color: #000;
}

.offcanvas-body .dropdown-item {
    --bs-dropdown-link-active-bg: #015783;
}

.offcanvas-body .contact-item__burger-block {
    display: flex;
    gap: 20px;
    align-items: center;
}

.offcanvas-body .contact-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/*///////////////////////////////////*/
/*////////  footer / подвал  ////////*/
/*///////////////////////////////////*/

#footer {
    background: #F1FAFF;
    padding-top: 40px;
    padding-bottom: 50px;
    margin-top: var(--margin-top-block);
}

@media (max-width: 575px) {
    #footer {
        padding-top: 30px;
        padding-bottom: 40px;
    }
}

#footer .region-navigation ul {flex-direction: column;}

#footer .footer__img {
    height: 107px;
    width: 97px;
    flex-shrink: 0;
}

.footer-grid {
    display: grid;
    grid-template-areas:
"footer-a1 footer-a2 footer-a3"
"footer-a4 footer-a2 footer-a3";
    justify-content: space-between;
}
.footer-area-1 { grid-area: footer-a1; }
.footer-area-2 { grid-area: footer-a2; }
.footer-area-3 { grid-area: footer-a3; }
.footer-area-4 { grid-area: footer-a4; }


.region-footer-navigation ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
}

.region-footer-navigation li:nth-child(-n+6) {
    grid-column: 1;
}

.region-footer-navigation li:nth-child(n+7) {
    grid-column: 2;
}

.hidden-768-991 {display: block;}
.visible-768-991 {display: none;}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-area-6 {
        grid-area: footer-a6;
    }
    .hidden-768-991 {display: none;}
    .visible-768-991 {display: block;}
}

@media (max-width: 991px) {
    #footer .footer__nav {
        display: none;
    }
    .footer-grid {
        grid-template-areas:
"footer-a1 footer-a4 footer-a3"
"footer-a6 footer-a6 footer-a3";
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .footer-grid {
        grid-template-areas:
"footer-a1 footer-a3"
"footer-a4 footer-a3";
    }
}


@media (max-width: 575px) {
    .footer-grid {
        grid-template-areas:
"footer-a1 footer-a3";
        gap: 20px;
    }
}

.footer__politika-dannih {
    margin-top: 30px;
}

.footer__politika-dannih a {
    text-decoration-line: underline;
    font-size: var(--font-size-footer-politika);
    line-height: 1.19;
    color: #000;
}

.footer__text {
    max-width: 271px;
    font-size: var(--font-size-footer-text);
    line-height: 1.19;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

@media (max-width: 991px) {
    .footer__text {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .footer__text {
        text-align: center;
    }
}

#footer .contact-item {
    display: flex;
    gap: 8px;
    font-weight: 500;
    font-size: var(--font-size-contact-link);
    line-height: 1.19;
    align-items: center;
}

#footer .contact-item.address {
    max-width: 240px;
}

#footer .footer__webvesta a,
#footer .contact-item a {
    text-decoration: none;
    color: #000;
}

#footer .footer__right-block {
    max-width: var(--max-width-footer-contact-block);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 35px;
}
#footer .footer__contact-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#footer .footer__nav {
    width: var(--width-footer-nav-block);
}

#footer .footer-area-1 a {display: flex;}


#footer .footer__politika-dannih {}

@media (max-width: 575px) {
    #footer .footer__politika-dannih {
        text-align: center;
        margin-top: 0;
    }
}

@media (max-width: 575px) {
    .footer__down-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin: 20px 0;
    }
}

#footer .navbar-nav .nav-link {
    display: inline-block;
}

#footer .navbar-nav .nav-link:hover {
    color: #015783;
}



/*//////////////////////////////////////*/
/*////////  Страница документы  ////////*/
/*//////////////////////////////////////*/

.body-node--856 .node__content a {
color: #015783;
}

.body-node--856 .field--type-file {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/*////////////////////////////////////*/
/*////////  Страница галерей  ////////*/
/*////////////////////////////////////*/
.body-view--fotogalereya_new .field--name-field-galereya {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: var(--row-gap-gallery);
    /*margin-bottom: 25px;*/
}


.body-view--fotogalereya_new .field--name-field-galereya .field__item {
    max-height: var(--height-gallery-img);
    max-width: var(--width-gallery-img);
}

.body-view--fotogalereya_new .field--name-node-title a {
    text-decoration: none;
    font-size: var(--font-size-node-photogallery-title);
    color: #1781B8;
    font-weight: 600;
}

.body-view--fotogalereya_new .view-content .views-row {
    max-width: var(--width-gallery-img);
}

.body-view--fotogalereya_new .view-content {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    align-items: flex-end;
    gap: var(--page-gallery-field--name-field-galereya-gap);
}


/*////////////////////////////////////*/
/*////////  Страница галереи  ////////*/
/*////////////////////////////////////*/


/*.not-front .view-fotogalereya-new .view-content .views-row {*/
/*    max-width: var(--width-gallery-img);*/
/*}*/

/*.not-front .view-fotogalereya-new .view-content {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*    align-items: flex-end;*/
/*}*/


.node--type-photogallery.node--view-mode-full .field--name-field-galereya {
    display: flex;
    flex-wrap: wrap;
    gap: var(--page-gallery-field--name-field-galereya-gap);
}

.node--type-photogallery.node--view-mode-full .field--name-field-galereya > .field__item {
    max-height: var(--height-gallery-img);
    max-width: var(--width-gallery-img);
}




/*.node--type-photogallery.node--view-mode-full .field--name-node-title a {*/
/*    text-decoration: none;*/
/*    font-size: var(--font-size-node-photogallery-title);*/
/*    color: #1781B8;*/
/*    font-weight: 600;*/
/*}*/

.node--type-photogallery.node--view-mode-full .field__item {
    overflow: hidden;
}

.node--type-photogallery.node--view-mode-full .field__item img {
    transition: transform 0.2s ease;
}

.node--type-photogallery.node--view-mode-full .field__item img:hover {
    transform: scale(1.03);
    transition: transform 0.2s ease;
}



/*//////////////////////////////////*/
/*////////  Страница поиск  ////////*/
/*//////////////////////////////////*/
.search__container {}

.not-front .search__container .search-api-page-block-form-search input {
    border-radius: 0;
    border: 1px solid #686868;
    height: 35px;
}

.not-front .search__container .search-api-page-block-form-search {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
}

.not-front .search__container form input:focus {
    box-shadow: none;
}

.not-front .search__container form:focus-within {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.not-front .search__container .search-api-page-block-form-search .form-item-keys {width: 100%;}

.not-front .search__container .search-api-page-block-form-search button {
    border-radius: 0;
    border-left: 0;
    border-top: 1px solid #015783;
    border-right: 1px solid #015783;
    border-bottom: 1px solid #015783;
    font-size: 0;
    width: 35px;
    height: 35px;
    color: #fff;
    background-color: #015783;
    background-image: var(--icon-search-white);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    transition: all 0.2s;
    --bs-btn-active-bg: #015783;
    --bs-btn-active-border-color: #fff;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #015783;
    --bs-btn-disabled-border-color: #fff;
    --bs-btn-hover-bg: #015783;
}

.not-front .search__container h2 {
    font-size: 20px;
}

.not-front .search__container h3 a {
    color: #015783;
    font-size: 18px;
}



/*/////////////////////////////////////*/
/*////////  Страница контакты  ////////*/
/*/////////////////////////////////////*/
.page__contact .contact__wrapper {
    display: flex;
    gap: 16px;
}

@media (max-width: 991px) {
    .page__contact .contact__wrapper{
        flex-direction: column;
        gap: 24px;
    }
}

.page__contact .contact__item-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.page__contact .contact__item-block .contact-item {
    display: flex;
    gap: 8px;
    font-weight: 500;
    font-size: var(--font-size-contact-link);
    line-height: 1.19;
    align-items: center;
}

.page__contact .contact__item-block .contact-item a {
    text-decoration: none;
    color: #000;
}

.page__contact .contact__map-block {
    width: 100%;
}


/*////////////////////////////////////////////*/
/*////////  Страница анонсов новостей ////////*/
/*////////////////////////////////////////////*/
.body-view--news .region-content .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: var(--page-news-block-gap);
}

.body-view--news .region-content .views-row {
    display: flex;
    justify-content: center;
}

@media (max-width: 1199px) {
    .body-view--news .region-content .views-row {
        width: unset;
    }
}

@media (max-width: 575px) {
    .body-view--news .region-content .view-content {
        justify-content: center;
    }
}

.body-view--news .region-content .views-row .node--type-news {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.body-view--news .region-content .views-row .node--type-news .content {
    max-width: var(--page-news-block-max-width);
    display: flex;
    flex-direction: column;
    gap: var(--gap-news-block-title);
}


.body-view--news .region-content .views-row .node--type-news .content .content_down {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.body-view--news .region-content .views-row .node--type-news .content .field--name-node-title a {
    text-decoration: none;
    font-weight: 500;
    font-size: var(--font-size-news-title);
    line-height: 1.22;
    color: #000;
    display: block;
}


.body-view--news .region-content .views-row .node--type-news .content .field--name-field-date {
    display: flex;
    gap: 8px;
    align-items: center;
}

.body-view--news .region-content .views-row .node--type-news .content .field--name-field-date::before {
    content: "";
    width: var(--width-icon-news-date);
    height: var(--height-icon-news-date);
    flex-shrink: 0;
    background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\
<path d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%23000000' stroke-width='1.5' fill='none'/>\
<path d='M13.75 9.99992H10.2083C10.1531 9.99992 10.1001 9.97797 10.061 9.9389C10.0219 9.89983 10 9.84684 10 9.79159V7.08325' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' fill='none'/>\
</svg>") no-repeat center / contain;
}

.body-view--news .region-content .views-row .node--type-news .field--name-node-link {
    padding-top: 20px;
    align-self: flex-start;
    width: 100%;
}

@media (max-width: 575px) {
    .body-view--news .region-content .views-row .node--type-news .field--name-node-link  {
        display: flex;
        justify-content: center;
    }
}

.body-view--news .region-content .views-row .node--type-news::after {display: none;}


.body-view--news .region-content .datetime {
    font-weight: 500;
    font-size: var(--font-size-news-date);
    line-height: 1;
    color: #000;
}


/*///////////////////////////////////*/
/*////////  Страница новости ////////*/
/*///////////////////////////////////*/
.anchor__news-page {}

.anchor__news-page .field--name-field-image-news {
    /*float: left;*/
    /*margin: 0 20px 10px 0;*/
    /*max-width: var(--page-news-max-width-img);*/
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

/*@media (max-width: 575px) {*/
/*    .anchor__news-page .field--name-field-image-news  {*/
/*        margin: 0 10px 10px 0;*/
/*    }*/
/*}*/

.anchor__news-page .field--name-field-image-news .field__item {
    width: var(--page-news-field-item-width);
}

.anchor__news-page .field[data-blazy] {
    min-width: unset;
}

.anchor__news-page .field--name-field-date {
    display: flex;
    align-items: center;
    gap: 8px;
}

.anchor__news-page .field--name-field-date::before {
    content: "";
    width: var(--width-icon-news-date);
    height: var(--height-icon-news-date);
    flex-shrink: 0;
    background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\
<path d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%23000000' stroke-width='1.5' fill='none'/>\
<path d='M13.75 9.99992H10.2083C10.1531 9.99992 10.1001 9.97797 10.061 9.9389C10.0219 9.89983 10 9.84684 10 9.79159V7.08325' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' fill='none'/>\
</svg>") no-repeat center / contain;
}

.anchor__news-page .datetime {
    font-weight: 500;
    font-size: var(--font-size-news-date);
    line-height: 1;
}

.anchor__news-page p {
    text-align: justify;
}

@media (max-width: 575px) {
    .anchor__news-page .field--name-field-image-news {
        gap: 12px;
    }
}

/*/////////////////////////////////////////*/
/*////////  Страница анонсов услуг ////////*/
/*/////////////////////////////////////////*/
.body-view--uslugi .region-content .node--type-usluga {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.body-view--uslugi .region-content .node--type-usluga::after {display: none;}

.body-view--uslugi .region-content .node--type-usluga .group_up {
    display: flex;
    flex-direction: column;
    gap: var(--gap-service-block);
    align-items: center;
}

.body-view--uslugi .region-content .node--type-usluga .field--name-field-image {
    display: flex;
    justify-content: center;
}

.body-view--uslugi .region-content .node--type-usluga .field--name-node-title {
    text-align: center;
}

.body-view--uslugi .region-content .node--type-usluga .field--name-node-title a {
    text-decoration: none;
    font-weight: 700;
    font-size: var(--page-service-font-size-title);
    line-height: 1.2;
    color: #1781B8;
}

.body-view--uslugi .region-content .node--type-usluga .group_down .field--name-node-link {
    display: flex;
    justify-content: center;
}

.body-view--uslugi .region-content .views-row {
    width: var(--page-service-width-block);
}

.body-view--uslugi .region-content .view-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--page-service-gap-block);
}

.body-view--uslugi .region-content img {
    max-height: 170px;
}

@media (max-width: 575px) {
    .body-view--uslugi .region-content img {
        max-height: 244px;
    }
}

.body-view--uslugi .region-content .field--name-node-link a {
    margin-top: 15px;
}


.body-view--uslugi .region-content .text-formatted {
    font-weight: 400;
    font-size: var(--font-size-usluga-text);
    line-height: 1.2;
    text-align: center;
    max-width: 500px;
}




/*//////////////////////////////////*/
/*////////  Страница услуги ////////*/
/*//////////////////////////////////*/
.webform__service-buy {display: none;}

.anchor__service-page p {
    text-align: justify;
}

.anchor__service-page .field--name-field-image {
    float: left;
    margin: 0 20px 10px 0;
    max-width: var(--page-service-max-width-img);
}

.anchor__service-page .field--name-dynamic-token-fieldnode-fos-v-uslugah {
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    .anchor__service-page .field--name-field-image {
        margin: 0 0 10px 0;
    }
}

.anchor__service-page .field[data-blazy] {
    min-width: unset;
}


/*///////////////////////////////////*/
/*////////  Различные кнопки ////////*/
/*///////////////////////////////////*/


.region-search form button {
    border-radius: 0;
    border-left: 0;
    border-top: 1px solid #015783;
    border-right: 1px solid #015783;
    border-bottom: 1px solid #015783;
    font-size: 0;
    width: 35px;
    height: 35px;
    color: #fff;
    background-color: #015783;
    background-image: var(--icon-search-white);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    transition: all 0.2s;
    --bs-btn-active-bg: #015783;
    --bs-btn-active-border-color: #fff;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #015783;
    --bs-btn-disabled-border-color: #fff;
    --bs-btn-hover-bg: #015783;
}

.region-search form button:hover {
    border-top: 1px solid #686868;
    border-right: 1px solid #686868;
    border-bottom: 1px solid #686868;
    background-color: #fff;
    color: #015783;
    background-image: var(--icon-search-blue);
    transition: all 0.2s;
}

.region-search form button:active {
    background-color: #015783;
    background-image: var(--icon-search-white);
    border-top: 1px solid #015783;
    border-right: 1px solid #015783;
    border-bottom: 1px solid #015783;
}



.anchor__page-webform form button {
    text-decoration: none;
    background: #fff;
    color: #015783;
    border: 1px solid #015783;
    border-radius: 0;
    line-height: 1;
    font-weight: 500;
    height: 35px;
    width: var(--width-header-btn-callback);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;

    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #015783;
    --bs-btn-active-color: #015783;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #015783;
    --bs-btn-disabled-border-color: #015783;
    --bs-btn-hover-bg: #015783;
}


#header .btn-callback {
    text-decoration: none;
    color: #015783;
    border: 1px solid #015783;
    font-weight: 500;
    height: 35px;
    width: var(--width-header-btn-callback);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

#header .btn-callback:hover {
    color: #fff;
    background: #015783;
    transition: all 0.2s;
}

#header .btn-callback:active {
    border: 1px solid #fff;
    transition: all 0.2s;
}

#footer .btn-callback {
    text-decoration: none;
    color: #000;
    border: 1px solid #000;
    height: var(--height-footer-btn-callback);
    width: var(--width-footer-btn-callback);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: var(--font-size-footer-btn-callback);
    line-height: 1;
    transition: all 0.2s;
}


#footer .btn-callback:hover {
    color: #fff;
    background: #015783;
    transition: all 0.2s;
    border: 1px solid #015783;
}

#footer .btn-callback:active {
    border: 1px solid #F1FAFF;
    transition: all 0.2s;
}


.btn__slider-callback {
    text-decoration: none;
    color: #fff;
    border: 1px solid #F5F5F5;
    font-weight: 600;
    height: var(--height-btn-slider-consultation);
    width: var(--width-btn-slider-consultation);
    font-size: var(--font-size-btn-slider);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
    transition: all 0.2s;
}


.btn__service-feedback {
    text-decoration: none;
    color: #015783;
    border: 1px solid #015783;
    font-weight: 600;
    height: var(--page-service-height-btn-feedback);
    width: var(--page-service-width-btn-feedback);
    font-size: var(--page-service-font-size-btn);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
    transition: all 0.2s;
}

.btn__service-feedback:hover {
    background: #015783;
    transition: all 0.2s;
    color: #fff;
}

.btn__service-feedback:active {
    border: 1px solid #fff;
    transition: all 0.2s;
}

.region-services .view-content .views-row:nth-child(2) .field--name-node-link a,
.region-about .group_right .field--name-node-link a,
.btn__details-black {
    text-decoration: none;
    color: #000;
    box-shadow: inset 0 0 0 2px #000;
    font-weight: 500;
    height: var(--height-btn-details);
    width: var(--width-btn-details);
    font-size: var(--font-size-btn-details);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}


.region-services .view-content .views-row:nth-child(2) .field--name-node-link a:hover,
.region-about .group_right .field--name-node-link a:hover,
.btn__details-black:hover {
    color: #fff;
    box-shadow: inset 0 0 0 2px #015783;
    background: #015783;
    transition: all 0.2s;
}

.region-services .view-content .views-row:nth-child(2) .field--name-node-link a:active,
.region-about .group_right .field--name-node-link a:active,
.btn__details-black:active {
    box-shadow: inset 0 0 0 1px #fff;
    transition: all 0.2s;
}



.region-news .field--name-node-link a,
.region-services .view-content .views-row:nth-child(1) .field--name-node-link a,
.btn__details-white {
    text-decoration: none;
    color: #fff;
    box-shadow: inset 0 0 0 2px #fff;
    font-weight: 500;
    height: var(--height-btn-details);
    width: var(--width-btn-details);
    font-size: var(--font-size-btn-details);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}



/* кнопка подробнее внутренних страниц*/
.not-front .region-content .views-row .field--name-node-link a{
    text-decoration: none;
    color: #015783;
    box-shadow: inset 0 0 0 2px #015783;
    font-weight: 500;
    height: var(--height-btn-details);
    width: var(--width-btn-details);
    font-size: var(--font-size-btn-details);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.not-front .region-content .views-row .field--name-node-link a:hover {
    color: #fff;
    background: #015783;
    transition: all 0.2s;
}

.not-front .region-content .views-row .field--name-node-link a:active {
    color: #fff;
    box-shadow: inset 0 0 0 1px #fff;
    background: #015783;
    transition: all 0.2s;
}

/*кнопка отправить в остались вопросы*/
.btn-feedback {
    width: 100%;
    height: var(--height-btn-feedback);
    border-radius: 0;
    background: #015783;
    border: none;
    box-shadow: inset 0 0 0 2px #fff;
    color: #fff;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #015783;
    --bs-btn-active-color: #000;

    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #015783;
    --bs-btn-disabled-border-color: #015783;
    --bs-btn-hover-bg: #015783;
    transition: all 0.2s;
}

/*кнопка принять согласие */
.vpa-wrapper .vpa-actions button {
    border-radius: 0;
    box-shadow: inset 0 0 0 2px #fff;
    background: #015783;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    line-height: 1.2;
    font-weight: 500;
    font-size: var(--font-size-politika-down-btn);
    transition: all 0.2s;

    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #015783;
    --bs-btn-active-color: #000;

    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #015783;
    --bs-btn-disabled-border-color: #015783;
}

.btn__slider-callback:hover,
.btn-feedback:hover,
.region-news .field--name-node-link a:hover,
.region-services .view-content .views-row:nth-child(1) .field--name-node-link a:hover,
.btn__details-white:hover,
.vpa-wrapper .vpa-actions button:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
    transition: all 0.2s;
}


.btn-feedback:active,
.region-news .field--name-node-link a:active,
.region-services .view-content .views-row:nth-child(1) .field--name-node-link a:active,
.btn__details-white:active,
.vpa-wrapper .vpa-actions button:active {
    box-shadow: inset 0 0 0 1px #015783;
    transition: all 0.2s;
}

.btn__slider-callback:active {
    border: 1px solid #015783;
}


.more-link {
    display: flex;
    justify-content: center;
}

.more-link a {
    text-decoration: none;
    color: #015783;
    background: #fff;
    height: var(--height-btn-more-link);
    width: var(--width-btn-more-link);
    font-weight: 700;
    font-size: var(--font-size-more-link);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 2px #015783;
    transition: all 0.2s;
}

.more-link a:hover {
    color: #fff;
    background: #015783;
    transition: all 0.2s;
}

.more-link a:active {
    box-shadow: inset 0 0 0 1px #fff;
    transition: all 0.2s;
}


/*/////////////////////////////////////////////////////*/
/*////////  Ссылки реестра и объединения ////////*/
/*/////////////////////////////////////////////////////*/


.body-view--obedinenie .region-content .views-row a,
.body-view--reestry .region-content .views-row a{
    text-decoration: none;
    color: #1781B8;
    font-size: 22px;
}

.body-view--obedinenie .region-content .views-row a:hover,
.body-view--reestry .region-content .views-row a:hover{
    color: #015783;
}

/*////////////////////////////////////////////////*/
/*////////  Страница формы обратной связи ////////*/
/*////////////////////////////////////////////////*/

.anchor__page-webform {}

.anchor__page-webform .alert-error {display: none;}

.anchor__page-webform form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.anchor__page-webform form input {
    height: 35px;
    margin-top: 0;
    border-radius: 0;
    background: #fff;
    color: #000;
    border: 1px solid #686868;
}

.anchor__page-webform form textarea {
    resize: none;
    height: 96px;
    border-radius: 0;
    background: #fff;
    color: #000;
    border: 1px solid #686868;
}


.anchor__page-webform .form-type-checkbox {
    display: flex;
    gap: 15px;
    align-items: center;
}

.anchor__page-webform form a {
    text-decoration: none;
    color: #000;
}

.anchor__page-webform .form-type-checkbox input[type="checkbox"] {
    appearance: none;

    width: 20px;
    height: 20px;

    border: 1px solid #686868;
    border-radius: 0;

    display: inline-block;
    position: relative;

    cursor: pointer;
    transition: all 0.2s ease;

    background-color: #fff;
    flex-shrink: 0;
}

/* hover */
.anchor__page-webform .form-type-checkbox input[type="checkbox"]:hover {
    border-color: #686868;
}

/* active */
.anchor__page-webform .form-type-checkbox input[type="checkbox"]:active {
    transform: scale(0.9);
}

/* focus */
.anchor__page-webform .form-type-checkbox input[type="checkbox"]:focus,
.anchor__page-webform .form-type-checkbox input[type="checkbox"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px #686868;
}

/* ===== CHECK MARK (галочка) ===== */
.anchor__page-webform .form-type-checkbox input[type="checkbox"]::before {
    content: "";
    width: 10px;
    height: 10px;

    transform: scale(0);
    transition: transform 0.15s ease;
}

/* checked */
.anchor__page-webform .form-type-checkbox input[type="checkbox"]:checked {
    background-color: #fff;
}

/* галочка */
.anchor__page-webform .form-type-checkbox input[type="checkbox"]:checked::after {
    content: "";

    position: absolute;
    top: 3px;
    left: 7px;
    width: 5px;
    height: 9px;

    border: solid #686868;
    border-width: 0 2px 2px 0;

    transform: rotate(45deg);
}

.anchor__page-webform .form-type-checkbox input[type="checkbox"]:checked::before {
    transform: scale(1);
}

/* disabled */
.anchor__page-webform .form-type-checkbox input[type="checkbox"]:disabled {
    border-color: #ccc;
    background-color: #f5f5f5;
    cursor: not-allowed;
}

.anchor__page-webform .form-type-checkbox input[type="checkbox"]:checked:disabled {
    background-color: #ccc;
    border-color: #ccc;
}

.anchor__page-webform .form-type-checkbox input[type="checkbox"]:disabled::before {
    opacity: 0.5;
}

/*//////////////////////////////////////////////////*/
/*////////  Модальная/ форма обратной связи ////////*/
/*//////////////////////////////////////////////////*/

.bs4-modal .modal-body form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bs4-modal .modal-content {
    border-radius: 0;
    background: #015783;
    color: #fff;
}
.bs4-modal .modal-content a {
    text-decoration: none;
    color: #fff;
}

.bs4-modal .modal-content input {
    border-radius: 0;
}

.bs4-modal .modal-content textarea {
    border-radius: 0;
    resize: none;
}

.bs4-modal .modal-content textarea {
    resize: none;
    height: 96px;
    border-radius: 0;
    background: #015783;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
}
.bs4-modal .modal-content input {
    height: 35px;
    margin-top: 0;
    border-radius: 0;
    background: #015783;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.bs4-modal .modal-content .form-item--error-message,
.bs4-modal .modal-content textarea::placeholder,
.bs4-modal .modal-content input::placeholder {
    color: #fff;
}

.bs4-modal .modal-content .form-item--error-message::placeholder {
    background-color: #015783;
    opacity: 1;
    text-decoration-line: underline;
    text-decoration-color: #fff;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.bs4-modal .modal-body .form-type-checkbox {
    display: flex;
    gap: 15px;
    align-items: center;
}

.bs4-modal .modal-footer button {
    border-radius: 0;
    color: #fff;
    border: none;
    background: #015783;
    box-shadow: inset 0 0 0 2px #fff;
    width: 150px;
    transition: all 0.2s;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-color: #000;
}

.bs4-modal .modal-footer button:hover {
    border-radius: 0;
    color: #000;
    background: #fff;
    width: 150px;
    transition: all 0.2s;
}

.bs4-modal .modal-footer button:active {
    box-shadow: inset 0 0 0 1px #015783;
    transition: all 0.2s;
}

.bs4-modal .modal-footer button:focus-visible {
    box-shadow: 0 0 0 1px #000,
    0 0 0 2px #fff;
}

.bs4-modal .modal-body .alert-danger {display: none;}


 /*база */
.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"] {
    appearance: none;

    width: 20px;
    height: 20px;

    border: 2px solid #fff;
    border-radius: 0;

    display: inline-block;
    position: relative;

    cursor: pointer;
    transition: all 0.2s ease;

    background-color: #015783;
    flex-shrink: 0;
}

/* hover */
.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:hover {
    border-color: #fff;
}

/* active */
.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:active {
    transform: scale(0.9);
}

/* focus */
.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:focus,
.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px #000,
    0 0 0 2px #fff;
}

/* ===== CHECK MARK (галочка) ===== */
.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]::before {
    content: "";
    width: 10px;
    height: 10px;

    transform: scale(0);
    transition: transform 0.15s ease;
}

/* checked */
.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:checked {
    background-color: #015783;
}

/* галочка */
.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:checked::after {
    content: "";

    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 9px;

    border: solid #fff;
    border-width: 0 2px 2px 0;

    transform: rotate(45deg);
}

.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:checked::before {
    transform: scale(1);
}

/* disabled */
.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:disabled {
    border-color: #ccc;
    background-color: #f5f5f5;
    cursor: not-allowed;
}

.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:checked:disabled {
    background-color: #ccc;
    border-color: #ccc;
}

.bs4-modal .modal-body .form-type-checkbox input[type="checkbox"]:disabled::before {
    opacity: 0.5;
}


.bs4-modal .btn-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.75;
    --bs-btn-close-hover-opacity: 1;
}

/*//////////////////////////////////*/
/*////////  Регион feedback ////////*/
/*//////////////////////////////////*/

.region-feedback {display: flex;}

.region-feedback > .block-webform{
    max-width: 500px;
    padding: 32px 24px;
    background: #015783;
}

@media (max-width: 991px) {
    .region-feedback {
        flex-direction: column;
    }
    .region-feedback > .block-webform{
        order: 1;
        max-width: 696px;
    }
    .region-feedback > .block-block-content{
        order: 2;
    }
}

.region-feedback > .block-block-content{width: 100%;}

.region-feedback .alert-error {display: none;}

.region-feedback .form-type-checkbox {
    display: flex;
    color: #fff;
    gap: 15px;
}

.region-feedback .form-type-checkbox input {margin-top: 3px;}

.region-feedback .form-type-checkbox a{
    text-decoration: none;
    color: #fff;
}

.region-feedback .block-title {
    color: #fff;
    font-weight: 700;
    font-size: var(--font-size-feedback-title);
    line-height: 1.22;
    margin-bottom: 15px;
}

@media (max-width: 575px) {
    .region-feedback .block-title {
        text-align: center;
    }
}

.region-feedback textarea {
    resize: none;
    height: 96px;
    border-radius: 0;
    background: #015783;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
}
.region-feedback input {
    height: 35px;
    margin-top: 0;
    border-radius: 0;
    background: #015783;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.region-feedback textarea:focus,
.region-feedback input:focus {
    background: #015783;
    color: #fff;
}

.region-feedback .form-item--error-message,
.region-feedback textarea::placeholder,
.region-feedback input::placeholder {
    color: #fff;
}

.region-feedback .form-item--error-message::placeholder {
    background-color: #015783;
    opacity: 1;
    text-decoration-line: underline;
    text-decoration-color: #fff;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.region-feedback form {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.region-feedback .description{
    font-size: var(--font-size-feedback-text);
    line-height: 1.21;
}


.region-feedback .form-type-checkbox input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 0;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #015783;
    flex-shrink: 0;
}

.region-feedback .form-type-checkbox input[type="checkbox"]:hover {
    border-color: #fff;
}

.region-feedback .form-type-checkbox input[type="checkbox"]:active {
    transform: scale(0.9);
}

.region-feedback .form-type-checkbox input[type="checkbox"]:focus,
.region-feedback .form-type-checkbox input[type="checkbox"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px #000,
    0 0 0 2px #fff;
}

.region-feedback .form-type-checkbox input[type="checkbox"]::before {
    content: "";
    width: 10px;
    height: 10px;
    transform: scale(0);
    transition: transform 0.15s ease;
}

.region-feedback .form-type-checkbox input[type="checkbox"]:checked {
    background-color: #015783;
}

.region-feedback .form-type-checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.region-feedback .form-type-checkbox input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.region-feedback .form-type-checkbox input[type="checkbox"]:disabled {
    border-color: #ccc;
    background-color: #f5f5f5;
    cursor: not-allowed;
}

.region-feedback .form-type-checkbox input[type="checkbox"]:checked:disabled {
    background-color: #ccc;
    border-color: #ccc;
}

.region-feedback .form-type-checkbox input[type="checkbox"]:disabled::before {
    opacity: 0.5;
}

.mapContainer {
    max-width: var(--width-map-container);
}