@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "icons";
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/icons.ttf?obpn46") format("truetype"), url("../fonts/icons.woff?obpn46") format("woff");
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
    color: #212529;
    background-color: #fff;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: 0;
    -webkit-text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b, strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    text-decoration: none;
    color: #007bff;
    background-color: transparent;
}

a:hover {
    text-decoration: underline;
    color: #0056b3;
}

a:not([href]):not([tabindex]) {
    text-decoration: none;
    color: inherit;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    text-decoration: none;
    color: inherit;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre, code, kbd, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    overflow: auto;
    margin-top: 0;
    margin-bottom: 1rem;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    caption-side: bottom;
    text-align: left;
    color: #6c757d;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input, button, select, optgroup, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

select {
    word-wrap: normal;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
    cursor: pointer;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="radio"], input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

legend {
    font-size: 1.5rem;
    line-height: inherit;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
    padding: 0;
    white-space: normal;
    color: inherit;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

.main-button__phones {
    margin: 20px 0;
}

.main-button__phone {
    padding: 16px 15px;
    border-radius: 5px;
    background-color: #f1f5ff;
    border: 1px solid #f1f5ff;
    font-size: 18px;
    font-weight: 800;
    line-height: 15px;
    text-align: center;
    width: 100%;
    fill: #2770f1;
    color: #2770f1;
    text-decoration: none;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    column-gap: 6px;
}

.main-button__phone:hover {
    background-color: #2770f1;
    color: #f1f5ff;
    fill: #f1f5ff;
}

@media (min-width: 760px) {
    .main-button__phones {
        display: none;
    }

    .main-button_phone {
        display: none;
    }
}

@media (max-width: 760px) {
    .main-button__phones {
        display: block;
    }

    .main-button__phone {
        display: flex;
    }
}

@media (max-width: 560px) {
    .main-button__phones {
        width: 100%;
    }
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    list-style: none;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.active-v3 {
    padding-left: 12px;
    display: block !important;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -o-linear-gradient( right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
    background-image: -webkit-gradient( linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) );
    background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
    background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) );
    background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -o-linear-gradient( bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
    background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) );
    background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -o-linear-gradient( top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) );
    background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    z-index: 10;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    pointer-events: none;
    opacity: 0.35;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: initial;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none !important;
    text-transform: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: auto;
    left: 10px;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000;
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    z-index: 10;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-align: center;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    opacity: 0.2;
    border-radius: 50%;
    background: #000;
}

button.swiper-pagination-bullet {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    top: 50%;
    right: 10px;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    width: 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 0.2s transform, 0.2s top;
    -o-transition: 0.2s transform, 0.2s top;
    -webkit-transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s transform, 0.2s left;
    -o-transition: 0.2s transform, 0.2s left;
    -webkit-transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s transform, 0.2s right;
    -o-transition: 0.2s transform, 0.2s right;
    -webkit-transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
    position: absolute;
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    position: relative;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    -ms-touch-action: none;
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    z-index: 50;
    bottom: 3px;
    left: 1%;
    width: 98%;
    height: 5px;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    z-index: 50;
    top: 1%;
    right: 3px;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5);
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: transparent;
    border-radius: 50%;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    z-index: -1000;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    z-index: 1;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    visibility: visible;
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.swiper-container-cube .swiper-cube-shadow:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #000;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    z-index: 1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mfp-bg {
    position: fixed;
    z-index: 1042;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: #0b0b0b;
}

.mfp-wrap {
    position: fixed;
    z-index: 1043;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    text-align: center;
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    z-index: 1045;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    position: absolute;
    z-index: 1044;
    top: 50%;
    right: 8px;
    left: 8px;
    width: auto;
    margin-top: -0.8em;
    text-align: center;
    color: #ccc;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    z-index: 1046;
    display: block;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;
    text-align: center;
    text-decoration: none;
    opacity: 0.65;
    color: #fff;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: -6px;
    width: 100%;
    padding-right: 6px;
    text-align: right;
    color: #fff;
}

.mfp-counter {
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
    color: #ccc;
}

.mfp-arrow {
    position: absolute;
    top: 50%;
    width: 90px;
    height: 110px;
    margin: 0;
    margin-top: -55px;
    padding: 0;
    opacity: 0.65;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin-top: 35px;
    margin-left: 35px;
    content: "";
    border: medium inset transparent;
}

.mfp-arrow:after {
    top: 8px;
    border-top-width: 13px;
    border-bottom-width: 13px;
}

.mfp-arrow:before {
    opacity: 0.7;
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    margin-left: 31px;
    border-right: 17px solid #fff;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    margin-left: 39px;
    border-left: 17px solid #fff;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

img.mfp-img {
    line-height: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 40px;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    display: block;
    width: auto;
    height: auto;
    content: "";
    background: #444;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.mfp-figure small {
    font-size: 12px;
    line-height: 14px;
    display: block;
    color: #bdbdbd;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -36px;
    cursor: auto;
}

.mfp-title {
    line-height: 18px;
    padding-right: 36px;
    text-align: left;
    word-wrap: break-word;
    color: #f3f3f3;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-right: 0;
        padding-left: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        position: fixed;
        top: auto;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        background: rgba(0, 0, 0, 0.6);
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px;
    }

    .mfp-img-mobile .mfp-close {
        line-height: 35px;
        position: fixed;
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        padding: 0;
        text-align: center;
        background: rgba(0, 0, 0, 0.6);
    }
}

@media all and (max-width: 1020px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-right: 6px;
        padding-left: 6px;
    }
}

[class^="_icn-"], [class*=" _icn-"] {
    font-family: "icons" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

._icn-filter:before {
    content: "\e914";
}

._icn-close:before {
    content: "\e913";
}

._icn-magnifier:before {
    content: "\e900";
}

._icn-arrow-slider:before {
    content: "\e901";
}

._icn-more:before {
    content: "\e902";
}

._icn-mouse:before {
    content: "\e903";
}

._icn-msg:before {
    content: "\e904";
}

._icn-pen:before {
    content: "\e905";
}

._icn-arrow-more:before {
    content: "\e906";
}

._icn-phone-call:before {
    content: "\e907";
}

._icn-arrow-wiki:before {
    content: "\e908";
}

._icn-vk:before {
    content: "\e909";
    margin-top: -2px;
}

._icn-facebook:before {
    content: "\e90a";
}

._icn-whatsapp:before {
    content: "\e90b";
    margin-top: -2px;
}

._icn-telegram:before {
    content: "\e90c";
    margin-left: -3px;
}

._icn-search:before {
    content: "\e90d";
}

._icn-arrow-page:before {
    content: "\e90e";
}

._icn-pin:before {
    content: "\e90f";
}

._icn-user:before {
    content: "\e910";
}

._icn-phone:before {
    content: "\e911";
}

._icn-info:before {
    content: "\e912";
}

html {
    font-size: 16px;
}

html, body {
    min-height: 100%;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #3f578b;
}

::-moz-placeholder {
    color: rgba(22, 44, 91, 0.2);
}

:-ms-input-placeholder {
    color: rgba(22, 44, 91, 0.2);
}

::-webkit-input-placeholder {
    color: rgba(22, 44, 91, 0.2);
}

::-ms-input-placeholder {
    color: rgba(22, 44, 91, 0.2);
}

::placeholder {
    color: rgba(22, 44, 91, 0.2);
}

::-moz-selection {
    color: #fff;
    background-color: #3f578b;
}

::selection {
    color: #fff;
    background-color: #3f578b;
}

a {
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

a:hover {
    text-decoration: none;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.no-scroll {
    overflow: hidden;
}

.page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

.page-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

._rst {
    margin: 0;
    padding: 0;
    resize: none;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

._rst:focus {
    outline-width: 0;
}

.container {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 3.75rem;
}

@media (max-width: 62rem) {
    .container {
        padding: 0 1.875rem;
    }
}

@media (max-width: 48rem) {
    .container {
        padding: 0 1.25rem;
    }
}

@media (max-width: 36rem) {
    .container {
        padding: 0 0.5rem;
    }
}

.container::before, .container::after {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #d7e2ff;
}

@media (max-width: 1020px) {
    .container::before, .container::after {
        display: none;
    }
}

.container::before {
    left: 2.6875rem;
}

@media (max-width: 62rem) {
    .container::before {
        left: 1.2125rem;
    }
}

.container::after {
    right: 4.6875rem;
}

@media (max-width: 62rem) {
    .container::after {
        right: 2.0125rem;
    }
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

.btn [class^="_icn-"], .btn [class*=" _icn-"] {
    font-size: 0.9375rem;
    position: relative;
    top: 0.0625rem;
}

.btn [class^="_icn-"]:not(:first-child), .btn [class*=" _icn-"]:not(:first-child) {
    margin-left: 0.875rem;
}

.btn [class^="_icn-"]:not(:last-child), .btn [class*=" _icn-"]:not(:last-child) {
    margin-right: 0.875rem;
}

.btn--dark {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 133.33333%;
    padding: 1rem;
    color: #fff;
    border-radius: 0.25rem;
    background-color: #2770f1;
}

.btn--dark:hover {
    color: #fff;
    background-color: #1b315f;
}

.btn--darken {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 133.33333%;
    padding: 1rem;
    color: #fff;
    border-radius: 0.25rem;
    background-color: #152f60;
}

.btn--darken:hover {
    color: #152f60;
    background-color: #fff;
}

.btn--grey {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 133.33333%;
    padding: 1rem;
    color: #2770f1;
    border-radius: 0.25rem;
    background-color: #f1f5ff;
}

.btn--grey:hover {
    color: #fff;
    background-color: #1b315f;
}

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

.img-width {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.reviews-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.reviews-btns .btn--dark {
    width: 250px;
}

.reviews-services {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.reviews-services.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.reviews-services img {
    width: 200px;
}

.reviews-services a:nth-child(1) img {
    width: 150px;
}

.text-block h1 {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 121.875%;
    margin-bottom: 1rem;
    color: #1b315f;
}

.text-block h2 {
    font-size: 2rem;
    font-weight: 800;
    line-height: 121.875%;
    margin-bottom: 1rem;
    color: #1b315f;
}

@media (max-width: 62rem) {
    .text-block h2 {
        font-size: 1.6875rem;
    }
}

@media (max-width: 36rem) {
    .text-block h2 {
        font-size: 1.375rem;
    }
}

.text-block h3 {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 121.875%;
    margin-bottom: 1rem;
    color: #1b315f;
}

@media (max-width: 62rem) {
    .text-block h3 {
        font-size: 1.4375rem;
    }
}

@media (max-width: 36rem) {
    .text-block h3 {
        font-size: 1.125rem;
    }
}

.text-block h4 {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 145.45455%;
    margin-bottom: 1rem;
    color: #1b315f;
}

@media (max-width: 62rem) {
    .text-block h4 {
        font-size: 1.1875rem;
    }
}

@media (max-width: 36rem) {
    .text-block h4 {
        font-size: 0.875rem;
    }
}

.text-block h5 {
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 145.45455%;
    margin-bottom: 1rem;
    color: #1b315f;
}

@media (max-width: 62rem) {
    .text-block h5 {
        font-size: 1.0625rem;
    }
}

@media (max-width: 36rem) {
    .text-block h5 {
        font-size: 0.75rem;
    }
}

.text-block h6 {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 145.45455%;
    margin-bottom: 1rem;
    color: #1b315f;
}

@media (max-width: 62rem) {
    .text-block h6 {
        font-size: 0.9375rem;
    }
}

@media (max-width: 36rem) {
    .text-block h6 {
        font-size: 0.625rem;
    }
}

.text-block p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
    color: #3f578b;
}

.text-block p:not(:last-child) {
    margin-bottom: 1rem;
}

.text-block span {
    font-weight: 400;
    color: #1b315f;
    font-size: 16px;
}

.text-block a:not(.btn) {
    text-decoration: underline;
    color: #3f578b;
}

.text-block a:not(.btn):hover {
    text-decoration: underline;
    color: #1b315f;
}

.text-block ul {
    margin-bottom: 0;
}

.text-block ul:not(:last-child) {
    margin-bottom: 1rem;
}

.text-block ul > li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    margin-bottom: 0;
    padding-left: 1.25rem;
    color: #3f578b;
}

.text-block ul > li::before {
    position: absolute;
    top: 0.5625rem;
    left: 0.3125rem;
    width: 0.375rem;
    height: 0.375rem;
    content: "";
    border-radius: 50%;
    background-color: #1ebb92;
}

.text-block ul > li:not(:last-child) {
    margin-bottom: 1rem;
}

.text-block ol {
    margin-bottom: 0;
    counter-reset: myCounter;
}

.text-block ol:not(:last-child) {
    margin-bottom: 1rem;
}

.text-block ol > li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    margin-bottom: 0;
    padding-left: 2rem;
    color: #3f578b;
}

.text-block ol > li::before {
    font-size: 1rem;
    font-weight: 800;
    line-height: 150%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    content: counter(myCounter);
    counter-increment: myCounter;
    text-align: center;
    color: #fff;
    border-radius: 0.25rem;
    background-color: #1b315f;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.text-block ol > li:not(:last-child) {
    margin-bottom: 1rem;
}

.menu {
    padding: 0 1.5rem;
}

@media screen and (max-width: 68.75rem) {
    .menu {
        padding: 0 0.875rem;
    }
}

@media (max-width: 1020px) {
    .menu {
        position: fixed;
        top: 4.5625rem;
        left: 0;
        visibility: hidden;
        overflow: auto;
        width: 100%;
        height: calc(100vh - 4.5625rem);
        padding: 0.6875rem 1.875rem 1rem;
        -webkit-transition: all 0.35s ease 0s;
        -o-transition: all 0.35s ease 0s;
        transition: all 0.35s ease 0s;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        pointer-events: none;
        opacity: 0;
        background-color: #fff;
    }
}

@media (max-width: 48rem) {
    .menu {
        top: 4.5rem;
        height: calc(100vh - 4.5rem);
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

@media (max-width: 36rem) {
    .menu {
        top: 4.7rem;
        height: calc(100vh - 3.125rem);
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        padding-bottom: 100px;
    }
}

.menu._active {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    pointer-events: all;
    opacity: 1;
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1020px) {
    .menu__list {
        display: grid;
        grid-template-areas: "usluga" "other" "other" "other" "other" "other" "other";
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    li.menu__item.menu__item--has-sub.first.menu__item--blue.menu__item--top-row {
        grid-area: usluga;
        justify-content: center;
    }

    .menu__item.menu__item--has-sub.first.menu__item--blue.menu__item--top-row {
        padding: 0;
    }

    .menu__item-wrap--blue {
        padding: 20px;
        background-color: #2770f1;
        width: 100%;
        border-radius: 5px;
    }

    .menu__item-wrap {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .menu__item--about .menu__item-wrap {
        background-color: #f1f5ff;
        padding: 15px;
        justify-content: center;
        text-align: center;
        width: 100%;
    }

    .menu__item.menu__item--top-row.menu__item--about .menu__item-wrap {
        width: 100%;
    }

    .menu-v2-wrap {
        width: 100%;
    }

    .menu-v2, .menu-v3 {
        max-height: 0;
        opacity: 0;
        z-index: -1;
        display: none;
    }

    .menu-v2.active {
        max-height: max-content;
        opacity: 1;
        z-index: 1;
        display: block;
    }

    .menu-v3.active {
        max-height: 400px;
        opacity: 1;
        z-index: 1;
        overflow: scroll;
        border-top: 1px #889fce solid;
        margin-top: 15px;
        display: block;
    }

    .menu-v3 li {
        padding: 5px;
    }

    .menu__item-lvl-2-item {
        width: 100%;
        padding: 10px;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        border-radius: 5px;
    }

    .menu__link {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }

    .menu__item-lvl-2-item::after {
        content: ">";
        color: rgba(134, 157, 205, 1);
        position: absolute;
        top: 12px;
        transform: rotate(90deg);
        right: 10px;
        font-weight: bold;
        font-family: monospace;
        font-size: 25px;
    }
}

.menu__item {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu-v2-element {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1020px) {
    .menu__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

@media (max-width: 1020px) {
    .menu__item:not(:last-child) {
        margin-bottom: 1rem;
    }
}

.menu__item--has-sub ul {
    width: 100%;
    padding-top: 0.5rem;
}

@media screen and (min-width: 57.5625rem) {
    .menu__item.menu__item--has-sub:hover .menu-v2-wrap {
        visibility: visible;
        opacity: 1;
        overflow: visible;
        z-index: 3;
    }

    .menu__item.menu__item--has-sub:hover .menu-v2 {
        visibility: visible;
        opacity: 1;
        overflow: visible;
        z-index: 4;
    }

    .menu__item.menu__item--has-sub:hover .menu__item-lvl-2-item {
        visibility: visible;
        opacity: 1;
        overflow: visible;
        z-index: 5;
    }

    .menu__item-lvl-2-item:hover .menu-v3 {
        opacity: 1;
        visibility: visible;
    }

    .menu__item--has-sub ul {
        position: absolute;
        z-index: 2;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        visibility: hidden;
        width: 100%;
        padding: 1.125rem 0 0.75rem 0.75rem;
        -webkit-transition: all 0.35s ease 0s;
        -o-transition: all 0.35s ease 0s;
        transition: all 0.35s ease 0s;
        opacity: 0;
    }

    .menu__item--has-sub .menu-v3 {
        min-width: 300px;
        -webkit-transition: all 0.35s ease 0s;
        -o-transition: all 0.35s ease 0s;
        transition: all 0.35s ease 0s;
        -webkit-transform: translatex(100%);
        -ms-transform: translatex(100%);
        transform: translatex(100%);
        pointer-events: none;
        opacity: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
        box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
        display: flex;
        flex-direction: column;
        padding: 1.125rem 0.75rem 0.75rem;
        max-height: 350px;
        flex-wrap: nowrap;
        height: 350px;
        border-radius: 0 5px 5px 0;
        border: 1px #e7ecf9 solid;
        overflow-y: scroll;
        right: 0;
        top: -1px;
        width: max-content;
    }

    .menu__item.menu__item--has-sub .menu-v2-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translatey(99%);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        width: fit-content;
        min-width: auto;
        height: 400px;
        max-height: 400px;
        overflow-y: hidden;
        opacity: 1;
        background-color: white;
        border-radius: 5px 0 0 5px;
        border: 1px #e7ecf9 solid;
        background-color: #fff;
        -webkit-box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
        box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
        opacity: 0;
        visibility: hidden;
    }

    .menu__item.menu__item--has-sub .menu-v2 {
        display: flex;
        flex-direction: column;
        width: fit-content;
        min-width: max-content;
        position: relative;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .menu__item.menu__item--has-sub {
        position: relative;
    }

    .menu__list > li {
        padding: 11px;
        border-radius: 5px;
    }

    .header__buttons, .menu__list {
        justify-content: space-between;
    }

    .menu__item.menu__item--has-sub.menu-v2-element.menu__item-lvl-2-item {
        position: unset;
    }

    .menu__item--blue:hover .menu__arrow::before, .menu__item--blue:hover .menu__arrow::after {
        background-color: #2770f1;
    }

    .menu-v2 .menu__link {
        display: flex;
        flex-direction: row;
        flex-grow: inherit;
        align-items: center;
        gap: 10px;
        margin-right: 25px;
    }

    .menu__item-lvl-2-item {
        padding: 5px;
        border-radius: 5px;
    }

    .menu__item-lvl-2-item:hover, .menu-v3 li:hover {
        background-color: #f1f5ff;
    }

    .menu-v3 li {
        padding: 5px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 5px;
    }

    .menu__item--blue {
        background-color: #2770f1;
    }
}

.menu__item-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.menu__item--blue {
    transition: 0.1s ease;
    border-radius: 5px;
}

.menu__item--blue a {
    color: white;
}

.menu__item--blue .menu__arrow::before, .menu__item--blue .menu__arrow::after {
    background-color: white;
}

.menu__item.menu__item--top-row:hover {
    background-color: #f1f5ff;
}

.menu__item--has-sub ul li {
    display: block;
}

.menu__item--has-sub ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}

@media (max-width: 1020px) {
    .menu__item--has-sub ul li:not(:last-child) {
        margin-bottom: 0.75rem;
    }
}

.menu__item--has-sub ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 144.44444%;
    color: #1b315f;
}

@media (hover: hover) and (min-width: 57.5625rem) {
    .menu__item--has-sub:hover {
        z-index: 2;
    }

    .menu__item--top-row:hover .menu__link--top-row {
        color: #2770f1;
        background-size: 100%;
    }

    .menu__item--has-sub:hover .menu__arrow::before {
        visibility: hidden;
        height: 0;
    }

    .menu-v2-element:hover .menu__arrow-v3::before {
        visibility: hidden;
        height: 0;
    }

    .menu__item--has-sub:hover > ul, .menu__item--has-sub:hover > .menu-v2-wrap {
        visibility: visible;
        pointer-events: all;
        opacity: 1;
    }
}

.menu__item--has-sub._active {
    z-index: 2;
}

.menu__item--has-sub._active .menu__link {
    color: #2770f1;
    background-size: 100%;
}

.menu__item--has-sub._active > .menu__arrow::after {
    visibility: hidden;
    height: 0;
}

.menu-v2-element._active .menu__arrow-v3::after {
    visibility: hidden;
    height: 0;
}

@media screen and (min-width: 57.5625rem) {
    .menu__item--has-sub._active > ul {
        visibility: visible;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        pointer-events: all;
        opacity: 1;
    }
}

.menu__link {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    z-index: 0;
    color: #1b315f;
}

@media screen and (max-width: 1400px) {
    .menu__link {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1200px) {
    .menu__link {
        font-size: 14px;
    }
}

@media screen and (max-width: 68.75rem) {
    .menu__link {
        font-size: 0.875rem;
    }
}

@media (max-width: 1020px) {
    .menu__link {
        font-size: 1.15rem;
        font-weight: 700;
    }
}

.menu__link:hover {
    color: #2770f1;
    background-size: 100%;
}

.menu__arrow {
    position: relative;
    z-index: 2;
    display: block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.6875rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 1020px) {
    .menu__arrow {
        pointer-events: none;
    }
}

.menu__arrow-v3 {
    position: relative;
    z-index: 1;
    display: block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.6875rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    pointer-events: none;
}

.menu__arrow::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    margin: auto;
    -webkit-transition: background-color 0.35s ease 0s;
    -o-transition: background-color 0.35s ease 0s;
    transition: background-color 0.35s ease 0s;
    background-color: #2770f1;
}

@media screen and (max-width: 83.75rem) {
    .menu__arrow {
        width: 0.625rem;
        margin-left: 0.5rem;
    }

    .menu__arrow-v3 {
        width: 0.625rem;
        margin-left: 0.5rem;
    }
}

@media (max-width: 1020px) {
    .menu__arrow {
        width: 1rem;
        margin-left: 0.5625rem;
    }

    .menu__arrow-v3 {
        width: 1rem;
        margin-left: 0.5625rem;
    }
}

.menu__arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: visible;
    width: 0.125rem;
    height: 0.75rem;
    content: "";
    -webkit-transition: height 0.35s ease 0s, visibility 0.35s ease 0s;
    -o-transition: height 0.35s ease 0s, visibility 0.35s ease 0s;
    transition: height 0.35s ease 0s, visibility 0.35s ease 0s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #2770f1;
}

@media screen and (max-width: 83.75rem) {
    .menu__arrow::after {
        height: 0.625rem;
    }

    .menu__arrow-v3::after {
        height: 0.625rem;
    }
}

@media (max-width: 1020px) {
    .menu__arrow::after {
        height: 1rem;
    }

    .menu__arrow-v3::after {
        height: 1rem;
    }
}

.search {
    position: absolute;
    top: 100%;
    right: 5.25rem;
    left: 5.25rem;
    visibility: hidden;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    -webkit-transform: translateY(1.875rem);
    -ms-transform: translateY(1.875rem);
    transform: translateY(1.875rem);
    pointer-events: none;
    opacity: 0;
}

.search-error {
    position: relative;
    right: 0;
    left: 0;
    visibility: visible;
    -webkit-transform: translateY(0.625rem);
    -ms-transform: translateY(0.625rem);
    transform: translateY(0.625rem);
    pointer-events: all;
    opacity: 1;
}

@media (max-width: 1020px) {
    .search {
        right: 1.875rem;
        left: 1.875rem;
    }
}

@media (max-width: 48rem) {
    .search {
        right: 1.25rem;
        left: 1.25rem;
    }
}

@media (max-width: 36rem) {
    .search {
        right: 0.5rem;
        left: 0.5rem;
    }
}

.search._active {
    visibility: visible;
    -webkit-transform: translateY(0.625rem);
    -ms-transform: translateY(0.625rem);
    transform: translateY(0.625rem);
    pointer-events: all;
    opacity: 1;
}

.search__input {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 3.4375rem;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 3.4375rem;
    padding: 0 4.375rem 0 1.875rem;
    color: #000;
    border: 1px solid rgba(63, 87, 139, 0.5);
    border-radius: 4px;
    background-color: #fff;
}

@media (max-width: 36rem) {
    .search__input {
        font-size: 1rem;
        line-height: 2.8125rem;
        height: 2.8125rem;
        padding: 0 3.125rem 0 1.25rem;
    }
}

.search__input::-moz-placeholder {
    color: #3f578b;
}

.search__input:-ms-input-placeholder {
    color: #3f578b;
}

.search__input::-webkit-input-placeholder {
    color: #3f578b;
}

.search__input::-ms-input-placeholder {
    color: #3f578b;
}

.search__input::placeholder {
    color: #3f578b;
}

.search__btn {
    font-size: 1.5rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 1.875rem;
    -webkit-transition: color 0.35s ease 0s;
    -o-transition: color 0.35s ease 0s;
    transition: color 0.35s ease 0s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2770f1;
}

@media (max-width: 36rem) {
    .search__btn {
        font-size: 1.375rem;
        right: 0.9375rem;
    }
}

.search__btn:hover {
    color: #1b315f;
}

.bread-inner {
    position: relative;
    z-index: 2;
}

.bread-inner .bread__container::before, .bread-inner .bread__container::after {
    display: none;
}

.bread-inner .bread__list {
    padding: 0;
}

.bread-inner .bread__back, .bread-inner .bread__link {
    color: #fff;
}

.bread-inner .bread__back:hover, .bread-inner .bread__link:hover {
    color: #fff;
}

.bread-inner .bread__link {
    background-image: -o-linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-size: 100%;
}

.bread-inner span.bread__link {
    background-size: 0;
}

.bread-inner .bread__link:hover {
    background-size: 0;
}

.bread-inner .bread__separate {
    background-color: #2770f1;
}

.bread__container {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
}

@media (max-width: 62rem) {
    .bread__container {
        padding-top: 1.75rem;
        padding-bottom: 0.9375rem;
    }
}

@media (max-width: 36rem) {
    .bread__container {
        padding-bottom: 0.625rem;
    }
}

.bread__back {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    display: none;
    color: #2770f1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bread__back:hover {
    color: #1b315f;
}

@media (max-width: 36rem) {
    .bread__back {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

.bread__back-arrow {
    font-size: 0.875rem;
    position: relative;
    display: inline-block;
    margin-right: 0.5rem;
}

.bread__list {
    padding: 0 1.4375rem;
}

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

@media (max-width: 62rem) {
    .bread__list {
        padding: 0;
    }
}

@media (max-width: 36rem) {
    .bread__list {
        display: none;
    }
}

.bread__link {
    font-size: 1rem;
    font-weight: 400;
    line-height: 137.5%;
    color: #2770f1;
    background-image: -o-linear-gradient( transparent calc(100% - 1px), #163063 1px );
    background-image: linear-gradient(transparent calc(100% - 1px), #163063 1px);
    background-repeat: no-repeat;
    background-size: 0;
}

a.bread__link:hover {
    color: #163063;
    background-size: 100%;
}

.bread__separate {
    position: relative;
    top: -0.0625rem;
    display: inline-block;
    width: 0.375rem;
    height: 0.125rem;
    margin: 0 0.5625rem;
    vertical-align: middle;
    border-radius: 0.125rem;
    background-color: #163063;
}

.title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 114.28571%;
    position: relative;
    margin-bottom: 2rem;
    padding-left: 1.4375rem;
    color: #1b315f;
}

.banner__content .title {
    font-size: 3rem;
    font-weight: 800;
    line-height: 114.28571%;
    position: relative;
    margin-bottom: 2rem;
    padding-left: 1.4375rem;
    color: #1b315f;
}

@media (max-width: 62rem) {
    .title {
        font-size: 2.875rem;
        margin-bottom: 1.625rem;
        padding-left: 1.125rem;
    }

    .banner__content .title {
        font-size: 2rem;
    }
}

@media (max-width: 48rem) {
    .title {
        font-size: 2.3125rem;
        margin-bottom: 1.25rem;
        padding-left: 0.875rem;
    }
}

@media (max-width: 36rem) {
    .title {
        font-size: 1.75rem;
        margin-bottom: 1rem;
        padding-left: 0.6875rem;
    }
}

.title span {
    font-weight: 400;
}

.title::before {
    position: absolute;
    top: 0;
    left: -0.1875rem;
    width: 0.3125rem;
    height: 100%;
    content: "";
    background-color: #2770f1;
}

@media (max-width: 1020px) {
    .title::before {
        left: 0;
        width: 0.1875rem;
    }
}

.title-mini {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 127.27273%;
    position: relative;
    margin-bottom: 2rem;
    padding-left: 1.4375rem;
    color: #1b315f;
}

.title-mini span {
    font-weight: 400;
}

@media (max-width: 62rem) {
    .title-mini {
        font-size: 2.375rem;
        margin-bottom: 1.625rem;
        padding-left: 1.125rem;
    }
}

@media (max-width: 48rem) {
    .title-mini {
        font-size: 2rem;
        margin-bottom: 1.25rem;
        padding-left: 0.875rem;
    }
}

@media (max-width: 36rem) {
    .title-mini {
        font-size: 1.625rem;
        margin-bottom: 1rem;
        padding-left: 0.6875rem;
    }
}

.title-mini::before {
    position: absolute;
    top: 0;
    left: -0.1875rem;
    width: 0.3125rem;
    height: 100%;
    content: "";
    background-color: #2770f1;
}

@media (max-width: 1020px) {
    .title-mini::before {
        left: 0;
        width: 0.1875rem;
    }
}

.modal-popup {
    width: 100%;
    max-width: 38.625rem;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 0.25rem;
    background-color: #fff;
}

@media (max-width: 36rem) {
    .modal-popup {
        padding: 1rem;
    }
}

.modal-popup__title {
    font-size: 2rem;
    font-weight: 800;
    line-height: 125%;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #1b315f;
}

@media (max-width: 36rem) {
    .modal-popup__title {
        font-size: 1.375rem;
        margin-bottom: 1rem;
    }
}

.modal-popup__subtitle {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 144.44444%;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #3f578b;
}

@media (max-width: 36rem) {
    .modal-popup__subtitle {
        font-size: 1rem;
        margin-bottom: 1rem;
    }
}

.modal-popup__label {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    padding: 0;
}

@media (max-width: 36rem) {
    .modal-popup__label {
        margin-bottom: 0.5rem;
    }
}

.modal-popup__input {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 3.5rem;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 3.5rem;
    padding: 0 0.75rem 0 3.25rem;
    color: #1b315f;
    border: 1px solid rgba(39, 112, 241, 0.2);
    border-radius: 0.25rem;
    background-color: rgba(255, 255, 255, 0.2);
}

textarea.modal-popup__input {
    height: 100px;
    padding: 0 0.75rem 0;
}

@media (max-width: 36rem) {
    .modal-popup__input {
        font-size: 1rem;
    }
}

.modal-popup__input::-moz-placeholder {
    color: rgba(22, 44, 91, 0.2);
}

.modal-popup__input:-ms-input-placeholder {
    color: rgba(22, 44, 91, 0.2);
}

.modal-popup__input::-webkit-input-placeholder {
    color: rgba(22, 44, 91, 0.2);
}

.modal-popup__input::-ms-input-placeholder {
    color: rgba(22, 44, 91, 0.2);
}

.modal-popup__input::placeholder {
    color: rgba(22, 44, 91, 0.2);
}

.modal-popup__icon {
    font-size: 1.4375rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 1.0625rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2770f1;
}

.modal-popup__icon._icn-phone {
    font-size: 1.6875rem;
    left: 1.25rem;
}

.modal-popup__accept {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    color: #3f578b;
}

@media (max-width: 36rem) {
    .modal-popup__accept {
        font-size: 0.875rem;
        margin-bottom: 0.75rem;
    }
}

.modal-popup__accept a {
    text-decoration: underline;
    color: #2770f1;
}

.modal-popup__accept a:hover {
    color: #2770f1;
    -webkit-text-decoration-style: double;
    text-decoration-style: double;
}

.modal-popup__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-popup__row a:not(:last-child) {
    margin-right: 1rem;
}

@media (max-width: 36rem) {
    .modal-popup__row .btn {
        font-size: 1rem;
        padding: 0.75rem;
    }
}

.mfp-close {
    display: none !important;
}

.mfp-bg {
    opacity: 0.85;
    background-color: #1b315f;
}

.my-mfp-zoom-in .zoom-anim-dialog {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.pagn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pagn:not(:last-child) {
    margin-bottom: 2.5rem;
}

@media (max-width: 1020px) {
    .pagn:not(:last-child) {
        margin-bottom: 2.125rem;
    }
}

@media (max-width: 48rem) {
    .pagn:not(:last-child) {
        margin-bottom: 1.8125rem;
    }
}

@media (max-width: 36rem) {
    .pagn:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}

.pagn__arrow {
    font-size: 1rem;
    font-weight: 600;
    line-height: 150%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #2770f1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 36rem) {
    .pagn__arrow {
        font-size: 0.875rem;
    }
}

.pagn__arrow-icon {
    font-size: 0.875rem;
    display: inline-block;
    margin-right: 0.5rem;
}

@media (max-width: 36rem) {
    .pagn__arrow-icon {
        position: relative;
        top: 0.125rem;
    }
}

.pagn__arrow:hover {
    color: #1b315f;
}

.pagn__arrow--next {
    margin-left: 1.5rem;
}

@media (max-width: 36rem) {
    .pagn__arrow--next {
        margin-left: 0.75rem;
    }
}

.pagn__arrow--next .pagn__arrow-icon {
    margin-right: 0;
    margin-left: 0.5rem;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.pagn__arrow--prev {
    margin-right: 1.5rem;
}

@media (max-width: 36rem) {
    .pagn__arrow--prev {
        margin-right: 0.75rem;
    }
}

.pagn__text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 122.22222%;
    margin: -0.375rem 0.75rem 0;
    color: #1b315f;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 36rem) {
    .pagn__text {
        font-size: 0.875rem;
    }
}

.pagn__text-current {
    font-size: 2rem;
    font-weight: 800;
    line-height: 121.875%;
    position: relative;
    top: 0.1875rem;
    margin-right: 0.5rem;
    color: #1b315f;
}

@media (max-width: 36rem) {
    .pagn__text-current {
        font-size: 1.375rem;
        top: 0.0625rem;
        margin-right: 0.25rem;
    }
}

.pagn__text-separate {
    margin-right: 0.5rem;
}

@media (max-width: 36rem) {
    .pagn__text-separate {
        margin-right: 0.25rem;
    }
}

.pagn__line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #d7e2ff;
}

.header {
    position: fixed;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.35s ease 0s, -webkit-box-shadow 0.35s ease 0s;
    transition: -webkit-transform 0.35s ease 0s, -webkit-box-shadow 0.35s ease 0s;
    -o-transition: transform 0.35s ease 0s, box-shadow 0.35s ease 0s;
    transition: transform 0.35s ease 0s, box-shadow 0.35s ease 0s;
    transition: transform 0.35s ease 0s, box-shadow 0.35s ease 0s, -webkit-transform 0.35s ease 0s, -webkit-box-shadow 0.35s ease 0s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-bottom: 1px solid #d7e2ff;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 rgba(27, 49, 95, 0.1), 0 0 0 rgba(27, 49, 95, 0.2);
    box-shadow: 0 0 0 rgba(27, 49, 95, 0.1), 0 0 0 rgba(27, 49, 95, 0.2);
}

.header .time {
    font-size: 13px;
    padding-left: 25px;
}

@media (max-width: 1020px) {
    .header {
        border-bottom-width: 0;
        -webkit-box-shadow: 0 0.25rem 2rem rgba(27, 49, 95, 0.1), 0 0.25rem 4.5rem rgba(27, 49, 95, 0.2);
        box-shadow: 0 0.25rem 2rem rgba(27, 49, 95, 0.1), 0 0.25rem 4.5rem rgba(27, 49, 95, 0.2);
    }
}

@media screen and (min-width: 57.5625rem) {
    .header._scroll {
        -webkit-transform: translateY(-0.8rem);
        -ms-transform: translateY(-0.8rem);
        transform: translateY(-0.8rem);
        border-bottom-color: #fff;
        -webkit-box-shadow: 0 0.25rem 2rem rgba(27, 49, 95, 0.1), 0 0.25rem 4.5rem rgba(27, 49, 95, 0.2);
        box-shadow: 0 0.25rem 2rem rgba(27, 49, 95, 0.1), 0 0.25rem 4.5rem rgba(27, 49, 95, 0.2);
    }

    .header._scroll .container::after, .header._scroll .container::before {
        display: none;
    }
}

@media screen and (min-width: 75rem) {
    .header._scroll {
        -webkit-transform: translateY(-0.5rem);
        -ms-transform: translateY(-0.5rem);
        transform: translateY(-0.5rem);
    }
}

.header__container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (max-width: 36rem) {
    .header__container {
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
    }
}

.header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1020px) {
    .header__top {
        margin-bottom: 0;
        gap: 5px;
    }
}

.header__wrapper {
    display: flex;
    gap: 40px;
    align-items: center;
}

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

.header__logo {
    display: block;
    width: 100%;
    max-width: 16.5625rem;
    height: auto;
    opacity: 1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 1440px) {
    .header__wrapper {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

@media screen and (max-width: 83.75rem) {
    .header__logo {
        max-width: 11.25rem;
    }
}

@media screen and (max-width: 68.75rem) {
    .header__logo {
        max-width: 8.75rem;
    }
}

@media (max-width: 1020px) {
    .header__logo {
        margin-right: auto;
    }
}

.header__logo:hover {
    opacity: 0.85;
}

.header__soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
}

@media (max-width: 1020px) {
    .header__soc {
        display: none;
    }
}

.header__soc--mob {
    display: none;
}

@media (max-width: 1020px) {
    .header .header__soc--mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.5rem;
        justify-content: flex-start;
    }
}

.header__soc-item {
    font-size: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3rem;
    height: 3rem;
    color: #2770f1;
    border-radius: 50%;
    background-color: #f1f5ff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header__soc-item.inst svg {
    fill: #2770f1;
    width: 32px;
    -webkit-transition: fill 0.25s ease-out;
    -o-transition: fill 0.25s ease-out;
    transition: fill 0.25s ease-out;
}

.header__soc-item.inst:hover svg {
    fill: #fff;
}

@media screen and (max-width: 83.75rem) {
    .header__soc-item {
        font-size: 0.75rem;
        width: 2.25rem;
        height: 2.25rem;
    }
}

@media (max-width: 1020px) {
    .header__soc-item {
        width: 3rem;
        height: 3rem;
    }
}

.header__soc-item._icn-facebook {
    font-size: 1.875rem;
}

@media screen and (max-width: 83.75rem) {
    .header__soc-item._icn-facebook {
        font-size: 1.25rem;
    }
}

@media (max-width: 1020px) {
    .header__soc-item._icn-facebook {
        font-size: 1.875rem;
    }
}

.header__soc-item._icn-telegram {
    font-size: 1.125rem;
}

@media screen and (max-width: 83.75rem) {
    .header__soc-item._icn-telegram {
        font-size: 0.875rem;
    }
}

@media (max-width: 1020px) {
    .header__soc-item._icn-telegram {
        font-size: 1.125rem;
    }
}

.header__soc-item._icn-whatsapp {
    font-size: 1.5rem;
}

@media screen and (max-width: 83.75rem) {
    .header__soc-item._icn-whatsapp {
        font-size: 1.125rem;
    }
}

@media (max-width: 1020px) {
    .header__soc-item._icn-whatsapp {
        font-size: 1.5rem;
    }
}

.header__soc-item:hover {
    color: #fff;
    background-color: #2770f1;
}

.header__soc-item:not(:last-child) {
    margin-right: 1.75rem;
}

@media screen and (max-width: 83.75rem) {
    .header__soc-item:not(:last-child) {
        margin-right: 0.875rem;
    }
}

@media (max-width: 1020px) {
    .header__soc-item:not(:last-child) {
        margin-right: 1.75rem;
    }
}

.header__contacts {
    max-width: 412px;
}

@media screen and (max-width: 1800px) {
    .header__phonest-text {
        display: none;
    }

    .header__contacts {
        width: fit-content;
        max-width: 190px;
    }
}

@media screen and (max-width: 83.75rem) {
    .header__contacts {
        margin-right: 0.875rem;
    }
}

@media (max-width: 1020px) {
    .header__contacts {
        margin-left: 1.5rem;
    }
}

@media (max-width: 48rem) {
    .header__contacts {
        display: none;
        margin-right: 0;
        margin-left: 0;
    }
}

.header__contacts--mob {
    display: none;
}

@media (max-width: 48rem) {
    .header__contacts--mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.header__item {
    display: flex;
    gap: 20px;
    align-items: center;
}

.header__online_brigad .animate-flicker {
    width: 25px;
}

.header__phones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
}

.header__phones > * {
    flex-basis: calc(50% - 10px);
    text-align: left;
}

.header__phones > .header__phonest-text {
    flex-basis: 100%;
}

@media (max-width: 1700px) {
    .header__phones {
        flex-direction: row;
        gap: 5px;
    }

    .header__phones > * {
        flex-basis: 100%;
    }

    .header__contacts {
        max-width: 190px;
    }
}

@media (max-width: 1350px) {
    a.open-modal.city, .header__online_brigad span {
        font-size: 12px;
    }
}

@media (max-width: 1250px) {
    .header__soc {
        display: none;
    }
}

@media (max-width: 1600px) {
    .header__item {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
}

.header__tel {
    font-size: 1.5rem;
    line-height: 133.33333%;
    white-space: nowrap;
    color: #162c5b;
    background-image: -o-linear-gradient( transparent calc(100% - 2px), #2770f1 2px );
    background-image: linear-gradient(transparent calc(100% - 2px), #2770f1 2px);
    background-repeat: no-repeat;
    background-size: 0;
    width: 100%;
}

.footer__form-txt .header__tel {
    white-space: nowrap;
}

.header__tel span {
}

.header__tel:first-child, .header__tel:nth-child(2) {
    font-weight: 700;
}

.header .open-modal.city svg {
    padding-right: 10px;
    width: 25px;
}

.header__tel:last-child {
    letter-spacing: 1.17px;
}

.header .vyezd {
    font-size: 13px;
    padding-left: 25px;
}

.header__buttons {
    justify-content: flex-end;
    gap: 10px;
    min-width: 200px;
}

@media screen and (max-width: 83.75rem) {
    .header__tel {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 68.75rem) {
    .header__tel {
        font-size: 1.125rem;
    }
}

@media (max-width: 48rem) {
    .header__tel {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

.header__tel:hover {
    color: #2770f1;
    background-size: 100%;
}

.header__address {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #1b315f;
}

a._icn-whatsapp.header__soc-item::before, a._icn-telegram.header__soc-item::before {
    color: white;
}

a._icn-whatsapp.header__soc-item {
    background-color: #00d95f;
}

a._icn-telegram.header__soc-item {
    background-color: #229ed9;
}

._icn-max.header__soc-item:hover rect, ._icn-whatsapp.header__soc-item:hover, ._icn-telegram.header__soc-item:hover {
    fill: #2770f1;
    background-color: #2770f1;
}

.header__address span, .header__address a {
    text-decoration: none;
    width: 100%;
    white-space: nowrap;
    text-align: left;
}

.header__address a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media screen and (max-width: 83.75rem) {
    .header__address {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 68.75rem) {
    .header__address {
        font-size: 0.75rem;
    }
}

@media (max-width: 48rem) {
    .header__address {
        font-size: 1rem;
    }
}

.header__search-toggle {
    font-size: 1.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 1.5rem;
    color: #2770f1;
    border-radius: 0.25rem;
    background-color: #f1f5ff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 83.75rem) {
    .header__search-toggle {
        font-size: 1.4375rem;
        width: 2.875rem;
        height: 2.875rem;
        margin-right: 0.875rem;
    }
}

@media screen and (max-width: 68.75rem) {
    .header__search-toggle {
        font-size: 1.3125rem;
        width: 2.5rem;
        height: 2.5rem;
    }
}

@media (max-width: 36rem) {
    .header__search-toggle {
        font-size: 1.75rem;
        display: block;
        width: auto;
        height: auto;
        margin-right: 0;
        border-radius: 0;
        background-color: rgba(255, 255, 255, 0);
    }
}

.header__search-toggle:hover {
    color: #f1f5ff;
    background-color: #2770f1;
}

@media (max-width: 36rem) {
    .header__search-toggle:hover {
        color: #2770f1;
        background-color: rgba(255, 255, 255, 0);
    }
}

@media screen and (max-width: 83.75rem) {
    .header__btn {
        font-size: 1rem;
        padding: 0.875rem 1rem;
    }
}

@media screen and (max-width: 68.75rem) {
    .header__btn {
        font-size: 0.875rem;
        padding: 0.6875rem 0.875rem;
    }
}

@media (max-width: 36rem) {
    .header__btn {
        font-size: 1.125rem;
        display: none;
        margin-bottom: 1rem;
        padding: 1rem;
    }
}

.header__btn--mob {
    display: none;
}

a.btn.btn--dark.header__btn.open-modal.newbtn {
    background-color: #1ebb92;
}

@media (max-width: 36rem) {
    .header__btn--mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.header__toggle {
    position: relative;
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.9375rem;
    -webkit-transition: background-color 0.35s ease 0s;
    -o-transition: background-color 0.35s ease 0s;
    transition: background-color 0.35s ease 0s;
    border-radius: 50%;
    background-color: rgba(39, 112, 241, 0);
}

@media (max-width: 1020px) {
    .header__toggle {
        display: block;
    }
}

.header__toggle span {
    position: absolute;
    top: 1rem;
    visibility: visible;
    width: 0.5rem;
    height: 0.5rem;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    border-radius: 0.25rem;
    background-color: #2770f1;
}

.header__toggle span:nth-child(1) {
    left: 0.25rem;
}

.header__toggle span:nth-child(2) {
    left: 1rem;
}

.header__toggle span:nth-child(3) {
    left: 1.75rem;
}

.header__toggle._active {
    background-color: #2770f1;
}

.header__toggle._active span {
    top: 1.125rem;
    background-color: #fff;
}

.header__toggle._active span:nth-child(1) {
    left: 0.5625rem;
    width: 1.375rem;
    height: 0.25rem;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 0.125rem;
}

.header__toggle._active span:nth-child(2) {
    visibility: hidden;
    opacity: 0;
}

.header__toggle._active span:nth-child(3) {
    left: 0.5625rem;
    width: 1.375rem;
    height: 0.25rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0.125rem;
}

.footer {
    overflow: hidden;
    max-width: 100%;
    padding: 2.5rem 0;
    background-color: #162d5f;
}

@media (max-width: 62rem) {
    .footer {
        padding: 1.875rem 0 2rem;
    }
}

@media (max-width: 48rem) {
    .footer {
        padding-top: 50px;
    }

    .plashka-bottom {
        padding: 10px 5px 200px 5px;
    }
}

.footer__container::before, .footer__container::after {
    display: none;
}

.footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 62rem) {
    .footer__row {
        display: block;
    }
}

.footer__main {
    width: 100%;
    max-width: 350px;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.footer__logo {
    display: block;
    width: 100%;
    max-width: 14.5625rem;
    height: auto;
    margin-bottom: 1.5rem;
    opacity: 1;
}

@media (max-width: 62rem) {
    .footer__logo {
        max-width: 12.5rem;
        margin-bottom: 1.125rem;
    }
}

@media (max-width: 48rem) {
    .footer__logo {
        max-width: 10rem;
        margin-bottom: 0.8125rem;
    }
}

@media (max-width: 36rem) {
    .footer__logo {
        max-width: 8.6875rem;
        margin-bottom: 0.5rem;
    }
}

.footer__logo:hover {
    opacity: 0.9;
}

.footer__tels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 62rem) {
    .footer__tels {
        margin-bottom: 1.375rem;
    }
}

@media (max-width: 48rem) {
    .footer__tels {
        margin-bottom: 1.1875rem;
    }
}

@media (max-width: 36rem) {
    .footer__tels {
        margin-bottom: 1rem;
    }
}

.footer__tel {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 133.33333%;
    color: #fff;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-repeat: no-repeat;
    background-size: 0;
}

.footer__tel:hover {
    color: #fff;
    background-size: 100%;
}

.footer__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer__subtitle {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 144.44444%;
    position: relative;
    display: block;
    margin-bottom: 0.25rem;
    padding-left: 1.875rem;
    color: #fff;
}

@media (max-width: 36rem) {
    .footer__subtitle {
        font-size: 1rem;
        margin-bottom: 0.375rem;
    }
}

.footer__subtitle-icon {
    font-size: 1.25rem;
    position: absolute;
    top: 0.1875rem;
    left: 0.3125rem;
    color: #2770f1;
}

@media (max-width: 36rem) {
    .footer__subtitle-icon {
        top: 0.0625rem;
    }
}

.footer__address {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 144.44444%;
    display: block;
    color: #fff;
}

@media (max-width: 36rem) {
    .footer__address {
        font-size: 1rem;
    }
}

.footer__link {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 144.44444%;
    color: #fff;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-repeat: no-repeat;
    background-size: 0;
}

@media (max-width: 36rem) {
    .footer__link {
        font-size: 1rem;
    }
}

.footer__link:hover {
    color: #fff;
    background-size: 100%;
}

.footer__soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    padding-top: 0.5rem;
}

@media (max-width: 62rem) {
    .footer__soc {
        margin-bottom: 15px;
    }
}

.footer__soc-item {
    font-size: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3rem;
    height: 3rem;
    color: #fff;
    border-radius: 50%;
    background-color: rgba(39, 112, 241, 0.2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer__soc-item._icn-facebook {
    font-size: 1.875rem;
}

.footer__soc-item._icn-telegram {
    font-size: 1.125rem;
}

.footer__soc-item._icn-whatsapp {
    font-size: 1.5rem;
}

.footer__soc-item:hover {
    color: #fff;
    background-color: #2770f1;
}

.footer__soc-item:not(:last-child) {
    margin-right: 1.75rem;
}

.footer__soc-item.inst svg {
    fill: #fff;
    width: 32px;
}

.footer__form {
    width: 100%;
    max-width: 100%;
    padding: 30px 20px;
    border-radius: 4px;
    background-color: #2770f1;
}

.footer .footer__form {
    max-width: 450px;
}

@media (max-width: 62rem) {
    .footer__form {
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .footer__form {
        margin-bottom: 1.5rem;
        padding: 1.6875rem;
    }
}

@media (max-width: 36rem) {
    .footer__form {
        width: 100%;
        max-width: none;
        margin-bottom: 1rem;
        padding: 1.5rem 0.5rem;
        border-radius: 0;
    }
}

.footer__form-title {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 145.45455%;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #fff;
}

@media (max-width: 62rem) {
    .footer__form-title {
        margin-bottom: 1.375rem;
    }
}

@media (max-width: 48rem) {
    .footer__form-title {
        margin-bottom: 1.1875rem;
    }
}

a.btn.btn--dark.header__btn.open-modal.newbtn:hover {
    background-color: #162d5f;
}

@media (max-width: 36rem) {
    .footer__form-title {
        margin-bottom: 1rem;
    }
}

.footer__form-subtitle {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 144.44444%;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #fff;
}

@media (max-width: 62rem) {
    .footer__form-subtitle {
        margin-bottom: 1.3125rem;
    }
}

@media (max-width: 48rem) {
    .footer__form-subtitle {
        margin-bottom: 1.125rem;
    }
}

@media (max-width: 36rem) {
    .footer__form-subtitle {
        margin-bottom: 1rem;
    }
}

.footer__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__form-row > * {
    -ms-flex-preferred-size: calc((100% - 20px) / 3);
    flex-basis: calc((100% - 20px) / 3);
}

.footer .footer__form-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 88.75rem) {
    .footer__form-row {
        display: block;
    }

    .footer__form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer__form-label {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-right: 0.625rem;
    margin-bottom: 1.5rem;
    padding: 0;
}

@media screen and (max-width: 88.75rem) {
    .footer__form-label {
        margin-right: 0;
    }
}

@media (max-width: 62rem) {
    .footer__form-label {
        margin-bottom: 1.1875rem;
    }
}

@media (max-width: 48rem) {
    .footer__form-label {
        margin-bottom: 0.875rem;
    }
}

@media (max-width: 36rem) {
    .footer__form-label {
        margin-bottom: 0.625rem;
    }
}

.footer__form-input {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 3.5rem;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 3.5rem;
    padding: 0 0.75rem 0 3.25rem;
    color: #fff;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 36rem) {
    .footer__form-input {
        font-size: 1rem;
        line-height: 3rem;
        height: 3rem;
        padding: 0 0.5rem 0 3rem;
    }
}

.footer__form-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.footer__form-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.footer__form-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.footer__form-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.footer__form-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.footer__form-icon {
    font-size: 1.4375rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 1.0625rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

@media (max-width: 36rem) {
    .footer__form-icon {
        left: 0.8125rem;
    }
}

.footer__form-icon._icn-phone {
    font-size: 1.6875rem;
}

@media (max-width: 36rem) {
    .footer__form-icon._icn-phone {
        left: 1rem;
    }
}

.footer__form-btn {
    margin-bottom: 1.5rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 62rem) {
    .footer__form-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 1.3125rem;
    }
}

@media (max-width: 48rem) {
    .footer__form-btn {
        margin-bottom: 1.125rem;
    }
}

@media (max-width: 36rem) {
    .footer__form-btn {
        font-size: 1rem;
        margin-bottom: 1rem;
        padding: 0.75rem 1rem;
    }
}

.footer__form-accept {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
}

.footer__form-accept a {
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.8);
}

.footer__form-accept a:hover {
    color: rgba(255, 255, 255, 0.8);
    -webkit-text-decoration-style: double;
    text-decoration-style: double;
}

.footer__menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.footer__menu-item:not(:last-child) {
    margin-bottom: 1rem;
}

.footer__menu-item ul {
    display: none;
    width: 100%;
    padding-top: 0.5rem;
}

.footer__menu-item ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.footer__menu-item ul li a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 162.5%;
    color: #fff;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-repeat: no-repeat;
    background-size: 0;
}

.footer__menu-item ul li a:hover {
    color: #fff;
    background-size: 100%;
}

.footer__menu-item._active .footer__menu-link {
    background-size: 100%;
}

.footer__menu-item._active .footer__menu-arrow::before {
    visibility: hidden;
    height: 0;
}

.footer__menu-link {
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 144.44444%;
    color: #fff;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);
    background-repeat: no-repeat;
    background-size: 0;
}

@media (min-width: 1350px) {
    .footer__menu-link {
        font-size: 1rem;
    }
}

.footer__menu-link:hover {
    color: #fff;
    background-size: 100%;
}

.footer__menu-arrow {
    position: relative;
    z-index: 2;
    top: 2px;
    display: block;
    width: 0.75rem;
    height: 0.125rem;
    margin-left: 0.6875rem;
    cursor: pointer;
    -webkit-transition: background-color 0.35s ease 0s;
    -o-transition: background-color 0.35s ease 0s;
    transition: background-color 0.35s ease 0s;
    background-color: #2770f1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.footer__menu-arrow:hover {
    background-color: #fff;
}

.footer__menu-arrow:hover::before {
    background-color: #fff;
}

.footer__menu-arrow::before {
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: visible;
    width: 0.125rem;
    height: 0.75rem;
    content: "";
    -webkit-transition: height 0.35s ease 0s, visibility 0.35s ease 0s, background-color 0.35s ease 0s;
    -o-transition: height 0.35s ease 0s, visibility 0.35s ease 0s, background-color 0.35s ease 0s;
    transition: height 0.35s ease 0s, visibility 0.35s ease 0s, background-color 0.35s ease 0s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #2770f1;
}

.footer__menu-arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.75rem;
    height: 0.75rem;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner {
    position: relative;
    z-index: 2;
    max-width: 100%;
}

.banner__container {
    padding-top: 2.0625rem;
    padding-bottom: 6.125rem;
}

@media (max-width: 62rem) {
    .banner__container {
        padding-top: 1.6875rem;
        padding-bottom: 4.625rem;
    }
}

@media (max-width: 48rem) {
    .banner__container {
        padding-top: 1.3125rem;
        padding-bottom: 3.125rem;
    }
}

@media (max-width: 36rem) {
    .banner__container {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.banner__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 6.625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
}

@media screen and (max-width: 84.375rem) {
    .banner__row {
        padding-left: 1.4375rem;
    }
}

@media (max-width: 62rem) {
    .banner__row {
        display: block;
        padding-right: 1.4375rem;
    }
}

@media (max-width: 1020px) {
    .banner__row {
        padding: 0;
    }
}

.banner__content {
    align-self: start;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 47.9375rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 100rem) {
    .banner__content {
        max-width: 40.625rem;
    }
}

@media screen and (max-width: 84.375rem) {
    .banner__content {
        max-width: 37.5rem;
    }
}

@media (max-width: 62rem) {
    .banner__content {
        max-width: 100%;
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .banner__content {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .banner__content {
        margin-bottom: 1rem;
    }
}

.banner__title {
    margin-bottom: 1.5rem;
    padding-left: 0;
}

@media (max-width: 62rem) {
    .banner__title {
        max-width: 500px;
    }
}

@media (max-width: 36rem) {
    .banner__title {
        max-width: 19rem;
        margin-bottom: 1rem;
    }
}

.banner__title::before {
    display: none;
}

.banner__title span {
    font-weight: 400;
}

.banner__list {
    margin-bottom: 2rem;
}

@media (max-width: 36rem) {
    .banner__list {
        margin-bottom: 1rem;
    }
}

.banner__item {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 144.44444%;
    position: relative;
    padding-left: 1.625rem;
    color: #3f578b;
}

@media (max-width: 36rem) {
    .banner__item {
        font-size: 1rem;
        line-height: 162.5%;
    }
}

.banner__item::before {
    position: absolute;
    top: 0.5625rem;
    left: 0.5625rem;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    border-radius: 50%;
    background-color: #1ebb92;
}

.banner__item:not(:last-child) {
    margin-bottom: 1rem;
}

@media (max-width: 36rem) {
    .banner__item:not(:last-child) {
        margin-bottom: 0.5rem;
    }
}

.banner__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

@media (max-width: 36rem) {
    .banner__btns {
        display: block;
    }
}

@media (max-width: 36rem) {
    .banner__btns-item {
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0.75rem;
    }
}

.banner__btns-item:not(:last-child) {
    margin-right: 1rem;
}

@media (max-width: 36rem) {
    .banner__btns-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

.banner__right {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 39.6875rem;
    margin-left: 3rem;
}

@media screen and (max-width: 84.375rem) {
    .banner__right {
        height: 600px;
        margin-left: 1.875rem;
    }
}

@media (max-width: 62rem) {
    .banner__right {
        height: auto;
        margin-left: 0;
    }
}

.banner__right::before {
    position: absolute;
    z-index: 1;
    right: 100%;
    bottom: 0;
    width: 21.4375rem;
    height: 1px;
    content: "";
    background-color: #b6d1ff;
}

@media (max-width: 62rem) {
    .banner__right::before {
        display: none;
    }
}

.banner__right::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 1px;
    height: 10.25rem;
    content: "";
    background-color: #b6d1ff;
}

@media (max-width: 62rem) {
    .banner__right::after {
        display: none;
    }
}

.banner__points-1 {
    position: absolute;
    z-index: 1;
    bottom: 10.3125rem;
    left: -4.5625rem;
    width: 7.875rem;
    height: 20rem;
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media (max-width: 62rem) {
    .banner__points-1 {
        display: none;
    }
}

.banner__points-2 {
    position: absolute;
    z-index: 1;
    top: 10.375rem;
    left: -5.375rem;
    width: 7.875rem;
    height: 20rem;
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media (max-width: 62rem) {
    .banner__points-2 {
        left: -6rem;
    }
}

@media (max-width: 48rem) {
    .banner__points-2 {
        display: none;
    }
}

.banner__pic {
    width: max-content;
    height: 500px;
    align-self: flex-start;
    position: absolute;
    z-index: 2;
    top: 0;
    right: -3.75rem;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    border-top-left-radius: 7rem;
}

@media (max-width: 62rem) {
    .banner__pic {
        position: relative;
        right: 0;
        height: 18.75rem;
        border-radius: 0.5rem;
    }
}

.banner__decor {
    position: absolute;
    z-index: 3;
    bottom: 7.5rem;
    left: 0;
    width: 15rem;
    height: 7.5rem;
    pointer-events: none;
    background-color: #2770f1;
}

@media screen and (max-width: 84.375rem) {
    .banner__decor {
        display: none;
    }
}

.banner__decor::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 100%;
    width: 7.5rem;
    height: 7.5rem;
    content: "";
    background-color: #b6d1ff;
}

.banner__decor::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 100%;
    width: 0;
    height: 0;
    content: "";
    border-width: 0 0 7.5rem 7.5rem;
    border-style: solid;
    border-color: transparent transparent #152f60 transparent;
}

.hero {
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-width: 100%;
    margin-top: -5rem;
}

@media (max-width: 36rem) {
    .hero {
        margin-top: -3.875rem;
    }
}

.hero__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.hero::after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(21, 47, 96, 0.8);
}

.hero__container {
    position: relative;
    z-index: 3;
    padding-top: 4.875rem;
    padding-bottom: 8.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hero-left {
    max-width: 900px;
}

.hero-right {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    background-color: #fff;
    padding: 40px;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-row-gap: 0;
    gap: 0;
}

.hero-right__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border: 1px solid #d7e2ff;
    height: 100%;
    width: 100%;
}

.hero-right__item p {
    font-weight: 700;
}

.hero__left-subtitle {
    color: #fff;
}

.hero-right__item:first-child {
    padding-right: 20px;
    padding-bottom: 20px;
    border-top: none;
    border-left: none;
    max-height: 160px;
}

.hero-right__item:nth-child(2) {
    padding-left: 20px;
    padding-bottom: 20px;
    border-top: none;
    border-right: none;
    max-height: 160px;
}

.hero-right__item:nth-child(3) {
    padding-top: 20px;
    padding-right: 20px;
    border-bottom: none;
    border-left: none;
    color: #3f578b;
}

.hero-right__item:last-child {
    padding-top: 20px;
    padding-left: 20px;
    border-bottom: none;
    border-right: none;
}

.hero__container::before, .hero__container::after {
    display: none;
}

@media (max-width: 62rem) {
    .hero__container {
        padding-bottom: 4.375rem;
    }
}

@media (max-width: 48rem) {
    .hero__container {
        padding-bottom: 3.4375rem;
    }

    .hero__bg {
        display: none;
    }
}

@media (max-width: 36rem) {
    .hero__container {
        padding-top: 4.625rem;
        padding-bottom: 1.5rem;
    }

    .hero-right__item {
        height: 160px;
        width: 100%;
    }
}

.hero__title {
    width: 100%;
    max-width: 50.8125rem;
    margin-bottom: 2.5rem;
    color: #fff;
}

@media (max-width: 36rem) {
    .hero__title {
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .hero__title {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .hero__title {
        margin-bottom: 1.5rem;
    }
}

.hero__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 36rem) {
    .hero__btns {
        display: block;
    }
}

@media (max-width: 36rem) {
    .hero__btn {
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0.75rem;
    }
}

.hero__btn:not(:last-child) {
    margin-right: 1rem;
}

@media (max-width: 36rem) {
    .hero__btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

.popular {
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.popular__container {
    padding-bottom: 12rem;
}

@media screen and (max-width: 80rem) {
    .popular__container {
        padding-bottom: 3.125rem;
    }
}

@media (max-width: 48rem) {
    .popular__container {
        padding-bottom: 2.25rem;
    }
}

@media (max-width: 36rem) {
    .popular__container {
        padding-bottom: 1rem;
    }
}

.popular__title {
    margin-bottom: 3rem;
}

@media (max-width: 62rem) {
    .popular__title {
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 48rem) {
    .popular__title {
        margin-bottom: 2.1875rem;
    }
}

@media (max-width: 36rem) {
    .popular__title {
        margin-bottom: 1.75rem;
    }
}

.popular__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 6.5625rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 100rem) {
    .popular__row {
        padding-left: 1.4375rem;
    }
}

@media screen and (max-width: 80rem) {
    .popular__row {
        display: block;
        padding-left: 0;
    }
}

.popular__left {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 28.75rem;
    margin-right: 3rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 87.5rem) {
    .popular__left {
        max-width: 22.5rem;
    }
}

@media screen and (max-width: 80rem) {
    .popular__left {
        display: none;
    }
}

.popular__left::after {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -10.9375rem;
    width: 1px;
    height: 23.4375rem;
    content: "";
    pointer-events: none;
    background-color: #b6d1ff;
}

.popular__left::before {
    position: absolute;
    z-index: 1;
    top: -0.1875rem;
    left: -3.75rem;
    width: 7.875rem;
    height: 20rem;
    content: "";
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

.popular__pic {
    position: relative;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    border-radius: 7rem 0;
}

.popular__decor {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 6.5rem;
    height: 6.5rem;
    pointer-events: none;
    background-color: #2770f1;
}

@media (max-width: 62rem) {
    .popular__decor {
        display: none;
    }
}

.popular__decor::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 100%;
    width: 6.5rem;
    height: 6.5rem;
    content: "";
    background-color: #b6d1ff;
}

.popular__decor::before {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-width: 0 6.5rem 6.5rem 0;
    border-style: solid;
    border-color: transparent #152f60 transparent transparent;
}

.popular__content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.popular__wrapper:not(:last-child) {
    margin-bottom: 0.5rem;
}

.popular__name {
    font-size: 2rem;
    font-weight: 800;
    line-height: 150%;
    position: relative;
    display: block;
    min-height: 3.5rem;
    padding: 0.25rem 1.4375rem 1.25rem 4.5rem;
    color: #1b315f;
    border-bottom: 1px solid #d7e2ff;
}

@media (max-width: 1020px) {
    .popular__name {
        font-size: 1.75rem;
        min-height: auto;
        padding: 0 3.125rem 0.75rem 0;
    }
}

@media (max-width: 48rem) {
    .popular__name {
        font-size: 1.5625rem;
    }
}

@media (max-width: 36rem) {
    .popular__name {
        font-size: 1.375rem;
    }
}

.popular__name span {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.75rem 1.75rem 1.75rem 0;
    background-color: #2770f1;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 1020px) {
    .popular__name span {
        top: 50%;
        right: 0;
        left: auto;
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: 0.75rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 50%;
        background-color: #f1f5ff;
        background-image: none !important;
    }
}

.popular__name span::after, .popular__name span::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    visibility: visible;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 0.125rem;
    background-color: #2770f1;
}

@media (max-width: 1020px) {
    .popular__name span::after, .popular__name span::before {
        display: block;
    }
}

.popular__name span::after {
    width: 0.125rem;
    height: 1.125rem;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

.popular__name span::before {
    width: 1.125rem;
    height: 0.125rem;
}

.popular__name._active span::after {
    visibility: hidden;
    height: 0;
}

.popular__name::after {
    position: absolute;
    top: 0;
    right: -0.1875rem;
    bottom: 1rem;
    width: 0.3125rem;
    content: "";
    background-color: #2770f1;
}

@media (max-width: 1020px) {
    .popular__name::after {
        display: none;
    }
}

.popular__name-fast {
    background-image: url("../img/icons/popular-fast.svg");
    background-size: 1.875rem auto;
}

.popular__name-help {
    background-image: url("../img/icons/popular-help.svg");
    background-size: 2.125rem auto;
}

.popular__block {
    display: block;
    padding-top: 0.25rem;
}

@media (max-width: 1020px) {
    .popular__block {
        display: none;
        padding-top: 0.75rem;
    }
}

.popular__block-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

@media (max-width: 62rem) {
    .popular__block-row {
        display: block;
    }
}

.popular__col {
    display: block;
    width: 100%;
    max-width: calc(50% - 1.5rem);
    padding: 1rem;
}

@media (max-width: 62rem) {
    .popular__col {
        max-width: 100%;
        padding: 0;
    }

    .popular__col:not(:last-child) {
        margin-bottom: 0.75rem;
    }
}

.popular__col-title {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 130%;
    display: block;
    margin-bottom: 1rem;
    color: #1b315f;
}

@media (max-width: 62rem) {
    .popular__col-title {
        margin-bottom: 0.75rem;
        padding: 0 0.75rem;
    }
}

@media (max-width: 1020px) {
    .popular__col-title {
        padding: 0;
    }
}

@media (max-width: 36rem) {
    .popular__col-title {
        font-size: 1.125rem;
    }
}

.popular__col-item {
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.75rem;
    border-radius: 0.25rem;
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
    box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1020px) {
    .popular__col-item {
        padding: 0.75rem 0;
        border-radius: 0;
    }
}

.popular__col-item:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
    box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
}

@media (max-width: 1020px) {
    .popular__col-item:hover {
        background-color: rgba(255, 255, 255, 0);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.popular__col-name {
    display: block;
    overflow: hidden;
    width: 100%;
    color: #2770f1;
}

.popular__col-name::after {
    position: relative;
    top: -0.25rem;
    display: inline-block;
    width: 100%;
    height: 0.4375rem;
    margin-right: -100%;
    margin-left: 0.75rem;
    content: "";
    vertical-align: bottom;
    border-top: 1px solid #d7e2ff;
}

.popular__col-price {
    display: block;
    margin-left: 0.75rem;
    color: #1b315f;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.popular__col-price > span {
    font-weight: 700;
}

.price {
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.price__container {
    position: relative;
    z-index: 3;
    padding-top: 2rem;
    padding-bottom: 5.5rem;
}

@media (max-width: 62rem) {
    .price__container {
        padding-bottom: 3.875rem;
    }
}

@media (max-width: 48rem) {
    .price__container {
        padding-bottom: 3.25rem;
    }
}

@media (max-width: 36rem) {
    .price__container {
        padding-bottom: 2.5rem;
    }
}

.price__title {
    margin-bottom: 3.5625rem;
    max-width: 85%;
}

@media (max-width: 62rem) {
    .price__title {
        margin-bottom: 2.5rem;
        max-width: 100%;
    }
}

@media (max-width: 48rem) {
    .price__title {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .price__title {
        margin-bottom: 1rem;
    }
}

.price__wrapper {
    display: block;
    padding: 1rem;
}

.price__wrapper.price__wrapper-page {
    margin-top: 80px;
}

@media (max-width: 48rem) {
    .price__wrapper {
        padding: 0;
    }

    .price__wrapper.price__wrapper-page {
        margin-top: 20px;
    }
}

.price__item {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 145.45455%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0.75rem;
    color: #1b315f;
    border-radius: 0.25rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
    box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 48rem) {
    .price__item {
        font-size: 1rem;
        line-height: 150%;
    }
}

@media (max-width: 36rem) {
    .price__item {
        display: block;
        padding: 0.5rem 0;
    }
}

.price__item:not(:last-child) {
    margin-bottom: 1rem;
}

@media (max-width: 48rem) {
    .price__item:not(:last-child) {
        margin-bottom: 0.5rem;
    }
}

.price__name {
    display: block;
    overflow: hidden;
    width: 100%;
    color: #2770f1;
    color: #2770f1;
}

@media (max-width: 36rem) {
    .price__name {
        margin-bottom: 0.25rem;
    }
}

.price__name::after {
    position: relative;
    top: -0.5rem;
    display: inline-block;
    width: 100%;
    height: 0.4375rem;
    margin-right: -100%;
    margin-left: 0.75rem;
    content: "";
    vertical-align: bottom;
    border-top: 1px solid #d7e2ff;
}

@media (max-width: 48rem) {
    .price__name::after {
        top: -0.25rem;
    }
}

@media (max-width: 36rem) {
    .price__name::after {
        display: none;
    }
}

.price__cost {
    display: block;
    margin-left: 0.75rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 36rem) {
    .price__cost {
        margin-left: 0;
    }
}

.price__cost span {
    font-weight: 700;
}

.price__decor {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 7.5rem;
    width: 7.5rem;
    height: 7.5rem;
    background-color: #2770f1;
}

@media screen and (max-width: 80rem) {
    .price__decor {
        display: none;
    }
}

.price__decor::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    content: "";
    border-width: 7.5rem 7.5rem 0 0;
    border-style: solid;
    border-color: #152f60 transparent transparent transparent;
}

.etaps {
    position: relative;
    z-index: 2;
    max-width: 100%;
    color: #fff;
    background-color: #163063;
}

.etaps__container {
    position: relative;
    z-index: 2;
    padding-top: 3.5rem;
    padding-bottom: 4.125rem;
}

@media (max-width: 62rem) {
    .etaps__container {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (max-width: 48rem) {
    .etaps__container {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

@media (max-width: 36rem) {
    .etaps__container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.etaps__container::after, .etaps__container::before {
    display: none;
}

.etaps__title {
    margin-bottom: 4rem;
    margin-left: 4rem;
    color: #fff;
}

@media screen and (max-width: 80rem) {
    .etaps__title {
        margin-left: 0;
    }
}

@media (max-width: 62rem) {
    .etaps__title {
        margin-bottom: 3rem;
    }
}

@media (max-width: 48rem) {
    .etaps__title {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .etaps__title {
        margin-bottom: 1rem;
    }
}

.etaps__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 4rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 80rem) {
    .etaps__row {
        padding-left: 0;
    }
}

@media (max-width: 62rem) {
    .etaps__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.etaps__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 69.6875rem;
    margin-right: 3rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 106.25rem) {
    .etaps__content {
        max-width: 56.25rem;
    }
}

@media screen and (max-width: 93.75rem) {
    .etaps__content {
        max-width: 37.5rem;
    }
}

@media (max-width: 62rem) {
    .etaps__content {
        max-width: 100%;
        margin-right: 0;
    }
}

.etaps__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -2.5rem;
    counter-reset: myCount;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

@media (max-width: 48rem) {
    .etaps__list {
        margin-bottom: -1rem;
    }
}

.etaps__item {
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%;
    display: block;
    width: 100%;
    max-width: calc(33.33333% - 1.3125rem);
    height: auto;
    margin-bottom: 2.5rem;
    padding: 1rem 1rem 1.5rem;
    color: #1b315f;
    border-radius: 3.5rem 0.25rem 0.25rem 0.25rem;
    background-color: #fff;
}

@media screen and (max-width: 93.75rem) {
    .etaps__item {
        max-width: calc(50% - 1.375rem);
    }
}

@media (max-width: 62rem) {
    .etaps__item {
        max-width: calc(33.33333% - 1.3125rem);
    }
}

@media (max-width: 48rem) {
    .etaps__item {
        max-width: calc(50% - 0.5rem);
        margin-bottom: 1rem;
    }
}

@media (max-width: 36rem) {
    .etaps__item {
        font-size: 0.875rem;
        line-height: 142.85714%;
        padding: 0.5rem 0.5rem 1rem;
        word-wrap: break-word;
        border-top-left-radius: 1.5rem;
    }
}

.etaps__item::before {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 122.5%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 5.25rem;
    height: 5.25rem;
    margin-bottom: 1rem;
    content: counter(myCount);
    counter-increment: myCount;
    color: #fff;
    border-radius: 2.625rem 2.625rem 2.625rem 0;
    background-color: #2770f1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 36rem) {
    .etaps__item::before {
        font-size: 1.5rem;
        width: 2.625rem;
        height: 2.625rem;
        margin-bottom: 0.5rem;
    }
}

.etaps__right {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 37.3125rem;
}

@media (max-width: 62rem) {
    .etaps__right {
        height: 18.75rem;
        min-height: auto;
        margin-bottom: 3rem;
    }
}

@media (max-width: 48rem) {
    .etaps__right {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .etaps__right {
        height: auto;
        margin-bottom: 1rem;
    }
}

.etaps__pic {
    position: absolute;
    z-index: 2;
    top: 0;
    right: -3.75rem;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    border-top-left-radius: 7rem;
}

@media (max-width: 62rem) {
    .etaps__pic {
        position: relative;
        right: 0;
        width: 100%;
        height: 100%;
        border-top-left-radius: 2rem;
    }
}

@media (max-width: 36rem) {
    .etaps__pic {
        height: auto;
    }
}

.etaps__pic img {
    position: relative;
    z-index: 2;
}

.etaps__decor {
    position: absolute;
    z-index: 3;
    right: -3.75rem;
    bottom: 0;
    width: 6.5rem;
    height: 6.5rem;
    background-color: #b6d1ff;
}

@media (max-width: 62rem) {
    .etaps__decor {
        display: none;
    }
}

.etaps__decor::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 100%;
    width: 6.5rem;
    height: 6.5rem;
    content: "";
    background-color: #2770f1;
}

.etaps__decor::before {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-width: 6.5rem 6.5rem 0 0;
    border-style: solid;
    border-color: #152f60 transparent transparent transparent;
}

.etaps__point-1 {
    position: absolute;
    z-index: 1;
    top: -5rem;
    right: 0;
    width: 6.25rem;
    height: 20rem;
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media screen and (max-width: 80rem) {
    .etaps__point-1 {
        display: none;
    }
}

.etaps__point-2 {
    position: absolute;
    z-index: 1;
    bottom: 1.5rem;
    left: -2.25rem;
    width: 7.875rem;
    height: 20rem;
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media screen and (max-width: 80rem) {
    .etaps__point-2 {
        display: none;
    }
}

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

.contacts__container {
    padding-top: 0.5rem;
    padding-bottom: 12rem;
}

@media (max-width: 62rem) {
    .contacts__container {
        padding-top: 0.75rem;
        padding-bottom: 0;
    }
}

.contacts__inner {
    padding-left: 1.4375rem;
}

@media (max-width: 62rem) {
    .contacts__inner {
        padding-left: 0;
    }
}

.contacts__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 62rem) {
    .contacts__row {
        display: block;
    }
}

.contacts__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 43.5rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 87.5rem) {
    .contacts__content {
        max-width: 35.3rem;
    }
}

@media screen and (max-width: 75rem) {
    .contacts__content {
        max-width: 30rem;
    }
}

@media (max-width: 62rem) {
    .contacts__content {
        max-width: 100%;
        margin-bottom: 2.25rem;
        padding-left: 1.4375rem;
    }
}

@media (max-width: 1020px) {
    .contacts__content {
        padding-left: 0;
    }
}

@media (max-width: 48rem) {
    .contacts__content {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .contacts__content {
        margin-bottom: 1rem;
        padding-left: 0;
    }
}

.contacts__address {
    font-size: 2rem;
    font-weight: 400;
    line-height: 121.875%;
    margin-bottom: 2.5rem;
    color: #1b315f;
}

@media screen and (max-width: 87.5rem) {
    .contacts__address {
        font-size: 1.75rem;
        margin-bottom: 2.25rem;
    }
}

@media screen and (max-width: 75rem) {
    .contacts__address {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 62rem) {
    .contacts__address {
        font-size: 1.375rem;
        margin-bottom: 1.875rem;
    }
}

@media (max-width: 48rem) {
    .contacts__address {
        font-size: 1.25rem;
        margin-bottom: 1.625rem;
    }
}

@media (max-width: 36rem) {
    .contacts__address {
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
    }
}

.contacts__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2.5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 62rem) {
    .contacts__block {
        margin-bottom: 2.1875rem;
    }
}

@media (max-width: 48rem) {
    .contacts__block {
        margin-bottom: 1.8125rem;
    }
}

@media (max-width: 36rem) {
    .contacts__block {
        margin-bottom: 1.5rem;
    }
}

.contacts__subtitle {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 145.45455%;
    display: block;
    margin-bottom: 0;
    color: #1b315f;
}

@media (max-width: 48rem) {
    .contacts__subtitle {
        font-size: 1.25rem;
    }
}

@media (max-width: 36rem) {
    .contacts__subtitle {
        font-size: 1.125rem;
    }
}

.contacts__tel {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 145.45455%;
    margin-top: 0.5rem;
    color: #1b315f;
    background-image: -o-linear-gradient( transparent calc(100% - 1px), #2770f1 1px );
    background-image: linear-gradient(transparent calc(100% - 1px), #2770f1 1px);
    background-repeat: no-repeat;
    background-size: 0;
}

@media (max-width: 48rem) {
    .contacts__tel {
        font-size: 1.25rem;
    }
}

@media (max-width: 36rem) {
    .contacts__tel {
        font-size: 1.125rem;
    }
}

.contacts__tel:hover {
    color: #2770f1;
    background-size: 100%;
}

.contacts__link {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 145.45455%;
    text-decoration: underline;
    color: #2770f1;
}

@media (max-width: 48rem) {
    .contacts__link {
        font-size: 1.25rem;
    }
}

@media (max-width: 36rem) {
    .contacts__link {
        font-size: 1.125rem;
    }
}

.contacts__link:not(:last-child) {
    margin-bottom: 0.5rem;
}

.contacts__link:hover {
    color: #1b315f;
}

.contacts__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.5rem;
    padding-top: 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

@media screen and (max-width: 75rem) {
    .contacts__btns {
        display: block;
        max-width: 20rem;
    }
}

@media (max-width: 62rem) {
    .contacts__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: none;
        margin-bottom: 2rem;
    }
}

@media (max-width: 48rem) {
    .contacts__btns {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .contacts__btns {
        display: block;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 75rem) {
    .contacts__btns-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 62rem) {
    .contacts__btns-item {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

@media (max-width: 48rem) {
    .contacts__btns-item {
        font-size: 1rem;
        padding: 0.75rem;
    }
}

@media (max-width: 36rem) {
    .contacts__btns-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.contacts__btns-item:not(:last-child) {
    margin-right: 1rem;
}

@media screen and (max-width: 75rem) {
    .contacts__btns-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 62rem) {
    .contacts__btns-item:not(:last-child) {
        margin-right: 1rem;
        margin-bottom: 0;
    }
}

@media (max-width: 36rem) {
    .contacts__btns-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

.contacts__rating {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 24.3125rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 36rem) {
    .contacts__rating {
        max-width: 100%;
    }
}

.contacts__rating-item {
    display: block;
    width: 50%;
    height: auto;
    min-height: 5rem;
    padding: 0 0.9375rem;
}

@media (max-width: 36rem) {
    .contacts__rating-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0.5rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.contacts__rating-item:not(:last-child) {
    border-right: 1px solid #f1f5ff;
}

.contacts__rating-item img {
    width: 100%;
    max-width: 8rem;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 36rem) {
    .contacts__rating-item img {
        max-width: 7.9375rem;
    }
}

.contacts__rating-item:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.contacts__map {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-left: 3rem;
}

@media (max-width: 62rem) {
    .contacts__map {
        display: block;
        margin-left: 0;
    }
}

@media (max-width: 36rem) {
    .contacts__map {
        width: calc(100% + 1rem);
        max-width: none;
        margin-left: -0.5rem;
    }
}

.contacts__map::before {
    position: absolute;
    z-index: 1;
    top: -3.8125rem;
    bottom: -12.5rem;
    left: 0;
    width: 1px;
    content: "";
    background-color: #b6d1ff;
}

@media (max-width: 62rem) {
    .contacts__map::before {
        display: none;
    }
}

.contacts__map::after {
    position: absolute;
    z-index: 1;
    right: 100%;
    bottom: 14.9375rem;
    width: 19.71%;
    height: 1px;
    content: "";
    background-color: #b6d1ff;
}

@media (max-width: 62rem) {
    .contacts__map::after {
        display: none;
    }
}

.contacts__decor {
    position: absolute;
    z-index: 3;
    right: 100%;
    bottom: 0;
    width: 7.5rem;
    height: 15rem;
    background-color: #152f60;
}

@media (max-width: 62rem) {
    .contacts__decor {
        display: none;
    }
}

.contacts__decor::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 100%;
    width: 7.5rem;
    height: 7.5rem;
    content: "";
    background-color: #b6d1ff;
}

.contacts__decor::before {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-width: 0 7.5rem 7.5rem 0;
    border-style: solid;
    border-color: transparent #152f60 transparent transparent;
}

.contacts__frame {
    position: relative;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 36.875rem;
    margin: 0;
    border-top-left-radius: 7rem;
}

@media (max-width: 62rem) {
    .contacts__frame {
        height: 30rem;
        border-radius: 0;
    }
}

@media (max-width: 48rem) {
    .contacts__frame {
        height: 22.5rem;
    }
}

@media (max-width: 36rem) {
    .contacts__frame {
        height: 16.125rem;
    }
}

.services {
    max-width: 100%;
}

.services__container {
    padding-top: 0.5rem;
    padding-bottom: 3rem;
}

@media (max-width: 36rem) {
    .services__container {
        padding-top: 0.75rem;
        padding-bottom: 1.5rem;
    }
}

.services__title {
    margin-bottom: 1.75rem;
}

@media (max-width: 1020px) {
    .services__title {
        margin-bottom: 1rem;
    }
}

.services__active {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    display: none;
    margin-bottom: 1.5rem;
    color: #3f578b;
}

@media (max-width: 1020px) {
    .services__active {
        display: block;
    }
}

.services__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.services__filter {
    width: 100%;
    max-width: 35.3125rem;
    margin-right: 3rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 98.75rem) {
    .services__filter {
        max-width: 25rem;
    }
}

@media screen and (max-width: 88.125rem) {
    .services__filter {
        max-width: 18.75rem;
    }
}

@media (max-width: 1020px) {
    .services__filter {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        visibility: hidden;
        overflow: auto;
        width: 100%;
        max-width: none;
        height: 100vh;
        padding: 1.875rem;
        -webkit-transition: all 0.35s ease 0s;
        -o-transition: all 0.35s ease 0s;
        transition: all 0.35s ease 0s;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        pointer-events: none;
        opacity: 0;
        background-color: #fff;
    }
}

@media (max-width: 48rem) {
    .services__filter {
        padding: 1.375rem 1.25rem;
    }
}

@media (max-width: 36rem) {
    .services__filter {
        padding: 1.375rem 0.5rem;
    }
}

.services__filter._active {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    pointer-events: all;
    opacity: 1;
}

.services__filter-toggle {
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    top: -3.125rem;
    right: 1.875rem;
    display: none;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    color: #276fee;
    border-radius: 0.25rem;
    background-color: #f1f5ff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1020px) {
    .services__filter-toggle {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

@media (max-width: 48rem) {
    .services__filter-toggle {
        right: 1.25rem;
    }
}

@media (max-width: 48rem) {
    .services__filter-toggle {
        top: -2.8125rem;
        right: 0.5rem;
    }
}

.services__filter-toggle_icon {
    font-size: 1rem;
    position: relative;
    display: inline-block;
    margin-right: 0.5rem;
}

.services__filter-toggle:hover {
    color: #f1f5ff;
    background-color: #276fee;
}

.services__filter-close {
    font-size: 1rem;
    font-weight: 800;
    line-height: 125%;
    display: none;
    margin-bottom: 1.375rem;
    color: #1c3260;
}

@media (max-width: 1020px) {
    .services__filter-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.services__filter-close_icon {
    font-size: 0.875rem;
    position: relative;
    top: 0.0625rem;
    display: inline-block;
    margin-right: 0.5rem;
    color: #276fee;
}

.services__filter-close:hover {
    color: #276fee;
}

.services__filter-title {
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 145.45455%;
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0 1.4375rem 1rem;
    color: #1b315f;
    border-bottom: 1px solid #d7e2ff;
}

@media (max-width: 1020px) {
    .services__filter-title {
        display: none;
    }
}

.services__filter-list {
    padding-left: 2rem;
}

.services__filter-list:not(:last-child) {
    margin-bottom: 2rem;
}

@media (max-width: 1020px) {
    .services__filter-list {
        padding: 0;
    }
}

.services__filter-item:not(:last-child) {
    margin-bottom: 1rem;
}

.services__filter-link {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 144.44444%;
    cursor: pointer;
    position: relative;
    padding-left: 1.3125rem;
    color: #1b315f;
}

@media (max-width: 1020px) {
    .services__filter-link {
        font-size: 1rem;
        padding-left: 0;
    }
}

.services__filter-link::before {
    position: absolute;
    top: 0.5625rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    border-radius: 50%;
    background-color: #d7e2ff;
}

@media (max-width: 1020px) {
    .services__filter-link::before {
        display: none;
    }
}

.services__filter-link:hover {
    color: #2770f1;
}

.services__filter-link._active {
    color: #2770f1;
}

.services__filter-link._active::before {
    background-color: #2770f1;
}

.services__content {
    width: 100%;
    max-width: 100%;
    padding-top: 0.5rem;
    padding-right: 0.5625rem;
}

@media (max-width: 1020px) {
    .services__content {
        padding: 0;
    }
}

.services__grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 0.5rem;
}

@media (max-width: 1020px) {
    .services__grid {
        grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
    }
}

@media (max-width: 36rem) {
    .services__grid {
        display: block;
    }
}

.services__grid:not(:last-child) {
    margin-bottom: 2.5rem;
}

@media (max-width: 1020px) {
    .services__grid:not(:last-child) {
        margin-bottom: 2.125rem;
    }
}

@media (max-width: 48rem) {
    .services__grid:not(:last-child) {
        margin-bottom: 1.8125rem;
    }
}

@media (max-width: 36rem) {
    .services__grid:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}

.services__item {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 144.44444%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 1rem 1rem 1rem 2.625rem;
    color: #1b315f;
    border-radius: 0.25rem;
    background-color: #f1f5ff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1020px) {
    .services__item {
        font-size: 1rem;
        padding: 0.75rem 0.5rem 0.75rem 1.875rem;
    }
}

.services__item::before {
    position: absolute;
    top: 50%;
    left: 1.0625rem;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    -webkit-transition: background-color 0.35s ease 0s;
    -o-transition: background-color 0.35s ease 0s;
    transition: background-color 0.35s ease 0s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #2770f1;
}

@media (max-width: 1020px) {
    .services__item::before {
        left: 0.75rem;
        width: 0.375rem;
        height: 0.375rem;
    }
}

@media (max-width: 36rem) {
    .services__item:not(:last-child) {
        margin-bottom: 0.25rem;
    }
}

.services__item:hover {
    color: #fff;
    background-color: #2770f1;
}

.services__item:hover::before {
    background-color: #fff;
}

.specialists {
    max-width: 100%;
}

.specialists__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(12.5rem, 1fr) 3.25rem minmax(12.5rem, 1fr) 3.25rem minmax(12.5rem, 1fr);
    grid-template-columns: repeat(3, minmax(12.5rem, 1fr));
    gap: 1.5rem 3.25rem;
}

@media screen and (max-width: 70rem) {
    .specialists__grid {
        gap: 1.5rem;
    }
}

@media (max-width: 48rem) {
    .specialists__grid {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 36rem) {
    .specialists__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.specialists__grid:not(:last-child) {
    margin-bottom: 2.5rem;
}

@media (max-width: 1020px) {
    .specialists__grid:not(:last-child) {
        margin-bottom: 2.125rem;
    }
}

@media (max-width: 48rem) {
    .specialists__grid:not(:last-child) {
        margin-bottom: 1.8125rem;
    }
}

@media (max-width: 36rem) {
    .specialists__grid:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}

.specialists__item {
    display: block;
    color: #1b315f;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
    box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
}

@media (max-width: 48rem) {
    .specialists__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 36rem) {
    .specialists__item:not(:last-child) {
        margin-bottom: 0.5rem;
    }
}

.specialists__item:hover {
    color: #2770f1;
    -webkit-box-shadow: 0 4px 24px rgba(27, 49, 95, 0.15);
    box-shadow: 0 4px 24px rgba(27, 49, 95, 0.15);
}

.specialists__pic {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 22.1875rem;
}

@media (max-width: 48rem) {
    .specialists__pic {
        max-width: 5.6875rem;
        height: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

.specialists__content {
    display: block;
    padding: 0.75rem;
}

@media (max-width: 48rem) {
    .specialists__content {
        display: block;
        padding: 0.25rem 0.25rem 0.6875rem 0.5rem;
    }
}

.specialists__name {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 145.45455%;
    display: block;
    margin-bottom: 0.25rem;
}

@media (max-width: 48rem) {
    .specialists__name {
        font-size: 1rem;
        max-width: 12.5625rem;
    }
}

.specialists__name-first {
    font-weight: 800;
}

.specialists__position {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    display: block;
    color: #3f578b;
}

@media (max-width: 48rem) {
    .specialists__position {
        font-size: 0.75rem;
        max-width: 12.5625rem;
    }
}

.specialists__form {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 1.5rem;
    border-radius: 0.25rem;
    background-color: #162d5f;
}

@media (max-width: 36rem) {
    .specialists__form {
        width: calc(100% + 1rem);
        max-width: none;
        margin-left: -0.5rem;
        padding: 1.5rem 0.5rem;
        border-radius: 0;
    }
}

.specialists__form-title {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 145.45455%;
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    color: #fff;
}

.specialists__form-subtitle {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    color: #fff;
}

@media (max-width: 36rem) {
    .specialists__form-subtitle {
        font-size: 1.125rem;
    }
}

@media (max-width: 36rem) {
    .specialists__form-subtitle br {
        display: none;
    }
}

.specialists__form-label {
    position: relative;
    display: block;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.625rem;
    padding: 0;
}

.specialists__form-input {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 3.5rem;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 3.5rem;
    padding: 0 0.75rem 0 3.25rem;
    color: #fff;
    border-radius: 0.25rem;
    background-color: rgba(255, 255, 255, 0.05);
}

@media (max-width: 36rem) {
    .specialists__form-input {
        font-size: 1rem;
        line-height: 3rem;
        height: 3rem;
        padding: 0 0.5rem 0 3rem;
    }
}

.specialists__form-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.specialists__form-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.specialists__form-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.specialists__form-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.specialists__form-input::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.specialists__form-icon {
    font-size: 1.4375rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 1.0625rem;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2770f1;
}

@media (max-width: 36rem) {
    .specialists__form-icon {
        left: 0.8125rem;
        color: #fff;
    }
}

.specialists__form-icon._icn-phone {
    font-size: 1.6875rem;
    left: 1.25rem;
}

@media (max-width: 36rem) {
    .specialists__form-icon._icn-phone {
        left: 1rem;
    }
}

.specialists__form-accept {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    display: block;
    margin-bottom: 0.625rem;
    text-align: center;
    color: #fff;
}

.specialists__form-accept a {
    text-decoration: underline;
    color: #fff;
}

.specialists__form-accept a:hover {
    color: #fff;
    -webkit-text-decoration-style: double;
    text-decoration-style: double;
}

.specialists__form-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.specialists__form-btn:hover {
    background-color: #0e57d7;
}

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

.spec__container {
    padding-top: 0.5rem;
    padding-bottom: 4rem;
}

@media (max-width: 62rem) {
    .spec__container {
        padding-bottom: 3.375rem;
    }
}

@media (max-width: 36rem) {
    .spec__container {
        padding-bottom: 2.5rem;
    }
}

.spec__title {
    margin-bottom: 3rem;
}

@media (max-width: 62rem) {
    .spec__title {
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .spec__title {
        margin-bottom: 1.75rem;
    }
}

@media (max-width: 36rem) {
    .spec__title {
        margin-bottom: 1rem;
    }
}

.spec__title span {
    font-weight: 400;
}

.spec__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.4375rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 62rem) {
    .spec__row {
        display: block;
    }
}

@media (max-width: 1020px) {
    .spec__row {
        padding: 0;
    }
}

.spec__left {
    position: relative;
    display: block;
    width: 100%;
    max-width: 36.875rem;
    margin-right: 3rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 87.5rem) {
    .spec__left {
        max-width: 28rem;
    }
}

@media screen and (max-width: 77.5rem) {
    .spec__left {
        max-width: 23.75rem;
    }
}

@media (max-width: 62rem) {
    .spec__left {
        max-width: 36.875rem;
        margin: 0 auto 2.5rem;
    }
}

@media (max-width: 48rem) {
    .spec__left {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .spec__left {
        margin-bottom: 1.5rem;
        display: none;
    }
}

.spec__left::after {
    position: absolute;
    z-index: 1;
    bottom: -11.625rem;
    left: 16.5rem;
    width: 7.875rem;
    height: 20rem;
    content: "";
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media screen and (max-width: 87.5rem) {
    .spec__left::after {
        bottom: -6.25rem;
    }
}

@media screen and (max-width: 77.5rem) {
    .spec__left::after {
        display: none;
    }
}

.spec__pic {
    position: relative;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 0.25rem;
}

.spec__decor {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    width: 7.375rem;
    height: 14.75rem;
    -webkit-transform: translateY(-14.75rem);
    -ms-transform: translateY(-14.75rem);
    transform: translateY(-14.75rem);
    background-color: #152f60;
}

@media screen and (max-width: 77.5rem) {
    .spec__decor {
        display: none;
    }
}

.spec__decor::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 100%;
    width: 7.375rem;
    height: 7.375rem;
    content: "";
    background-color: #b6d1ff;
}

.spec__decor::before {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-width: 0 7.375rem 7.375rem 0;
    border-style: solid;
    border-color: transparent #152f60 transparent transparent;
}

.spec__content {
    width: calc(100% - 39.875rem);
}

@media screen and (max-width: 87.5rem) {
    .spec__content {
        width: calc(100% - 31rem);
    }
}

@media screen and (max-width: 77.5rem) {
    .spec__content {
        width: calc(100% - 26.75rem);
    }

    .spec__content {
        margin-top: 50px;
    }
}

@media (max-width: 62rem) {
    .spec__content {
        width: 100%;
    }
}

.spec__line {
    margin-bottom: 2rem;
    border-bottom: 1px solid #d7e2ff;
}

@media (max-width: 62rem) {
    .spec__line {
        width: calc(100% + 1.4375rem);
        margin-bottom: 1.75rem;
        margin-left: -1.4375rem;
        padding-left: 1.4375rem;
    }
}

@media (max-width: 1020px) {
    .spec__line {
        width: calc(100% + 3.75rem);
        margin-left: -1.875rem;
        padding: 0 1.875rem;
    }
}

@media (max-width: 48rem) {
    .spec__line {
        width: calc(100% + 2.5rem);
        margin-bottom: 1.5rem;
        margin-left: -1.25rem;
        padding: 0 1.25rem;
    }
}

@media (max-width: 36rem) {
    .spec__line {
        width: calc(100% + 1rem);
        margin-bottom: 1.25rem;
        margin-left: -0.5rem;
        padding: 0 0.5rem;
    }
}

.spec__subtitle {
    font-size: 2rem;
    font-weight: 800;
    line-height: 150%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    padding-left: 4.5rem;
    color: #1b315f;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 62rem) {
    .spec__subtitle {
        font-size: 1.75rem;
        min-height: 3.125rem;
        margin-bottom: 0.8125rem;
        padding-left: 3.375rem;
    }
}

@media (max-width: 48rem) {
    .spec__subtitle {
        font-size: 1.5rem;
        padding-left: 3.375rem;
    }
}

@media (max-width: 36rem) {
    .spec__subtitle {
        font-size: 1.25rem;
        min-height: 2.125rem;
        margin-bottom: 0.75rem;
        padding-left: 2.75rem;
    }
}

.spec__subtitle::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 3.5rem;
    height: 3.5rem;
    content: "";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 1.75rem 1.75rem 1.75rem 0;
    background-color: #2770f1;
    background-image: url("../img/icons/info.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.375rem auto;
}

@media (max-width: 62rem) {
    .spec__subtitle::before {
        width: 2.875rem;
        height: 2.875rem;
        background-size: 0.3125rem auto;
    }
}

@media (max-width: 36rem) {
    .spec__subtitle::before {
        width: 2.125rem;
        height: 2.125rem;
        background-size: 0.25rem auto;
    }
}

.spec__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 1.4375rem;
    padding-bottom: 0.5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

@media screen and (max-width: 77.5rem) {
    .spec__block {
        display: block;
    }
}

@media (max-width: 62rem) {
    .spec__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 48rem) {
    .spec__block {
        display: block;
        margin-bottom: 1.5rem;
        padding: 0;
    }
}

@media (max-width: 36rem) {
    .spec__block {
        margin-bottom: 1rem;
    }
}

.spec__col {
    width: 50%;
    margin-bottom: 1.5rem;
    padding-right: 1.875rem;
    color: #1b315f;
}

@media screen and (max-width: 77.5rem) {
    .spec__col {
        width: 100%;
        padding-right: 0;
    }
}

@media (max-width: 62rem) {
    .spec__col {
        width: 50%;
        padding-right: 1.875rem;
    }
}

@media (max-width: 48rem) {
    .spec__col {
        width: 100%;
        margin-bottom: 0;
        padding: 0;
    }

    .spec__col:not(:last-child) {
        margin-bottom: 1rem;
    }
}

.spec__col-name {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 130%;
    display: block;
    margin-bottom: 0.25rem;
}

@media (max-width: 36rem) {
    .spec__col-name {
        font-size: 1.125rem;
        margin-bottom: 0.125rem;
    }
}

.spec__col-info {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 133.33333%;
    display: block;
}

@media (max-width: 36rem) {
    .spec__col-info {
        font-size: 1rem;
    }
}

.spec__btn {
    margin-bottom: 2rem;
}

@media (max-width: 62rem) {
    .spec__btn {
        margin-bottom: 1.75rem;
    }
}

@media (max-width: 48rem) {
    .spec__btn {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .spec__btn {
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.25rem;
        padding: 0.75rem 1rem;
    }
}

.spec__desc {
    width: calc(100% - 1.4375rem);
    padding: 1.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
    box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
}

@media (max-width: 62rem) {
    .spec__desc {
        width: calc(100% + 3.75rem);
        margin-left: -1.875rem;
        padding: 1.4375rem 1.875rem;
    }
}

@media (max-width: 48rem) {
    .spec__desc {
        width: calc(100% + 2.5rem);
        margin-left: -1.25rem;
        padding: 1.25rem;
    }
}

@media (max-width: 36rem) {
    .spec__desc {
        width: calc(100% + 1rem);
        margin-left: -0.5rem;
        padding: 0.5rem;
    }
}

@media (max-width: 62rem) {
    .spec__desc h5 {
        font-size: 1.375rem !important;
    }
}

@media (max-width: 36rem) {
    .spec__desc h5 {
        font-size: 1.375rem !important;
    }
}

.spec__last {
    position: relative;
    width: calc(100% - 1.4375rem);
    padding: 0 3rem;
}

@media (max-width: 1020px) {
    .spec__last {
        width: 100%;
    }
}

@media (max-width: 36rem) {
    .spec__last {
        padding: 0 2.5rem;
    }
}

.spec__arrow {
    font-size: 0.875rem;
    position: absolute;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3rem;
    height: 3rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2770f1;
    border-radius: 0.25rem;
    background-color: #f1f5ff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 36rem) {
    .spec__arrow {
        font-size: 0.75rem;
        width: 2.5rem;
        height: 2.5rem;
    }
}

.spec__arrow:hover {
    color: #f1f5ff;
    background-color: #2770f1;
}

.spec__arrow--prev {
    left: 0;
}

.spec__arrow--next {
    right: 0;
}

.spec__arrow--next::before {
    display: inline-block;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.spec__docs {
    position: relative;
    display: block;
    margin-bottom: -2rem;
    padding: 2rem;
}

@media screen and (max-width: 100rem) {
    .spec__docs {
        margin-bottom: -1.875rem;
        padding: 1.875rem;
    }
}

@media (max-width: 36rem) {
    .spec__docs {
        margin-bottom: -1.5rem;
        padding: 1.5rem;
    }
}

.spec__docs-item {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
    box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
}

.spec__docs-item:hover {
    -webkit-box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
    box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
}

.spec__docs-item:hover .spec__docs-pic img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.spec__docs-item:hover .spec__docs-pic::after {
    visibility: hidden;
    opacity: 0;
}

.spec__docs-item:hover .spec__docs-icon {
    visibility: visible;
    opacity: 1;
}

.spec__docs-pic {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.spec__docs-pic img {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.spec__docs-pic::after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    visibility: visible;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    opacity: 0.6;
    background-color: #152f60;
}

.spec__docs-icon {
    font-size: 1.9375rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 4.125rem;
    height: 4.125rem;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #fff;
    border-radius: 50%;
    background-color: #2770f1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.docs {
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-width: 100%;
}

.docs__container {
    position: relative;
    z-index: 2;
    padding-top: 8rem;
}

@media (max-width: 62rem) {
    .docs__container {
        padding-top: 4.625rem;
    }
}

@media (max-width: 48rem) {
    .docs__container {
        padding-top: 3.375rem;
    }
}

@media (max-width: 36rem) {
    .docs__container {
        padding-top: 2rem;
    }
}

.docs--page .docs__container {
    padding-top: 0;
}

.docs__title {
    margin-bottom: 0;
}

.docs__slider {
    padding: 3.5rem 0;
}

@media (max-width: 62rem) {
    .docs__slider {
        padding: 3rem 0;
    }
}

@media (max-width: 48rem) {
    .docs__slider {
        padding: 2.25rem 0;
    }
}

@media (max-width: 36rem) {
    .docs__slider {
        padding: 1.5rem 2.875rem 2rem;
    }
}

.docs__item, .gallery__item {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
    box-shadow: 0 0 0 rgba(27, 49, 95, 0.15);
}

@media screen and (min-width: 30rem) and (hover: hover) {
    .docs__item:hover, .gallery__item:hover {
        -webkit-box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
        box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
    }

    .docs__item:hover .docs__pic img, .gallery__item:hover .docs__pic img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

    .docs__item:hover .docs__pic::after, .gallery__item:hover .docs__pic::after {
        visibility: hidden;
        opacity: 0;
    }

    .docs__item:hover .docs__pic::before, .gallery__item:hover .docs__pic::before {
        visibility: visible;
        opacity: 1;
    }

    .docs__item:hover .docs__icon, .gallery__item:hover .docs__icon {
        visibility: visible;
        opacity: 1;
    }
}

@media screen and (max-width: 30rem) {
    .docs__item.swiper-slide-active, .gallery__item.swiper-slide-active {
        -webkit-box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
        box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
    }

    .docs__item.swiper-slide-active .docs__pic img, .gallery__item.swiper-slide-active .docs__pic img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

    .docs__item.swiper-slide-active .docs__pic::after, .gallery__item.swiper-slide-active .docs__pic::after {
        visibility: hidden;
        opacity: 0;
    }

    .docs__item.swiper-slide-active .docs__pic::before, .gallery__item.swiper-slide-active .docs__pic::before {
        visibility: visible;
        opacity: 1;
    }

    .docs__item.swiper-slide-active .docs__icon, .gallery__item.swiper-slide-active .docs__icon {
        visibility: visible;
        opacity: 1;
    }
}

.docs__pic {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.docs__pic img {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.docs__pic::before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    opacity: 0;
    border: 0.75rem solid #fff;
}

.docs__pic::after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    visibility: visible;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    opacity: 0.6;
    background-color: #152f60;
}

.docs__icon {
    font-size: 3.125rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 6.5rem;
    height: 6.5rem;
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #fff;
    border-radius: 50%;
    background-color: #2770f1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.info {
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-width: 100%;
}

.info img {
    width: auto;
    max-width: 100%;
    margin: 10px 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.info__container {
    padding-bottom: 3.5rem;
}

@media (max-width: 62rem) {
    .info__container {
        padding-bottom: 3rem;
    }
}

@media (max-width: 48rem) {
    .info__container {
        padding-bottom: 2.375rem;
    }
}

@media (max-width: 36rem) {
    .info__container {
        padding-bottom: 2rem;
    }
}

.info__title {
    margin-bottom: 2rem;
    padding-left: 0;
}

@media (max-width: 62rem) {
    .info__title {
        margin-bottom: 1.8125rem;
    }
}

@media (max-width: 1020px) {
    .info__title {
        margin-bottom: 1.8125rem;
        padding-left: 1.125rem;
    }
}

@media (max-width: 48rem) {
    .info__title {
        margin-bottom: 1.625rem;
        padding-left: 0.875rem;
    }
}

@media (max-width: 36rem) {
    .info__title {
        margin-bottom: 1.5rem;
        padding-left: 0.6875rem;
    }
}

.info__title::before {
    z-index: 2;
    left: -1.625rem;
}

@media (max-width: 1020px) {
    .info__title::before {
        left: 0;
        width: 0.1875rem;
    }
}

.info__title::after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 100%;
    width: 17.5625rem;
    height: 1px;
    content: "";
    -webkit-transform: translate(-25px, -50%);
    -ms-transform: translate(-25px, -50%);
    transform: translate(-25px, -50%);
    background-color: #d7e2ff;
}

@media screen and (max-width: 93.75rem) {
    .info__title::after {
        width: 2.5625rem;
    }
}

@media (max-width: 1020px) {
    .info__title::after {
        display: none;
    }
}

.info__wrapper {
    padding: 0 19.0625rem;
}

@media screen and (max-width: 93.75rem) {
    .info__wrapper {
        padding: 0 4.0625rem;
    }
}

@media (max-width: 1020px) {
    .info__wrapper {
        padding: 0;
    }
}

.info--3 .info__container {
    padding-top: 3.5rem;
}

@media (max-width: 62rem) {
    .info--3 .info__container {
        padding-top: 3rem;
    }
}

@media (max-width: 48rem) {
    .info--3 .info__container {
        padding-top: 2.375rem;
    }
}

@media (max-width: 36rem) {
    .info--3 .info__container {
        padding-top: 2rem;
    }
}

.form {
    position: relative;
    z-index: 2;
    max-width: 100%;
    color: #fff;
    background-color: #162e5e;
}

.form__pic {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

@media (max-width: 36rem) {
    .form__pic {
        display: none;
    }
}

.form__container {
    position: relative;
    z-index: 3;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.form__container::after, .form__container::before {
    display: none;
}

@media (max-width: 62rem) {
    .form__container {
        padding-top: 5.125rem;
        padding-bottom: 5.125rem;
    }
}

@media (max-width: 48rem) {
    .form__container {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
}

@media (max-width: 36rem) {
    .form__container {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

.form__wrapper {
    width: 100%;
    max-width: 54.5rem;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 0.25rem;
    background-color: #2770f1;
}

@media (max-width: 48rem) {
    .form__wrapper {
        max-width: 25rem;
    }
}

@media (max-width: 36rem) {
    .form__wrapper {
        max-width: 100%;
        padding: 0;
        background-color: transparent;
    }
}

.form__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 125%;
    display: block;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #fff;
}

@media (max-width: 62rem) {
    .form__title {
        font-size: 1.75rem;
        margin-bottom: 1.375rem;
    }
}

@media (max-width: 48rem) {
    .form__title {
        font-size: 1.5625rem;
        margin-bottom: 1.1875rem;
    }
}

@media (max-width: 36rem) {
    .form__title {
        font-size: 1.375rem;
        margin-bottom: 1rem;
    }
}

.form__subtitle {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 144.44444%;
    display: block;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #fff;
}

@media (max-width: 62rem) {
    .form__subtitle {
        margin-bottom: 1.3125rem;
    }
}

@media (max-width: 48rem) {
    .form__subtitle {
        margin-bottom: 1.125rem;
    }
}

@media (max-width: 36rem) {
    .form__subtitle {
        margin-bottom: 1rem;
    }
}

.form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 48rem) {
    .form__row {
        display: block;
    }
}

.form__label {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-right: 0.625rem;
    margin-bottom: 1.5rem;
    padding: 0;
}

@media (max-width: 62rem) {
    .form__label {
        margin-bottom: 1.1875rem;
    }
}

@media (max-width: 48rem) {
    .form__label {
        margin-right: 0;
        margin-bottom: 0.875rem;
    }
}

@media (max-width: 36rem) {
    .form__label {
        margin-bottom: 0.625rem;
    }
}

.form__input {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 3.5rem;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 3.5rem;
    padding: 0 0.75rem 0 3.25rem;
    color: #fff;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 36rem) {
    .form__input {
        font-size: 1rem;
        line-height: 3rem;
        height: 3rem;
        padding: 0 0.5rem 0 3rem;
    }
}

.form__input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.form__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.form__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.form__input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.form__input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.form__icon {
    font-size: 1.4375rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 1.0625rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

@media (max-width: 36rem) {
    .form__icon {
        left: 0.8125rem;
    }
}

.form__icon._icn-phone {
    font-size: 1.6875rem;
}

@media (max-width: 36rem) {
    .form__icon._icn-phone {
        left: 1rem;
    }
}

.form__btn {
    margin-bottom: 1.5rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 62rem) {
    .form__btn {
        margin-bottom: 1.1875rem;
    }
}

@media (max-width: 48rem) {
    .form__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 1.125rem;
    }
}

@media (max-width: 36rem) {
    .form__btn {
        font-size: 1rem;
        margin-bottom: 1rem;
        padding: 0.75rem 1rem;
        background-color: #2770f1;
    }

    .form__btn:hover {
        background-color: #0e57d7;
    }
}

.form__accept {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    display: block;
    text-align: center;
    color: #fff;
}

.form__accept a {
    text-decoration: underline;
    color: #fff;
}

.form__accept a:hover {
    color: #fff;
    -webkit-text-decoration-style: double;
    text-decoration-style: double;
}

.form__points-1 {
    position: absolute;
    z-index: 2;
    top: -5rem;
    left: 0;
    width: 6.25rem;
    height: 20rem;
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media screen and (max-width: 73.75rem) {
    .form__points-1 {
        display: none;
    }
}

.form__points-2 {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -6.25rem;
    width: 6.25rem;
    height: 20rem;
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media screen and (max-width: 73.75rem) {
    .form__points-2 {
        display: none;
    }
}

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

.gallery__container {
    position: relative;
    z-index: 3;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

@media (max-width: 62rem) {
    .gallery__container {
        padding-top: 2.625rem;
        padding-bottom: 2.625rem;
    }
}

@media (max-width: 48rem) {
    .gallery__container {
        padding-top: 2.375rem;
        padding-bottom: 2.375rem;
    }
}

@media (max-width: 36rem) {
    .gallery__container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.gallery__title {
    margin-bottom: 4.0625rem;
}

@media (max-width: 62rem) {
    .gallery__title {
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .gallery__title {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .gallery__title {
        margin-bottom: 1.5625rem;
    }
}

.gallery__wrapper {
    display: -ms-grid;
    display: grid;
    padding: 0 6.5625rem;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
    grid-auto-rows: 17.3125rem;
    gap: 2rem;
}

@media (max-width: 1020px) {
    .gallery__wrapper {
        padding: 0;
        grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
        gap: 1.5rem;
        grid-auto-rows: 15rem;
    }
}

@media (max-width: 36rem) {
    .gallery__wrapper {
        grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr));
        gap: 1rem;
        grid-auto-rows: 6.75rem;
    }
}

.gallery__wrapper:not(:last-child) {
    margin-bottom: 3.5rem;
}

@media (max-width: 62rem) {
    .gallery__wrapper:not(:last-child) {
        margin-bottom: 3rem;
    }
}

@media (max-width: 48rem) {
    .gallery__wrapper:not(:last-child) {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .gallery__wrapper:not(:last-child) {
        margin-bottom: 1rem;
    }
}

.gallery__item {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 0 0 rgba(39, 112, 241, 0.35);
    box-shadow: 0 0 0 rgba(39, 112, 241, 0.35);
}

.gallery__item::after {
    font-family: "icons" !important;
    font-size: 3.125rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 6.5rem;
    height: 6.5rem;
    content: "\e900";
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: none;
    opacity: 0;
    color: #fff;
    border-radius: 50%;
    background-color: #2770f1;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 62rem) {
    .gallery__item::after {
        font-size: 1.875rem;
        width: 3.75rem;
        height: 3.75rem;
    }
}

.gallery__item:hover {
    -webkit-box-shadow: 0 0.25rem 1.5rem rgba(39, 112, 241, 0.35);
    box-shadow: 0 0.25rem 1.5rem rgba(39, 112, 241, 0.35);
}

.gallery__item:hover::after {
    visibility: visible;
    opacity: 1;
}

.gallery__pic {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}

.gallery__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 36rem) {
    .gallery__more {
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0.75rem;
    }
}

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

.garant__container {
    position: relative;
    z-index: 3;
    padding-bottom: 12.5rem;
}

@media screen and (max-width: 80rem) {
    .garant__container {
        padding-bottom: 8.125rem;
    }
}

@media (max-width: 62rem) {
    .garant__container {
        padding-bottom: 6.875rem;
    }
}

@media (max-width: 48rem) {
    .garant__container {
        padding-bottom: 4.375rem;
    }
}

@media (max-width: 36rem) {
    .garant__container {
    	margin-top: 40px;
        padding-bottom: 2.5rem;
    }
}

.garant__title {
    margin-bottom: 3.5rem;
}

@media (max-width: 62rem) {
    .garant__title {
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .garant__title {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .garant__title {
        margin-bottom: 1.5rem;
    }
}

.garant__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 6.5625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 87.5rem) {
    .garant__row {
        padding: 0 2rem;
    }
}

@media (max-width: 62rem) {
    .garant__row {
        display: block;
    }
}

@media (max-width: 1020px) {
    .garant__row {
        padding: 0;
    }
}

.garant__left {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 36.875rem;
}

@media (max-width: 62rem) {
    .garant__left {
        height: 18.75rem;
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .garant__left {
        height: 15.625rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .garant__left {
        height: 10.4375rem;
        margin-bottom: 1rem;
    }
}

.garant__left::after {
    position: absolute;
    z-index: 1;
    right: 3.625rem;
    bottom: -6.25rem;
    width: 6.25rem;
    height: 20rem;
    content: "";
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media screen and (max-width: 80rem) {
    .garant__left::after {
        display: none;
    }
}

.garant__decor-1 {
    position: absolute;
    z-index: 3;
    right: 100%;
    bottom: 0;
    width: 6.5rem;
    height: 6.5rem;
    background-color: #b6d1ff;
}

@media screen and (max-width: 80rem) {
    .garant__decor-1 {
        display: none;
    }
}

.garant__decor-1::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 100%;
    width: 6.5rem;
    height: 6.5rem;
    content: "";
    background-color: #2770f1;
}

.garant__decor-1::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    content: "";
    border-width: 6.5rem 0 0 6.5rem;
    border-style: solid;
    border-color: transparent transparent transparent #152f60;
}

.garant__decor-2 {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 100%;
    width: 6.5rem;
    height: 6.5rem;
    background-color: #152f60;
}

@media screen and (max-width: 87.5rem) {
    .garant__decor-2 {
        display: none;
    }
}

.garant__decor-2::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 100%;
    width: 6.5rem;
    height: 6.5rem;
    content: "";
    background-color: #2770f1;
}

.garant__decor-2::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    content: "";
    border-width: 6.5rem 0 0 6.5rem;
    border-style: solid;
    border-color: transparent transparent transparent #152f60;
}

.garant__pic {
    position: absolute;
    z-index: 2;
    right: -16.1875rem;
    left: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    border-radius: 7rem 0;
}

@media (max-width: 62rem) {
    .garant__pic {
        position: relative;
        right: 0;
        border-radius: 3.25rem 0;
    }
}

@media (max-width: 48rem) {
    .garant__pic {
        border-radius: 2rem 0;
    }
}

.garant__content {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    max-width: 47.9375rem;
    border-radius: 0.25rem;
    background: #fff;
    -webkit-box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
    box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 62rem) {
    .garant__content {
        margin: 0 auto;
    }
}

@media (max-width: 48rem) {
    .garant__content {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.garant__rows {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

@media (max-width: 48rem) {
    .garant__rows {
        gap: 1rem;
    }
}

.garant__item {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.5rem;
}

@media (max-width: 48rem) {
    .garant__item {
        padding: 0;
    }
}

.garant__item:first-child::after {
    position: absolute;
    right: -1.5rem;
    bottom: -1.5625rem;
    left: 1.5rem;
    height: 1px;
    content: "";
    background-color: #d7e2ff;
}

@media (max-width: 48rem) {
    .garant__item:first-child::after {
        right: -0.5rem;
        bottom: -0.5625rem;
        left: 0;
    }
}

.garant__item:first-child::before {
    position: absolute;
    top: 1.5rem;
    right: -1.5625rem;
    bottom: -1.5rem;
    width: 1px;
    content: "";
    background-color: #d7e2ff;
}

@media (max-width: 48rem) {
    .garant__item:first-child::before {
        top: 0;
        right: -0.5rem;
        bottom: -0.5625rem;
    }
}

.garant__item:last-child::after {
    position: absolute;
    top: -1.5rem;
    right: 1.5rem;
    left: -1.5rem;
    height: 1px;
    content: "";
    background-color: #d7e2ff;
}

@media (max-width: 48rem) {
    .garant__item:last-child::after {
        top: -0.5rem;
        right: 0;
        left: -0.5rem;
    }
}

.garant__item:last-child::before {
    position: absolute;
    top: -1.5rem;
    bottom: 1.5rem;
    left: -1.5rem;
    width: 1px;
    content: "";
    background-color: #d7e2ff;
}

@media (max-width: 48rem) {
    .garant__item:last-child::before {
        top: -0.5rem;
        bottom: 0;
        left: -0.5625rem;
    }
}

.garant__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: 1.5rem;
    border-radius: 0.5rem;
    background-color: #f1f5ff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 36rem) {
    .garant__icon {
        width: 4rem;
        height: 4rem;
        margin-bottom: 0.5rem;
    }
}

.garant__icon img {
    width: auto;
    max-width: 3.5rem;
    height: auto;
    max-height: 3.1875rem;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 36rem) {
    .garant__icon img {
        max-width: 2.5rem;
        max-height: 2.3125rem;
    }
}

.garant__text {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 144.44444%;
    display: block;
    color: #1b315f;
}

@media (max-width: 36rem) {
    .garant__text {
        font-size: 1rem;
    }
}

.team {
    position: relative;
    z-index: 2;
    max-width: 100%;
    background-color: #162d5f;
}

.team::before {
    position: absolute;
    z-index: 1;
    top: -5rem;
    left: -3.5625rem;
    width: 6.25rem;
    height: 20rem;
    content: "";
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media screen and (max-width: 80rem) {
    .team::before {
        display: none;
    }
}

.team::after {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -9.3125rem;
    width: 4.375rem;
    height: 20rem;
    content: "";
    pointer-events: none;
    background-image: -o-radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-image: radial-gradient(#c0d3fb 0.21875rem, transparent 0);
    background-position: 0 0, 0 0.4375rem;
    background-size: 0.875rem 0.875rem;
}

@media screen and (max-width: 80rem) {
    .team::after {
        display: none;
    }
}

.team__container {
    position: relative;
    z-index: 3;
    padding-top: 3.5rem;
}

.team__container::after, .team__container::before {
    display: none;
}

@media (max-width: 62rem) {
    .team__container {
        padding-top: 2.875rem;
    }
}

@media (max-width: 48rem) {
    .team__container {
        padding-top: 2.375rem;
    }
}

@media (max-width: 36rem) {
    .team__container {
        padding-top: 2rem;
    }
}

.team__subcontainer {
    position: relative;
    z-index: 3;
    padding-bottom: 3.5rem;
}

.team__subcontainer::after, .team__subcontainer::before {
    display: none;
}

@media (max-width: 62rem) {
    .team__subcontainer {
        padding-bottom: 4rem;
    }
}

@media (max-width: 48rem) {
    .team__subcontainer {
        padding-bottom: 5rem;
    }
}

@media (max-width: 36rem) {
    .team__subcontainer {
        padding-bottom: 5rem;
    }
}

.team__title {
    margin-bottom: 4.25rem;
    color: #fff;
}

@media (max-width: 62rem) {
    .team__title {
        margin-bottom: 3.375rem;
    }
}

@media (max-width: 48rem) {
    .team__title {
        margin-bottom: 2.75rem;
    }
}

@media (max-width: 36rem) {
    .team__title {
        margin-bottom: 2rem;
    }
}

.team__wrapper {
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.team__slider {
    overflow: visible;
    padding: 0 6.25rem;
}

@media (max-width: 62rem) {
    .team__slider {
        padding: 0 1.5rem;
    }
}

.team__slider:not(:last-child) {
    margin-bottom: 3.5rem;
}

@media (max-width: 62rem) {
    .team__slider:not(:last-child) {
        margin-bottom: 3rem;
    }
}

@media (max-width: 48rem) {
    .team__slider:not(:last-child) {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .team__slider:not(:last-child) {
        margin-bottom: 1rem;
    }
}

.team__slider .swiper-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.team__item {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-transition: color 0.35s ease 0s;
    -o-transition: color 0.35s ease 0s;
    transition: color 0.35s ease 0s;
    color: #1b315f;
    border-radius: 0.25rem;
    background-color: #fff;
}

.team__item:hover {
    color: #2770f1;
}

.team__item:hover .team__pic {
    opacity: 0.85;
}

.team__pic {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 22.8125rem;
    -webkit-transition: opacity 0.35s ease 0s;
    -o-transition: opacity 0.35s ease 0s;
    transition: opacity 0.35s ease 0s;
    opacity: 1;
}

@media (max-width: 48rem) {
    .team__pic {
        height: 18.125rem;
    }
}

@media (max-width: 36rem) {
    .team__pic {
        height: 14.3125rem;
    }
}

.team__content {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0.75rem;
}

@media (max-width: 48rem) {
    .team__content {
        display: block;
        padding: 0.25rem 0.25rem 0.6875rem 0.5rem;
    }
}

.team__name {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 145.45455%;
    display: block;
    margin-bottom: 0.25rem;
}

@media (max-width: 48rem) {
    .team__name {
        font-size: 1rem;
        max-width: 12.5625rem;
    }
}

.team__position {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    display: block;
    color: #3f578b;
}

@media (max-width: 48rem) {
    .team__position {
        font-size: 0.75rem;
        max-width: 12.5625rem;
    }
}

.team__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.team__more:hover {
    background-color: #0e57d7;
}

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

.review__container {
    position: relative;
    z-index: 3;
    padding-bottom: 3.5rem;
}

@media (max-width: 62rem) {
    .review__container {
        padding-bottom: 3rem;
    }
}

@media (max-width: 48rem) {
    .review__container {
        padding-bottom: 2.625rem;
    }
}

@media (max-width: 36rem) {
    .review__container {
        padding-bottom: 2rem;
    }
}

.review__title {
    margin-bottom: 3.5rem;
}

@media (max-width: 62rem) {
    .review__title {
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .review__title {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .review__title {
        margin-bottom: 1.375rem;
    }
}

.review__wrapper {
    position: relative;
    z-index: 3;
    padding: 0 9.5625rem;
}

.review__wrapper._all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.review__wrapper._all > div {
    width: 100%;
    padding: 0 15px;
    margin: 15px 0;
}

@media (min-width: 1400px) {
    .review__wrapper._all {
        margin: 0 -23px;
    }

    .review__wrapper._all > div {
        width: 50%;
        padding: 0 23px;
    }
}

@media (max-width: 1020px) {
    .review__wrapper {
        padding: 0;
    }
}

.review__wrapper:not(:last-child) {
    margin-bottom: 3.5rem;
}

@media (max-width: 1020px) {
    .review__wrapper:not(:last-child) {
        margin-bottom: 3rem;
    }
}

@media (max-width: 48rem) {
    .review__wrapper:not(:last-child) {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .review__wrapper:not(:last-child) {
        margin-bottom: 1.25rem;
    }
}

.review__slider {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 1020px) {
    .review__slider {
        margin-bottom: 1.25rem;
    }
}

.review__slider .swiper-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.review__item {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 1.5rem;
    color: #fff;
    border-radius: 0.25rem;
    background-color: #162d5f;
}

@media (max-width: 36rem) {
    .review__item {
        padding: 1rem 1rem 1.5rem;
    }
}

.review__item::before {
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 2.5rem;
    width: 11.1875rem;
    height: 11.1875rem;
    content: "";
    background-image: url("../img/icons/msg-review.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

@media (max-width: 36rem) {
    .review__item::before {
        right: 0.6875rem;
        width: 6rem;
        height: 6rem;
    }
}

.review__top {
    position: relative;
    z-index: 2;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.review__name {
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 145.45455%;
    display: block;
    margin-bottom: 0.375rem;
}

.review__date {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 144.44444%;
    display: block;
}

.review__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    z-index: 2;
}

.review__text p {
    color: #fff;
}

.review__text:not(:last-child) {
    margin-bottom: 0.75rem;
}

.review__link {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 138.88889%;
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review__link span {
    font-size: 0.875rem;
    position: relative;
    top: 0.0625rem;
    display: inline-block;
    margin-left: 0.5rem;
    -webkit-transition: -webkit-transform 0.35s ease 0s;
    transition: -webkit-transform 0.35s ease 0s;
    -o-transition: transform 0.35s ease 0s;
    transition: transform 0.35s ease 0s;
    transition: transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.review__link:hover {
    color: #2770f1;
}

.review__link:hover span {
    -webkit-transform: translateX(0.3125rem);
    -ms-transform: translateX(0.3125rem);
    transform: translateX(0.3125rem);
}

.review__arrows {
    position: absolute;
    top: 50%;
    right: -3.75rem;
    left: -3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1020px) {
    .review__arrows {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        padding: 0 2.0625rem;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        pointer-events: all;
    }
}

.review__arrow {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 133.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10.5625rem;
    height: 7rem;
    padding: 1.4375rem;
    pointer-events: all;
    color: #2770f1;
    background-color: #f1f5ff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1020px) {
    .review__arrow {
        font-size: 1rem;
        line-height: 150%;
        width: auto;
        height: auto;
        padding: 0;
        background: none;
    }
}

.review__arrow:hover {
    color: #fff;
    background-color: #2770f1;
}

@media (max-width: 1020px) {
    .review__arrow:hover {
        color: #1b315f;
        background: none;
    }
}

.review__arrow-icon {
    display: none;
}

@media (max-width: 1020px) {
    .review__arrow-icon {
        font-size: 0.875rem;
        position: relative;
        top: 0.0625rem;
        display: inline-block;
    }
}

.review__arrow--prev {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.review__arrow--prev .review__arrow-icon {
    margin-right: 0.5rem;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.review__arrow--next {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.review__arrow--next .review__arrow-icon {
    margin-left: 0.5rem;
}

.review__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 36rem) {
    .review__btns {
        display: block;
    }
}

@media (max-width: 36rem) {
    .review__btn {
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0.75rem;
    }
}

.review__btn:not(:last-child) {
    margin-right: 0.75rem;
}

@media (max-width: 36rem) {
    .review__btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

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

.contact.pt50 {
    padding-top: 50px;
}

.contact__container {
    position: relative;
    z-index: 3;
    padding-bottom: 10.6875rem;
}

@media screen and (max-width: 80rem) {
    .contact__container {
        padding-bottom: 6.875rem;
    }
}

@media (max-width: 62rem) {
    .contact__container {
        padding-bottom: 4.375rem;
    }
}

@media (max-width: 48rem) {
    .contact__container {
        padding-bottom: 3.4375rem;
    }
}

@media (max-width: 36rem) {
    .contact__container {
        padding-bottom: 1.5rem;
    }
}

.contact__title {
    margin-bottom: 3.3125rem;
}

@media (max-width: 62rem) {
    .contact__title {
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .contact__title {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .contact__title {
        margin-bottom: 1.5rem;
    }
}

.contact__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
    padding-left: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

@media screen and (max-width: 80rem) {
    .contact__wrapper {
        padding-left: 1.4375rem;
    }
}

@media (max-width: 1020px) {
    .contact__wrapper {
        display: block;
        padding-left: 0;
    }
}

.contact__right {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 36.875rem;
}

@media (max-width: 1020px) {
    .contact__right {
        height: 21.25rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 48rem) {
    .contact__right {
        height: 17.5rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .contact__right {
        width: calc(100% + 1rem);
        height: 13.875rem;
        margin-bottom: 1rem;
        margin-left: -0.5rem;
    }
}

.contact__map {
    position: absolute;
    right: -3.75rem;
    left: -9.5rem;
    overflow: hidden;
    height: 100%;
    border-top-left-radius: 7rem;
}

@media (max-width: 62rem) {
    .contact__map {
        right: -1.875rem;
    }
}

@media (max-width: 1020px) {
    .contact__map {
        position: relative;
        right: auto;
        left: auto;
        border-radius: 0;
    }
}

.contact__frame {
    display: block;
    width: 100%;
    height: 100%;
}

.contact__block {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    max-width: 31.3125rem;
    padding: 1.5rem;
    border-radius: 0.25rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
    box-shadow: 0 0.25rem 1.5rem rgba(27, 49, 95, 0.15);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 1020px) {
    .contact__block {
        margin: 0 auto;
    }
}

@media (max-width: 48rem) {
    .contact__block {
        padding: 0.75rem;
    }
}

@media (max-width: 36rem) {
    .contact__block {
        padding: 0;
        border-radius: 0;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.contact__subtitle {
    font-size: 2rem;
    font-weight: 800;
    line-height: 121.875%;
    margin-bottom: 1rem;
    color: #1b315f;
}

@media (max-width: 36rem) {
    .contact__subtitle {
        font-size: 1.625rem;
    }
}

.contact__subtitle--last {
    margin-bottom: 1.5rem;
}

@media (max-width: 36rem) {
    .contact__subtitle--last {
        margin-bottom: 1rem;
    }
}

.contact__lines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 36rem) {
    .contact__lines {
        margin-bottom: 1rem;
    }
}

.contact__item {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 144.44444%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.875rem;
    color: #3f578b;
}

@media (max-width: 36rem) {
    .contact__item {
        font-size: 1rem;
        padding-left: 1.625rem;
    }
}

.contact__item:not(:last-child) {
    margin-bottom: 1rem;
}

.contact__item-icon {
    font-size: 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1.625rem;
    height: 1.625rem;
    color: #2770f1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 36rem) {
    .contact__item-icon {
        font-size: 1.0625rem;
        width: 1.375rem;
        height: 1.375rem;
    }
}

.contact__item--link:hover {
    color: #2770f1;
}

.contact__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem;
}

@media (max-width: 36rem) {
    .contact__btns {
        display: block;
        margin-bottom: 1rem;
    }
}

@media (max-width: 36rem) {
    .contact__btn {
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0.75rem;
    }
}

.contact__btn:not(:last-child) {
    margin-right: 0.75rem;
}

@media (max-width: 36rem) {
    .contact__btn:not(:last-child) {
        margin-bottom: 0.5rem;
        margin-bottom: 1rem;
    }
}

.contact__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.contact__rating-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-left: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 36rem) {
    .contact__rating-item {
        width: 50%;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.contact__rating-item:not(:last-child) {
    padding-right: 1rem;
    padding-left: 0;
    border-right: 1px solid #d7e2ff;
}

@media (max-width: 36rem) {
    .contact__rating-item:not(:last-child) {
        padding-right: 0;
    }
}

.contact__rating-item img {
    width: auto;
    max-width: 7.9375rem;
    height: auto;
    max-height: 4rem;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 36rem) {
    .contact__rating-item img {
        max-width: 7.125rem;
        max-height: 4rem;
    }
}

.doctor {
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.doctor__container {
    position: relative;
    z-index: 3;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

@media (max-width: 62rem) {
    .doctor__container {
        padding-top: 3rem;
        padding-bottom: 3.125rem;
    }
}

@media (max-width: 48rem) {
    .doctor__container {
        padding-top: 2.125rem;
        padding-bottom: 2.625rem;
    }
}

@media (max-width: 36rem) {
    .doctor__container {
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }
}

.doctor__title {
    margin-bottom: 2rem;
    padding-left: 0;
}

.doctor__title::before {
    display: none;
}

@media (max-width: 62rem) {
    .doctor__title {
        margin-bottom: 1.75rem;
    }
}

@media (max-width: 48rem) {
    .doctor__title {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .doctor__title {
        margin-bottom: 1rem;
    }
}

.doctor__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 6.5625rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 80rem) {
    .doctor__wrapper {
        padding-right: 1.4375rem;
    }
}

@media (max-width: 1020px) {
    .doctor__wrapper {
        padding-right: 0;
    }
}

@media (max-width: 48rem) {
    .doctor__wrapper {
        display: block;
    }
}

.doctor__left {
    width: 100%;
    max-width: 25.75rem;
    margin-right: 3rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 80rem) {
    .doctor__left {
        max-width: 22.5rem;
        margin-right: 1.875rem;
    }
}

@media (max-width: 62rem) {
    .doctor__left {
        max-width: 18.75rem;
    }
}

@media (max-width: 48rem) {
    .doctor__left {
        position: relative;
        max-width: 100%;
        margin-bottom: 1.9375rem;
        padding-bottom: 1.9375rem;
        border-bottom: 1px solid #d7e2ff;
    }

    .doctor__left::after {
        position: absolute;
        bottom: -0.9375rem;
        left: 0;
        width: 3.625rem;
        height: 1.9375rem;
        content: "";
        background-color: #fff;
        background-image: url("../img/icons/quote.png");
        background-repeat: no-repeat;
        background-position: 0.1875rem center;
        background-size: 2.625rem auto;
    }
}

.doctor__pic {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

@media (max-width: 48rem) {
    .doctor__pic {
        overflow: hidden;
        max-width: 15.75rem;
        margin: 0 auto 0.75rem;
        border-radius: 50% 50% 50% 0;
    }
}

.doctor__name {
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 145.45455%;
    display: block;
    padding: 0 1rem;
    text-align: center;
    color: #1b315f;
}

@media (max-width: 48rem) {
    .doctor__name {
        font-size: 1.125rem;
        line-height: 133.33333%;
    }
}

.doctor__name span {
    font-weight: 400;
}

.doctor__content {
    width: 100%;
    max-width: 100%;
}

.wiki {
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.wiki__container {
    position: relative;
    z-index: 3;
    padding: 3.5rem 0;
}

@media (max-width: 62rem) {
    .wiki__container {
        padding: 3.125rem 0;
    }
}

@media (max-width: 48rem) {
    .wiki__container {
        padding: 2.625rem 0;
    }
}

@media (max-width: 36rem) {
    .wiki__container {
        padding: 2rem 0;
    }
}

.wiki__title {
    margin-bottom: 3rem;
}

@media (max-width: 62rem) {
    .wiki__title {
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .wiki__title {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .wiki__title {
        margin-bottom: 1rem;
    }
}

.wiki__block {
    border-radius: 0.25rem;
    background-color: #f1f5ff;
}

.wiki__block:not(:last-child) {
    margin-bottom: 0.5rem;
}

.wiki__ask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1rem;
    color: #1b315f;
    cursor: pointer;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 62rem) {
    .wiki__ask {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 36rem) {
    .wiki__ask {
        padding: 0.5rem;
    }
}

.wiki__ask:hover {
    color: #2770f1;
}

.wiki__ask._active .wiki__icon {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

.wiki__name {
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 145.45455%;
    display: block;
    overflow: hidden;
    -webkit-transition: color 0.25s ease-out;
    -o-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
    width: 100%;
}

@media (max-width: 36rem) {
    .wiki__name {
        font-size: 1.125rem;
        line-height: 133.33333%;
    }
}

.wiki__name::after {
    position: relative;
    top: -0.5rem;
    display: inline-block;
    width: 100%;
    height: 0.4375rem;
    margin-right: -100%;
    margin-left: 0.75rem;
    content: "";
    vertical-align: bottom;
    border-top: 1px solid #d7e2ff;
}

@media (max-width: 62rem) {
    .wiki__name::after {
        display: none;
    }
}

.wiki__icon {
    font-size: 0.5625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2rem;
    height: 2rem;
    margin-left: 0.75rem;
    -webkit-transition: -webkit-transform 0.35s ease 0s;
    transition: -webkit-transform 0.35s ease 0s;
    -o-transition: transform 0.35s ease 0s;
    transition: transform 0.35s ease 0s;
    transition: transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 36rem) {
    .wiki__icon {
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 0.5rem;
        transition: transform 0.3s ease;
    }
}

.wiki__hidden {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    padding: 0 1rem;
}

@media (max-width: 36rem) {
    .wiki__hidden._active {
        padding: 0 0.5rem 1rem;
    }
}

.liter {
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-width: 100%;
    color: #fff;
}

.liter__pic {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

.liter__container {
    position: relative;
    z-index: 3;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.liter__container::after, .liter__container::before {
    display: none;
}

@media (max-width: 62rem) {
    .liter__container {
        padding-top: 2.875rem;
        padding-bottom: 2.875rem;
    }
}

@media (max-width: 48rem) {
    .liter__container {
        padding-top: 2.375rem;
        padding-bottom: 2.375rem;
    }
}

@media (max-width: 36rem) {
    .liter__container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.liter__title {
    margin-bottom: 3rem;
}

.liter__title::after {
    display: none;
}

@media (max-width: 62rem) {
    .liter__title {
        margin-bottom: 2.25rem;
    }
}

@media (max-width: 48rem) {
    .liter__title {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 36rem) {
    .liter__title {
        margin-bottom: 1rem;
    }
}

.liter__text-block ol li {
    color: #fff;
}

.liter__text-block ol li::before {
    color: #1b315f;
    background-color: #fff;
}

[name="org"] {
    display: none !important;
}

.result_item {
    margin: 15px 0;
}

@media (min-width: 768px) {
    .result_item {
        margin: 30px 0;
    }
}

.footer .info_clinik {
    color: #ffffffcc;
    margin-top: 15px;
}

.contacts-info__clinik {
    max-width: 550px;
}

.icon__phone svg {
    width: 56px;
    height: 56px;
    fill: #2770f1;
    margin-top: 10px;
    margin-right: 20px;
    -webkit-transition: 0.2s fill;
    -o-transition: 0.2s fill;
    transition: 0.2s fill;
}

.icon__phone svg:hover {
    fill: #0056b3;
}

.bread__link svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    margin-left: 4px;
}

.spec__arrow {
    top: unset;
    bottom: 20px;
}

.spec__arrow--prev {
    left: 40px;
}

.spec__arrow--next {
    right: 10%;
}

.akcii {
    max-width: 99%;
}

.top {
    text-align: center;
    background: #153267;
    padding: 0;
    margin: 0;
    line-height: 1;
    color: white;
    padding: 15px 0;
}

header {
    position: sticky !important;
}

.page {
    padding-top: 0 !important;
}

@media (max-width: 767px) {
    .top {
        font-size: 11px;
        line-height: 1.1;
        padding: 10px;
    }

    .top span {
        font-size: 12px;
        display: block;
        font-weight: 700;
    }
}

@media (min-width: 767px) {
    .icon__phone {
        display: none;
    }
}

.hide {
    display: none;
}

.city-list {
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

#cityModal .okrug-item a {
    color: #000;
    -webkit-transition: 0.2s color;
    -o-transition: 0.2s color;
    transition: 0.2s color;
}

.okrug-item a:hover {
    color: #007bff;
}

.okrug-item::first-letter {
    font-weight: bold;
}

.author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 24px;
}

.menu__item-lvl-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu__item-lvl-2-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.container::after {
    right: 2.6875rem;
}

@media (min-width: 920px) {
    .city__mobile {
        display: none;
    }
}

.disclaimer {
    color: #fff;
    border: 2px solid #fff;
    padding: 10px;
    padding-bottom: 12px;
    font-size: 22px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 24px;
    position: absolute;
}

.disclaimer_os {
    color: #fff;
    border: 2px solid #fff;
    padding: 10px;
    padding-bottom: 12px;
    text-align: center;
    margin-top: 24px;
    font-size: 22px;
    line-height: 22px;
}

@media (max-width: 62rem) {
    .disclaimer {
        position: static;
        width: 100%;
    }
}

.header__soc {
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-right: 0 !important;
}

.header__soc-item {
    height: 46px;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

._icn-vk, ._icn-max, ._icn-whatsapp, ._icn-telegram {
    width: 46px;
}

@media (max-width: 1200px) {
    ._icn-vk, ._icn-max, ._icn-whatsapp, ._icn-telegram, ._icn-dzen {
        width: 30px;
        height: 30px;
    }
}

._icn-search {
    min-width: 56px;
    min-height: 56px;
    margin-right: 4px;
}

.header__online {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header__online_brigad {
    color: #00cb00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header__online_brigad span {
    min-width: 161px;
    display: block;
}

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker {
    margin-top: -3px;
    -webkit-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.header__tel {
    min-width: 200px;
    font-size: 1.3rem;
    text-align: left;
}

.header__phonest-text {
    font-size: 13px;
}

.header__tel:first-child, .header__tel:nth-child(2) {
    letter-spacing: -0.39px;
}

.header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 314px;
}

.header__online > span {
    white-space: nowrap;
}

@media (width < 1200px) {
    .header__buttons {
        min-width: auto;
    }

    .header__soc {
        gap: 4px;
    }

    .header__online > span {
        display: none;
    }
}

@media (width < 769px) {
    .header__soc {
        justify-content: flex-start;
        gap: 10px;
    }

    .header__buttons {
        min-width: unset;
    }

    ._icn-search {
        min-width: unset;
        min-height: unset;
    }
}

.videoswiper__container {
    overflow: hidden;
}

.videoswiper__container .title-mini:before {
    display: none;
}

@media (max-width: 36rem) {
    .title-mini {
        font-size: 1.625rem !important;
        line-height: inherit !important;
    }

    .header__top {
        width: 100% !important;
    }
}

.spec__content-content__title {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: #1b315f;
    vertical-align: middle;
    margin-bottom: 16px;
    display: block;
}

.spec__content-content {
    width: calc(100% - 1.4375rem);
    padding: 1.5rem;
    background-color: #fff;
}

.spec__content-content__title::before {
    position: absolute;
    top: 0;
    left: -26px;
    width: 5px;
    height: 100%;
    content: "";
    background-color: #2770f1;
}

.spec__content-content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

.spec__content-content__item li button {
    position: relative;
    padding-left: 20px;
    color: #2770f1;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    text-align: left;
}

.spec__content-content__item li button:hover {
    color: #1b315f;
}

.spec__content-content__item li button:hover:before {
    background-color: #1b315f;
}

.spec__content-content__item li button:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #2770f1;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.plashka-bottom {
    background-color: #f1f5ff;
    color: #163063;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    padding: 10px 5px 170px 5px;
}

.plashka-bottom__inner {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.plashka-bottom .container:before, .plashka-bottom .container:after {
    display: none;
}

.modal-popup__title, .footer__form-title, .contact__subtitle {
    display: block;
}

.asteriks {
    color: #2770f1;
    opacity: 0.5;
}

.search__visible {
    position: static;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    left: 0;
    margin-top: 24px;
    margin-bottom: 24px;
}

.sitemap li {
    margin-top: 4px;
}

.footer__sitemap {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    text-decoration: underline;
}

.hero__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 35px;
}

.hero__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.hero__list li::before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #1ebb92;
    border-radius: 50%;
}

@media (max-width: 600px) {
    .hero__list li {
        font-size: 16px;
    }

    .hero__list {
        margin-bottom: 25px;
        gap: 10px;
    }

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

.banner__content > h2 {
    color: #3f578b;
    font-size: 16px;
    display: block;
    margin-bottom: 25px;
}

.footer__badsee, .footer__tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.footer__badsee {
    margin-bottom: 10px;
}

.footer__badsee picture {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

.footer__tel {
    font-size: 24px;
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
}

.footer_payment {
    padding: 16px;
    border: solid 1px #ffffff;
    border-radius: 5px;
    text-align: center;
}

.footer-title {
    color: #fff;
}

.footer_payment div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_payment div img {
    max-width: 80px;
}

.footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 700px;
    margin-right: 20px;
}

.footer__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    line-height: 1.4;
}

.footer__nav-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    display: block;
    margin-bottom: 8px;
}

.footer__nav-link a {
    font-size: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}

.footer__nav-link a:hover {
    color: #83a1e2;
}

.footer__badsee:hover {
    color: #83a1e2;
}

.footer__logo_mobile {
    display: none;
}

.footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.footer__bottom-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.footer__bottom-nav a {
    color: #fff;
}

.footer__bottom-nav a:hover {
    color: #83a1e2;
}

@media (max-width: 1460px) {
    .footer__nav-title {
        font-size: 18px;
    }

    .footer__nav-link a {
        font-size: 16px;
    }

    .footer__container {
        padding: 0 20px;
    }

    .footer__main {
        max-width: 295px;
    }
}

@media (max-width: 1200px) {
    .footer__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 980px) {
    .footer__nav-title {
        margin-bottom: 4px;
    }

    .footer__nav-item {
        gap: 8px;
    }

    .footer__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }

    .footer__main {
        margin-right: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .footer__nav {
        gap: 30px;
        margin-right: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .footer__logo {
        display: none;
    }

    .footer__logo_mobile {
        display: block;
    }

    .footer .footer__form {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 800px) {
    .footer__bottom-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
    }
}

@media (max-width: 600px) {
    .b_footer_url {
        display: block;
        width: 100%;
    }

    .footer_payment {
        width: 100%;
        border: none;
        background-color: #1e3d80;
    }

    .footer_payment div {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer_payment div img {
        max-height: 50px;
    }

    .info_clinik {
        font-size: 12px;
    }

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

    .footer__form-subtitle {
        font-size: 14px;
    }
}

.sales__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}

.sales__item {
    -ms-flex-preferred-size: calc((100% - 60px) / 3);
    flex-basis: calc((100% - 60px) / 3);
    padding-bottom: 20px;
}

.sales__img-box img {
    border-radius: 20px;
    width: 100%;
}

.sales__title {
    margin: 25px 0 0;
    font-size: 22px;
    font-weight: 700;
    color: #333;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    display: block;
    margin-bottom: 20px;
}

.top-hight {
    margin-top: 30px;
}

.sales__img-box {
    min-height: 360px;
    max-height: 360px;
}

.sales__img-box picture {
    height: 100%;
    min-height: 360px;
    max-height: 360px;
}

.sales__img-box img {
    max-width: 100%;
    min-height: 360px;
    max-height: 360px;
    -o-object-fit: cover;
    object-fit: cover;
}

.stocks .akciya__title {
    font-size: 50px;
}

.article.akcii.doctor.akciya {
    display: flex;
    gap: 30px;
    margin-top: 50px;
    margin-bottom: 100px;
}

.stocks .akcii__img {
    border-radius: 20px;
}

@media (max-width: 1160px) {
    .stocks .sales__item {
        -ms-flex-preferred-size: calc((100% - 30px) / 2);
        flex-basis: calc((100% - 30px) / 2);
    }
}

@media (max-width: 700px) {
    .stocks .akciya__title {
        font-size: 30px;
    }

    .stocks .sales__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .stocks .sales__img-box img, .stocks .sales__img-box picture, .stocks .sales__img-box {
        min-height: 250px;
        max-height: 250px;
    }
}

@media (max-width: 550px) {
    .icon__phone-picture {
        margin-right: 10px;
    }

    .header__online {
        display: none;
    }

    .stocks .article.akcii.doctor {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .header .time {
        font-size: 8px;
    }

    .header__item {
        margin-left: auto;
    }

    .header__contacts .icon__phone {
        margin-left: auto;
    }

    .header {
        padding: 10px 0;
    }
}

.sitemap .search {
    left: 0 !important;
    right: 0 !important;
}

.header__toggle {
    width: 40px;
    height: 40px;
}

.header__toggle div {
    width: 40px;
    height: 40px;
}

@media (max-width: 390px) {
    .icon__phone {
        margin-left: 0;
    }

    .icon__phone-picture {
        width: 40px;
        height: 40px;
    }

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

    .header__container {
        padding: 0 10px;
    }

    .icon__phone-picture {
        margin-right: 0;
    }

    .header__address {
        font-size: 10px;
    }
}

.akcii__swiper-img {
    max-width: 370px;
    max-height: 250px;
    min-height: 250px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-clinic picture img {
    min-height: 220px;
    max-height: 220px;
    height: 100%;
    object-fit: cover;
}

.maindoc__container {
    display: flex;
    gap: 80px;
}

.maindoc__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.maindoc__lic-list img {
    width: 150px;
}

.maindoc__block {
    max-width: 800px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.maindoc__img {
    margin: 0 auto;
    max-height: 550px;
    background-color: #f1f5ff;
    border-radius: 10px;
    position: relative;
}

.maindoc__img .maindoc__img-poprav {
    position: absolute;
    bottom: 80px;
    right: 10px;
    max-width: 200px;
    height: initial;
    width: initial;
}

.maindoc__img .maindoc__img-prodoc {
    position: absolute;
    bottom: 10px;
    right: 10px;
    max-width: 200px;
    height: initial;
    width: initial;
}

.maindoc__content {
    background-color: #152f60;
    border-radius: 10px 10px 60px 10px;
    padding: 30px 35px;
    position: relative;
}

.maindoc__content-svg {
    position: absolute;
    bottom: 0;
    right: 0;
}

.maindoc__content-name {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 25px;
    color: #fff;
}

.maindoc__content-info {
    display: flex;
    gap: 10px;
}

.maindoc__content-info p {
    border: 1px solid #ffffff40;
    padding: 5px 15px;
    color: #fff;
    border-radius: 50px;
}

@media (max-width: 1560px) {
    .maindoc__container {
        gap: 10px;
    }

    .maindoc__img img {
        object-fit: cover;
    }
}

@media (max-width: 1050px) {
    .maindoc__container {
        flex-direction: column;
        align-items: center;
    }

    .maindoc__img {
        max-height: 100%;
    }
}

@media (max-width: 550px) {
    .maindoc__block {
        gap: 15px;
    }

    .maindoc__lic-list {
        display: flex;
        overflow: auto;
    }

    .maindoc__content {
        padding: 15px 20px;
    }

    .maindoc__content-info {
        flex-wrap: wrap;
    }

    .maindoc__content-name {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .maindoc__content-info p {
        margin: 0;
    }

    .maindoc__img .maindoc__img-poprav {
        max-width: 150px;
    }

    .maindoc__img .maindoc__img-prodoc {
        max-width: 150px;
    }
}

.footer__row {
    position: relative;
}

.footer__nav {
    display: block;
}

.footer__nav-links {
    justify-content: space-between;
    display: flex;
}

.footer__subtitle--mail {
    padding-left: 0px;
}

.footer_payment {
    border: none;
    padding: 0px;
    text-align: left;
    background-color: #162d5f;
}

.footer_payment .footer-title {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    color: #ffffff8c;
}

.footer_payment div {
    background: #223867;
}

.footer_payment div img {
    display: flex;
    margin: 0 auto;
    max-width: 60px;
}

._icn-vk, ._icn-max, ._icn-whatsapp, ._icn-telegram, ._icn-facebook, ._icn-dzen {
    width: 50px;
    height: 50px;
}

@media (max-width: 980px) {
    .footer__top {
        flex-direction: column-reverse;
    }

    .footer__nav-links {
        display: none;
    }

    .footer__logo {
        display: block;
    }

    .footer__payment-icon {
        width: 56px !important;
        height: 40px;
        background: #223867;
        gap: 5px;
        display: -webkit-box;
    }

    .footer_payment div img {
        max-width: 33px;
    }
}

@media (min-width: 980px) {
    .footer_payment div {
        gap: 5px;
    }

    .footer__payment-icon {
        width: 120px !important;
        height: 65px;
        display: -webkit-box;
    }

    ._icn-vk, ._icn-max, ._icn-whatsapp, ._icn-telegram, ._icn-facebook, ._icn-dzen {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 1613px) {
    .footer_payment {
        bottom: 0;
    }

    .footer__payment {
        position: absolute;
        bottom: 0;
    }
}

.header__search-toggle {
    margin-right: 0.5rem;
}

@media (max-width: 1020px) {
    .header__buttons {
        display: none;
    }

    .header__buttons-mobile {
        display: block;
        position: relative;
        margin-bottom: 20px;
        margin-top: 0.6875rem;
    }

    .search {
        left: 2.5rem;
        top: -20px;
    }

    .header__toggle {
        margin-left: 0;
    }

    .header__contacts {
        display: contents;
        max-width: none;
    }

    .header .open-modal.city {
        text-align: left;
    }

    .header .time, .header__online_brigad {
        display: none;
    }

    .header__phones {
        display: none;
    }

    .icon__phone svg {
        margin-right: 0;
    }

    .header__address {
        font-size: 0.8rem;
    }

    .header__address a {
        text-align: center;
        word-break: break-all;
    }

    .header__logo {
        margin-right: inherit;
    }

    .mobile {
        opacity: 1;
        display: flex;
        visibility: visible;
        pointer-events: all;
        top: 0;
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        transform: none;
        margin-bottom: 20px;
    }

    .city-list {
        justify-content: center;
    }

    .menu {
        top: 4.1rem;
        overflow-y: scroll;
    }
}

@media (max-width: 520px) {
    .header .open-modal.city {
        text-align: left;
        font-size: 10px;
    }
}

@media (max-width: 36rem) {
    .header__container {
        padding: 0 10px;
    }
}

.stati__form {
    margin: 80px 0;
}

.stati__form .btn--darken:hover {
    background-color: #152f60;
}

.stati__form .footer__form-title {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 25px;
}

.stati__form .footer__form-input {
    padding: 0;
    padding-left: 20px;
}

.stati__form .btn__text {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #fff;
}

.stati__form .footer__form-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.stati__form .footer__form-accept {
    padding-bottom: 20px;
    margin-bottom: 0 !important;
}

.separator {
    stroke-width: 1px;
    stroke: rgba(255, 255, 255, 0.15);
    margin-left: -40px;
}

.stati__form .footer__form-accept, .stati__form .footer__form-accept a {
    color: #b1ceff;
}

.footer__form-txt {
    color: #fff !important;
    text-align: center;
    font-size: 24px !important;
    line-height: 30px !important;
    margin-top: 20px;
}

.footer__form-txt a {
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    text-decoration: none !important;
}

.reviewer__wrap {
    display: flex;
    flex-direction: row;
    gap: 20px;
    max-height: 220px;
}

.reviewer__left {
    border-radius: 10px;
    background: #f1f5ff;
    padding: 25px 50px 25px 25px;
}

.reviewer__left-img {
    border-radius: 5px;
    overflow: hidden;
}

.reviewer__left-img img {
    width: 160px;
    height: 170px;
    flex-shrink: 0;
    object-fit: contain;
}

.reviewer__left-img {
    margin-right: 40px;
}

.reviewer__left {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1190px;
    width: 100%;
}

.reviewer__left .reviewer__left-block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.reviewer__left-inf p {
    color: #1b315f;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 5px;
}

.reviewer__left-fio {
    margin-bottom: 30px;
}

.reviewer__left-fio a {
    color: #2770f1;
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
}

.reviewer__left-date {
    color: rgba(27, 49, 95, 0.45);
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}

.reviewer__left-date span {
    color: #1b315f;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}

.reviewer__left-logo {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    opacity: 0.15;
    margin: auto 0;
}

.rating > span:before {
    content: "★";
}

.rating > span.active {
    color: #ef8459;
}

.rating-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 5px;
    overflow: hidden;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-bottom: 28px;
}

.rating-area:not(:checked) > input {
    display: none;
}

.rating-area:not(:checked) > label {
    color: #aac6fa;
    cursor: pointer;
    float: right;
    font-size: 25px;
    line-height: 25px;
    padding: 0;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    width: 25px;
}

.rating-area:not(:checked) > label:before {
    content: "★";
    font-weight: 700;
}

.rating-area:not(:checked) > label:hover, .rating-area:not(:checked) > label:hover ~ label, .rating-area > input:checked + label:hover, .rating-area > input:checked + label:hover ~ label, .rating-area > input:checked ~ label, .rating-area > input:checked ~ label:hover, .rating-area > input:checked ~ label:hover ~ label, .rating-area > label:hover ~ input:checked ~ label {
    color: #2770f1;
}

.rating-area label {
    margin-bottom: 0;
}

.rate-area > label:active {
    position: relative;
}

.reviewer__right {
    border-radius: 10px;
    background: #f1f5ff;
    padding: 25px 50px 25px 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.reviewer__right p {
    color: #1b315f;
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 15px;
}

.ya-share2__container_mobile.ya-share2__container_size_l .ya-share2__icon {
    height: 40px !important;
    width: 40px !important;
}

@media (max-width: 62rem) {
    .reviewer__wrap {
        flex-direction: column;
        gap: 20px;
        max-height: 100%;
    }

    .reviewer__left-logo {
        display: none;
    }

    .reviewer__left-img img {
        width: 80px;
        height: 80px;
        object-fit: contain;
    }

    .reviewer__left {
        padding: 15px 23px 15px 15px;
    }

    .reviewer__left-fio a {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
    }

    .reviewer__left-img {
        margin-right: 15px;
    }

    .reviewer__left .reviewer__left-block {
        flex-direction: column;
    }

    .reviewer__left-fio {
        margin-bottom: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #d9e1f4;
    }

    .reviewer__left-date:not(:last-child) {
        margin-top: 15px;
    }

    .reviewer__right p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
        max-width: 90%;
    }

    .stati__form .footer__form-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .stati__form .footer__form-title {
        font-size: 22px;
        font-weight: 700;
        line-height: 25px;
        margin-bottom: 25px;
    }

    .stati__form {
        margin: 40px 0;
        width: 100%;
        border-radius: 5px;
    }

    .stati__form .footer__form-accept, .stati__form .footer__form-accept a {
        color: #b1ceff;
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .footer__form-txt {
        font-size: 16px !important;
        font-weight: 500;
        line-height: 25px;
        max-width: 73%;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 0 !important;
    }

    .footer__form-txt a {
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 25px !important;
    }
}

.docs__lic .docs__container {
    padding-top: 0;
}

.allakcii {
    position: relative;
    z-index: 2;
    max-width: 100%;
}

.allakcii h2 {
    color: #1b315f;
}

.akcii__slider {
    overflow: visible;
    padding: 0 6.25rem 0 0;
}

.akcii__slider:not(:last-child) {
    margin-bottom: 3.5rem;
}

@media (max-width: 62rem) {
    .akcii__slider:not(:last-child) {
        margin-bottom: 3rem;
    }
}

@media (max-width: 48rem) {
    .akcii__slider:not(:last-child) {
        margin-bottom: 2rem;
    }
}

@media (max-width: 36rem) {
    .akcii__slider:not(:last-child) {
        margin-bottom: 1rem;
    }
}

.akcii__slider .swiper-wrapper {
    display: flex !important;
    align-items: stretch;
}

.akcii__arrow {
    top: unset;
    bottom: 20px;
}

.akcii__arrow--prev {
    left: 42px;
}

.akcii__arrow--next {
    right: 43px;
    z-index: 2;
}

.allakcii .spec__arrow {
    bottom: 20px;
    top: 84%;
}

.akcii__subcontainer {
    position: relative;
    z-index: 3;
    padding-bottom: 3.5rem;
}

.akcii__wrapper {
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.allakcii__container {
    position: relative;
    z-index: 3;
    padding-top: 3.5rem;
}

.akcii__arrow--next::before {
    display: inline-block;
    transform: scaleX(-1);
}

.allakcii .sales__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.allakcii .sales__item {
    width: 30%;
}

.allakcii .sales__img-box img {
    max-width: 100%;
    width: 362.5px;
    height: 242px;
    object-fit: cover;
    border-radius: 5px;
}

.allakcii .sales__title {
    margin: 25px 0 0;
    font-size: 22px;
    font-weight: 700;
    color: #333;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    height: 1px;
    min-height: 60px;
}

.allakcii .det-stock-text {
    display: none;
}

.allakcii .sales__img-box img {
    max-width: 100%;
}

@media (max-width: 62rem) {
    .akcii__slider {
        padding: 0 1.5rem 0 0;
    }

    .akcii__arrow--prev, .akcii__arrow--next {
        display: none;
    }

    .allakcii .btn--dark {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        padding: 15px 0;
        border-radius: 4px;
        width: 100%;
    }

    .akcii__slider:not(:last-child) {
        margin-bottom: 25px;
    }
}

.another-service {
    padding-bottom: 3.5rem;
}

.another-service__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.another-service__item {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 0px 12px 0px #00253c0f;
    background-color: #1b315f;
    color: #ffffff;
    border-radius: 5px;
    align-items: center;
    gap: 15px;
}

.another-service__svg {
    padding: 15px;
    background-color: #2770f1;
    border-radius: 4px;
}

.hero__price {
    color: #fff;
    font-weight: 700;
    max-width: 200px;
    font-size: 24px;
    padding: 15px;
    border: 3px solid #ffffff;
    margin-bottom: 15px;
}

@media (max-width: 1050px) {
    .hero__container {
        flex-direction: column;
        gap: 20px;
    }
}

.navigation-article {
    padding-top: 2rem;
}

.navigation-article__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.navigation-article__list li {
    padding: 8px 12px;
    color: #2770f1;
    background-color: #f1f5ff;
    border-radius: 5px;
}

.program {
    background-color: #fff;
    border-radius: 5px 85px 5px 5px;
    border: 2px solid #2770f1;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.program:nth-child(2) {
    background-color: #2770f1;
    border: 2px solid #2770f1;
}

.program:last-child {
    background-color: #1b315f;
    border: 2px solid #1b315f;
}

.program__title {
    font-size: 32px;
    font-weight: 800;
    line-height: 38.4px;
    color: #1b315f;
}

.program:nth-child(2) .program__title {
    color: #fff;
}

.program:last-child .program__title {
    color: #fff;
}

.programs__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.program__wrapper {
    margin-bottom: 45px;
}

.program__wrapper-top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #2770f133;
    margin-bottom: 20px;
}

.program:nth-child(2) .program__wrapper-top {
    border-bottom: 1px solid #ffffff33;
}

.program:last-child .program__wrapper-top {
    border-bottom: 1px solid #ffffff33;
}

.program__price-num {
    border-radius: 40px 50px 0px 40px;
    padding: 15px 25px;
    background-color: #2770f1;
    color: #fff;
    font-weight: 700;
}

.program:nth-child(2) .program__price-num {
    color: #2770f1;
    background-color: #fff;
}

.program:last-child .program__price-num {
    color: #1b315f;
    background-color: #fff;
}

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

.program li {
    position: relative;
    padding-left: 30px;
}

.program:nth-child(2) li {
    color: #fff;
}

.program:last-child li {
    color: #fff;
}

.program:nth-child(2) .program__btn {
    color: #2770f1;
    background-color: #fff;
}

.program:last-child .program__btn {
    color: #1b315f;
    background: #fff;
}

.program__content ul li::before {
    content: "✓";
    text-align: center;
    color: #fff;
    background-color: #2770f1;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

.program:nth-child(2) ul li::before {
    color: #2770f1;
    background-color: #fff;
}

.program:last-child ul li::before {
    color: #1b315f;
    background-color: #fff;
}

@media (max-width: 1200px) {
    .programs__wrapper {
        display: flex;
        gap: 10px;
        overflow-x: scroll;
    }

    .program {
        margin-bottom: 10px;
    }

    .programs__wrapper::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .programs__wrapper::-webkit-scrollbar-track {
        background-color: #1b315f;
        border-radius: 6px;
    }

    .programs__wrapper::-webkit-scrollbar-thumb {
        width: 6px;
        height: 6px;
        background-color: #2770f1;
        border-radius: 6px;
    }

    .program {
        flex: 0 0 350px;
    }
}

.specialists__grid .team__item:nth-child(4) {
    order: -1;
}

.error__container {
    display: flex;
    flex-flow: row-reverse;
}

.error__left {
    max-width: 935px;
}

.error__title {
    font-size: 44px;
    font-weight: 700;
    line-height: 57.2px;
    color: #162c5b;
}

.error__subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 23.4px;
    padding: 20px 0 40px 0;
}

.error__block {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.error__block-item {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    gap: 30px;
    align-items: baseline;
    border: 1px solid #162c5b;
    border-radius: 5px;
}

.error-item__text {
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
    color: #162c5b;
}

.error-item__img {
    padding: 15px;
    background-color: #162c5b;
    border-radius: 4px;
}

.error__btn {
    background-color: #2770f1;
    padding: 16px;
    border-radius: 5px;
    text-align: center;
    margin-top: 40px;
    max-width: 300px;
}

.error__btn a {
    font-size: 18px;
    font-weight: 600;
    line-height: 23.94px;
    color: #fff;
}

@media (max-width: 1450px) {
    .error__left {
        max-width: 775px;
    }
}

@media (max-width: 1250px) {
    .error__container {
        flex-flow: column;
    }
}

@media (max-width: 650px) {
    .error__title {
        font-size: 24px;
        font-weight: 600;
        line-height: 31.2px;
    }

    .error__subtitle {
        padding: 15px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 18.2px;
    }

    .error__block {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .error__btn {
        margin-top: 20px;
        max-width: 100%;
    }
}

.credit-banner {
    margin: 4.5em 0;
}

.credit-wrapper {
    height: 545px;
    background: url(/assets/img/bg4.jpg);
    background-color: rgba(241, 245, 255, 1);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 5px;
    padding: 5em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.credit-wrapper .credit-title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
}

.credit-wrapper .about {
    font-weight: 500;
    font-size: 18px;
}

.credit-wrapper .list {
    display: flex;
    margin-bottom: 4em;
}

.credit-wrapper .item {
    border-right: 2px solid rgba(39, 112, 241, 0.2);
    padding: 0 2em;
}

.credit-wrapper .item:nth-child(1) {
    padding-left: 0;
}

.credit-wrapper .item:nth-last-child(1) {
    border: 0;
}

.credit-wrapper .item p {
    color: rgba(39, 112, 241, 1);
    font-size: 32px;
    margin-bottom: 0;
}

.credit-wrapper .item span {
    font-size: 18px;
}

.credit-wrapper .btn--dark {
    padding: 1rem 3em;
}

@media (max-width: 768px) {
    .credit-wrapper {
        background: rgba(241, 245, 255, 1);
        height: auto;
    }

    .credit-wrapper .list {
        flex-direction: column;
    }

    .credit-wrapper .item {
        border-right: 0;
        border-bottom: 2px solid rgba(39, 112, 241, 0.2);
        padding: 1em 0;
    }
}

@media (max-width: 767px) {
    .credit-wrapper {
        padding: 2em;
    }

    .credit-wrapper .header__btn {
        display: block;
        width: 100%;
    }

    .credit-wrapper .list, .credit-wrapper .item {
        width: 100%;
    }
}

.akcii__swiper-content {
    display: flex;
    gap: 25px;
    background-color: #f1f5ff;
    border-radius: 5px;
    margin-bottom: 25px;
}

.akcii__swiper-content img {
    object-fit: cover;
}

.akcii__swiper-content .akcii__swiper-img-box {
    margin: 0;
}

.akcii__swiper-content .sales-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}

.akcii__swiper-content .det-stock-btn {
    margin-bottom: 15px;
}

.error-title {
    margin-top: 0;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    color: #1e3301;
}

.error-404 {
    font-size: 144px;
    line-height: 120%;
    text-align: center;
}

.error-suptitle {
    text-align: center;
    padding: 32px 0 0 0;
    font-size: 28px;
    line-height: 150%;
    color: #1e3301;
}

.error-wrap {
    display: flex;
    padding: 56px 0 0 0;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    width: 100%;
}

.error-block {
    flex: 0 0 350px;
}

.error-block a {
    background-color: transparent;
    padding: 0;
}

.error-block-title, .error-block-title a {
    font-size: 20px;
    line-height: 140%;
    color: #3f578b;
    font-weight: 700;
    text-decoration: none;
}

.error-ul {
    padding: 8px 0 0 0;
}

.error-li {
    padding: 8px 0 0 0;
}

.error-li2 {
    padding: 16px 0 0 16px;
}

.error-li a {
    text-decoration: none;
    font-size: 16px;
    line-height: 150%;
    color: #3f578b;
}

.error-li2 a {
    text-decoration: none;
    font-size: 16px;
    line-height: 150%;
    color: #3f578b;
}

.text-block table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.text-block th, .text-block td {
    border: 1px solid #007bff;
    padding: 10px;
    text-align: left;
}

.text-block th {
    background-color: #007bff;
    color: white;
}

.text-block tr:nth-child(even) {
    background-color: #e7f3ff;
}

.text-block tr:hover {
    background-color: #b3d7ff;
}

@media (max-width: 767px) {
    .text-block table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .text-block th, td {
        white-space: normal;
        display: block;
        text-align: left;
    }

    .text-block td {
        border-bottom: none;
    }

    .text-block thead {
        display: none;
    }

    .text-block td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
}

@media (max-width: 1020px) {
    li.menu__item.menu__item--has-sub.city__mobile {
        margin-bottom: 10px;
    }
}

.video-reviews {
    padding: 160px 0px;
    background: #162d5f;
    position: relative;
}

.video-reviews__title {
    font-weight: 700;
    font-size: 44px;
    line-height: 130%;
    color: #fff;
    border-left: 5px solid #2770f1;
    padding-left: 20px;
    margin-bottom: 70px;
}

.video-reviews__items {
    display: flex;
    gap: 20px;
    padding: 0px 45px 0px 45px;
    margin-bottom: 100px;
}

.video-reviews__item {
    border-radius: 10px;
    width: 100%;
}

.video-reviews__item:last-child {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.video-reviews__text-top {
    padding-left: 20px;
    border-left: 3px solid #2770f1;
    margin-bottom: 25px;
}

.video-reviews__text-city {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: rgba(27, 49, 95, 0.9);
}

.video-reviews__text-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 130%;
    color: #1b315f;
    margin-bottom: 8px;
}

.video-reviews__phones-text p {
    margin-bottom: 0px;
}

.video-reviews__container::before {
    display: none;
}

.video-reviews__container::after {
    display: none;
}

.video-reviews__text {
    padding: 40px 40px 0px 40px;
}

.video-reviews__text-bottom {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #3f578b;
    max-height: 120px;
    -webkit-mask-image: linear-gradient(180deg, #000 100%, transparent);
    overflow-y: auto;
}

.video-reviews__picture {
    border-radius: 10px;
    height: 100%;
}

.video-reviews__picture img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-reviews__phones {
    border-radius: 10px;
    padding: 20px;
    background-color: #2770f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.video-reviews__phones {
    margin: 0px 40px 40px 40px;
}

.video-reviews__phones-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
}

.video-reviews__phones-link a {
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    text-decoration: none;
}

.video-reviews__phones-link div:first-child {
    padding-right: 12px;
    margin-right: 12px;
}

.video-reviews__cub1 {
    width: 104px;
    height: 104px;
    background: #b6d1ff;
    position: absolute;
    top: 0;
    right: 104px;
}

.video-reviews__cub2 {
    width: 104px;
    height: 104px;
    background: #2770f1;
    position: absolute;
    top: 104px;
    right: 0;
}

.video-reviews__item:first-child {
    position: relative;
}

.video-reviews__item-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-reviews__span-img {
    position: absolute;
    left: 68px;
    bottom: -40px;
    width: 4px;
    height: 80px;
    background: #2770f1;
    transform: rotate(-90deg);
}

.video-reviews__vector {
    position: absolute;
    left: 0;
    top: 42.5%;
}

.video-reviews__phones-link {
    display: flex;
}

.video-reviews__swiper-buttons {
    position: absolute;
}

.video-reviews .swiper-button-prev:after, .video-reviews .swiper-rtl .swiper-button-next:after {
    display: none;
}

.video-reviews .swiper-button-next:after, .video-reviews .swiper-rtl .swiper-button-prev:after {
    display: none;
}

.video-reviews .swiper-button-prev {
    bottom: 0;
    top: auto;
    width: 48px;
    height: 48px;
}

.video-reviews .swiper-button-next {
    bottom: 0;
    top: auto;
    width: 48px;
    height: 48px;
}

.swiper-button-next svg rect, .swiper-button-prev svg rect {
    fill: white;
    transition: 0.2s linear;
    border-radius: 4px;
}

.swiper-button-next svg rect:hover, .swiper-button-prev svg rect:hover {
    fill: #f1f5ffba;
    color: white;
    transition: 0.2s linear;
}

@media (max-width: 1667px) {
    .video-reviews__phones {
        flex-direction: column;
    }

    .video-reviews__phones-text p {
        margin-bottom: 12px;
    }
}

@media (max-width: 1530px) {
    .video-reviews__phones {
        flex-direction: column;
    }
}

@media (max-width: 1200px) {
    .video-reviews__items {
        display: flex;
        gap: 20px;
        padding: 0px 20px 0px 20px;
        margin-bottom: 60px;
    }

    .video-reviews__cub1 {
        display: none;
    }

    .video-reviews__phones-link {
        flex-direction: column;
    }

    .video-reviews__phones-link div:first-child {
        padding-right: 0px;
        margin-right: 0px;
        margin-bottom: 6px;
        padding-bottom: 6px;
    }

    .video-reviews__cub2 {
        display: none;
    }

    .video-reviews__span-img {
        display: none;
    }

    .video-reviews__vector {
        display: none;
    }

    .video-reviews__title {
        font-weight: 800;
        font-size: 26px;
        border-left: 3px solid #2770f1;
        padding-left: 10px;
        margin-bottom: 30px;
    }

    .video-reviews__phones-text {
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        color: #fff;
    }

    .video-reviews {
        padding: 60px 10px;
    }

    .video-reviews__phones {
        margin: 0px 20px 20px 20px;
    }

    .video-reviews__text-city {
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #3f578b;
    }

    .video-reviews__text {
        padding: 20px 20px 0px 20px;
    }

    .video-reviews__text-top {
        padding-left: 10px;
        margin-bottom: 12px;
    }

    .video-reviews__text-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        color: #1b315f;
        margin-bottom: 5px;
    }

    .video-reviews__text-bottom {
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #3f578b;
        margin-bottom: 82px;
    }
}

@media (max-width: 900px) {
    .video-reviews__picture img {
        min-height: 200px;
    }

    .video-reviews__item:last-child {
        min-height: 364px;
    }

    .video-reviews__items {
        gap: 10px;
        padding: 0px;
        flex-direction: column;
    }

    .video-reviews .swiper-button-prev {
        bottom: 230px;
        top: auto;
        width: 40px;
        height: 40px;
        left: 21px;
    }

    .video-reviews .swiper-button-next {
        bottom: 230px;
        top: auto;
        width: 40px;
        height: 40px;
        right: 21px;
    }

    .swiper-button-next svg rect, .swiper-button-prev svg rect {
        fill: #f1f5ff;
    }
}

@media (max-width: 600px) {
    .video-reviews__phones {
        align-items: start;
    }

    .video-reviews__item:last-child {
        min-height: 444px;
    }

    .video-reviews__phones-link {
        width: 100%;
    }
}

.pay-view {
    background-color: #2770f1;
    border-radius: 10px;
    margin-top: 10px;
}

.pay-view__wrapper {
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
}

.pay-view .container::before {
    display: none;
}

.pay-view .container::after {
    display: none;
}

.pay-view__pictures {
    display: flex;
    gap: 4px;
}

.pay-view__text p {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    margin: 0;
}

@media (max-width: 636px) {
    .pay-view__wrapper {
        flex-direction: column;
    }

    .pay-view__wrapper {
        padding: 15px;
        gap: 10px;
    }
}

.hero__provide-assistance {
    padding: 14px 20px;
    background: #5c7198;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    width: fit-content;
}

.hero__provide-assistance p {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    margin: 0px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.hero__provide-assistance svg {
    width: 26px;
}

@media (max-width: 600px) {
    .hero__provide-assistance {
        padding: 14px;
        margin-bottom: 25px;
    }

    .hero__provide-assistance p {
        margin-left: 8px;
        padding-left: 8px;
        font-weight: 600;
        font-size: 14px;
        line-height: 18.2px;
        letter-spacing: 0%;
    }
}

.doctor-opinion {
    margin-top: 60px;
    margin-bottom: 20px;
}

.doctor-opinion__wrapper {
    padding: 80px;
    background: rgba(39, 112, 241, 0.1);
    border-radius: 10px;
    margin-top: 60px;
    margin-bottom: 20px;
    position: relative;
}

.doctor-opinion__title {
    font-weight: 800;
    font-size: 40px;
    line-height: 130%;
    color: #1b315f;
    margin-bottom: 32px;
    padding-left: 20px;
    border-left: 5px solid #2770f1;
}

.doctor-opinion__text p {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #1b315f;
}

.doctor-opinion__text p:not(:last-child) {
    margin: 0;
    margin-bottom: 20px;
}

.doctor-opinion__svg-top {
    position: absolute;
    left: 108px;
    top: -14px;
}

.doctor-opinion__svg-bottom {
    position: absolute;
    right: 108px;
    bottom: -14px;
}

.doctor-opinion__text {
    max-height: 240px;
    overflow: hidden;
    transition: 0.5s;
    margin-bottom: 40px;
}

.doctor-opinion__button {
    padding: 17.5px 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: #2770f1;
    border: 1px solid #2770f1;
    border-radius: 4px;
    background-color: #f5deb300;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.doctor-opinion button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

.doctor-opinion__button-svg {
    transform: rotate(360deg);
    margin-right: 8px;
}

.doctor-opinion__button-svg--active {
    transform: rotate(180deg);
}

.doctor-opinion__text.active {
    max-height: 100%;
}

@media (max-width: 1045px) {
    .doctor-opinion__wrapper {
        padding: 40px 20px;
        margin: 0px;
    }

    .doctor-opinion__svg-top {
        left: 12px;
        top: -6px;
    }

    .doctor-opinion__svg-top svg {
        height: 22px;
    }

    .doctor-opinion__svg-bottom {
        right: 12px;
        bottom: -5px;
    }

    .doctor-opinion__svg-bottom svg {
        height: 22px;
    }

    .doctor-opinion {
        margin-top: 18px;
        margin-bottom: 0px;
    }

    .doctor-opinion__title {
        font-weight: 800;
        font-size: 20px;
        line-height: 130%;
        color: #1b315f;
        padding-left: 10px;
        margin-bottom: 15px;
    }

    .doctor-opinion__text {
        max-height: 240px;
        margin-bottom: 20px;
    }

    .doctor-opinion__text p {
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        color: #1b315f;
        margin-bottom: 10px;
    }

    .doctor-opinion__button {
        padding: 12px 20px;
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
    }
}

@media (max-width: 600px) {
    .doctor-opinion__button {
        width: 100%;
        justify-content: space-between;
    }
}

.modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 650px;
    max-height: 80vh;
    background: #fff;
    z-index: 1000;
    overflow-y: auto;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.modal.modalActive {
    opacity: 1;
    visibility: visible;
    display: block !important;
    align-items: center;
    justify-content: center;
}

.modal__content {
    position: relative;
    background: #fff;
    padding: 20px;
    max-width: 400px;
    width: 90%;
    border-radius: 8px;
    transform: scale(0.7);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    margin: 0 auto;
}

.modalActive .modal__content {
    transform: scale(1);
    opacity: 1;
}

.modalCloseButton {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 24px;
    color: #333;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}

.modalCloseButton:hover {
    color: #000;
}

.modal-title {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.modal form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal .modal-popup__input, .modal textarea {
    width: 100%;
    padding: 12px 12px 12px 50px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

.modal input:focus, .modal textarea:focus {
    outline: none;
    border-color: #007bff;
}

.modal button[type="submit"] {
    background: #007bff;
    color: #fff;
    padding: 12px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.modal button[type="submit"]:hover {
    background: #0056b3;
}

body.lock {
    overflow: hidden;
}

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

    .modal__content {
        padding: 20px;
    }

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

    .modalCloseButton {
        right: 10px;
        top: 10px;
    }
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

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

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

    .modal-title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .modal input, .modal textarea {
        padding: 10px;
        font-size: 14px;
    }

    .modal button[type="submit"] {
        padding: 10px;
        font-size: 14px;
    }
}

.result-wrapper {
    padding: 10px;
    margin: 15px auto;
    border-radius: 4px;
    text-align: center;
    max-width: 300px;
    font-size: 14px;
}

.result-wrapper h3 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
}

.small-city {
    display: none;
}

.show-all .small-city {
    display: block;
}

.toggle-button {
    display: none;
}

.navigation-article__list {
    display: flex;
}

@media (max-width: 480px) {
    .toggle-button {
        display: block;
    }

    .navigation-article__list {
        display: none;
    }
}

.toggle-button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 10px;
}

.toggle-button:hover {
    background-color: #0056b3;
}

.calendar {
    margin-top: 40px;
}

.calendar-container {
    width: 100%;
    margin: 0 auto;
}

.calendar-grid {
    background: #ffffff;
    border-radius: 8px;
    overflow-x: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.days-row {
    display: flex;
    gap: 10px;
    padding: 10px;
}

.day-column {
    flex: 1;
    min-width: 120px;
}

.day-header {
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.day-name {
    font-weight: bold;
    color: #000000;
}

.day-date {
    color: #000000;
    font-size: 14px;
}

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

.time-slot {
    padding: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.time-slot.available {
    background: #2770f1;
    color: #ffffff;
}

.time-slot.unavailable {
    background: #f1f5ff;
    color: #838383;
    cursor: not-allowed;
}

.time-slot.available:hover {
    background: #1b5cd9;
}

.calendar-legend {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #838383;
    font-size: 14px;
}

.legend-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}

.legend-dot.available {
    background: #2770f1;
}

.legend-dot.unavailable {
    background: #f1f5ff;
}

@media (max-width: 768px) {
    .calendar-container {
        padding: 10px;
    }

    .days-row {
        gap: 5px;
    }

    .day-column {
        min-width: 100px;
    }

    .time-slot {
        padding: 6px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .calendar-grid {
        overflow-x: auto;
    }

    .days-row {
        min-width: 700px;
    }
}

.appointment-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #16306399;
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.appointment-modal.active {
    display: flex;
}

.appointment-modal__content {
    background: #ffffff;
    border-radius: 8px;
    padding: 24px;
    position: relative;
    width: 100%;
    max-width: 400px;
}

.appointment-modal__close {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 24px;
    color: #000;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    opacity: 0.3;
}

.appointment-modal__title {
    font-size: 20px;
    color: #000000;
    margin: 0 0 16px;
    font-weight: normal;
    text-align: center;
    font-weight: 600;
}

.appointment-modal__datetime {
    font-size: 14px;
    text-align: center;
    color: #000;
    font-weight: 400;
}

.appointment-modal__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.appointment-modal__input {
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 14px;
}

.appointment-modal__input:focus {
    outline: none;
    border-color: #2770f1;
}

.appointment-modal__submit {
    background: #2770f1;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: 12px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 4px;
}

.appointment-modal__policy {
    font-size: 12px;
    color: #838383;
    text-align: center;
    margin: 0;
}

@media (max-width: 480px) {
    .appointment-modal__content {
        margin: 20px;
        padding: 20px;
    }

    .appointment-modal__title {
        font-size: 18px;
    }

    .appointment-modal__datetime {
        font-size: 14px;
    }

    .appointment-modal__input {
        padding: 10px 12px;
    }
}

.calendar-wrapper {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.appointment-calendar {
    flex: 1;
}

.appointment-form {
    width: 400px;
    background: #dbe7fd;
    border-radius: 10px;
    padding: 30px;
    height: fit-content;
}

.appointment-form__title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.appointment__phone {
    color: #163063;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
}

.appointment-form__phone {
    margin-bottom: 24px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #c8d1e8;
}

.appointment-form__phone-label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.appointment-form__phone-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
}

.appointment-form__phone-input.error {
    border-color: #ff4d4d;
}

.appointment-form__submit {
    width: 100%;
    padding: 14px;
    background: #2770f1;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}

.appointment-form__submit:hover {
    background: #1b5cd9;
}

.appointment-form__note {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 16px;
    line-height: 1.4;
}

.appointment-form__phone-wrapper {
    position: relative;
}

.appointment-form__phone-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1024px) {
    .calendar-wrapper {
        flex-direction: column;
    }

    .appointment-form {
        width: 100%;
    }
}

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

@media (max-width: 768px) {
    .calendar-wrapper {
        gap: 20px;
    }

    .appointment-form {
        display: none;
    }
}

.recommendation-block {
    background: linear-gradient(to right, #f8f9ff 60%, #e8ecff);
    border-radius: 12px;
    margin: 20px 0;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 20px;
}

.recommendation-label {
    font-size: 14px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

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

.recommendation-title {
    font-size: 28px;
    color: #1a237e;
    margin: 0;
    line-height: 120%;
    font-weight: 700;
    text-decoration: none !important;
}

.recommendation-title:hover {
    text-decoration: underline !important;
}

.recommendation-img {
    max-width: 320px;
    max-height: 250px;
    object-fit: cover;
    display: block;
    clip-path: polygon(0 0, 100% 0, 90% 35%, 100% 82%, 88% 100%, 0 100%);
    border-radius: 20px;
}

.recommendation-block_item {
    margin: auto 0;
}

.recommendation-button {
    display: inline-block;
    background: #2962ff;
    color: white !important;
    padding: 8px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s ease;
    max-width: 200px;
    text-decoration: none !important;
}

.recommendation-button:hover {
    background: #1a45b8;
}

@media (max-width: 768px) {
    .recommendation-block {
        display: block;
        padding: 15px;
    }

    .recommendation-img {
        clip-path: polygon( 0 0, 100% 0, 100% 100%, 80% 90%, 50% 100%, 20% 90%, 0 100% );
    }

    .recommendation-button {
        max-width: 100%;
    }

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

.new_logo {
    display: flex;
    gap: 10px;
    max-height: 52px;
}

.new_logo p {
    margin-bottom: 0;
}

.img-width_new {
    max-width: 55px;
}

.logo-text p:first-child {
    font-family: "Montserrat", sans-serifSans;
    font-weight: 900;
    color: #1b315f;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 3px;
}

.logo-text p:last-child {
    letter-spacing: 10px;
    font-weight: 700;
}

@media (max-width: 768px) {
    .logo-text {
        display: none;
    }
}

.main_doc {
    display: block;
    margin-left: auto;
    margin-top: 50px;
}

.main_doc .reviewer__left .reviewer__left-block {
    flex-direction: row;
}

@media (max-width: 768px) {
    .main_doc .reviewer__left .reviewer__left-block {
        flex-direction: column;
    }
}

@media (max-width: 1300px) and (min-width: 1020px) {
    .logo-text p:first-child {
        font-size: 21px;
    }

    .logo-text p:last-child {
        font-size: 11px;
    }
}

.bottom-info__wrapper {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 500;
    color: #fff;
    font: inherit;
    background-color: rgba(0, 0, 0, 0.73);
    opacity: 0;
    transition: opacity 300ms;
}

.bottom-info__wrapper.active {
    opacity: 1;
}

.bottom-info__wrapper .bottom-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 15px 10px 20px;
}

@media screen and (max-width: 700px) {
    .bottom-info__wrapper .bottom-info {
        flex-direction: column;
    }
}

.bottom-info__wrapper .bottom-info__content {
    margin: 0 10px 0 0;
}

.bottom-info__content a {
    color: #52c5ff;
    text-decoration: underline;
    transition: color 300ms;
}

.bottom-info__content a:hover {
    color: #296de7;
}

@media screen and (max-width: 700px) {
    .bottom-info__wrapper .bottom-info__content {
        text-align: center;
        margin: 0 30px 0 0;
    }
}

.bottom-info__wrapper .bottom-info__action {
    display: flex;
}

@media screen and (max-width: 639px) {
    .bottom-info__wrapper .bottom-info__action {
        margin: 10px 0 0;
    }
}

.bottom-info__wrapper .bottom-info__button-agree {
    font-size: 0.9em;
    line-height: 2;
    font-weight: 500;
    color: #000;
    border-radius: 5px;
    padding: 2px 15px;
    text-transform: uppercase;
    display: block;
    background-color: #ffffffe8;
    border: none;
    cursor: pointer;
}

.bottom-info__wrapper .bottom-info__button-cross {
    width: 28px;
    height: 28px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4em;
    background-color: transparent;
    border: none;
    margin-inline-start: 12px;cursor: pointer;
}

@media screen and (max-width: 700px) {
    .bottom-info__wrapper .bottom-info__button-cross {
        position: absolute;
        top: 10px;
        right: 10px;
    }
}

.bottom-info__button-cross::after {
    content: "\00D7";
    color: #999;
    line-height: 1;
    transition: color 300ms;
}

.bottom-info__wrapper .bottom-info__button-cross:hover::after {
    color: #fff;
}

@media (max-width: 1020px) {
    .bottom-info__wrapper {
        display: none;
    }
}

.point-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
    background-color: #fff;
    border-radius: 8px;
    width: fit-content;
    aspect-ratio: 1 / 1;
    margin-left: 5px;
}

.point-mark_accent {
    background-color: #2770f1;
}

.link_max {
    color: inherit;
    font-size: inherit;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.row_b-top {
    padding-top: 19px;
    border-top: 1px solid #ffffff26;
    text-align: center;
    margin: 0;
}

.row_b-top a {
    color: inherit;
    font-size: inherit;
    font-weight: 700;
    line-height: 1.3;
    display: inline-block;
}

.max-plashka {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-block-start: 20px;background: #dbe7fd;
    border-radius: 10px;
    padding: 30px;
    color: #000;
}

.max-plashka p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    gap: 5px;
}

.max-plashka_mob {
    padding: 15px;
}

._icn-max:hover svg path {
    fill: #fff;
}

.footer__form-txt_max {
    position: relative;
}

.footer__form-txt_max::before {
    content: "|";
    padding-inline: 15px;}

@media screen and (width<= 600px) {
    .footer__form-txt_max: :before {
        content: none;
    }

    .max-wrapper {
        display: block;
    }

    ._icn-vk, ._icn-max, ._icn-whatsapp, ._icn-telegram, ._icn-dzen, ._icn-facebook {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }

    .footer__soc-item:not(:last-child) {
        margin-right: 0.7rem;
    }
}

@media (max-width: 768px) {
    .max-plashka_desk {
        display: none;
    }

    .row_b-top {
        display: none;
    }
}

@media (min-width: 768px) {
    .max-plashka_mob {
        display: none;
    }
}

.spec__arrow {
    top: unset;
    bottom: 20px;
}

.spec__arrow--prev {
    left: 40px;
}

.spec__arrow--next {
    right: 10%;
}

.bread__link svg {
    fill: #3f578b;
}

.bread-inner .bread__link svg {
    fill: white;
}

.spec__left, .spec__content {
    width: 100%;
    max-width: unset;
}

.spec__left, .spec__pic {
    height: 400px;
}

.spec__left img {
    position: absolute;
    object-fit: cover;
    height: 100%;
}

.spec__left::after {
    content: none;
}

.spec__content {
    margin-top: 100px;
    padding-right: 0;
}

.spec__desc {
    box-shadow: none;
}

.spec__desc h2 {
    position: relative;
    font-style: normal;
    font-weight: 800;
    font-size: 44px;
    line-height: 56px;
    color: #1b315f;
    vertical-align: middle;
    margin-bottom: 32px;
}

.spec__desc h2::before {
    position: absolute;
    top: 0;
    left: -26px;
    width: 5px;
    height: 100%;
    content: "";
    background-color: #2770f1;
}

@media (max-width: 77.5rem) {
    .spec__content {
        margin-top: 50px;
    }

    .spec__desc h2 {
        font-size: 24px;
        line-height: 28px;
    }
}

.article__grid {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 32px;
}

.article__item {
    flex: 0 0 260px;
    box-shadow: 0px 2.91831px 17.5099px rgba(27, 49, 95, 0.15);
    border-radius: 2.91831px;
    overflow: hidden;
    min-height: 400px;
}

.article__pic img {
    width: 100%;
    height: 260px;
}

.article__content {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.article__tag {
    display: block;
    padding: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    border-radius: 4px;
    color: #3f578b;
    background-color: #f1f5ff;
    width: fit-content;
}

.article__name {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #1b315f;
    transition: 0.2s color;
}

.article__item:hover .article__name {
    color: #2770f1;
}

.article__date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #3f578b;
}

.pagn {
    padding-top: 40px;
}

.gotop {
    position: fixed;
    bottom: 25px;
    left: 20px;
    z-index: 4;
    cursor: pointer;
    opacity: 1;
}

#tooltip {
    display: none;
    position: absolute;
    cursor: pointer;
    left: 100px;
    top: 50px;
    border: solid 1px #eee;
    background-color: #ffffdd;
    padding: 10px;
    z-index: 1000;
}

.gotop {
    position: fixed;
    bottom: 20px;
    left: 10px;
    z-index: 4;
    cursor: pointer;
    opacity: 1;
}

.spec__arrow {
    top: unset;
    bottom: 20px;
}

.spec__arrow--prev {
    left: 40px;
}

.spec__arrow--next {
    right: 0;
    margin-right: 40px;
}

.swiper-btn .video-link {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    border-radius: 4px;
    background: #2770f1;
    padding: 15px 20px;
    margin: 0 auto;
    display: flex;
    gap: 10px;
    width: fit-content;
}

.team--doc .team__pic img {
    object-fit: none;
}

.filials__item.filials__item--hide, .filials__item.filials__item--nonlit {
    display: none;
}

.hero-right.hero-right--filials {
    position: relative;
    background-color: transparent;
    border: 1px #ffffff1a solid;
    background-color: #42587fcc;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hero-right.hero-right--filials::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #39537b73;
    filter: blur(40px);
    z-index: -1;
}

.filials-asidetitle {
    color: white;
    font-size: 32px;
    line-height: 130%;
    font-weight: 800;
    z-index: 2;
}

.filials-asidesubtitle {
    color: white;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    z-index: 2;
}

.adetls__item-subtitle {
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    z-index: 2;
}

.adetls__item-title {
    font-size: 18px;
    line-height: 130%;
    font-weight: 800;
    z-index: 2;
}

.filials-asidedetailes.adetls {
    display: flex;
    flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

.adetls__item {
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    border-radius: 5px;
    padding: 20px;
}

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

.adetls__item-text p {
    margin: 0;
}

.adetls__item svg {
    min-width: 50px;
    min-height: 50px;
}

.filials__mainbages {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 5px;
    margin-bottom: 60px;
    margin-top: 40px;
}

.filials__mainbage {
    border: 1px #5c7198 solid;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
}

.filials__mainbage-title {
    color: white;
    font-size: 24px;
    line-height: 130%;
    font-weight: 800;
}

.filials__mainbage-subtitle {
    color: white;
    font-size: 14px;
    line-height: 130%;
    font-weight: 500;
    margin-top: auto;
}

.filials__mainbage-title span {
    color: #1ebb92;
}

.btn.btn--dark.btn--white {
    background-color: white;
    color: #2770f1;
    z-index: 2;
}

.btn.btn--dark.btn--white:hover {
    color: #fff;
    background-color: #1b315f;
}

.filials .container.hero__container {
    gap: 60px;
}

.hero-right.hero-right--filials {
    max-width: 600px;
}

.filials .img-cover {
    object-fit: cover;
}

@media (max-width: 1250px) {
    .filials__mainbages {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.filials__inner {
    display: flex;
    flex-direction: row;
    gap: 60px;
    align-items: flex-start;
}

.filials__wrap.filials__wrap--aside {
    width: 350px;
    min-width: 350px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filials__search.fsearch {
    padding: 30px;
    background-color: #2770f11a;
    border: 1px #f1f5ff solid;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fsearch__title {
    font-size: 24px;
    line-height: 130%;
    font-weight: 800;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px #2770f11a solid;
    margin-bottom: 10px;
}

.filials.filials--main {
    margin-top: 100px;
}

.fsearch__title {
    font-size: 24px;
    line-height: 130%;
    font-weight: 800;
}

.fsearch__caption {
    font-size: 14px;
    line-height: 120%;
    font-weight: 500;
}

input.fsearch__input {
    font-size: 16px;
    border-radius: 8px;
    padding: 10px 20px;
    width: 100%;
}

input.fsearch__input::placeholder {
    color: #1b315f99;
    opacity: 1;
}

.fsearch__result {
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    display: flex;
    flex-direction: row;
}

.fsearch__selector-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    padding: 15px 20px;
    width: 100%;
    align-items: center;
    background-color: white;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
}

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

.fsearch__list {
    padding: 15px 20px;
    background-color: white;
    z-index: 2;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: 0.3s ease-in-out;
}

.fsearch__listwrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translatey(100%);
    max-height: 0;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    z-index: 3;
}

span.fsearch__option:hover {
    background-color: #e9f0fe;
}

span.fsearch__option {
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
}

.active .fsearch__listwrap {
    max-height: 600px;
}

.active .fsearch__selector-title svg {
    transform: rotate(180deg);
}

.fsearch__selector-title svg {
    transition: 0.3s ease-in-out;
}

.fsearch__selector {
    position: relative;
}

.btn.btn--dark.fsearch__action {
    margin-top: 30px;
}

.filials__form.afform {
    display: flex;
    flex-direction: column;
    background-color: #2770f1;
    border-radius: 8px;
    padding: 30px;
    position: relative;
    transition: 0.5s ease;
}

@media (min-width: 1130px) {
    .filials__form.afform.afform--fixed {
        position: fixed;
        top: 240px;
        width: 350px;
    }
}

.afform__title {
    font-weight: 800;
    font-size: 20px;
    line-height: 130%;
    color: white;
    position: relative;
    z-index: 2;
}

.afform__decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.btn.btn--dark.fsearch__action {
    color: white;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.btn.btn--dark.btn--white.popup-btn {
    position: relative;
    z-index: 2;
}

.btn.btn--dark.fsearch__action:hover {
    color: white;
}

.btn.btn--dark.btn--white.popup-btn:hover {
    background-color: #162d5f;
    color: white;
}

img.afform__img {
    width: 170px;
    margin: auto;
    z-index: 2;
    position: relative;
}

.filials__listtitle {
    font-size: 44px;
    font-weight: 800;
    line-height: 130%;
    margin-bottom: 5px;
}

.filials__maincount, .filials__mobilecount {
    font-weight: 600;
    font-size: 14px;
    color: #2770f1;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #f1f5ff;
    line-height: 130%;
}

.filials__maintop {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.filials__alpha {
    padding: 8px 12px;
    border: 1px #2770f133 solid;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
}

.filials__alpha.filials__alpha--all {
    background-color: #e9f0fe;
    color: #2770f1;
}

.filials__alpha:hover {
    border-color: #2d5ec9;
}

.filials__filter {
    display: flex;
    flex-direction: row;
    gap: 2px;
    flex-wrap: wrap;
}

.filials__wrap.filials__wrap--main {
    max-width: calc(100% - 410px);
    width: calc(100% - 410px);
    display: flex;
    flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.filials__item {
    padding: 35px;
    border-radius: 8px;
    border: 1px #2770f11a solid;
    background-color: #f1f5ff;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
    justify-content: space-between;
}

.filial__bage {
    font-weight: 800;
    font-size: 14px;
    line-height: 120%;
    color: #1b315f;
    border: 1px #2770f133 solid;
    padding: 8px 12px;
    border-radius: 5px;
}

.filials__wrap.filials__wrap--picture {
    max-width: 250px;
}

.filial__bage.filial__bage--open {
    background-color: #1ebb92;
    color: white;
    border-color: #1ebb92;
}

.filial__bage.filial__bage--rating {
    color: #2770f1;
    background-color: white;
}

.filials__itemtitle {
    font-weight: 800;
    font-size: 32px;
    color: #1b315f;
    line-height: 130%;
    padding-left: 15px;
    border-left: 4px #2770f1 solid;
}

.filials__detail {
    font-size: 16px;
    font-weight: 600;
    color: #1b315f;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.filials__detailes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 10px;
}

@media (max-width: 1450px) {
    .filials__detailes {
        grid-template-columns: repeat(1, 1fr);
    }
}

.filials__itemwrap.filials__itemwrap--aside {
    display: flex;
    flex-direction: column;
    max-width: 235px;
    min-width: 235px;
    gap: 5px;
    padding-left: 20px;
    border-left: 1px #2770f11a solid;
    margin-left: 10px;
}

.filials__btns {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: auto;
}

.filials_caption {
    font-size: 16px;
    font-weight: 800;
    color: #1b315f;
}

.filials__price {
    color: #2770f1;
    font-size: 28px;
    font-weight: 600;
    line-height: 130%;
}

.filial__bages {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}

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

.filials__btns > * {
    font-size: 16px;
}

.filials__more span {
    background-color: #2770f11a;
    padding: 16px 40px;
    border-radius: 5px;
    color: #2770f1;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    cursor: pointer;
}

.filials__more {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.filials.filials--map {
    margin: 100px 0;
}

.footer__form-subtitle {
    text-align: center;
    width: 100%;
    display: block;
}

.filials__more span:hover {
    background-color: #162d5f;
    color: white;
}

.filials__mobilecount {
    display: none;
}

.filials__listtitle--mobile {
    display: none;
}

@media (max-width: 1400px) {
    .filials__wrap.filials__wrap--picture {
        display: none;
    }

    .filials__item .filials__wrap.filials__wrap--main {
        max-width: unset;
        width: 100%;
    }

    .filials__itemwrap.filials__itemwrap--aside {
        max-width: 300px;
        width: 300px;
    }
}

@media (max-width: 1130px) {
    .filials__form.afform {
        display: none;
    }

    .filials__inner {
        flex-direction: column;
    }

    .filials__search.fsearch {
        background-color: transparent;
        border: none;
        border-bottom: 1px #f4f8ff solid;
        border-radius: 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .filials__wrap.filials__wrap--aside {
        width: 100%;
        max-width: 100%;
        min-width: unset;
    }

    .fsearch__selector-title, input.fsearch__input {
        border: 1px #ceddf7 solid;
    }

    .fsearch__title {
        display: none;
    }

    .filials__maincount {
        display: none;
    }

    .filials__mobilecount {
        display: block;
        text-align: center;
    }

    .filials__wrap.filials__wrap--main {
        width: 100%;
        max-width: 100%;
    }

    .filials__filter {
        display: none;
    }

    .filials__wrap.filials__wrap--picture {
        display: block;
    }

    .filials__list .filials__wrap.filials__wrap--picture {
        order: 2;
    }

    .filials__list .filials__wrap.filials__wrap--main {
        order: 1;
    }

    .filials__itemwrap.filials__itemwrap--aside {
        order: 3;
        max-width: 100%;
        width: 100%;
        padding: 0;
        border-top: 1px #2770f11a solid;
        border-left: none;
        padding-top: 15px;
        margin-left: 0;
        margin-top: 15px;
        align-items: center;
    }

    .filials__btns {
        width: 100%;
    }

    .filials__item {
        display: flex;
        flex-direction: column;
    }

    .filials__mainbages {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

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

    .filials__mainbtns > * {
        width: 100%;
    }

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

    .filials .hero-right.hero-right--filials {
        padding: 10px;
    }

    .filials.filials--main {
        margin-top: 40px;
    }

    .filials .hero-right.hero-right--filials {
        background-color: #4d6187;
    }

    .filials-asidetitle {
        font-size: 24px;
    }

    .filials-asidesubtitle {
        font-size: 14px;
    }

    .adetls__item-subtitle {
        font-size: 14px;
    }

    .filials__listtitle {
        display: none;
    }

    .filials__mainbage-title {
        font-size: 20px;
    }

    .filials__listtitle--mobile {
        display: block;
        font-size: 26px;
        font-weight: 800;
        line-height: 130%;
        margin-bottom: 5px;
    }

    .filials__mainbages {
        margin: 20px 0;
    }

    .filials__item {
        padding: 15px;
    }

    .filials__wrap.filials__wrap--picture, .filials__wrap.filials__wrap--picture img, .filials__wrap.filials__wrap--picture a {
        width: 100%;
        min-width: 100%;
    }

    a.filials__linkwrap, a.filials__linkwrap picture, a.filials__linkwrap img {
        width: 100%;
        display: block;
        min-width: 100%;
    }

    .fsearch__caption {
        font-weight: 600;
    }

    .filials__inner {
        gap: 20px;
    }
}

span.filials__alpha.active {
    background-color: #2770f1 !important;
    color: white !important;
}

div#fmap {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.filials__wrap.filials__wrap--picture picture img {
    height: auto;
    min-height: auto;
}

.filials__wrap.filials__wrap--picture picture {
    background-color: white;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

section.filials.filials--feedback {
    overflow: hidden;
}

.filials__mainbtns {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

nav.bread.bread-inner-filial {
    position: relative;
    z-index: 3;
}

.bread.bread-inner-filial .bread__list .bread__link:first-child {
    background-color: white;
    border-radius: 10px;
}

.bread.bread-inner-filial .bread__separate {
    background-color: white;
}

.bread.bread-inner-filial .bread__link {
    color: white;
}

.bread.bread-inner-filial .bread__link:first-child {
    color: #1b315f;
}

.bread.bread-inner-filial .bread__link:nth-child(2):hover {
    color: white;
    border-color: white;
    background: none;
    text-decoration: underline;
}

nav.bread.bread-inner-filial .container.bread__container.container::before, nav.bread.bread-inner-filial .container.bread__container.container::after {
    display: none;
}

.dots {
    display: inline-block;
    width: 50px;
    height: 8px;
    vertical-align: middle;
    margin-left: 8px;
    background-image: radial-gradient(circle, #689bf5 4px, transparent 4px);
    background-size: 16px 8px;
    background-repeat: repeat-x;
}

.icon-max {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3 24c-2.4 0-3.5-.4-5.4-1.8-1.2 1.6-5 2.8-5.2.7 0-1.6-.3-2.9-.7-4.3-.5-1.8-1-3.8-1-6.6a12 12 0 0 1 24 0c0 6.6-5.2 11.9-11.7 12Zm0-18c-3.2-.3-5.7 2-6.2 5.5-.5 2.9.3 6.4 1 6.6.3.1 1.2-.6 1.7-1.1a6 6 0 0 0 3 1c3.3.2 6.1-2.4 6.3-5.7a6.1 6.1 0 0 0-5.7-6.4Z' fill='%23000'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3 24c-2.4 0-3.5-.4-5.4-1.8-1.2 1.6-5 2.8-5.2.7 0-1.6-.3-2.9-.7-4.3-.5-1.8-1-3.8-1-6.6a12 12 0 0 1 24 0c0 6.6-5.2 11.9-11.7 12Zm0-18c-3.2-.3-5.7 2-6.2 5.5-.5 2.9.3 6.4 1 6.6.3.1 1.2-.6 1.7-1.1a6 6 0 0 0 3 1c3.3.2 6.1-2.4 6.3-5.7a6.1 6.1 0 0 0-5.7-6.4Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.footer__badsee, .footer__tel {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.footer__badsee::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 20.0002C2.5 20.0002 8.75 8.8374 20 8.8374C31.25 8.8374 37.5 20.0002 37.5 20.0002C37.5 20.0002 31.25 31.163 20 31.163C8.75 31.163 2.5 20.0002 2.5 20.0002Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5 20C27.5 24.1421 24.1421 27.5 20 27.5C15.8579 27.5 12.5 24.1421 12.5 20C12.5 15.8579 15.8579 12.5 20 12.5C24.1421 12.5 27.5 15.8579 27.5 20ZM25 18.125C25 19.1605 24.1605 20 23.125 20C22.0895 20 21.25 19.1605 21.25 18.125C21.25 17.0895 22.0895 16.25 23.125 16.25C24.1605 16.25 25 17.0895 25 18.125Z' fill='white'/%3E%3C/svg%3E");
}

.footer__tel::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%232770f0' fill-opacity='0.828' d='M0.5,0.5 C2.5,0.5 4.5,0.5 6.5,0.5C6.36,3.88 6.2,7.22 6,10.5C7.06,11.89 8.39,12.89 10,13.5C12.76,12.65 15.6,12.31 18.5,12.5C18.5,14.5 18.5,16.5 18.5,18.5C6.83,18.16 0.83,12.16 0.5,0.5 Z'/%3E%3C/svg%3E");
}

.footer__tel {
    margin-top: 0.5em;
}

.modalCloseButton {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
}

.modalCloseButton::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.30054' y='2.32617' width='24' height='2' rx='1' transform='rotate(45 4.30054 2.32617)' fill='%2343CDD7'/%3E%3Crect x='3.30054' y='19.3262' width='24' height='2' rx='1' transform='rotate(-45 3.30054 19.3262)' fill='%2343CDD7'/%3E%3C/svg%3E");
}

.modal-popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
}

.menu__link--psy::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-image: url("/assets/images/menu-icon6.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.menu__link--nark::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-image: url("/assets/images/menu-icon5.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.menu__link--reb::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-image: url("/assets/images/menu-icon7.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.menu__link--kap::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-image: url("/assets/images/menu-icon2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.menu__link--nark::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-image: url("/assets/images/menu-icon4.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.menu__link--kod::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-image: url("/assets/images/menu-icon3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.menu__link--vyv::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-image: url("/assets/images/menu-icon2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.menu__link--alk::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-image: url("/assets/images/menu-icon1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.footer__subtitle--mail::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-image: url("../images/fluent-mail-16.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

#getModal.modalActive, #getEmergency.modalActive, #modalReview.modalActive, #cityModal.modalActive {
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    max-width: unset;
    max-height: unset;
    background-color: #2a2a2a8f;
    display: flex !important;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px);
}

#getModal .modal__wrap, #getEmergency .modal__wrap {
    padding: 30px !important;
    max-height: 80vh !important;
    overflow: auto !important;
    width: 90% !important;
    max-width: 650px !important;
    background-color: #eef4fe !important;
    border-radius: 20px;
    position: relative;
}

#modalReview .modal__wrap {
    padding: 30px !important;
    max-height: 80vh !important;
    overflow: auto !important;
    width: 90% !important;
    max-width: 650px !important;
    background-color: #eef4fe !important;
    border-radius: 20px;
    position: relative;
}

#cityModal .modal__wrap {
    padding: 30px !important;
    max-height: 80vh !important;
    overflow: hidden;
    width: 90% !important;
    max-width: 650px !important;
    background-color: #eef4fe !important;
    border-radius: 20px;
    position: relative;
}

.modal__wrap .modal-popup__send {
    width: 100%;
    padding: 10px 24px;
    height: 52px;
    border-radius: 10px;
}

.modal__wrap ._rst.modal-popup__input {
    background-color: white;
    border-color: snow;
    border-radius: 10px;
}

.modal__wrap .modal-popup__accept {
    font-size: 14px;
    max-width: 420px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #30303099;
}

.modal__wrap .modal-popup__caption {
    text-align: center;
    color: #1b315f;
    font-size: 16px;
    line-height: 24px;
    border-top: 1px #c8d1e8 solid;
    padding-top: 20px;
}

.modal__wrap .modal-popup__conatacts a {
    font-size: 21px;
    line-height: 28px;
    color: #163063;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.modal__wrap .modal-popup__conatacts {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.modal__wrap .btn.btn--grey.modal-popup__close span {
    transform: rotate(45deg);
}

.modal__wrap .btn.btn--grey.modal-popup__close {
    background-color: #007bff;
    color: white;
    padding: 10px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 22px;
    top: 20px;
    right: 20px;
    margin: 0;
}

.modal__wrap .modal-popup__conatacts a:hover path {
    fill: #007bff;
    stroke: #007bff;
}

.modal__wrap .modal-popup__conatacts a:hover {
    color: #007bff;
}

.modal__wrap .modal-popup__subtitle {
    max-width: 80%;
    margin: auto;
    margin-bottom: 30px;
}

.modal-popup__conatacts .header__soc {
    display: flex;
}

@media (max-width: 1000px) {
    .modal__wrap .modal-popup__conatacts {
        flex-direction: column;
        gap: 20px;
    }

    .modal__wrap .btn.btn--grey.modal-popup__close {
        top: 6px;
        right: 6px;
        margin: 0;
    }
}

.desctop-arrow {
    margin-left: auto;
}

@media (max-width: 1000px) {
    .desctop-arrow {
        display: none;
    }
}

#getModal .modal-popup__title, #getEmergency .modal-popup__title {
    text-align: center;
    font-size: 2rem;
}

#cityModal .modal-popup__title, #cityModal .modal-popup__subtitle {
    text-align: left;
    padding: 0;
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
}

.city-list-popular .city-item.big-city {
    padding: 5px 10px;
    border: 1px #007bff solid;
    border-radius: 20px;
    color: #007bff;
    white-space: nowrap;
}

.city-list-popular .city-item.big-city:hover {
    background-color: #007bff;
    color: white;
}

.modal-popup__res-inner ul.city-list {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-popup__all {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px #c8d1e8 solid;
}

.modal__wrap ._rst.modal-popup__input.city_filter.form_control {
    padding-left: 50px;
    padding-right: 50px;
}

.city-list-list .city-item {
    width: 180px;
}

.modal-popup__res-inner {
    width: 100%;
    max-width: 100%;
}

.modal-popup__city-caption {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 14px;
}

.modal-popup__popular .city-list-popular {
    width: max-content;
    padding: 0;
    padding-bottom: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.modal-popup__city-list {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: #dee2e9;
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
    background: #007bff;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background: #007bff;
}

*::-webkit-scrollbar-thumb:active {
    background: #007bff;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

body *::-webkit-scrollbar-button {
    display: none;
    opacity: 0;
}

.city-list-list {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

a.city-item:hover {
    color: #007bff;
}

a.city-item {
    color: #1b315f;
    flex-basis: 31%;
}

@media (max-width: 900px) {
    .city-list-list .city-item {
        flex-basis: 100%;
    }
}

span.city-list-litera {
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 10px;
    display: block;
}

.city-list-elem {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 100%;
}

.modal-popup__search-input-wrap {
    position: relative;
}

svg.modal-popup__search-icon {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 2;
    transform: translatey(-50%);
}

svg.modal-popup__search-close {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 2;
    transform: translatey(-50%);
    display: none;
    cursor: pointer;
}

svg.modal-popup__search-close:hover path {
    stroke: #007bff;
}

.newutp__item {
    background-color: #163063;
    position: relative;
    margin-top: 50px;
    min-height: 367px;
    max-height: 367px;
}

.newutp__item-inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    max-width: 63%;
    min-height: 367px;
    max-height: 367px;
}

picture.utp__doctor {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    max-width: 50%;
    max-height: 107%;
}

picture.utp__shine {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}

picture.utp__shine img {
    width: 100%;
    height: 100%;
}

.newutp__item a.btn.btn--dark.open-modal {
    max-width: 200px;
    font-size: 16px;
    margin-top: auto;
}

p.newutp__item-subtitle {
    font-size: 16px;
    line-height: 140%;
    color: white;
}

p.newutp__item-title {
    color: white;
    font-size: 32px;
    line-height: 100%;
    font-weight: 700;
}

.newutp__item-info {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

span.utp__decorblocks {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
    border-width: 0 0 60px 60px;
    border-style: solid;
    border-color: #ffffff #ffffff #ffffff #163063;
}

span.utp__decorblocks::before {
    background-color: #b6d1ff;
    width: 60px;
    height: 60px;
    display: block;
    content: "";
    position: absolute;
    top: -60px;
    right: 0;
}

span.utp__decorblocks::after {
    background-color: #2770f1;
    width: 60px;
    height: 60px;
    display: block;
    content: "";
    position: absolute;
    bottom: -60px;
    left: -120px;
}

section#newutp {
    margin-bottom: 200px;
}

@media (max-width: 1481px) {
    picture.utp__doctor {
        max-width: 46%;
    }
}

@media (max-width: 1375px) {
    p.newutp__item-title {
        font-size: 27px;
    }
}

@media (max-width: 700px) {
    #getModal .modal-popup__title, #getEmergency .modal-popup__title {
        text-align: center;
        font-size: 1.5rem;
    }

    #getModal .modal-popup__subtitle, #getEmergency .modal-popup__subtitle {
        text-align: center;
        font-size: 13px;
        margin: 0;
        width: 100%;
        display: block;
        min-width: 100%;
        margin-bottom: 10px;
    }

    .modal__wrap .modal-popup__accept {
        font-size: 11px;
    }

    .modal-popup__caption {
        font-size: 14px;
    }

    .modal__wrap .modal-popup__caption {
        padding-top: 10px;
    }

    .modal__wrap .modal-popup__conatacts {
        gap: 10px;
    }

    p.newutp__item-title {
        font-size: 27px;
    }

    picture.utp__doctor {
        position: relative;
    }

    .newutp__item, .newutp__item-inner {
        min-height: unset;
        max-height: unset;
    }

    .newutp__item-inner {
        max-width: 100%;
        width: 100%;
    }

    .newutp__item a.btn.btn--dark.open-modal {
        width: 100%;
        max-width: 100%;
    }

    picture.utp__doctor {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
        max-width: 100%;
    }

    .newutp__item-info {
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        box-sizing: border-box;
        padding: 25px;
    }

    p.newutp__item-title {
        font-size: 20px;
    }

    p.newutp__item-subtitle {
        font-size: 14px;
    }
}

.newvidjet {
    position: fixed;
    bottom: 20px;
    background-color: white;
    width: 90%;
    left: 5%;
    border-radius: 5px;
    border: 1px #ec1a1a solid;
    display: flex;
    z-index: 99;
    transform: translatey(150%);
    transition: 0.7s ease;
}

.active.newvidjet {
    transform: translatey(0);
}

.newvidjet__wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 25px;
}

.newvidjet__item.newvidjet__item--soc, .newvidjet__item.newvidjet__item--btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.newvidjet__item.newvidjet__item--btns a {
    white-space: nowrap;
}

.newvidjet svg {
    -webkit-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

a.newvidjet__item__icon.max:hover, .newvidjet__item__icon.phone:hover {
    opacity: 0.7;
}

a.newvidjet__item__icon.zabotix:hover rect {
    fill: #162d5f;
}

a.newvidjet__item__icon.zabotix {
    cursor: pointer;
}

.newvidjet__online_brigad span {
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #00cb00;
}

.newvidjet__online_brigad span, .newvidjet__vyezd {
    white-space: nowrap;
}

.newvidjet__online_brigad {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0px;
}

.newvidjet__online .animate-flicker {
    min-width: 25px;
}

.newvidjet__online {
    padding: 15px;
    border-radius: 10px;
    background-color: #00cb000d;
    border: 1px white solid;
    border-color: #00cb0033;
}

.newvidjet__vyezd {
    padding-left: 25px;
}

.newvidjet__item.newvidjet__item--caption p {
    margin: 0;
}

.newvidjet__item.newvidjet__item--soc {
    padding-left: 20px;
    border-left: 1px #2770f126 solid;
}

.newvidjet__item.newvidjet__item--btns > a {
    width: 200px;
}

@media (max-width: 1400px) {
    .newvidjet__item.newvidjet__item--caption {
        display: none;
    }
}

@media (max-width: 1170px) {
    .newvidjet__item.newvidjet__item--btns > a {
        width: 170px;
    }

    .newvidjet__online_brigad span, .newvidjet__vyezd {
        white-space: normal;
    }
}

@media (max-width: 1000px) {
    .newvidjet__vyezd {
        display: none;
    }

    .newvidjet__item.newvidjet__item--online {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .newvidjet__online {
        width: max-content;
        background-color: #f1ffec;
        padding: 5px 10px;
        border-radius: 20px;
    }

    .newvidjet__item.newvidjet__item--online {
        width: max-content;
    }

    .newvidjet__online_brigad {
        white-space: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .newvidjet__online_brigad span, .newvidjet__vyezd {
        white-space: normal;
        font-size: 14px;
    }
}

@media (max-width: 685px) {
    .newvidjet__item.newvidjet__item--btns .btn.btn--dark:first-child {
        display: none;
    }

    .newvidjet__online_brigad span, .newvidjet__vyezd {
        white-space: normal;
        font-size: 10px;
    }
}

@media (max-width: 500px) {
    .newvidjet__item.newvidjet__item--soc svg {
        width: 40px;
    }

    .newvidjet__online {
        padding: 1px 10px;
    }

    .newvidjet__item.newvidjet__item--btns a.btn.btn--dark.open-modal {
        font-size: 16px;
        width: 130px;
    }

    .newvidjet__wrap {
        padding: 10px;
    }
}

@media (max-width: 400px) {
    .newvidjet__wrap {
        gap: 5px;
    }

    .newvidjet__item.newvidjet__item--soc {
        padding-left: 10px;
    }
}

.b24-widget-button-wrapper {
    display: none !important;
}

.newwhyus__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.newwhyus__item-textwrap p {
    margin: 0;
    text-align: right;
}

.newwhyus__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 5px;
}

.newwhyus__center-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 5px;
    color: white;
}

.newwhyus__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
}

svg.newwhyus__decor1 {
    position: absolute;
    top: 15px;
    right: 30px;
    width: 70px;
}

svg.newwhyus__decor2 {
    position: absolute;
    bottom: 15px;
    left: 30px;
    width: 70px;
}

.newwhyus__inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 60px;
}

.newwhyus__item svg {
    width: 55px;
    height: 55px;
    min-width: 55px;
}

.newwhyus__list {
    flex-basis: 100%;
}

.newwhyus__center {
    width: 600px;
    min-width: 600px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    background-color: #2770f1;
    border-radius: 350px 5px;
    min-height: 500px;
    padding: 20px;
}

.newwhyus__centerblock {
    width: 100%;
    height: 100%;
    border-radius: 53% 5px;
    border: 1px white solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.newwhyus__center .btn__text.btn--dark {
    background-color: white;
    color: #2770f1;
}

p.newwhyus__center-subtitle {
    max-width: 300px;
    text-align: center;
    color: white;
    margin: 0 auto;
    margin-bottom: 30px;
}

.newwhyus__list.newwhyus__list--right .newwhyus__item-textwrap p {
    text-align: left;
}

.newwhyus__list.newwhyus__list--right .newwhyus__item {
    justify-content: flex-start;
}

.newwhyus__list.newwhyus__list--left .newwhyus__item:nth-child(1) {
    margin-right: -158px;
}

.newwhyus__list.newwhyus__list--left .newwhyus__item:nth-child(2) {
    margin-right: -58px;
}

.newwhyus__list.newwhyus__list--left .newwhyus__item:nth-child(3) {
    margin-right: -14px;
}

.newwhyus__list.newwhyus__list--left .newwhyus__item:nth-child(4) {
    margin-right: -0px;
}

.newwhyus__list.newwhyus__list--right .newwhyus__item:nth-child(1) {
    margin-left: -0px;
}

.newwhyus__list.newwhyus__list--right .newwhyus__item:nth-child(2) {
    margin-left: -14px;
}

.newwhyus__list.newwhyus__list--right .newwhyus__item:nth-child(3) {
    margin-left: -85px;
}

.newwhyus__list.newwhyus__list--right .newwhyus__item:nth-child(4) {
    margin-left: -158px;
}

.newwhyus__inner {
    margin-top: 60px;
    margin-bottom: 100px;
}

@media (max-width: 1400px) {
    .newwhyus__center {
        min-width: 492px;
    }
}

@media (max-width: 1300px) {
    .newwhyus__center {
        display: none;
    }

    .newwhyus__item {
        margin: 0 !important;
    }
}

@media (max-width: 900px) {
    .newwhyus__inner {
        flex-direction: column;
    }

    .newwhyus__list.newwhyus__list--left .newwhyus__item p {
        text-align: left;
    }

    .newwhyus__list.newwhyus__list--left .newwhyus__item {
        flex-direction: row-reverse;
        justify-content: flex-end;
        text-align: left;
        align-items: flex-start;
    }

    .newwhyus__inner {
        gap: 30px;
    }
}

.vidjets__row {
    display: flex;
    justify-content: center;
    gap: 12px;
    position: fixed;
    bottom: 20px;
    left: 49%;
    transform: translate(-50%, 150%);
    width: calc(100% - 40px);
    max-width: 1800px;
    margin: 0 20px;
    z-index: 5;
    transition: 0.7s ease;
}

.vidjets__row.active {
    transform: translate(-50%, 0%);
}

.bottom-info__wrapper {
    position: static;
    flex: 1 0 40%;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.73);
}

.bottom-info__wrapper .bottom-info {
    margin: 16px;
    position: relative;
    align-items: flex-end;
}

.bottom-info__button-cross {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
}

.bottom-info__button-cross::after {
    color: rgba(255, 255, 255, 0.2);
}

.bottom-info__wrapper .bottom-info__button-agree {
    padding: 2px 10px;
    text-transform: none;
}

.bottom-info__wrapper .bottom-info__content {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
}

.bottom-info__wrapper .bottom-info__content p {
    margin: 0;
}

.bottom-info__content a {
    color: #fff;
}

.newvidjet {
    position: static;
    flex: 1 0 50%;
    width: 100%;
    transform: translatey(0);
    max-width: 1100px;
}

@media (max-width: 1200px) {
    .newvidjet__vyezd {
        display: none;
    }

    .newvidjet__item.newvidjet__item--online {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .newvidjet__online {
        width: max-content;
        background-color: #f1ffec;
        padding: 5px 10px;
        border-radius: 20px;
    }
}

@media (max-width: 1020px) {
    .vidjets__row {
        flex-direction: column-reverse;
        gap: 0px;
        margin: 0;
        width: 100%;
        bottom: 0;
    }

    .newvidjet {
        margin: 0 15px 15px;
        width: calc(100% - 30px);
    }

    .bottom-info__wrapper {
        display: block;
        border-radius: 0px;
    }

    .bottom-info__wrapper {
        transform: translateY(100%);
        transition: 0.7s ease;
    }

    .bottom-info__wrapper.active {
        transform: translateY(0%);
    }
}

@media screen and (max-width: 700px) {
    .bottom-info__wrapper .bottom-info {
        align-items: stretch;
        text-align: left;
    }

    .bottom-info__wrapper .bottom-info__content {
        font-size: 11px;
    }

    .bottom-info__wrapper .bottom-info__button-agree {
        width: 100%;
    }

    .bottom-info__wrapper .bottom-info__button-cross {
        top: -5px;
        right: -10px;
    }
}

@media (max-width: 685px) {
    .newvidjet__item.newvidjet__item--btns .btn.btn--dark:first-child {
        display: block;
        padding: 10px 22px;
        font-weight: 600;
        font-size: 12px;
        line-height: 1.3;
    }
}

@media (max-width: 500px) {
    .newvidjet__wrap {
        padding: 10px;
        padding-top: 20px;
    }

    .newvidjet__item.newvidjet__item--btns a.btn.btn--dark.open-modal {
        display: block;
        padding: 10px 18px;
        font-weight: 600;
        font-size: 12px;
        line-height: 1.3;
    }
}

.rating-block {
    color: #1e3a5a;
    padding: 40px 15px;
    background-color: #ffffff;
}

.rating-block__container {
    max-width: 1200px;
    margin: 0 auto;
}

.rating-block__header {
    border-left: 4px solid #3b82f6;
    padding-left: 20px;
    margin-bottom: 30px;
}

.rating-block__title {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 10px 0;
    color: #3f578b;
}

.rating-block__subtitle {
    font-size: 14px;
    color: #7a8fa6;
}

.rating-block__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}

.rating-block__platform {
    background-color: #f0f5fb;
    border-radius: 12px;
    padding: 20px;
}

.rating-block__platform-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dce6f0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.rating-block__logo {
    max-height: 24px;
    width: auto;
    display: block;
}

.rating-block__val {
    font-size: 20px;
    font-weight: 700;
    color: #3f578b;
}

.rating-block__stars-wrap {
    display: flex;
    gap: 2px;
}

.rating-block__platform-bottom {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 600;
}

.rating-block__count {
    color: #3f578b;
}

.rating-block__link {
    color: #3f578b;
    text-decoration: underline;
}

.rating-block__summary {
    background-color: #f0f5fb;
    border-radius: 16px;
    padding: 25px;
    display: flex;
    gap: 15px;
    align-items: stretch;
}

.rating-block__total-card {
    position: relative;
    background-color: #ffffff;
    border-radius: 12px;
    flex: 0 0 280px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
    padding: 15px;
}

.rating-block__total-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-block__total-val {
    font-size: 48px;
    font-weight: 800;
    color: #2770f1;
    line-height: 1;
    margin: 10px 0;
}

.rating-block__total-stars {
    display: flex;
    justify-content: center;
    gap: 3px;
}

.rating-block__total-count {
    font-size: 12px;
    color: #7a8fa6;
    margin-top: 10px;
}

.rating-block__metrics {
    display: flex;
    flex: 1;
    gap: 15px;
}

.rating-block__footer {
    text-align: center;
    margin-top: 20px;
}

.rating-block__metric {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rating-block__metric-title {
    font-size: 13px;
    font-weight: 600;
    color: #3f578b;
    margin: 0;
    line-height: 1.2;
    min-height: 32px;
    display: flex;
    align-items: flex-start;
}

.rating-block__metric-percent {
    font-size: 24px;
    font-weight: 700;
    color: #2770f1;
    margin: 8px 0;
}

.rating-block__bar {
    height: 4px;
    background-color: #eef2f7;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: auto;
}

.rating-block__fill {
    height: 100%;
    background-color: #2770f1;
    width: 0;
    transition: width 0.8s ease-out;
}

.rating-block__metric-info {
    font-size: 12px;
    color: #7a8fa6;
    margin-top: 8px;
}

.rating-block__brand-score {
    display: flex;
    align-items: center;
    gap: 5px;
}

@media (max-width: 1024px) {
    .rating-block__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rating-block__summary {
        flex-direction: column;
    }

    .rating-block__total-card {
        flex: 0 0 auto;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */
@media (max-width: 768px) {
    .rating-block {
        padding: 30px 0; /* убираем боковые padding, чтобы скролл шёл до краёв */
    }

    .rating-block__container {
        max-width: 100%;
    }

    .rating-block__header {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 15px;
    }

    .rating-block__title {
        font-size: 24px;
    }

    .rating-block__footer {
        padding: 0 15px;
    }

    /* ===== СКРОЛЛ ПЛАТФОРМ ===== */
    .rating-block__grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        gap: 12px !important;
        padding: 5px 15px 15px 15px !important;
        margin-bottom: 20px !important;
        scroll-snap-type: x mandatory;
    }

    .rating-block__grid::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .rating-block__platform {
        flex: 0 0 80vw !important;
        width: 80vw !important;
        max-width: 300px !important;
        min-width: 250px !important;
        box-sizing: border-box !important;
        scroll-snap-align: start;
    }

    /* ===== СКРОЛЛ SUMMARY ===== */
    .rating-block__summary {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        padding: 20px 15px !important;
        gap: 12px !important;
        align-items: stretch !important;
        border-radius: 0 !important;
        margin: 0 !important;
        scroll-snap-type: x mandatory;
    }

    .rating-block__summary::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .rating-block__total-card {
        flex: 0 0 75vw !important;
        width: 75vw !important;
        max-width: 280px !important;
        min-width: 240px !important;
        margin: 0 !important;
        scroll-snap-align: start;
    }

    .rating-block__metrics {
        flex: 0 0 auto !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }

    .rating-block__metric {
        flex: 0 0 70vw !important;
        width: 70vw !important;
        max-width: 260px !important;
        min-width: 220px !important;
        scroll-snap-align: start;
    }
}

.review__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.5rem;
    gap: 2rem;
}

.review__title {
    margin: 0;
    line-height: 1.2;
}

.review__rating-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #f1f5ff;
    padding: 0.625rem 1.25rem;
    border-radius: 2rem;
    color: #2770f1;
    font-weight: 600;
    font-size: 1.125rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.review__rating-star {
    color: #2770f1;
}

.review__wrapper {
    position: relative;
    margin-bottom: 3.5rem;
}

.review__card {
    position: relative;
    background-color: #162d5f;
    border-radius: 20px;
    padding: 1.5rem;
    color: #fff;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.review__card::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 2.5rem;
    width: 11.1875rem;
    height: 11.1875rem;
    background-image: url("../img/icons/msg-review.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    pointer-events: none;
    opacity: 0.1;
}

.review__card-header, .review__rating, .review__content, .review__card-footer {
    position: relative;
    z-index: 2;
}

.review__card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.review__user-name {
    font-size: 1.375rem;
    font-weight: 800;
    display: block;
}

.review__date, .review__category {
    font-size: 1.125rem;
    display: block;
    opacity: 0.8;
}

.review__source-logo {
    background: #fff;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    height: 34px;
    object-fit: contain;
}

.review__rating {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.review__stars {
    display: flex;
    gap: 2px;
}

.review__rating-val {
    font-weight: 700;
    font-size: 1.125rem;
}

.review__content {
    flex: 1 1 auto;
    margin-bottom: 1.5rem;
}

.review__text {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.review__text--expanded {
    display: block;
    -webkit-line-clamp: initial;
    overflow: visible;
}

.review__read-more {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
}

.review__read-more--hidden {
    display: none;
}

.review__card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.review__verified {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
}

.review__verified-icon {
    width: 24px;
    height: 24px;
}

.review__origin-link {
    color: #fff;
    text-decoration: underline;
    font-size: 0.875rem;
}

.review__arrows {
    position: absolute;
    top: 50%;
    left: -4rem;
    right: -4rem;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 5;
}

.review__arrow {
    pointer-events: all;
    background: #f1f5ff;
    color: #2770f1;
    border: none;
    padding: 1rem 1.5rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.review__arrow--prev span {
    transform: rotate(180deg);
}

@media (max-width: 76rem) {
    .review__arrows {
        position: relative;
        left: 0;
        right: 0;
        transform: none;
        top: 0;
        margin-top: 1rem;
        padding: 0 1rem;
        pointer-events: all;
    }

    .review__arrow {
        background: none;
        padding: 0;
    }
}

@media (max-width: 36rem) {
    .review__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

.review__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 0 9.5625rem;
}

.review__card {
    position: relative;
    background-color: #162d5f;
    border-radius: 20px;
    padding: 1.5rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.review__card::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 1rem;
    width: 8rem;
    height: 8rem;
    background-image: url("../img/icons/msg-review.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    pointer-events: none;
    opacity: 0.1;
}

.review__card-header, .review__rating, .review__content, .review__card-footer {
    position: relative;
    z-index: 2;
}

.review__text {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.review__text--expanded {
    display: block;
    -webkit-line-clamp: initial;
    overflow: visible;
}

@media (max-width: 1020px) {
    .review__grid {
        padding: 0;
    }
}

@media (max-width: 48rem) {
    .review__grid {
        grid-template-columns: 1fr;
    }
}

.review--doctor .review__footer-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.5rem;
    gap: 15px;
}

.review--doctor .review__btns {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex: 1;
}

.review--doctor .review__arrow {
    width: 50px;
    height: 50px;
    background-color: #f1f5ff;
    color: #2770f1;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: 0.3s;
}

.review--doctor .review__arrow:hover {
    background-color: #2770f1;
    color: #fff;
}

.review--doctor .review__arrow--prev span {
    transform: rotate(180deg);
}

.review--doctor .review__arrow span {
    font-size: 1rem;
}

@media (max-width: 48rem) {
    .review--doctor .review__footer-nav {
        flex-wrap: wrap;
    }

    .review--doctor .review__btns {
        order: -1;
        width: 100%;
        flex: none;
    }
}

.review__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.5rem;
    gap: 20px;
}

.review__title {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.review__btn {
    margin: 0;
    flex-shrink: 0;
    white-space: nowrap;
}

@media (max-width: 48rem) {
    .review__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .review__btn {
        padding-inline: 20px;}
}

.docs-bottom {
    display: flex;
    background-color: #f1f5ff;
    border-radius: 5px;
    padding: 32px 40px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
    gap: 16px;
    flex-wrap: wrap;
}

.docs-bottom__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.docs-bottom__item:last-child {
    flex-direction: row;
    max-width: 277px;
    align-items: center;
}

.docs-bottom__item:last-child span {
    text-align: right;
}

.docs-bottom__item img {
    width: 88px;
    height: 88px;
}

.docs-bottom__item span {
    color: #3f578b;
    font-weight: 400;
}

.docs-bottom__item p {
    color: #1b315f;
    font-weight: 600;
    margin-bottom: 0;
}

.docs-bottom__item-link {
    background-color: #2770f1;
    padding: 16px 24px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.docs-bottom__item-link:hover {
    background-color: #1b315f;
    color: #fff;
}

.docs .docs__pic {
    height: 100%;
}

.docs .swiper-slide {
    height: auto;
}

.docs .swiper-wrapper {
    align-items: stretch;
}

.docs .gallery__item::after {
    background-color: transparent;
}

.docs .docs__pic::after {
    background-color: rgba(21, 47, 96, 1);
}

.docs .docs__icon {
    background-color: transparent;
}

.docs .gallery__item:hover {
    box-shadow: none;
}

.docs .gallery__item:hover .docs__pic::before {
    background-color: rgba(21, 47, 96, 0.8);
    border: none;
}

.docs .gallery__item::after {
    content: "";
    background-image: url("../img/loupe.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.docs ._icn-magnifier:before {
    content: "";
    background-image: url("../img/loupe.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.docs .gallery__item {
    border-radius: 8px;
}

@media (max-width: 768px) {
    .docs-bottom {
        flex-direction: column;
        align-items: start;
    }

    .docs-bottom__item:last-child {
        flex-direction: row-reverse;
    }

    .docs-bottom__item:last-child span {
        text-align: left;
    }
}

.docs-about .swiper-wrapper {
    margin-bottom: 40px;
}

@media (max-width: 36rem ) {
    .docs__slider {
        padding: 24px 10px 0 10px;
    }

    .docs-bottom {
        padding: 18px 20px;
    }
}

.docs .docs__item.swiper-slide-active .docs__pic::before, .docs .gallery__item.swiper-slide-active .docs__pic::before {
    background: rgba(21, 47, 96, 0.6);
    border: none;
}

.howTo {
    margin-bottom: 60px;
    margin-top: 60px;
}

.howTo__warn-button {
    width: 100%;
    text-align: center;
    background: #fff;
    color: #2770F1;
    padding: 15px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s linear;
}

.howTo__warn-button:hover {
    background: #2770F1;
    color: #fff;
    border: 1px solid #fff;
}

.howTo__warn-text {
    font-size: 16px;
    line-height: 24px;
}

.howTo__warn-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

.howTo__warn-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.howTo__warn {
    padding: 40px;
    background: #162D5F;
    display: flex;
    flex-direction: column;
    gap: 30px;
    color: #fff;
}

.howTo__warn.blue {
    background: #2770F1;
}

.howTo__warn-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.howTo .container {
    max-width: 1740px;
    padding: 0 15px;
}

.howTo .container::before, .howTo .container::after {
    display: none;
}

.howTo__tag {
    padding: 5px 12px;
    color: #fff;
    background: #2770F1;
    font-size: 16px;
    font-weight: 600;
    width: max-content;
    border-radius: 8px;
    margin-bottom: 15px;
}

.howTo__titleBlock {
    border-left: 4px solid #2770F1;
    padding-left: 17px;
    margin-bottom: 60px;
}

.howTo__title {
    color: #1B315F;
    font-size: 44px;
    font-weight: 700;
    line-height: 100%;
}

.howTo__content {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
}

.howTo__right {
    width: 480px;
    flex-shrink: 0;
}

.howTo__items {
    width: 100%;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.howTo__item {
    width: calc(100% / 2 - 30px * 1 / 2);
    padding: 40px;
    position: relative;
    background: #F1F5FF;
}

.howTo__item-svg {
    position: absolute;
    right: 0;
    top: 0;
}

.howTo__item-number {
    width: 60px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1B315F;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 0;
    margin-bottom: 40px;
}

.howTo__item-name {
    color: #1B315F;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.howTo__item-text {
    color: #3F578B;
    font-size: 16;
    font-weight: 400;
    line-height: 24px;
}

@media(max-width: 1450px) {
    .howTo__content {
        flex-direction: column;
    }

    .howTo__right {
        width: 100%;
    }
}

@media(max-width: 1021px) {
    .howTo__item {
        width: 100%;
        padding: 20px;
    }

    .howTo__items {
        gap: 5px;
    }

    .howTo__item-number {
        width: 40px;
        height: 40px;
        font-size: 20px;
        margin-bottom: 20px;
    }

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

    .howTo__item-text {
        font-size: 14px;
        line-height: 20px;
    }

    .howTo__title {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 0;
    }

    .howTo__titleBlock {
        margin-bottom: 20px;
    }

    .howTo__tag {
        font-size: 12px;
    }

    .howTo__warn {
        padding: 20px;
        gap: 20px;
    }

    .howTo__warn-icon {
        width: 50px;
        height: 50px;
    }

    .howTo__warn-info {
        gap: 10px;
    }

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

    .howTo__warn-text {
        font-size: 14px;
        line-height: 20px;
    }
}

.articleIntro {
    width: 100%;
    margin-bottom: 118px;
}

.articleIntro__inner {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.articleIntro__left {
    width: 50%;
}

.articleIntro__soder {
    margin-bottom: 50px;
}

.articleIntro__soderTitle {
    font-size: 34px;
    color: #1B315F;
    margin-bottom: 31px;
    line-height: 100%;
}

.articleIntro__articleList.navigation-article__list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.articleIntro__articleList.navigation-article__list li {
    width: 100%;
}

.articleIntro__authorblock {
    padding: 25px;
    border-radius: 10px;
    background: #F1F5FF;
    display: flex;
    align-items: center;
    gap: 40px;
}

.articleIntro__authorblock-img {
    flex-shrink: 0;
}

.articleIntro__authorblock-img img {
    width: 170px;
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.articleIntro__authorblock-info {
    width: 100%;
}

.articleIntro__authorblock-text {
    font-size: 16px;
    color: #1B315F;
    line-height: 25px;
    margin-bottom: 5px;
    font-weight: 500;
}

.articleIntro__authorblock-name {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    color: #2770F1;
    margin-bottom: 7px;
    text-decoration: none;
}

.articleIntro__authorblock-position {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #1B315F;
}

.articleIntro__authorblock-stageblock {
    padding-top: 15px;
    border-top: 1px solid rgba(27, 49, 95, 0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.articleIntro__authorblock-stageblock span {
    font-size: 16px;
    line-height: 25px;
    color: #1B315F;
    font-weight: 500;
}

.articleIntro__img {
    width: 50%;
    position: relative;
}

.articleIntro__img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    max-height: 650px;
    border-radius: 10px 10px 0 0;
    -o-object-position: center center;
    object-position: center center;
}

.articleIntro__img::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 118px;
    height: 236px;
    background: #152F60;
}

.articleIntro__img-blocks {
    position: absolute;
    width: 100%;
    height: 118px;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    display: flex;
}

.articleIntro__img-blocks div:first-child {
    width: 0;
    height: 0;
    content: "";
    border-width: 0 7.375rem 7.375rem 0;
    border-style: solid;
    border-color: transparent #152f60 transparent transparent;
}

.articleIntro__img-blocks div:last-child {
    width: 100%;
    height: 118px;
    background: #B6D1FF;
}

@media (max-width: 1250px) {
    .articleIntro__inner {
        flex-direction: column-reverse;
        gap: 40px;
    }

    .articleIntro {
        margin-bottom: 0;
    }

    .articleIntro__img-blocks {
        display: none;
    }

    .articleIntro__img::after {
        display: none;
    }

    .articleIntro__img {
        width: 100%;
    }

    .articleIntro__img img {
        border-radius: 10px;
        max-height: 400px;
    }

    .articleIntro__left {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .articleIntro__authorblock {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 16px;
    }

    .articleIntro__authorblock-img img {
        width: 140px;
        height: 140px;
    }

    .articleIntro__authorblock-name {
        font-size: 18px;
    }

    .articleIntro__authorblock-position {
        font-size: 14px;
    }

    .articleIntro__authorblock-stageblock {
        flex-direction: column;
        gap: 2px;
        align-items: flex-start;
    }

    .articleIntro__authorblock-stageblock span {
        font-size: 14px;
    }

    .articleIntro__soderTitle {
        font-size: 22px;
        margin-bottom: 20px;
    }
}

.video-reviews__title.noreArticles__maintitle {
    color: #152F60;
}

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

.noreArticles__slider {
    margin-bottom: 45px;
}

.noreArticles__imgBlock {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.noreArticles__imgBlock img {
    width: 100%;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

.noreArticles__date {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 16px;
    color: #1B315F;
    padding: 10px;
    border-radius: 5px;
    line-height: 100%;
    background: #F1F5FF;
}

.noreArticles__title {
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 20px;
    font-weight: 800;
    color: #1B315F;
}

.noreArticles__text {
    font-size: 16px;
    line-height: 24px;
    color: #3F578B;
    margin-bottom: 30px;
}

.noreArticles__readmore {
    font-weight: 700;
    font-size: 16px;
    color: #2770F1;
}

.noreArticles__navblock {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.noreArticles__navbtn {
    width: 48px;
    height: 48px;
    background: #F1F5FF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}

.noreArticles__navbtn.swiper-button-disabled {
    opacity: 0.5;
}

.noreArticles__allArticles {
    padding: 15px 83px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    background: #2770F1;
    border-radius: 4px;
}

.noreArticles__allArticles:hover {
    color: #fff;
    background: #1B315F;
}

@media (max-width: 550px) {
    .noreArticles__imgBlock img {
        height:250px;
    }

    .noreArticles__date {
        font-size: 14px;
    }

    .noreArticles__title {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .noreArticles__text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .noreArticles__slider {
        margin-bottom: 30px;
    }

    .noreArticles__allArticles {
        width: 100%;
        text-align: center;
        padding: 9px;
    }

    .noreArticles__navbtn {
        flex-shrink: 0;
    }
}

.modal-exit {
    border-radius: 20px;
    padding: 0;
    max-width: 1200px;
    max-height: 80vh;
    overflow-y: auto;
    width: 90%;
    background-color: #EEF4FE;
    overflow-x: hidden;
}

#exitModal.modalActive {
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    max-width: unset;
    max-height: unset;
    background-color: #2a2a2a8f;
    display: flex !important;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px);
}

.modal-exit__wrap {
    border-radius: 20px;
    padding: 0;
    max-width: 1200px;
    max-height: 80vh;
    overflow-y: auto;
    width: 90%;
    background-color: #EEF4FE;
    overflow-x: hidden;
    display: flex;
    position: relative;
}

.modal-exit__close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    border-radius: 35px;
    background: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #2770F1;
    transform: rotate(45deg);
    transition: all 0.3s ease;
}

.modal-exit__close:hover {
    background: #2770F1;
    color: #fff;
}

.modal-exit__left {
    flex: 1 0 40%;
    border-radius: 10px;
    background-color: #2770F1;
    padding: 52px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.modal-exit__logo {
    max-width: 180px;
    margin-bottom: 32px;
}

.modal-exit__title {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 12px;
}

.modal-exit__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 138%;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.modal-exit__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.modal-exit__tags li {
    border-radius: 55px;
    padding: 10px 17px;
    background: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #303030;
}

.modal-exit__tags li a {
    color: #303030;
    transition: all 0.3s ease;
}

.modal-exit__tags li a:hover {
    color: #007bff;
}

.modal-exit__right {
    flex: 1 0 40%;
    padding: 52px;
}

.modal-exit__items {
    display: flex;
    gap: 6px;
    margin-bottom: 60px;
}

.modal-exit__items li {
    flex: 1 0 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(39, 112, 241, 0.2);
    border-radius: 8px;
    background: #fff;
    padding: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 129%;
    color: #303030;
}

.modal-exit__items li::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #1EBB92 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8'%3E%3Cpath d='M0.516 2.426L4.469 6.19L10.398 0.543' stroke='%23ffffff' stroke-width='1.5' fill='none' /%3E%3C/svg%3E") no-repeat center center;
    background-size: 11px 8px;
}

.modal-exit__form {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(39, 112, 241, 0.1);
}

.modal-exit__label {
    margin-bottom: 8px;
}

.modal-exit__input {
    border-radius: 8px;
    background: #fff;
    margin-bottom: 0;
}

.modal-exit__btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.modal-exit__btn {
    padding: 16px !important;
    border: none;
    border-radius: 8px !important;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.modal-exit__btn.btn--border {
    background: transparent;
    border: 1px solid #007bff !important;
    color: #007bff;
}

.modal-exit__accept {
    display: flex;
    gap: 12px;
}

.modal-exit__accept input[type="checkbox"] {
    position: relative;
    width: 19px;
    height: 19px;
    padding: 0;
    color: #000;
    outline: none;
    border: 1px solid #2770F1;
    border-radius: 5px;
    appearance: none;
    cursor: pointer;
    transition: all 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    flex-shrink: 0;
    &::after {
        position: absolute;
        content: '';
        display: block;
        top: 50%;
        left: 50%;
        width: 5px;
        height: 9px;
        border-style: solid;
        border-color: #fff;
        border-width: 0 2px 2px 0;
        transform: translate(-50%, -65%) rotate(45deg);
        opacity: 0;
    }

    &:checked {
        background: #2770F1;
        &::after {
            opacity: 1;
        }
    }
}

.modal-exit__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.modal-exit__caption {
    font-weight: 500;
    font-size: 16px;
    line-height: 138%;
    color: #303030;
    margin: 0;
}

.modal-exit__soc {
    display: flex;
    gap: 5px;
}

.modal-exit__soc a {
    border-radius: 50px;
    padding: 12px 16px;
    line-height: 143%;
    text-align: center;
    color: #fff;
    width: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-exit__soc a span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.modal-exit__soc a._icn-whatsapp:before {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.modal-exit__soc a._icn-telegram:before {
    font-size: 14px;
}

.modal-exit__soc a._icn-max {
    background: linear-gradient(74deg, #4cf 0%, #53e 66.2%, #93d 100%), radial-gradient(50% 121.35% at -2.38% -43.92%, #00f 0%, rgba(0, 0, 0, 0) 100%);
}

@media (max-width: 1200px) {
    .modal-exit__title {
        font-size: 30px;
        line-height: 130%;
    }
}

@media (max-width: 1000px) {
    .modal-exit__wrap {
        flex-direction: column;
    }

    .modal-exit__logo, .modal-exit__tags {
        display: none;
    }
}

@media (max-width: 768px) {
    .modal-exit__close {
        width: 28px;
        height: 28px;
    }

    .modal-exit__left {
        border-radius: 20px;
        padding: 32px 20px 20px;
    }

    .modal-exit__title {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .modal-exit__subtitle {
        font-size: 14px;
    }

    .modal-exit__right {
        padding: 32px 20px;
    }

    .modal-exit__items {
        flex-direction: column;
        gap: 4px;
        margin-bottom: 16px;
    }

    .modal-exit__items li {
        padding: 12px;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        font-weight: 500;
    }

    .modal-exit__items li::before {
        width: 18px;
        height: 18px;
        background-size: 10px 6px;
    }

    .modal-exit__form {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .modal-exit__label {
        margin-bottom: 6px;
    }

    .modal-exit__btns {
        gap: 6px;
    }

    .modal-exit__btn {
        padding: 13px !important;
        font-size: 14px;
    }

    .modal-exit__accept {
        gap: 8px;
    }

    .modal-exit__bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .modal-exit__caption {
        font-size: 14px;
    }

    .modal-exit__soc a span {
        display: none;
    }

    .modal-exit__soc a {
        border-radius: 50px;
        padding: 12px;
        width: 36px;
        height: 36px;
    }

    .modal-exit__soc a._icn-whatsapp:before {
        margin: 0;
        font-size: 18px;
        font-weight: 400;
    }
}

.sucModal {
    z-index: 2000;
}

.newprice .title-mini.team__title {
    color: #1B315F;
    margin-bottom: 30px;
}

.newprice__subtitle {
    margin-bottom: 60px;
    line-height: 120%;
}

.newprice__consultation {
    margin-bottom: 40px;
    padding: 28px 32px;
    background: #F1F5FF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: relative;
}

.newprice__consultation-svg {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.newprice__consultation-infoblock {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.newprice__consultation-name {
    color: #1B315F;
    font-size: 26px;
    font-weight: 800;
}

.newprice__consultation-text {
    font-size: 16px;
    color: #3F578B;
}

.newprice__consultation-btn {
    padding: 16px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    background: #2770F1;
    border-radius: 4px;
}

.newprice__tabletop {
    padding: 24px 32px;
    background: #F1F5FF;
    border-radius: 10px 10px 0 0;
    display: flex;
}

.newprice__tabletop-text {
    margin: 0;
    font-size: 18px;
    color: rgba(27, 49, 95, 0.6);
    font-weight: 500;
}

.newprice__tabletop-service {
    width: 68%;
}

.newprice__tabletop-price {
    width: 22%;
}

.newprice__tabletop-zapic {
    width: 10%;
}

.newprice__items {
    display: flex;
    flex-direction: column;
    border: 1px solid rgb(243, 246, 255);
    box-shadow: 0px 8px 16px 0px #F1F5FF;
    border-radius: 0 0 10px 10px;
    margin-bottom: 32px;
}

.newprice__item {
    display: flex;
    align-items: flex-start;
    padding: 28px 32px;
    border-bottom: 1px solid #F3F6FF;
    background: transparent;
    transition: all 0.2s linear;
}

.newprice__item:hover {
    background: rgba(241, 245, 255, 0.6);
}

.newprice__item-service {
    width: 68%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.newprice__item-service__name {
    font-size: 22px;
    font-weight: 600;
    line-height: 100%;
    color: #1B315F;
}

.newprice__item-service__desc {
    font-size: 16px;
    color: #3F578B;
}

.newprice__item-price {
    width: 22%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.newprice__item-price__name {
    font-size: 22px;
    color: #2770F1;
    font-weight: 600;
    line-height: 100%;
}

.newprice__item-price__desc {
    font-size: 16px;
    color: #3F578B;
}

.newprice__item-zapic {
    width: 10%;
}

.newprice__item-btn {
    padding: 16px;
    width: 100%;
    text-align: center;
    color: #2770F1;
    font-size: 18px;
    line-height: 100%;
    font-weight: 600;
    border: 1px solid #2770F1;
    border-radius: 4px;
    display: block;
}

.newprice__item-btn svg {
    display: none;
}

.newprice__consultation-btn:hover {
    background: #1b315f;
    color: #fff;
}

.newprice__item-btn:hover {
    background: #2770F1;
    color: #fff;
}

.newprice__item-btn:hover svg path {
    stroke: #fff;
}

.newprice__warn {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.newprice__warn span {
    font-size: 16px;
    color: #3F578B;
    line-height: 100%;
}

.newprice__pay {
    padding: 14px;
    background: #2770F1;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.newprice__pay-text {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.newprice__pay-items {
    display: flex;
    align-items: center;
    gap: 4px;
}

.newprice__pay-item {
    width: 60px;
    height: 38px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1600px) {
    .newprice__tabletop-service {
        width: 60%;
    }

    .newprice__item-service {
        width: 60%;
    }

    .newprice__tabletop-zapic {
        width: 18%;
    }

    .newprice__item-zapic {
        width: 18%;
    }
}

@media (max-width: 1450px) {
    .newprice__consultation-svg {
        display: none;
    }
}

@media (max-width: 1200px) {
    .newprice__consultation {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
}

@media (max-width: 1020px) {
    .newprice__consultation {
        padding: 16px 20px;
        margin-bottom: 32px;
    }

    .newprice__consultation-name {
        font-size: 18px;
    }

    .newprice__consultation-text {
        font-size: 14px;
    }

    .newprice__consultation-btn {
        padding: 16px;
        font-size: 16px;
    }

    .newprice__item-service__name {
        font-size: 16px;
    }

    .newprice__item-service__desc {
        font-size: 14px;
    }

    .newprice__item-price__name {
        font-size: 14px;
    }

    .newprice__item-price__desc {
        font-size: 14px;
    }

    .newprice__item {
        padding: 20px;
    }

    .newprice__tabletop {
        padding: 20px;
    }

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

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

@media (max-width: 750px) {
    .newprice__warn span {
        font-size: 14px;
    }

    .newprice__warn {
        align-items: flex-start;
    }

    .newprice__warn svg {
        flex-shrink: 0;
    }

    .newprice__item {
        flex-wrap: wrap;
    }

    .newprice__item-service {
        width: 100%;
        border-bottom: 1px solid rgba(241, 245, 255, 0.6);
    }

    .newprice__tabletop {
        display: none;
    }

    .newprice__items {
        border-radius: 10px 10px 10px 10px;
    }

    .newprice__item-btn {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .newprice__item-btn svg {
        display: block;
        width: 6px;
        height: 9px;
        flex-shrink: 0;
    }

    .newprice__item-btn span {
        display: none;
    }

    .newprice__item-price {
        width: calc(100% - 22px);
    }

    .newprice__item-zapic {
        width: 22px;
    }
}

@media (max-width: 550px) {
    .newprice__consultation-btn {
        width: 100%;
        text-align: center;
    }

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

    .newprice__pay-item {
        width: 52px;
        height: 32px;
    }
}

@media(max-width: 380px) {
    .img-width_new {
        max-width:35px;
    }

    .icon__phone-picture {
        width: 30px;
        height: 30px;
    }

    .header .open-modal.city {
        flex-wrap: wrap;
        font-size: 10px;
        gap: 0;
    }

    .header .open-modal.city svg {
        display: none;
    }
}

.price .title-mini.price__title {
    font-size: 22px;
}

.article-card__title {
    transition: color 0.3s ease;
}

.article-card__content a:hover .article-card__title {
    color: #2770f1;
}

.calcNew__container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 40px;
}

.calcNew__main {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: calc(100% - 470px);
}

.calcNew__aside {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-width: 470px;
    width: 470px;
    max-width: 470px;
}

@media(max-width: 1400px) {
    .calcNew__main {
        width: calc(100% - 400px);
    }

    .calcNew__aside {
        min-width: 400px;
        width: 400px;
        max-width: 400px;
    }
}

.calcNew__head, .calcNew__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 30px;
    padding: 30px 40px;
    background-color: #F1F5FF;
}

.calcNew__mainbage {
    width: fit-content;
    display: flex;
    font-size: 16px;
    line-height: 130%;
    color: white;
    background-color: #2770f1;
    padding: 6px 12px;
    border-radius: 8px;
}

.calcNew__title {
    font-size: 44px;
    font-weight: bold;
    color: #1B315F;
}

.calcNew__subtitle {
    font-size: 16px;
    line-height: 24px;
    color: #3F578B;
}

.calcNew__bage {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: #2770F1;
    padding: 8px 16px;
    background-color: white;
    border-radius: 100px;
}

.calcNew__bages {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.calcNew__progressSteps {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

.calcNew__psteps {
    border-radius: 11px;
    background-color: #B6D1FF;
    width: 25%;
    height: 6px;
}

.calcNew__psteps.active {
    box-shadow: 1px 1px 5px #a3abc0;
}

.calcNew__psteps.done {
    background-color: #1B315F;
}

.calcNew__slidetitle {
    font-weight: 600;
    font-size: 30px;
    line-height: 39px;
    color: #1b315f;
}

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

.calcNew__answer {
    padding: 40px;
    background-color: white;
    border-radius: 20px;
    border: 1px transparent solid;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    position: relative;
}

.calcNew__answer:hover {
    border-color: #2770f1;
}

.calcNew__answertitle {
    font-weight: 800;
    font-size: 22px;
    line-height: 32px;
    color: #1b315f;
}

.calcNew__answersubtitle, .calcNew__answertitle {
    max-width: 65%;
}

.calcNew__answercheck {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 2px #2770f1 solid;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.calcNew__answercheck svg {
    opacity: 0;
    transition: 0.1s ease;
}

.calcNew__answer.selected .calcNew__answercheck svg {
    opacity: 1;
}

.calcNew__answers {
    margin-top: 40px;
}

.calcNew__progressSteps {
    margin-bottom: 40px;
}

.calcNew__slide.active {
    display: flex;
    opacity: 1;
    transform: none;
}

.calcNew__slide {
    display: none;
    flex-direction: column;
    transform: translatey(-10px);
    transition: 0.3s ease;
}

.calcNew__nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 40px 0;
}

.calcNew__btnprev:hover, .calcNew__btnnext:hover {
    background-color: #2770f1;
    color: white;
    border-color: #2770f1;
}

.calcNew__btnprev {
    width: 400px;
    min-width: 200px;
    background-color: white;
    border: 1px #152F60 solid;
    height: 60px;
    border-radius: 5px;
    color: #152F60;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.calcNew__btnnext {
    width: 400px;
    min-width: 200px;
    background-color: #152F60;
    border: 1px #152F60 solid;
    height: 60px;
    border-radius: 5px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.calcNew__btnnext.disable {
    display: none;
}

.calcNew__countSteps {
    font-size: 20px;
}

[data-calctype="countSteps"] {
    font-weight: 800;
}

.calcNew__programtitle {
    font-weight: 800;
    font-size: 22px;
    line-height: 32px;
    color: white;
}

.calcNew__asidetop {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
}

.calcNew__caption {
    color: white;
    font-size: 16px;
    line-height: 24px;
}

.calcNew__asidetitles {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.calcNew__name {
    font-weight: 800;
    font-size: 22px;
    line-height: 32px;
    color: white;
    padding: 4px 20px;
    border-radius: 8px;
    border: 1px #FFFFFF80 solid;
}

.calcNew__result {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.calcNew__asidetop {
    margin-bottom: 40px;
}

.calcNew__programsubtitle {
    color: white;
    margin-bottom: 40px;
}

.calcNew__programprice {
    border-radius: 20px;
    padding: 30px 40px;
    background-color: #2770F1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.calcNew__cost {
    font-size: 32px;
    font-weight: 800;
    line-height: 100%;
    color: white;
}

.calcNew__programblock {
    background-color: #FFFFFF1A;
    padding: 30px 20px;
    border-radius: 20px;
    border: 1px #FFFFFF80 solid;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
}

.calcNew__answer.error {
    background-color: #ff00001a;
}

.calcNew__programitem {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: relative;
    margin-bottom: 15px;
}

.calcNew__programitem:last-child::after {
    display: none;
}

.calcNew__programitem::after {
    content: "";
    position: absolute;
    bottom: -15px;
    width: 100%;
    height: 1px;
    background-color: #FFFFFF4D;
}

.calcNew__programitemname {
    color: white;
    text-align: right;
    font-weight: 800;
    max-width: 50%;
}

.calcNew__programalert {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    margin: 40px 0;
}

.calcNew__programalert svg {
    min-width: 11px;
}

.calcNew__asidetop svg {
    min-width: 72px;
}

.calcNew__programalert span {
    font-weight: 800;
    color: white;
    font-size: 18px;
    line-height: 28px;
}

.calcNew__result {
    display: flex;
    flex-direction: column;
    gap: 0px;
    background-color: #162d5f;
    padding: 40px;
    border-radius: 30px;
    height: 100%;
}

.calcNew__countSteps {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    gap: 9px;
}

.calcNew .calcNew__btnnext.hidden {
    display: none;
}

.calcNew__programalert {
    margin-top: auto;
}

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

.calcNew__programbtns .btn:first-child {
    background-color: white;
    color: #2770f1;
}

.calcNew__programbtns .btn:first-child:hover {
    color: white;
    background-color: #2770f1;
}

.calcNew__programbtns .btn {
    border: 1px #162d5f solid;
}

.calcNew__programbtns .btn:hover {
    border-color: white;
}

.calcNew__formtitle {
    font-weight: 800;
    font-size: 22px;
    line-height: 32px;
    color: #3F578B;
}

.calcnew__form {
    padding: 40px;
    border-radius: 30px;
    border: 1px #162D5F solid;
}

.calcnew__form form.footer__form {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.calcnew__form .footer__form-row {
    display: flex;
    flex-direction: column;
}

.calcnew__form input._rst.footer__form-input {
    background-color: #2770f0;
}

.calcnew__form .footer__form-accept a {
    color: #3F578B;
}

.calcnew__form .footer__form-accept {
    color: #3F578B;
}

.calcnew__form.disable {
    display: none;
}

section#calcNew {
    margin: 60px 0;
}

.calcNew__btnprev.disable {
    display: none;
}

.calcNew__programblock.disable {
    display: none;
}

@media(max-width: 1100px) {
    .calcNew__container {
        flex-direction: column;
    }

    .calcNew__bages {
        flex-wrap: wrap;
    }

    .calcNew__nav {
        flex-direction: column;
    }

    .calcNew__answers {
        grid-template-columns: repeat(1, 1fr);
    }

    .calcNew__answersubtitle {
        max-width: 100%;
    }

    .calcNew__title {
        font-size: 26px;
        line-height: 30px;
    }

    .calcNew__slidetitle {
        font-size: 20px;
        line-height: 26px;
    }

    .calcNew__answertitle {
        font-size: 18px;
        line-height: 140%;
    }

    .calcNew__answer {
        padding: 20px 20px;
    }

    .calcNew__answertitle, .calcNew__answersubtitle {
        margin: 0;
    }

    .calcNew__answercheck {
        top: 20px;
        right: 20px;
    }

    .calcNew__aside {
        min-width: 100%;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1020px) {
    .bottom-info__wrapper, .bottom-info__wrapper.active {
        display: none;
    }
}

@media(max-width: 680px) {
    .liter__title {
        position: relative;
        padding-bottom: 10px;
        border-bottom: solid #2770f1 1px;
    }

    .liter__title::before {
        height: 90%;
    }

    .liter__title::after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 10px;
        right: 7px;
        background: transparent;
        border-bottom: solid #2770f1 1px;
        border-left: solid #2770f1 1px;
        transform: rotate(-45deg);
        transition: transform 0.3s, top 0.3s;
    }

    .liter__title.active::after {
        transform: rotate(-225deg);
        top: 15px;
    }

    .liter__text-block ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s;
    }
}

.contact-widget {
    display: none;
}

@media (max-width: 1020px) {
    .contact-widget, .contact-widget * {
        box-sizing: border-box;
    }

    .contact-widget {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 5;
        display: block;
        padding: 5px 5px calc(6px + env(safe-area-inset-bottom, 0px));
        background: #3f578b;
        font-family: "Montserrat", sans-serif;
        width: calc(100% - 16px);
        margin: 0 auto;
        border-radius: 5px;
    }

    .contact-widget a, .contact-widget button {
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }

    .contact-widget button {
        appearance: none;
        border: 0;
        font-family: inherit;
        cursor: pointer;
    }

    .contact-widget img {
        display: block;
        flex-shrink: 0;
        max-width: none;
    }

    .contact-widget__panel {
        margin-bottom: 7px;
        padding: 17px 16px;
        border: 1px solid #d7e2ff;
        border-radius: 4px;
        background: #fff;
        max-height: calc(100dvh - 90px - env(safe-area-inset-bottom, 0px));
        overflow-y: auto;
    }

    .contact-widget__panel[hidden] {
        display: none;
    }

    .contact-widget__heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 8px;
    }

    .contact-widget__heading h2 {
        margin: 0;
        color: #1b315f;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
    }

    .contact-widget__close {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        padding: 0;
        border-radius: 50%;
        background: #eaf1ff;
        color: #2770f1;
    }

    .contact-widget__actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 4px;
        margin-bottom: 12px;
    }

    .contact-widget__action {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-width: 0;
        min-height: 73px;
        padding: 8px 4px;
        border-radius: 4px;
        background: #eaf1ff;
        color: #2770f1;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
    }

    .contact-widget__emergency {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        padding: 12px 8px;
        border-radius: 4px;
        background: #1ebb92;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.3;
        text-align: center;
    }

    .contact-widget__bar {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
        padding-top: 6px;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .contact-widget__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        min-width: 0;
        min-height: 55px;
        margin: 0;
        padding: 3px 2px;
        border-radius: 3px;
        background: transparent;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
    }

    .contact-widget__item--phone {
        background: #1ebb92;
    }

    .contact-widget__toggle {
        background: rgba(255, 255, 255, 0.2);
    }

    .contact-widget__arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
    }

    .contact-widget__arrow img {
        transform: rotate(180deg);
        transition: transform 0.2s ease;
    }

    .contact-widget__toggle[aria-expanded="false"] .contact-widget__arrow img {
        transform: rotate(0);
    }

    .contact-widget :is(a, button):focus-visible {
        outline: 2px solid #2770f1;
        outline-offset: 2px;
    }

    .contact-widget__bar :is(a, button):focus-visible {
        outline-color: #fff;
        outline-offset: -3px;
    }

    .contact-widget-spacer {
        height: var(--contact-widget-height, 0px);
    }

    .contact-widget__panel[hidden] + .contact-widget__bar {
        border-top: none;
        padding-top: 0;
    }

    .contact-widget .contact-widget__toggle, .contact-widget .contact-widget__toggle:focus, .contact-widget .contact-widget__toggle:focus-visible {
        border: none;
        outline: none;
        box-shadow: none;
    }

    .newvidjet {
        display: none;
    }
}

.header__mobiletop {
    display: none;
}

.header__mobileContactblock {
    display: none;
}

.header__mobileLine {
    display: none;
}

.header__mobileSearchBlock {
    display: none;
}

.header__mobileCalcbtn {
    display: none;
}

@media (max-width: 1020px) {
    .menu.header__menu {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.4);
        width: 100vw;
        height: 100vh;
        padding: 0;
        overflow: hidden;
        display: flex;
        justify-content: flex-end;
    }

    .header__menu-mobilecontent {
        width: 100%;
        max-width: 460px;
        background: #fff;
        height: 100%;
        overflow: auto;
        padding: 15px;
    }

    .menu {
        transform: translateX(0);
        opacity: 0;
        visibility: hidden;
    }

    .menu .header__menu-mobilecontent {
        transition: all 0.2s linear;
        transform: translateX(100%);
    }

    .menu._active {
        opacity: 1;
        visibility: visible;
    }

    .menu._active .header__menu-mobilecontent {
        transform: translateX(0);
    }

    .header__mobiletop {
        display: block;
        padding-bottom: 12px;
        border-bottom: 1px solid #D7E2FF;
        margin-bottom: 12px;
    }

    .header__mobiletop-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header__mobiletop-closebtn {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(39, 112, 241, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .header__mobiletop-cityblock {
        width: 190px;
        padding: 12px;
        border: 1px solid #E9F1FE;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header__mobiletop-cityblock__city {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 4px;
    }

    .header__mobiletop-cityblock__city div {
        width: 20px;
        height: 20px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #F1F5FF;
    }

    .header__mobiletop-cityblock__city span {
        font-size: 14px;
        line-height: 100%;
        font-weight: 700;
    }

    .header__mobiletop-cityblock__addres {
        font-size: 10px;
        color: #3F578B;
    }

    .header__mobileContactblock {
        color: #fff;
        display: block;
        padding: 15px;
        background: #153267;
        margin-bottom: 12px;
        border-radius: 5px;
    }

    .header__mobileContactblock-time {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 10px;
    }

    .header__mobileContactblock-time span {
        font-size: 12px;
        font-weight: 500;
        line-height: 100%;
    }

    .header__mobileContactblock-numbers {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin-bottom: 6px;
    }

    .header__mobileContactblock-numbers a {
        font-size: 18px;
        font-weight: 700;
        line-height: 100%;
        color: #fff;
    }

    .header__mobileContactblock-freeCons {
        font-size: 12px;
        font-weight: 500;
        line-height: 130%;
        margin-bottom: 10px;
        color: rgba(255, 255, 255, 0.6);
        max-width: 150px;
    }

    .header__mobileContactblock-buttons {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin-bottom: 8px;
    }

    .header__mobileContactblock-button {
        width: 100%;
        text-align: center;
        padding: 13px;
        color: #fff;
        background: #1EBB92;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
    }

    .header__mobileContactblock-button.white {
        background: #fff;
        color: #162C5B;
    }

    .header__mobileContactblock-socials {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px;
    }

    .header__mobileContactblock-social {
        width: calc(33.3333333333% - 2.6666666667px);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 23px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header__mobileLine {
        display: block;
        width: 100%;
        height: 1px;
        background: #D7E2FF;
        margin-bottom: 12px;
    }

    .header__mobileSearchBlock {
        margin-bottom: 12px;
        position: relative;
        display: block;
    }

    .header__mobileSearchInputBlock {
        position: relative;
    }

    .header__mobileSearchInput {
        width: 100%;
        border-radius: 4px;
        border: 1px solid #D7E2FF;
        height: 47px;
        font-size: 14px;
        color: #3F578B;
        font-family: "Montserrat", sans-serif;
        padding: 15px;
    }

    .header__mobileSearchInput:focus {
        outline: 1px solid #2770f1;
    }

    .header__mobileSearchInput::-moz-placeholder {
        font-size: 14px;
        color: #3F578B;
        font-family: "Montserrat", sans-serif;
    }

    .header__mobileSearchInput::placeholder {
        font-size: 14px;
        color: #3F578B;
        font-family: "Montserrat", sans-serif;
    }

    .header__mobileSearchSvg {
        position: absolute;
        right: 10px;
        top: 11px;
    }

    .menu__item-wrap--blue {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

    .menu__item-wrap--blue .menu__arrow {
        width: 24px;
        height: 24px;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.1);
    }

    .menu__item-wrap--blue .menu__arrow::before {
        width: 10px;
        left: 7px;
    }

    .menu__item-wrap--blue .menu__arrow::after {
        height: 10px;
    }

    .menu__item-wrap--blue .menu__link {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    .menu__item:not(:last-child) {
        margin-bottom: 0;
    }

    .menu__link::before {
        display: none;
    }

    .menu__item-lvl-2-item::after {
        display: none;
    }

    .menu__item--has-sub ul li {
        padding: 0;
        margin: 0;
    }

    .menu__item--has-sub ul li:not(:last-child) {
        margin-bottom: 0;
    }

    .menu-v2 {
        padding: 15px;
    }

    .menu-v2 .menu__link {
        color: rgba(27, 49, 95, 0.8);
        margin-bottom: 14px;
        font-size: 14px;
        font-weight: 500;
    }

    .menu__item--has-sub ul li a {
        color: rgba(27, 49, 95, 0.8);
        margin-bottom: 14px;
        font-size: 14px;
        font-weight: 500;
        display: block;
    }

    .menu__item--about .menu__item-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

    .menu__item--about .menu__item-wrap .menu__arrow {
        width: 24px;
        height: 24px;
        border-radius: 3px;
        background: rgba(39, 112, 241, 0.1);
    }

    .menu__item--about .menu__item-wrap .menu__arrow::before {
        width: 10px;
        left: 7px;
    }

    .menu__item--about .menu__item-wrap .menu__arrow::after {
        height: 10px;
    }

    .menu__item--about .menu__item-wrap .menu__link {
        font-size: 14px;
        font-weight: 500;
        color: #1B315F;
    }

    .menu__list {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin-bottom: 12px;
    }

    .menu__list > .menu__item:not(.menu__item--has-sub) {
        width: calc((100% - 4px) / 2);
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: rgba(39, 112, 241, 0.1);
        font-size: 14px;
        font-weight: 600;
        color: #1B315F;
    }

    .menu__list > .menu__item:not(.menu__item--has-sub) .menu__link {
        font-size: 14px;
        font-weight: 600;
    }

    .menu__list > .menu__item--has-sub {
        width: 100%;
        height: auto;
    }

    .menu__item.menu__item--top-row:hover {
        background-color: transparent;
    }

    .city__mobile {
        display: none;
    }

    .header__soc.header__soc--mob {
        display: none;
    }

    .header__contacts--mob {
        display: none;
    }

    .menu__item--blue {
        order: -1;
    }

    .header__mobileCalcbtn {
        display: block;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        height: 44px;
        padding: 13px;
        background: #2770F1;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 75px;
    }

    .header__wrapper-item {
        display: none;
    }

    .header__toggle-wrapper {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .header__toggle-tg {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #2770F1;
    }

    .header__toggle-tg svg {
        position: relative;
        left: -1px;
        top: 1px;
    }

    .icon__phone {
        display: none;
    }

    .header__phones {
        display: block;
    }

    .header__phones div {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .header__phones div .header__tel {
        margin-bottom: 0;
        font-size: 12px;
        width: -moz-max-content;
        width: max-content;
        min-width: auto;
    }

    .header__phones .header__phonest-text {
        display: none;
    }

    .header__item {
        display: none;
    }
}

@media (max-width: 1020px) {
    .menu__list .menu-v3 {
        display: none;
        position: static;
        transform: none;
        flex-basis: 100%;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        margin: 0 0 12px;
        padding: 4px 12px;
        border: 1px solid #D7E2FF;
        border-radius: 6px;
        background: #F6F8FF;
        box-shadow: none;
    }

    .menu__list .menu-v3.active {
        display: block;
        max-height: 360px;
        overflow-x: hidden;
        overflow-y: auto;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        scrollbar-width: thin;
        scrollbar-color: #B8C9EB transparent;
    }

    .menu__list .menu-v3 > li {
        padding: 0;
        margin: 0;
        border-radius: 0;
        background: transparent;
    }

    .menu__list .menu-v3 > li:not(:last-child) {
        margin-bottom: 0;
        border-bottom: 1px solid #E3EAF8;
    }

    .menu__list .menu-v3 > li > a {
        display: flex;
        align-items: center;
        min-height: 35px;
        box-sizing: border-box;
        margin: 0;
        padding: 10px 0;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5;
        color: #3F578B;
        overflow-wrap: anywhere;
    }

    .menu__list .menu-v3 > li > a:active {
        color: #2770F1;
    }

    .menu__list .menu-v3 > li > a:focus-visible {
        outline: 2px solid #2770F1;
        outline-offset: 2px;
        border-radius: 3px;
    }

    .menu__list .menu-v2 > .menu-v2-element {
        align-items: center;
        gap: 0 10px;
    }

    .menu__list .menu-v2 > .menu-v2-element > .menu__link {
        display: flex;
        align-items: center;
        min-width: 0;
        min-height: 35px;
        margin: 0;
        padding: 8px 0;
        box-sizing: border-box;
    }

    .menu__list .menu-v2 > .menu-v2-element > .desctop-arrow, .menu__list .menu-v2 > .menu-v2-element::after {
        display: none;
    }

    .menu__list .menu-v2-element > .menu__arrow-v3 {
        display: flex;
        align-items: center;
        justify-content: center;
        position: static;
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
        margin: 0;
        border-radius: 4px;
        background: rgba(39, 112, 241, 0.08);
    }

    .menu__list .menu-v2-element > .menu__arrow-v3::before {
        content: "";
        position: static;
        display: block;
        visibility: visible;
        width: 7px;
        height: 7px;
        margin: 0;
        border: solid #2770F1;
        border-width: 0 2px 2px 0;
        background: transparent;
        transform: translateY(-2px) rotate(45deg);
        transition: transform 0.2s ease;
    }

    .menu__list .menu-v2-element > .menu__arrow-v3::after {
        display: none;
    }

    .menu__list .menu-v2-element.active > .menu__arrow-v3::before {
        transform: translateY(2px) rotate(225deg);
    }

    .menu__list .menu-v2-element > .menu-v3 {
        flex-basis: 100%;
    }

    .menu__list .menu-v2-element > .menu__arrow-v3 {
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
        background: transparent;
    }

    .menu__list .menu-v2-element > .menu__arrow-v3::before {
        width: 5px;
        height: 5px;
        border-width: 0 1.5px 1.5px 0;
    }

    .menu__list .menu-v2 > .menu-v2-element {
        justify-content: flex-start;
        -moz-column-gap: 6px;
        column-gap: 6px;
    }

    .menu__list .menu-v2 > .menu-v2-element > .menu__link {
        flex: 0 1 auto;
        width: auto;
    }

    .header__toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        padding: 0;
        box-sizing: border-box;
        border: none;
        border-radius: 50%;
        background: rgba(39, 112, 241, 0.1);
    }

    .header__toggle > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        width: 16px;
        height: auto;
        margin: 0;
        padding: 0;
    }

    .header__toggle > div > span {
        display: block;
        position: static;
        flex: 0 0 2px;
        width: 16px;
        height: 2px;
        margin: 0;
        border-radius: 1px;
        background: #2770F1;
        transform: none;
        opacity: 1;
    }

    .header__toggle._active > div {
        transform: none;
    }

    .header__toggle._active > div > span:nth-child(n) {
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        width: 16px;
        height: 2px;
        margin: 0;
    }

    .search.header__search.mobile {
        display: none;
    }
}

.header__tel span {
    display: none;
}

@media (max-width: 1020px) {
    .header__tel {
        display:flex;
        align-items: center;
        gap: 6px;
    }

    .header__tel span {
        display: flex;
        width: 18px;
        height: 18px;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        background: #F1F5FF;
    }

    .header__menu .menu__item--has-sub .menu-v2-wrap, .header__menu .menu__item--has-sub .menu-v2 {
        position: static;
        transform: none;
        width: 100%;
        min-width: 0;
        height: auto;
        max-height: none;
        box-sizing: border-box;
        flex-basis: 100%;
        box-shadow: none;
    }

    .header__menu .menu__item--has-sub .menu-v2-wrap {
        visibility: visible;
        opacity: 1;
        overflow: visible;
        border: none;
    }

    .header__menu .menu__item--has-sub .menu-v2 {
        display: none;
    }

    .header__menu .menu__item--has-sub .menu-v2.active {
        display: block;
        visibility: visible;
        opacity: 1;
        overflow: visible;
        pointer-events: auto;
    }

    .header__menu .menu-v2 > .menu__item-lvl-2-item {
        width: 100%;
        min-width: 0;
        flex-basis: 100%;
        box-sizing: border-box;
    }

    .header__menu .menu__item--has-sub .menu-v3 {
        position: static;
        transform: none;
        width: 100%;
        min-width: 0;
        height: auto;
    }
}

@media (max-width: 1020px) {
    .header, .header._scroll {
        -webkit-transform: none;
        transform: none;
    }

    .menu.header__menu {
        position: fixed;
        inset: 0;
        height: 100dvh;
    }
}

@media (max-width: 490px) {
    .header__menu-mobilecontent {
        max-width:290px;
    }
}

.articles__title {
    color: #1B315F;
}

.article-card__title {
    color: #ffffff;
}

.article-card__text {
    margin-top: auto;
}

.articles__all a {
    color: #ffffff;
}

.articles {
    max-width: 1350px;
    margin: 0 auto;
    padding: 80px 16px;
    color: #ffffff;
}

.articles__title {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 48px;
}

.articles__title::before {
    content: "";
    width: 4px;
    height: 36px;
    background: #2f6df6;
}

.articles-slider {
    position: relative;
}

.articles-slider__track {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.articles-slider__track::-webkit-scrollbar {
    display: none;
}

.article-card {
    position: relative;
    flex: 0 0 416px;
    height: 280px;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.article-card__overlay {
    position: absolute;
    inset: 0;
    background: rgba(47, 63, 94, 0.85);
}

.article-card__content {
    position: relative;
    z-index: 1;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.article-card__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 12px;
}

.article-card__desc {
    font-size: 14px;
    line-height: 1.5;
    color: #cfd6e4;
}

.article-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.article-card__date {
    color: #ffffff;
    font-size: 14px;
    display: flex;
    margin-top: 15px;
}

.article-card__link {
    color: #ffffff;
    text-decoration: none;
}

.articles-slider__arrow {
    position: absolute;
    bottom: -56px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #F1F5FF;
    border: none;
    cursor: pointer;
    color: #2870F1;
}

.articles-slider__arrow--prev {
    left: 0;
}

.articles-slider__arrow--next {
    right: 0;
}

.articles__all {
    display: block;
    margin: 64px auto 0;
    padding: 16px 48px;
    background: #2f6df6;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .articles {
        padding: 40px 16px;
    }

    .articles__title {
        font-size: 28px;
        margin-bottom: 24px;
    }

    .article-card {
        flex: 0 0 100%;
        height: 320px;
    }

    .articles-slider__arrow {
        display: none;
    }

    .articles__all {
        width: 100%;
        padding: 16px 0;
    }
}

.telegram-icon {
    cursor: pointer;
    transition: fill 0.3s ease;
}

.telegram-icon__bg {
    fill: #2770F1;
    transition: fill 0.3s ease;
}

.telegram-icon:hover .telegram-icon__bg {
    fill: #162d5f;
}

.weekly-promo {
    list-style: none;
    height: auto;
}

.weekly-promo__open {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 20px;
    border: 1px solid #d7e2ff;
    border-radius: 12px;
    background: #f1f5ff;
    color: #1b315f;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.weekly-promo__image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 16px;
}

.weekly-promo__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 12px;
}

.weekly-promo__summary {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
    white-space: pre-line;
}

.weekly-promo__more {
    margin-top: auto;
    color: #2770f1;
}

.weekly-promo-modal {
    position: fixed;
    inset: 0;
    margin: auto;
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: 650px;
    max-height: 85vh;
    max-height: 85dvh;
    overflow: auto;
    padding: 32px 30px;
    border: 0;
    border-radius: 20px;
    color: #1b315f;
    background: #eef4ff;
    font-family: inherit;
}

.weekly-promo-modal::backdrop {
    background: rgba(42,42,42,.56);
    backdrop-filter: blur(3px);
}

.weekly-promo-modal__close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #007bff;
    color: #fff;
    font-family: inherit;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.weekly-promo-modal h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    padding: 0 20px;
    margin: 0 0 24px;
    overflow-wrap: anywhere;
}

.weekly-promo-modal__description {
    white-space: pre-line;
    overflow-wrap: anywhere;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    color: #3f578b;
    margin-bottom: 24px;
}

.weekly-promo-modal__image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 280px;
    object-fit: contain;
    margin: 0 auto 24px;
    border-radius: 20px;
}

.weekly-promo-modal .weekly-promo-modal__book {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    border: 0;
    background: #007bff;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.weekly-promo-modal .weekly-promo-modal__book:hover {
    background: #0069d9;
    color: #fff;
}

.weekly-promo__open:focus,.weekly-promo-modal a:focus,.weekly-promo-modal button:focus {
    outline: none;
}

.weekly-promo__open:focus-visible,.weekly-promo-modal a:focus-visible,.weekly-promo-modal button:focus-visible {
    outline: 2px solid #2770f1;
    outline-offset: 3px;
}

.weekly-promo__open.weekly-promo__open--pointer:focus {
    outline: none;
}

@media(max-width: 600px) {
    .weekly-promo-modal {
        padding:36px 20px 24px;
    }

    .weekly-promo-modal h2 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .weekly-promo-modal__description {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .weekly-promo-modal__close {
        top: 12px;
        right: 12px;
    }
}

.another-service a.another-service__item, .another-service a.another-service__item:visited {
    color: #fff;
    text-decoration: none;
    transition: background-color .18s ease, box-shadow .18s ease;
}

.another-service .another-service__item .another-service__text {
    color: #fff;
}

.another-service .another-service__svg {
    flex-shrink: 0;
    transition: background-color .18s ease;
}

.another-service .another-service__svg svg {
    display: block;
    transition: transform .18s ease;
}

@media (hover: hover) and (pointer: fine) {
    .another-service a.another-service__item:hover {
        background-color: #254a86;
        color: #fff;
        box-shadow: 0 5px 14px rgba(27,49,95,.18);
    }

    .another-service .another-service__item:hover .another-service__text {
        color: #fff;
    }

    .another-service .another-service__item:hover .another-service__svg {
        background-color: #1760dc;
    }

    .another-service .another-service__item:hover .another-service__svg svg {
        transform: translateX(3px);
    }
}

.another-service a.another-service__item:focus-visible {
    color: #fff;
    background-color: #254a86;
    outline: 3px solid #2770f1;
    outline-offset: 3px;
}

.another-service a.another-service__item:active {
    background-color: #152b54;
}

@media (prefers-reduced-motion: reduce) {
    .another-service a.another-service__item, .another-service .another-service__svg, .another-service .another-service__svg svg {
        transition: none;
    }

    .another-service .another-service__item:hover .another-service__svg svg {
        transform: none;
    }
}

.noreArticles__title {
    transition: all .2s;
}

.noreArticles__title:hover {
    text-decoration: underline;
    opacity: .8;
}

.btn-shine {
    position: relative;
}

.btn-shine::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 91, 91, 0) 0px, rgba(254, 254, 254, 0.4) 50%, rgba(255, 91, 91, 0) 100%);
    animation: 3s ease-in-out 0s infinite normal none running shine;
}

@keyframes shine {
    0% {
        left: -100%;
    }

    100% {
        left: 150%;
    }
}
.review-invite {
    --qr-size: 146px;
    display: grid;
    grid-template-columns: var(--qr-size) minmax(0, 1fr);
    grid-template-areas:
        "qr title"
        "qr text"
        "qr controls";
    align-content: center;
    gap: 10px 22px;
    width: 100%;
    min-height: 264px;
    padding: 24px;
    border-radius: 20px;
    background: #162d5f;
    color: #FFF;
    line-height: 1.5;
    text-align: left;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    box-sizing: border-box;
}

.review-invite__title {
    grid-area: title;
    margin: 0;
    font-family: inherit;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.review-invite__text {
    grid-area: text;
    max-width: 500px;
    margin: 0;
    color: #dae5ff;
    font-size: 13px;
}

.review-invite__qr-block {
    grid-area: qr;
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
}

.review-invite__qr {
    display: block;
    flex: none;
    width: var(--qr-size);
    height: var(--qr-size);
    border-radius: 8px;
    background: #FFF;
    overflow: hidden;
}

.review-invite__qr img {
    display: block;
    width: 100%;
    height: 100%;
}

.review-invite__qr-hint {
    max-width: 100%;
    margin: 0;
    color: #dae5ff;
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
}

.review-invite__controls {
    grid-area: controls;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    min-width: 0;
}

.review-invite__gift {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 172px;
    color: #a4eed6;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.review-invite__gift-animation {
    display: block;
    flex: none;
    width: 56px;
    height: 56px;
    border-radius: 9px;
}

.review-invite__gift-icon {
    display: none;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
}

.review-invite__gift-icon svg {
    width: 46px;
    height: 46px;
}

.review-invite__button {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 14px;
    border-radius: 4px;
    background: #2770f1;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
}

.review-invite__button:hover {
    background: #195bd1;
}

.review-invite__button:focus-visible,
.review-invite__qr:focus-visible {
    outline: 3px solid #a4eed6;
    outline-offset: 4px;
}

@media (max-width: 450px) {
    .review-invite {
        --qr-size: 108px;

        grid-template-areas:
            "title title"
            "qr text"
            "controls controls";
        gap: 12px 14px;
        min-height: 0;
        padding: 20px 16px;
    }

    .review-invite__title {
        font-size: 20px;
    }

    .review-invite__controls {
        justify-content: space-between;
    }

    .review-invite__gift {
        gap: 8px;
        max-width: 135px;
    }

    .review-invite__gift-animation,
    .review-invite__gift-icon {
        width: 48px;
        height: 48px;
    }

    .review-invite__button {
        flex: 1 0 142px;
        padding: 12px 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .review-invite__gift-animation {
        display: none;
    }

    .review-invite__gift-icon {
        display: flex;
    }
}

.review-invite--phone {
    --phone-width: 164px;
    --phone-height: 286px;
    --phone-frame: #0b1325;
    --phone-key: #b8c6de;
    grid-template-columns: minmax(0, 1fr) 330px;
    grid-template-areas: "content qr";
    align-content: normal;
    align-items: center;
    gap: 24px;
    max-width: 1120px;
    min-height: 216px;
    margin: 56px auto;
    padding: 24px 28px;
    border-radius: 6px;
    overflow: visible;   
    isolation: isolate;
}
 
.review-invite__content {
    grid-area: content;
    min-width: 0;
}
 
.review-invite--phone .review-invite__title {
    margin-bottom: 8px;
    font-size: 25px;
}
 
.review-invite--phone .review-invite__text {
    max-width: 650px;
    margin-bottom: 16px;
    font-size: 15px;
}
 
.review-invite--phone .review-invite__button {
    gap: 16px;
    padding: 12px 23px;
    font-size: 15px;
}
 
.review-invite--phone .review-invite__qr-block {
    flex-direction: row;
    gap: 18px;
    height: 166px;
    padding-left: 22px;
}
 
.review-invite--phone .review-invite__qr-hint {
    max-width: 126px;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}
 
.review-invite--phone .review-invite__gift {
    gap: 5px;
    max-width: none;
    margin: 10px 3px 0;
    color: #10765d;
}
 
.review-invite--phone .review-invite__gift-animation,
.review-invite--phone .review-invite__gift-icon {
    width: 60px;
    height: 60px;
}
 
.review-invite--phone .review-invite__gift-icon svg {
    width: 52px;
    height: 52px;
}
 
 
.review-invite__phone {
    position: relative;
    z-index: 1;
    display: block;
    flex: none;
    width: var(--phone-width);
    height: var(--phone-height);
    padding: 35px 5px 24px;
    border: 6px solid var(--phone-frame);
    border-radius: 29px;
    background: linear-gradient(#edf4ff, #fff 35%, #fff 75%, #edf4ff);
    box-shadow: 0 0 0 1px #9aaac5, 0 6px 13px #09162f45;
    text-decoration: none;
}
 
.review-invite__phone::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    z-index: 1;
    width: 51px;
    height: 13px;
    transform: translateX(-50%);
    border-radius: 8px;
    background:
        radial-gradient(circle at 40px 6px, #415576 0 2px, transparent 2.5px),
        var(--phone-frame);
}
 
.review-invite__phone::after {
    content: "";
    position: absolute;
    bottom: 9px;
    left: 50%;
    width: 46px;
    height: 4px;
    transform: translateX(-50%);
    border-radius: 3px;
    background: #17253e;
}
 
.review-invite__phone-keys {
    position: absolute;
    top: 54px;
    left: -9px;
    width: 3px;
    height: 26px;
    border-radius: 2px 0 0 2px;
    background: var(--phone-key);
    box-shadow: 0 34px 0 var(--phone-key);
}
 
.review-invite__phone-keys::after {
    content: "";
    position: absolute;
    top: 18px;
    left: calc(var(--phone-width) + 3px);
    width: 3px;
    height: 37px;
    border-radius: 0 2px 2px 0;
    background: var(--phone-key);
}
 
.review-invite__phone-qr {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
}
 
@media (max-width: 600px) {
    .review-invite--phone {
        --phone-width: 144px;
        --phone-height: 254px;
 
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "content"
            "qr";
        gap: 20px;
        min-height: 0;
        margin: 20px auto 58px;
        padding: 20px 18px;
    }
 
    .review-invite--phone .review-invite__title {
        font-size: 22px;
    }
 
    .review-invite--phone .review-invite__text {
        font-size: 14px;
    }
 
    .review-invite--phone .review-invite__button {
        width: 100%;
    }
 
    .review-invite--phone .review-invite__qr-block {
        align-items: center;
        align-self: stretch;
        justify-content: flex-start;
        gap: 18px;
        height: auto;
        padding: 18px 0 0;
        border-top: 1px solid var(--color-line);
    }
 
    .review-invite--phone .review-invite__qr-hint {
        max-width: 130px;
        font-size: 12px;
    }
 
    .review-invite__phone {
        margin-bottom: -54px;
        padding: 32px 4px 20px;
        border-radius: 26px;
    }
 
    .review-invite--phone .review-invite__gift {
        margin-top: 7px;
        font-size: 12px;
    }
 
    .review-invite--phone .review-invite__gift-animation,
    .review-invite--phone .review-invite__gift-icon {
        width: 52px;
        height: 52px;
    }
 
    .review-invite--phone .review-invite__gift-icon svg {
        width: 46px;
        height: 46px;
    }
}