html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

a {
    background-color: transparent
}

b {
    font-weight: bolder
}

img {
    border-style: none
}

button,
input,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button,
input {
    overflow: visible
}

button {
    text-transform: none
}

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

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

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

textarea {
    overflow: auto
}

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

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

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

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

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

[hidden] {
    display: none
}

.main-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    color: #fff;
    background-color: #070217
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

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

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

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

.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

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

.swiper-3d {
    perspective: 1200px
}

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

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

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

.swiper-button-prev {
    left: 10px;
    right: auto
}

.swiper-button-prev:after {
    content: "prev"
}

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

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

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

@charset "UTF-8";

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0))
}

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

.pharmacy-card .favorite,
.product-card .favorite,
.new-section-category__item .favorite,
.section-search__card.single .favorite,
.section-top__card .favorite,
.section-hero__content .favorite {
    cursor: pointer;
    position: absolute;
    left: 22px;
    bottom: 22px;
    width: 28px;
    height: 28px;
    background: url(/assets/img/svg/like_o.svg) no-repeat;
}

.new-section-category__item .favorite,
.section-search__card.single .favorite,
.section-top__card .favorite,
.section-hero__content .favorite {
    left: 12px;
    bottom: 12px;
}

.pharmacy-card .favorite.active,
.product-card .favorite.active,
.new-section-category__item .favorite.active,
.section-search__card.single .favorite.active,
.section-top__card .favorite.active,
.section-hero__content .favorite.active {
    background: url(/assets/img/svg/like.svg) no-repeat;
}

@media (min-width:1200px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media (min-width:1200px) {

    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

ul ul {
    margin-bottom: 0
}

b {
    font-weight: bolder
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #000;
}

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

.pb-0 {
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

tbody,
td,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

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

button {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

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

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

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

[hidden] {
    display: none !important
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.container {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1320px
    }
}

.g-0 {
    --bs-gutter-x: 0
}

.g-0 {
    --bs-gutter-y: 0
}

.g-1 {
    --bs-gutter-x: .25rem
}

.g-1 {
    --bs-gutter-y: .25rem
}

.g-2 {
    --bs-gutter-x: .5rem
}

.g-2 {
    --bs-gutter-y: .5rem
}

.g-3 {
    --bs-gutter-x: 1rem
}

.g-3 {
    --bs-gutter-y: 1rem
}

.g-4 {
    --bs-gutter-x: 1.5rem
}

.g-4 {
    --bs-gutter-y: 1.5rem
}

.g-5 {
    --bs-gutter-x: 3rem
}

.g-5 {
    --bs-gutter-y: 3rem
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.form-label {
    margin-bottom: .5rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.form-check-input[type="checkbox"] {
    border-radius: .25em
}

.form-check-input[type="radio"] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.btn.disabled,
.btn:disabled {
    pointer-events: none;
    opacity: .65
}

.btn-check:focus+.btn-primary {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-check:focus+.btn-secondary {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:focus+.btn-success {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus {
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus {
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-warning {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-check:focus+.btn-danger {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,
.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus {
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-dark {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:focus+.btn-outline-primary {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:focus+.btn-outline-secondary {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:focus+.btn-outline-success {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:focus+.btn-outline-info {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:focus+.btn-outline-warning {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:focus+.btn-outline-danger {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:focus+.btn-outline-light {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:focus+.btn-outline-dark {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d
}

.dropdown {
    position: relative
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-fill .nav-item .nav-link {
    width: 100%
}

.tab-content>.active {
    display: block
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 11.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.link-info {
    color: #0dcaf0
}

.link-info:focus,
.link-info:hover {
    color: #3dd5f3
}

.link-light {
    color: #f8f9fa
}

.link-light:focus,
.link-light:hover {
    color: #f9fafb
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-absolute {
    position: absolute !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 0.25rem !important
}

.m-2 {
    margin: 0.5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: 0.25rem !important
}

.me-2 {
    margin-right: 0.5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 0.25rem !important
}

.mb-2 {
    margin-bottom: 0.5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 0.25rem !important
}

.p-2 {
    padding: 0.5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 0.25rem !important
}

.pb-2 {
    padding-bottom: 0.5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-wrap {
    white-space: normal !important
}

.text-info {
    color: #0dcaf0 !important
}

.text-light {
    color: #f8f9fa !important
}

.text-white {
    color: #fff !important
}

.text-body {
    color: #212529 !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    color: inherit !important
}

:root {
    --font-family: sans-serif;
    --second-family: sans-serif;
    --white: #fff;
    --red-btn: #d62246;
    --green-btn: #3f8b8b;
    --gray-bg: #f2f5fa;
    --gray-70: #5c6573;
    --blue-gray-15: #e1e7f0;
    --blue-gray-20: #d8dfeb;
    --blue-gray-30: #bac5d6;
    --gray-50: #8692a3;
    --gray-5: #f5f7fb;
    --black-text: #222d32;
    --green-text: #439696;
    --black: #000;
    --neutral-black: #0f1416;
    --gray-60: #6d7685;
    --purple-25: #9f87e1
}

* {
    box-sizing: border-box
}

a {
    text-decoration: none
}

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

img {
    max-width: 100%
}

:focus-visible {
    outline: 0
}

body {
    position: relative;
    font-family: var(--second-family), sans-serif;
    line-height: 1
}

.body-scroll {
    overflow-y: hidden
}

button {
    background-color: transparent;
    border: transparent;
    cursor: pointer
}

html {
    font-family: var(--font-family), sans-serif;
    min-width: 320px
}

.container {
    margin: 0 auto;
    padding: 0 60px;
    max-width: 1360px
}

.red-btn {
    background-color: var(--red-btn);
    color: var(--white);
    border-radius: 4px
}

.green-btn {
    background-color: var(--green-btn);
    color: var(--white);
    border-radius: 4px
}

.header {
    font-family: var(--second-family);
    background: linear-gradient(90deg, #47a5a3 0, #5865a7 71.18%, #6f49ab 107.6%)
}

.header-up {
    background: rgba(83, 83, 83, .5)
}

.header-burger {
    display: none
}

.header-mobile__burger-menu {
    display: none
}

.header-up__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding-top: 8px;
    padding-bottom: 8px
}

.header-up__left-btn {
    display: flex;
    align-items: center;
    margin-right: 41px
}

.header-up__connect,
.header-up__location {
    display: flex;
    align-items: center;
    padding: 4px 12px 4px 8px;
    color: var(--white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.header-up__location {
    margin-right: 0
}

.header-up__location {
    text-align: left;
    max-width: 140px
}

@media (min-width:390px) {
    .header-up__location {
        max-width: initial
    }
}

@media (min-width:820px) {
    .header-up__location {
        margin-right: 12px
    }
}

.header-up__connect svg,
.header-up__location svg {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.header-up__connect svg,
.header-up__location svg {
    margin-right: 4px
}

.header-up__list {
    display: flex;
    align-items: center;
    margin-right: 10px
}

.header-up__item:not(:last-child) {
    margin-right: 12px
}

.header-up__link {
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.header-up__right-btn {
    display: flex;
    align-items: center
}

.header-up__phone-btn {
    display: flex;
    align-items: center;
    margin-right: 8px;
    padding: 1px 8px 4px 8px
}

@media (min-width:340px) {
    .header-up__contacts-icon {
        margin-right: 4px
    }
}

.header-up__contacts-text {
    color: var(--white);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-decoration-line: underline
}

.header-up__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    height: 32px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    flex-shrink: 0
}

.header-up__max-btn {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 13px;
    background-image: url(/assets/img/max.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.header-up__tg-btn {
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    margin-right: 13px;
    background-image: url(/assets/img/ic_baseline-telegram.svg);
    background-position: center;
    background-repeat: no-repeat
}

.header-up__wa-btn {
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    margin-right: 13px;
    background-image: url(/assets/img/ri_whatsapp-fill.svg);
    background-position: center;
    background-repeat: no-repeat
}

.header-up__vk-btn {
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    margin-right: 19px;
    background-image: url(/assets/img/leading-icon-vk.svg);
    background-position: center;
    background-repeat: no-repeat
}

.header-middle {
    display: none
}

.header-down {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding-top: 13px;
    padding-bottom: 26px
}

.modal-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    max-width: 100%;
    height: 100vh;
    z-index: 39;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: scroll;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s, visibility 0.4s
}

.modal-overlay.open {
    visibility: visible;
    opacity: 1;
    overflow-y: scroll
}

.header-down__logo {
    flex-shrink: 0;
    margin-bottom: 0
}

.header-down__logo img {
    display: block;
    height: 68px;
    width: auto;
    max-width: 160px;
}

.header-down__form {
    position: relative;
    z-index: 40;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 54px
}

.header-down__input-wrap {
    width: 91%;
    display: block;
    height: 100%;
    margin-right: 16px;
    position: relative
}

.section-banner-slide.swiper-slide::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 82.170542635%
}

.section-banner__img {
    border-radius: 8px;
    width: 100%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.swiper .section-banner__img {
    border-radius: 8px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

@media screen and (max-width:992px) {
    .section-banner__img {
        display: block;
        width: 100%
    }
}

@media screen and (max-width:412px) {
    .section-banner__img {
        display: block;
        width: 380px
    }
}

.header-down__input-wrap::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 11px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url(/assets/img/search.svg);
    background-position: center;
    background-repeat: no-repeat
}

.header-down__form-input {
    display: flex;
    align-items: center;
    padding-left: 32px;
    height: 100%;
    width: 100%;
    border: 1px solid var(--blue-gray-20);
    background-color: var(--white);
    border-radius: 4px
}

.header-down__form-input::placeholder {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

@media screen and (max-width:820px) {
    .header-up__container {
        min-height: 40px;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .header-down {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding-top: 8px;
        padding-bottom: 12px
    }

    .header-down__logo {
        flex-shrink: 0
    }

    .header-down__logo img {
        height: 44px;
        max-width: 110px
    }

    .header-down__form {
        width: 100%;
        height: 44px
    }

    .header-down__input-wrap {
        margin-right: 8px
    }

    .header-down__form-input {
        font-size: 16px
    }

    .header-down__form-input::placeholder {
        font-size: 13px;
        line-height: 1;
        background-position: left top
    }

    .header-down__form-btn {
        padding: 10px 14px;
        font-size: 15px
    }
}

.header-down__form-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    color: var(--white);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.header__dropdown-menu {
    position: absolute;
    z-index: 40;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    height: max-content;
    width: 100%;
    background-color: var(--white);
    border-radius: 4px;
    padding: 4px 8px;
    box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .08), 0 4px 8px 0 rgba(0, 0, 0, .06), 0 0 1px 0 rgba(0, 0, 0, .36);
    opacity: 0;
    visibility: hidden
}

.header__dropdown-menu.active {
    opacity: 1;
    visibility: visible
}

.dropdown-menu__link {
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%
}

.dropdown-menu__item {
    margin-bottom: 5px
}

.dropdown-menu__name {
    color: var(--neutral-black);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.dropdown-menu__descr {
    color: var(--gray-50);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.dropdown-menu__count {
    color: var(--green-text);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.dropdown-menu__price {
    font-weight: 600
}

.dropdown-menu__empty {
    color: var(--gray-50);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    padding: 12px 8px
}

.dropdown-menu__section {
    color: var(--gray-50);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin: 8px 0 4px;
    text-transform: uppercase
}

.dropdown-menu__section--no-offer {
    border-top: 1px solid var(--blue-gray-20);
    color: var(--gray-50);
    margin-top: 10px;
    padding-top: 10px
}

.dropdown-menu__item--no-offer .dropdown-menu__name {
    color: var(--gray-50)
}

.dropdown-menu__item--no-offer .dropdown-menu__link:hover .dropdown-menu__name {
    color: var(--gray-70)
}

.footer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 13px;
    padding-bottom: 24px;
    background-color: var(--gray-bg);
    border-top: 2px solid var(--blue-gray-20);
    font-family: var(--second-family)
}

.footer-up {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 13px
}

.footer-up__list {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.footer-up__item:not(:last-child) {
    margin-right: 20px
}

.footer-up__heading {
    color: var(--black-text);
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.footer-up__nav-item:not(:last-child) {
    margin-bottom: 12px
}

.footer-up__nav-link {
    color: var(--gray-60);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.footer-up__contact-link {
    display: flex;
    align-items: center
}

.footer-up__contact-icon {
    margin-right: 8px
}

.footer-up__nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    max-width: 162px;
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.footer-down {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.footer-down__logo-list {
    display: flex;
    align-items: center;
    width: 54%
}

.footer-down__logo-item {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-right: 48px
}

.footer-down__logo-item:last-child {
    margin-right: 0
}

.footer-down__logo-link {
    display: flex;
    color: var(--black);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center
}

.footer-down__logo-img {
    margin-right: 18px
}

.modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    max-width: 100%;
    height: 100vh;
    z-index: 999;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: scroll;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s, visibility 0.4s
}

.modal.open {
    visibility: visible;
    opacity: 1;
    overflow-y: scroll
}

.modal-analytics,
.modal-content {
    position: absolute;
    top: 50px;
    display: flex;
    flex-direction: column;
    width: 629px;
    min-height: 474px;
    margin: 0 auto;
    padding: 10px 0 12px;
    z-index: 1;
    background-color: var(--white);
    border-radius: 4px;
    font-family: var(--second-family);
    transition: transform 0.8s
}

.modal-up {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--blue-gray-15);
    margin-left: 15px;
}

.modal__btn-close {
    position: absolute;
    top: 16px;
    right: 13px;
    width: 16px;
    height: 12px;
    background-image: url(/assets/img/close.svg);
    background-position: center;
    background-repeat: no-repeat
}

.modal-heading {
    margin: 0;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.modal-main {
    padding: 16px 16px 0
}

.modal-form {
    display: flex;
    flex-direction: column
}

.modal-main__descr {
    color: var(--gray-70);
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.input-box {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.modal__label-form {
    margin-bottom: 4px;
    color: var(--gray-70);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.modal__input-form {
    padding: 6px 12px;
    border: 1px solid var(--blue-gray-20);
    border-radius: 4px
}

.modal-main__bottom {
    margin-bottom: 28px
}

.modal-link {
    color: var(--green-btn)
}

.modal-main__descr-bottom {
    margin-bottom: 0
}

.modal-main__btn {
    margin-left: auto;
    padding: 6px 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.modal-content__final {
    display: flex;
    flex-direction: column;
    min-height: 167px
}

.modal-final__descr {
    margin-top: 0;
    margin-bottom: 28px
}

.modal-final__text {
    display: block;
    color: var(--black-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.modal-main__final {
    display: flex;
    flex-direction: column
}

.modal-final__btn {
    margin-left: auto;
    padding: 6px 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.modal-cont {
    display: flex;
    padding-left: 16px;
    padding-right: 16px
}

.modal-city {
    width: 100%
}

.modal-heading__city {
    margin-bottom: 14px
}

.modal-city__top-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px
}

.modal-city__top-item {
    margin-right: 15px;
    margin-bottom: 10px
}

.modal-city__top-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    border-radius: 10px;
    background-color: #f9f9f9;
    font-size: 14px;
    font-weight: 400;
    line-height: 135%;
    color: var(--black-text);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out
}

.modal-city__form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-bottom: 30px;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    background: var(--white)
}

.modal-city__input-box {
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.modal-city__form-input {
    width: 100%;
    border: none;
    background-color: transparent
}

.modal-city__bottom-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 20px
}

.modal-city__bottom-link {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black-text);
    text-decoration: underline;
    transition: color 0.3s ease-in-out
}

.modal-city__input-box {
    width: 100%;
    margin-bottom: 0
}

.modal-city__form-input {
    width: 100%;
    border: none;
    background-color: transparent
}

.modal-city__input {
    padding: 17px;
    width: 100%;
    border: 1px solid var(--gray-70);
    border-radius: 5px
}

.modal-city__label {
    position: absolute;
    top: -8px;
    left: 15px;
    font-size: 12px;
    line-height: 1;
    background-color: var(--white);
    color: var(--gray-70);
    padding: 0 5px
}

.section-nav {
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px
}

.section-nav__navigation {
    position: absolute;
    z-index: 6;
    display: block;
    left: 0;
    right: 0;
    top: 40px;
    width: 100%;
    height: 18px
}

.section-nav__btn {
    position: absolute;
    z-index: 2;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
}

.section-nav__btn-left {
    left: 0;
    background-image: url(/assets/img/nav-left.svg)
}

.section-nav__btn-right {
    right: 0;
    background-image: url(/assets/img/nav-right.svg)
}

.section-nav__slide {
    display: flex;
    align-items: center;
    height: auto;
    padding: 13px 14px;
    border-radius: 4px;
    background-color: var(--gray-bg)
}

.section-nav__img {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    object-fit: contain
}

.section-nav__text {
    color: var(--black);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.section-banner {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: var(--gray-bg)
}

.section-banner__list {
    display: flex
}

.section-banner__link {
    display: block;
    border-radius: 8px
}

.section-banner__item:first-child {
    grid-column: 1/3;
    grid-row: 1/3
}

.heading-h2 {
    font-family: var(--second-family);
    color: var(--black-text);
    margin: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.section-top {
    font-family: var(--second-family);
    padding-top: 17px;
    padding-bottom: 8px;
    background-color: var(--gray-bg)
}

.section-top__heading {
    margin-bottom: 12px
}

.section-top__content {
    display: flex;
    justify-content: space-between
}

.section-top__list {
    padding-right: 10px;
    width: 50%
}

.section-top__list.hidden {
    display: none
}

.section-top__card {
    position: relative;
    display: flex;
    align-items: start;
    border-radius: 8px;
    padding: 8px 24px;
    background-color: var(--white);
    border: 2px solid transparent;
    transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out
}

.section-top__card:hover {
    border: 2px solid var(--purple-25);
    background: #f8f5ff
}

.section-top__card-img {
    margin-right: 18px
}

.section-top__rating-top {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.section-top__rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.section-top__stars {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 8px
}

.section-top__stars-text {
    margin-right: 12px;
    color: var(--black-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-top__btn-repost {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    width: 32px;
    height: 24px;
    background-image: url(/assets/img/square.svg);
    background-repeat: no-repeat;
    background-position: center
}

.section-top__card-name {
    margin-top: 0;
    margin-bottom: 4px;
    color: var(--black-text);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-top__text {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

#email-suggestions {
    max-width: 350px
}

#email-suggestions li {
    border-radius: 4px;
    padding: 6px;
    cursor: pointer
}

#email-suggestions li:hover {
    background-color: #eee
}

.mb15 {
    margin-bottom: 15px
}

.section-top__text svg {
    margin-right: 8px
}

.section-top__address {
    color: var(--green-text) !important
}

.section-top__block{
    display: flex;
}

.section-top__time {
    color: var(--gray-60)
}

.section-top__btns-contact {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    align-self: center;
    padding-right: 15px;
    padding-right: 5px
}

.section-top__btn-contact-top {
    margin-bottom: 12px
}

.section-search__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin-right: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-position: left 12px center;
    background-repeat: no-repeat;
    color: var(--green-btn);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    padding: 6px 12px 6px 38px;
    background-color: var(--gray-bg)
}

.section-top__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 42px;
    margin-bottom: 12px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    background-color: var(--gray-bg)
}

.section-top__phone-btn {
    background-image: url(/assets/img/button_phone.svg)
}

.section-top__delivery-btn {
    background-image: url(/assets/img/delivery-btn-mob.svg);
    margin-bottom: 0
}

.section-top__order-btn {
    background-image: url(/assets/img/order-btn-mob.svg)
}

.section-top__btn-phone {
    background-image: url(/assets/img/button_phone.svg)
}

.section-search__btn-phone {
    margin-right: 16px;
    margin-bottom: 0
}

.section-search__order-btn {
    background-image: url(/assets/img/button_order.svg);
    background-size: 20px
}

.section-search__delivery-btn {
    background-image: url(/assets/img/button_delivery.svg);
    background-size: 20px
}

.section-top__text-last {
    margin-bottom: 0
}

.section-top__right {
    position: relative;
    width: 50%;
    padding-left: 10px
}

.section-top__right.active {
    width: 100%
}

.section-top__map-btn {
    position: absolute;
    z-index: 23;
    top: 16px;
    left: 16px;
    padding: 6px 40px 6px 56px;
    min-height: 48px;
    background-image: url(/assets/img/map-btn.svg);
    background-position: left 34px top 16px;
    background-repeat: no-repeat
}

.section-top__list-btn {
    position: absolute;
    z-index: 23;
    top: 16px;
    left: 16px;
    padding: 6px 40px 6px 56px;
    min-height: 48px;
    background-image: url(/assets/img/btn-list.svg);
    background-position: left 34px top 16px;
    background-repeat: no-repeat;
    display: none
}

.section-top__list-btn.active {
    display: flex;
    align-items: center
}

.section-top__map-btn.hidden {
    display: none
}

.section-top__map {
    max-width: 100%;
    height: 1570px
}

.section-popular {
    font-family: var(--second-family);
    padding-top: 6px;
    padding-bottom: 12px;
    background-color: var(--gray-bg)
}

.section-popular__heading {
    margin-bottom: 12px
}

.section-popular__list {
    display: flex;
    justify-content: space-between
}

.section-popular__item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    border-radius: 8px;
    padding: 12px 12px 10px;
    background-color: var(--white);
    height: auto;
    margin-right: 20px
}

.section-popular__item:last-child {
    margin-right: 0
}

.section-popular__item-img {
    display: flex;
    align-items: center;
    margin: 0 auto 16px;
    min-height: 185px;
    height: 45%
}

.section-popular__item-img img {
    height: 100%;
    object-fit: contain
}

.section-popular__item-name {
    margin-top: 0;
    margin-bottom: 8px;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    word-break: break-all
}

.section-popular__item-text {
    display: inline-block;
    margin-bottom: 4px;
    color: var(--gray-50);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.section-popular__item-bottom {
    margin-top: 0
}

.section-popular__item-price {
    display: block;
    color: var(--black-text);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
}

.section-popular__item-count {
    display: block;
    margin-bottom: 8px;
    color: var(--green-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-article {
    padding-top: 12px;
    padding-bottom: 40px;
    background-color: var(--gray-bg);
    font-family: var(--second-family)
}

.section-article__container {
    position: relative
}

.section-article__heading {
    margin-bottom: 12px
}

.section-article__slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    background-color: var(--white);
    border-radius: 8px
}

.section-article__slide-img {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.section-article__slide-text {
    padding: 16px 12px 12px
}

.section-article__slide-title {
    display: inline-block;
    color: var(--black-text);
    margin-bottom: 8px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-article__slide-date {
    display: block;
    color: var(--gray-50);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: auto
}

.section-article__descr {
    margin: 0;
    padding: 12px;
    color: var(--gray-70);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.section-article__link {
    color: var(--gray-70)
}

.btnsMore {
    display: block;
    color: var(--green-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    margin: auto 12px 12px 12px
}

.more {
    display: none
}

.section-list {
    padding-bottom: 16px
}

.section-list__content {
    display: flex;
    justify-content: space-between
}

.section-list__content-left {
    width: 54.5%;
    padding-right: 10px
}

.section-list__content-left.hidden {
    display: none
}

.section-list__list {
    margin-bottom: 8px
}

.section-list__pagination {
    display: flex;
    align-items: center
}

.section-list__pagination.mobile {
    display: none
}

@media (max-width:920px) {
    .section-list__pagination.mobile {
        display: flex
    }

    .section-list__pagination-first,
    .section-list__pagination-last {
        display: none !important
    }

    .section-list__pagination.desktop {
        display: none
    }

    @media (max-width:380px) {
        .section-list__pagination .from-small-first:not(.from-first_page) {
            display: none
        }

        .section-list__pagination .from-small-last:not(.from-last_page) {
            display: none
        }
    }
}

.section-list__pagination-number {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 6px;
    width: 31px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 6px 12px;
    color: var(--green-btn);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.section-list__pagination-active {
    border: 1px solid var(--green-btn)
}

.section-list__pagination-left,
.section-list__pagination-right {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 44px;
    height: 32px;
    margin-right: 4px;
    padding: 6px 12px;
    background-image: url(/assets/img/pag-left.svg);
    background-position: center;
    background-repeat: no-repeat
}

.section-list__pagination-right {
    background-image: url(/assets/img/pag-right.svg)
}

.section-list__pagination-last,
.section-list__pagination-first {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 20px;
    color: var(--green-btn);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    background-image: url(/assets/img/last-btn.svg);
    background-position: center;
    background-repeat: no-repeat
}

.section-list__pagination-first {
    background-image: url(/assets/img/first-btn.svg)
}

.section-list__right {
    position: relative;
    width: 45.5%
}

.section-list__right.active {
    width: 100%
}

.section-list__map-btn {
    position: absolute;
    z-index: 23;
    top: 16px;
    left: 16px;
    padding: 6px 40px 6px 56px;
    min-height: 48px;
    background-image: url(/assets/img/map-btn.svg);
    background-position: left 34px top 16px;
    background-repeat: no-repeat
}

.section-list__list-btn {
    position: absolute;
    z-index: 23;
    top: 16px;
    left: 16px;
    padding: 6px 40px 6px 56px;
    min-height: 48px;
    background-image: url(/assets/img/btn-list.svg);
    background-position: left 34px top 16px;
    background-repeat: no-repeat;
    display: none
}

.section-list__list-btn.active {
    display: flex;
    align-items: center
}

.section-list__map-btn.hidden {
    display: none
}

.section-list__card {
    margin-bottom: 10px;
    padding: 7px 24px
}

.section-list__map {
    height: 1580px
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    align-items: center;
    margin-bottom: 7px;
    padding-top: 16px;
    background-color: inherit
}

.breadcrumbs-item__home-text {
    display: none
}

.breadcrumbs-item__home-icon {
    width: 14px;
    height: 14px
}

@media (min-width:992px) {
    .breadcrumbs-item__home-text {
        display: inline
    }

    .breadcrumbs-item__home-icon {
        display: none
    }
}

.breadcrumbs-mb {
    margin-bottom: 28px
}

.breadcrumbs-item {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
    font-family: var(--second-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: var(--gray-70)
}

.breadcrumbs-item:first-of-type {
    padding-left: 0
}

.breadcrumbs-item::before {
    content: "/";
    position: absolute;
    top: auto;
    bottom: auto;
    right: 0
}

.breadcrumbs-item__hidden::before {
    content: "/";
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0;
    right: auto
}

breadcrumbs-item::before.active {
    content: ""
}

.breadcrumbs-link {
    color: var(--gray-70);
    transition: color .2 ease-in-out
}

.breadcrumbs-item.active .breadcrumbs-link {
    display: flex;
    color: var(--green-btn)
}

.breadcrumbs-item.active::before {
    content: ""
}

.section-hero {
    padding-top: 20px;
    padding-bottom: 12px;
    font-family: var(--second-family);
    background-color: var(--gray-bg)
}

.section-hero__stars {
    margin-bottom: 1px;
    width: 96px
}

.section-hero__heading-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0
}

.apteka-wrapper {
    display: flex;
    align-items: center
}

.apteka-wrapper img {
    margin-right: 10px
}

.section-action {
    font-size: 28px;
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 8px
}

.section-hero__repost {
    display: flex;
    align-items: center;
    padding: 6px 12px 6px 22px;
    background-image: url(/assets/img/square.svg);
    background-position: left;
    background-repeat: no-repeat;
    height: 30px
}

.section-hero__repost-text {
    color: var(--green-btn);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.section-hero__content {
    position: relative;
    display: flex;
    justify-content: space-between
}

.section-hero__left {
    width: 50%;
    margin-right: 12px;
    padding: 17px 20px 14px;
    border-radius: 8px;
    background-color: var(--white);
    position: relative;
}

.section-top__text .section-hero__icon {
    margin-right: 12px
}

.section-hero__text {
    margin-bottom: 14px
}

.section-hero__text.section-top__text-last {
    margin-bottom: 0
}

.section-hero__address {
    display: block
}

.section-hero__phone-text {
    margin-bottom: 4px
}

.section-hero__phone {
    flex-direction: column;
    align-items: start;
    padding-left: 28px;
    background-image: url(/assets/img/phone-2.svg);
    background-position: left top;
    background-repeat: no-repeat
}

.section-hero__right {
    width: 50%
}

.section-hero__map {
    height: 295px
}

.section-tab {
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: var(--second-family);
    background-color: var(--gray-bg)
}

.section-tab__btn-wrap {
    display: flex;
    background-color: var(--white);
    border-radius: 4px;
    padding: 13px 10px 0;
    margin-bottom: 12px
}

.section-tab__btn {
    margin-right: 13px;
    padding-bottom: 6px;
    color: var(--gray-70);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 2px solid transparent
}

.section-tab__btn__active {
    color: var(--black-text);
    border-bottom: 2px solid #d62246
}

.section-tab__card {
    display: none
}

.section-tab__card__active {
    display: flex;
    flex-direction: column
}

.section-tab__input-wrap {
    display: flex;
    align-items: center;
    padding: 7px 12px;
    width: 100%;
    border: 1px solid var(--blue-gray-20);
    border-bottom: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: var(--gray-bg)
}

.section-tab__input {
    padding: 1px 8px;
    border-radius: 4px;
    background-color: var(--white);
    border: 1px solid var(--blue-gray-20);
    min-width: 100%
}

.section-tab__input::placeholder {
    padding-left: 17px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-image: url(/assets/img/search-2.svg);
    background-position: left;
    background-repeat: no-repeat
}

.section-tab__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px
}

.section-tab__thead-tr {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 24px;
    background-color: var(--blue-gray-20)
}

.section-tab__thead-tr td {
    border: 1px solid var(--blue-gray-30);
    padding: 12px;
    color: var(--neutral-black);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-align: center
}

.section-tab__tbody-tr {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 33px;
    background-color: var(--white)
}

.section-tab__tbody-tr td {
    border: 1px solid var(--blue-gray-30);
    padding: 4px 4px 4px;
    color: var(--neutral-black);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.section-tab__tbody-tr td a {
    color: var(--neutral-black)
}

.section-tab__tbody-tr td.section-tab__first-td {
    width: 27%;
    padding-left: 32px
}

.section-tab__td-1 {
    width: 75%
}

.td_wrapper a {
    display: flex
}

.table_grid {
    padding: 5px;
    margin: 10px;
    display: grid;
    width: 100%;
}

.td-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    max-width: 150px;
    margin: 10px;
}

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

.registration-p__resend {
    margin-top: 10px;
    font-size: 14px;
}

.registration-p__timer-container {
    color: #666;
}

.registration-p__timer {
    font-weight: bold;
    color: #1E1E1E;
}

.registration-p__resend-btn {
    background: none;
    border: none;
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
}

.registration-p__resend-btn:hover {
    color: #0056b3;
}

.registration-p__resend-btn:disabled {
    color: #ccc;
    cursor: not-allowed;
}

.section__tabs-upd {
    display: flex;
    gap: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap
}

.section-top__doc {
    color: var(--green-btn);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline
}

.section__tabs-upd .section-tab__btn {
    border-radius: 8px;
    background: #fff;
    padding: 12px;
    margin-right: 0 !important
}

.section__tabs-upd .one,
.section__tabs-upd .four {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.section-tab__btn {
    text-align: center
}

.subtext {
    margin-top: 5px;
    font-size: 12px;
    text-align: right
}

.section__tabs-upd .two,
.section__tabs-upd .three {
    -webkit-box-flex: .5;
    -ms-flex-positive: .5;
    flex-grow: .5
}

.section__tabs-upd .section-tab__btn__active {
    border: 1px solid var(--green-btn) !important
}

.section-tab__review {
    padding: 24px 16px;
    border-radius: 8px;
    background-color: var(--white)
}

.section-tab__question-btn,
.section-tab__review-btn {
    margin-bottom: 24px;
    padding: 6px 12px;
    max-width: 135px;
    height: 32px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.section-tab__question-btn {
    max-width: 150px
}

.section-tab__review-list {
    width: 66%
}

.section-tab__review-item:not(:first-child) {
    margin-top: 22px
}

.section-tab__stars {
    margin-bottom: 14px;
    width: 119px
}

.section-tab__review-descr {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.section-tab__review-author {
    margin: 0;
    color: var(--gray-50);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.section-tab__author-name {
    font-weight: 600;
    color: var(--black-text)
}

.section-tab__review-date {
    color: var(--gray-50);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.section-tab__count-wrap {
    display: flex;
    flex-direction: column
}

.section-tab__count-text {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.empty-cart__body {
    position: relative
}

.empty-cart__img img {
    width: 100%
}

.empty-cart__basket {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%)
}

.empty-cart__img {
    position: absolute;
    bottom: 0;
    width: 55%
}

.empty-cart__ellipse {
    width: 60%
}

.empty-card__suptitle {
    margin-top: 55px;
    font-size: 24px;
    font-weight: 900;
    line-height: 25px;
    color: #7654FF
}

.empty-cart__text {
    display: flex;
    flex-direction: column;
    align-items: center
}

.order {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 8px;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}

.order-date h4 {
    font-weight: 700
}

.order-nav {
    display: flex;
    justify-content: space-between
}

.order-status {
    border-radius: 6px;
    padding: 10px 20px;
    color: var(--white);
    background-color: var(--red-btn)
}

.repeat_order {
    text-align: center;
    cursor: pointer
}

.repeat_order {
    background-color: #0b5ed7 !important
}

.coupon-order {
    position: relative;
    margin-right: 25px;
    background-color: #198754 !important;
    cursor: pointer;
}

.coupon-order-pending {
    position: relative;
    margin-right: 25px;
    background-color: #ffc107 !important;
    color: #000;
}

.coupon-order-rejected {
    position: relative;
    margin-right: 25px;
    background-color: #d62246 !important;
    color: #fff;
}

.coupon-order-confirmed {
    position: relative;
    margin-right: 25px;
    background-color: #198754 !important;
    color: #fff;
}

.coupon-order i,
.coupon-order-pending i,
.coupon-order-rejected i,
.coupon-order-confirmed i {
    position: absolute;
    right: -24px;
    top: -4px;
}

@media (max-width: 538px) {

    .coupon-order.desktop,
    .coupon-order-pending.desktop,
    .coupon-order-rejected.desktop,
    .coupon-order-confirmed.desktop {
        display: none;
    }
}

.ui-tooltip.highlight.ui-widget-content {
    color: #fff;
    background: #000;
}

.ui-tooltip.highlight.ui-widget-content .ui-tooltip-content {
    font-size: 0.9em !important
}

.repeat_order.mobile {
    display: none
}

.coupon-order.mobile {
    display: none
}

.coupon-order.mobile,
.coupon-order-pending.mobile,
.coupon-order-rejected.mobile,
.coupon-order-confirmed.mobile {
    display: none
}

@media (max-width: 538px) {

    .coupon-order.mobile,
    .coupon-order-pending.mobile,
    .coupon-order-rejected.mobile,
    .coupon-order-confirmed.mobile {
        display: block;
        text-align: center;
        margin-top: 10px;
        margin-right: 0;
    }

    .coupon-order.mobile i,
    .coupon-order-pending.mobile i,
    .coupon-order-rejected.mobile i,
    .coupon-order-confirmed.mobile i {
        right: 8px;
        top: 8px;
    }
}

.order-storage {
    word-break: break-word
}

.order_card {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 6px;
    padding: 25px;
    margin-top: 15px
}

.order_card__info {
    margin-right: 20%
}

.order_card__inner {
    display: flex
}

.order-card__wrapper {
    display: flex;
    width: 100%
}

.order_card__img {
    display: flex;
    max-width: 150px;
    align-items: center;
    margin-right: 5%
}

.order_card__img img {
    min-width: 100px
}

.order_suptitle {
    margin-bottom: 5px;
    font-size: 12px;
    color: #6D7685
}

.order_title {
    word-wrap: break-word;
    color: #3F8B8B;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px
}

.order_title a,
.order_title a:hover {
    color: #3F8B8B !important
}

.order_dozir a,
.order_dozir a:hover {
    color: #000 !important
}

.order_dozir {
    font-size: 18px;
    margin-bottom: 5px
}

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

.order_count .count_text,
.order_cost .cost_text {
    margin-bottom: 5px;
    font-size: 12px;
    color: #6D7685
}

.order_count .count_num,
.order_cost .cost_num {
    background: #f2f5fa;
    text-align: center;
    padding: 8px 10px;
    border-radius: 6px;
    color: #3f8b8b;
    font-size: 25px;
    font-weight: 700;
    min-width: 200px
}

.repost__popup,
.repost {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000
}

.repost__popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    width: 80%;
    max-width: 550px
}

.repost__close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer
}

.repost__btn {
    border: #F2F5FA 1px solid;
    border-radius: 5px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    margin-left: 5px
}

.repost__icon {
    margin-left: 5px;
    width: 25px;
    height: 25px
}

.copy__btn {
    margin: 0 auto !important
}

.btns_wrapper {
    display: flex;
    justify-content: center
}

#notification {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #6c757d;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    z-index: 1001
}

.notification_show {
    opacity: 1 !important;
    visibility: visible !important;
}

.website.reply {
    margin-top: -5px !important
}

.website.reply .section-tab__review-descr {
    margin-top: 8px
}

.website.reply .section-tab__review-descr,
.website.reply .wrapper {
    margin-left: 20px
}

.website.reply hr {
    border: 1px solid #f5f5f5
}

.reviews-answer {
    font-size: 12px;
    color: #8692A3
}

.section-tab__review-item.website.reply {
    width: 100% !important;
    padding: 15px 0 !important
}

.reply__accordion-header {
    font-weight: 700;
    color: #8692a4;
    font-size: 12px;
    padding: 0
}

.answer-btn__accordion-header {
    margin-top: 5px;
    background-color: #fff;
    color: #458b87;
    border: #3f8b8b 1px solid;
    padding: 7px 12px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px
}

.answer-btn__accordion-header:hover {
    transition: all .2s linear;
    background-color: #458b87;
    color: #fff
}

.wrapper-reply {
    margin-left: 20px;
    display: flex;
    justify-content: space-between
}

.reply-to-reply-btn__accordion-header {
    margin-top: 5px;
    background-color: #fff;
    color: #458b87;
    border: #3f8b8b 1px solid;
    padding: 7px 12px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px
}

.reply-to-reply-btn__accordion-header:hover {
    transition: all .2s linear;
    background-color: #458b87;
    color: #fff
}

.reply-btn__accordion-header {
    margin-top: 5px;
    background-color: #fff;
    color: #458b87;
    border: #3f8b8b 1px solid;
    padding: 7px 12px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px
}

.reply-btn__accordion-header:hover {
    transition: all .2s linear;
    background-color: #458b87;
    color: #fff
}

.comment_btn.reply-to-reply {
    display: flex;
    flex-direction: row-reverse
}

#reviews-inputs.reply-to-reply input,
#reviews-inputs.reply-to-reply textarea {
    margin-left: 20px
}

.send-reply.reply-btn__accordion-header {
    background-color: #458b87;
    color: #fff
}

.reply__accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out, padding 0.2s ease-out
}

.answer-btn__accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out, padding 0.2s ease-out
}

#reviews-inputs.reply input::placeholder,
#reviews-inputs.reply textarea::placeholder {
    color: #6e7685
}

#reviews-inputs.reply input,
#reviews-inputs.reply textarea {
    border: none;
    display: block;
    resize: none;
    width: 100%;
    background-color: #F2F2F2
}

.reply__accordion-content p {
    margin: 10px 0
}

.reviews-answer b {
    color: #000
}

.website.reply:first-child {
    margin-top: -5px !important
}

.section-tab__review-item.reply {
    border-radius: 0px !important
}

.section-tab__thin-text {
    font-weight: 400
}

.section-alphabet {
    padding-bottom: 16px;
    background-color: var(--gray-bg);
    font-family: var(--second-family)
}

.section-alphabet__top {
    padding-top: 24px;
    padding-bottom: 18px;
    background-color: var(--white)
}

.section-alphabet__heading {
    margin-top: 0;
    margin-bottom: 24px
}

.section-alphabet__content-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.section-alphabet__content-text {
    color: var(--black-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-alphabet__input {
    padding: 1px 14px;
    border-radius: 4px;
    background-color: var(--white);
    border: 1px solid var(--blue-gray-20);
    min-width: 275px;
    height: 32px
}

.section-alphabet__input::placeholder {
    padding-left: 17px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background-image: url(/assets/img/search-2.svg);
    background-position: left;
    background-repeat: no-repeat
}

.section-alphabet__content {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.section-alphabet__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    padding: 6px 8px;
    color: var(--gray-50);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.section-alphabet__btn__active {
    background-color: var(--blue-gray-20);
    border-radius: 4px;
    color: var(--red-btn)
}

.section-alphabet__main {
    padding-top: 16px
}

.section-alphabet__main-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 13px;
    width: 83.5%;
    margin-bottom: 17px
}

.section-alphabet__main-item {
    padding-top: 8px;
    padding-bottom: 8px
}

.section-alphabet__main-link {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--gray-50)
}

.section-disease {
    padding-top: 16px;
    padding-bottom: 12px;
    font-family: var(--second-family);
    background-color: var(--gray-bg)
}

.section-disease__heading {
    margin-bottom: 20px
}

.section-disease__heading-h3 {
    margin-bottom: 4px;
    color: var(--gray-70);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.section-disease__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px
}

.section-disease__thead-tr {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 24px;
    background-color: var(--blue-gray-20)
}

.section-disease__thead-tr td {
    border: 1px solid var(--blue-gray-30);
    padding: 12px;
    color: var(--neutral-black);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-align: center
}

.section-disease__tbody-tr {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 23px;
    background-color: var(--white)
}

.section-disease__tbody-tr td {
    border: 1px solid var(--blue-gray-30);
    padding: 4px 12px 3px;
    color: var(--neutral-black);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.section-disease__td-1,
.section-disease__td-2 {
    width: 35.4%
}

.section-disease__td-3 {
    width: 15.2%
}

.section-disease__td-4 {
    width: 14%
}

.section-disease__tbody-tr td.section-disease__first-td {
    padding-left: 32px
}

td.section-disease__first-td a {
    color: var(--neutral-black)
}

.section-disease__tbody-tr td a {
    color: var(--neutral-black)
}

.section-disease__tr-down {
    display: block;
    padding-left: 30px;
    color: var(--neutral-black)
}

.section-disease__btn-drop-show {
    position: relative
}

.section-disease__tbody-tr td.section-disease__tr-down {
    padding-left: 52px
}

.section-search {
    padding-top: 36px;
    padding-bottom: 12px;
    font-family: var(--second-family);
    background-color: var(--gray-bg)
}

.section-search__heading {
    margin-bottom: 12px
}

.section-search__btn-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    order: 4
}

.section-search__btn-form {
    padding: 6px 12px;
    min-height: 32px
}

.section-search__filter-btn {
    display: none
}

.section-search__result {
    margin-top: 0;
    margin-bottom: 4px;
    color: var(--gray-70);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.section-search__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.section-search__card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    border-radius: 8px;
    padding: 5px 14px;
    background-color: var(--white);
    border: 2px solid transparent;
    transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out
}

.section-search__card:hover {
    border: 2px solid var(--purple-25);
    background-color: #f3efff
}

.section-search__card:hover .section-search__btn-fil {
    background-color: #f3efff
}

.section-search__card-left {
    align-items: start;
    margin-right: 15px
}

.section-search__right-price {
    position: relative
}

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer
}

[data-tooltip]:after,
[data-tooltip]:before {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.content {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 16px;
    height: 16px
}

.section-search__name-td {
    color: var(--gray-70)
}

.section-search__table tr td {
    border: 1px solid var(--blue-gray-15);
    text-align: center
}

.section-search__table tr td.section-search__first-td {
    border-left: 1px solid var(--white)
}

.section-search__table tr td.section-search__last-td {
    border-right: 1px solid var(--white);
    font-weight: 600;
    color: var(--green-text)
}

.section-search__table {
    border-collapse: collapse;
    border: 1px solid var(--white);
    width: 100%;
    height: max-content
}

.section-search__table tr.section-search__first-tr td {
    border-top: 1px solid var(--white)
}

.section-search__table tr.section-search__last-tr td {
    border-bottom: 1px solid var(--white)
}

.section-search__table-fil {
    display: none
}

.section-search__table-fil__active {
    display: inline-table;
    width: 100%
}

.section-search__table-fil tr.section-search__first-tr td {
    border-top: 1px solid var(--blue-gray-15)
}

.section-search__table-fil tr.section-search__last-tr td {
    border-bottom: 1px solid var(--blue-gray-15)
}

.section-search__table-fil tr td {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px
}

.section-search__right-price {
    display: flex;
    justify-content: end;
    padding-right: 26px
}

.section-search__price-text {
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.section-search__bold-price {
    font-size: 24px;
    font-weight: 700
}

.section-search__btn-fil {
    width: 142px;
    height: 32px;
    margin: 0;
    padding: 6px 12px;
    background-color: var(--white);
    border-color: transparent;
    color: var(--green-btn);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    background-image: url(/assets/img/arrow.svg);
    background-position: right;
    background-repeat: no-repeat
}

.section-search__card-center {
    display: flex;
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
    flex-wrap: wrap;
    gap: 8px;
    flex-grow: 1
}

.section-search__card-center .section-search__phone-btn.section-search__btn {
    margin: 0
}

.section-search__card-center .section-search__delivery-btn.section-search__btn {
    margin: 0
}

.section-search__card-center .btn-global.product__btn.product__btn_center.d-fc {
    margin: 0
}

.section-search__center-btn {
    color: var(--green-btn);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap
}

.section-search__phone-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 6px 12px 6px 38px;
    background-color: var(--gray-bg);
    background-image: url(/assets/img/phone-filter.svg);
    margin-right: 2px;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 20px
}

.section-search__order-btn {
    background-position: 20px center
}

.section-search__card-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: end;
    flex-shrink: 0;
    min-width: max-content
}

.section-search__right-location {
    margin-top: 0;
    margin-bottom: 4px;
    color: var(--gray-50);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: end
}

.section-search__location-bold {
    font-weight: 600
}

.section-search__right-count {
    text-align: right;
    color: var(--green-text);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-search__card-fil {
    flex-wrap: wrap
}

.section-search__table-fil {
    width: 100%;
    margin-top: 20px
}

.section-search__form {
    display: flex;
    flex-direction: column
}

.section-group {
    padding-top: 24px;
    padding-bottom: 20px;
    font-family: var(--second-family)
}

.section-group__group {
    display: none
}

.section-group__group__active {
    display: block
}

.section-group__heading {
    margin-bottom: 12px
}

.section-group__list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 4px
}

.section-group__item:not(:last-child) {
    margin-right: 20px
}

.section-group__item {
    display: flex;
    justify-content: center;
    border-radius: 4px;
    width: 33%
}

.section-group__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;
    color: var(--black);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.section-group__item-img {
    margin-bottom: 8px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.section-nav__pb {
    padding-bottom: 40px
}

.section-category {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--gray-bg);
    font-family: var(--second-family)
}

.section-category__container {
    display: flex;
    justify-content: space-between
}

.section-category__left {
    display: flex;
    flex-direction: column;
    width: 23.9%;
    height: max-content;
    margin-right: 23px;
    border-radius: 4px;
    background-color: var(--white)
}

.section-category__heading {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 16px 12px;
    color: var(--white);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(90deg, #47a5a3 0, #5865a7 71.18%, #6f49ab 107.6%);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.section-category__left-list {
    padding-top: 2px;
    padding-bottom: 6px
}

.section-category__left-item {
    padding: 6px 12px
}

.section-category__left-link {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 28px;
    width: 100%;
    height: 100%;
    color: var(--neutral-black);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.section-category__left-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat
}

.left-link-1::after {
    background-image: url(/assets/img/menu1.svg)
}

.left-link-2::after {
    background-image: url(/assets/img/menu2.svg)
}

.left-link-3::after {
    background-image: url(/assets/img/menu3.svg)
}

.left-link-4::after {
    background-image: url(/assets/img/menu4.svg)
}

.left-link-5::after {
    background-image: url(/assets/img/menu5.svg)
}

.left-link-6::after {
    background-image: url(/assets/img/menu6.svg)
}

.left-link-7::after {
    background-image: url(/assets/img/menu7.svg)
}

.left-link-8::after {
    background-image: url(/assets/img/menu8.svg)
}

.left-link-9::after {
    background-image: url(/assets/img/menu9.svg)
}

.left-link-10::after {
    background-image: url(/assets/img/menu10.svg)
}

.left-link-11::after {
    background-image: url(/assets/img/menu11.svg)
}

.left-link-12::after {
    background-image: url(/assets/img/menu12.svg)
}

.left-link-13::after {
    background-image: url(/assets/img/menu13.svg)
}

.left-link-14::after {
    background-image: url(/assets/img/menu14.svg)
}

.left-link-15::after {
    background-image: url(/assets/img/menu15.svg)
}

.left-link-16::after {
    background-image: url(/assets/img/menu16.svg)
}

.left-link-17::after {
    background-image: url(/assets/img/menu17.svg)
}

.left-link-18::after {
    background-image: url(/assets/img/menu18.svg)
}

.left-link-19::after {
    background-image: url(/assets/img/menu19.svg)
}

.left-link-20::after {
    background-image: url(/assets/img/menu20.svg)
}

.left-link-21::after {
    background-image: url(/assets/img/menu21.svg)
}

.left-link-22::after {
    background-image: url(/assets/img/menu22.svg)
}

.left-link-23::after {
    background-image: url(/assets/img/menu23.svg)
}

.left-link-24::after {
    background-image: url(/assets/img/menu24.svg)
}

.section-category__list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px
}

.section-card {
    padding-bottom: 12px;
    background-color: var(--gray-bg);
    font-family: var(--second-family)
}

.section-card__top {
    padding-top: 16px;
    padding-bottom: 12px;
    background-color: var(--white)
}

.section-card__main {
    display: flex;
    justify-content: space-between;
    padding-top: 16px
}

.section-card__left {
    width: 41%;
    margin-right: 24px;
    padding: 10px;
    border-radius: 8px;
    background-color: var(--white)
}

.section-card__main-slide {
    height: 506px
}

.section-card__main-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.section-card__right {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px 24px 16px;
    width: 57%;
    border-radius: 8px;
    background-color: var(--white)
}

.section-card__prev-swiper {
    margin-left: 0;
    margin-bottom: 16px;
    width: 91%
}

.section-card__prev-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid var(--blue-gray-15)
}

.section-card__navigation {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 180px;
    width: 100%;
    height: 32px
}

.section-card__btn {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 24px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
}

.section-card__btn-right {
    width: 48px;
    height: 32px;
    background-color: var(--blue-gray-15);
    border-radius: 4px;
    background-image: url(/assets/img/nav-right.svg);
    background-position: center;
    background-repeat: no-repeat
}

.section-card__btn-left {
    left: 20px;
    width: 48px;
    height: 32px;
    background-color: var(--blue-gray-15);
    border-radius: 4px;
    background-image: url(/assets/img/nav-left.svg);
    background-position: center;
    background-repeat: no-repeat
}

.section-card__right-descr {
    margin-top: 0;
    margin-bottom: 16px;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.section-card__descr-color {
    color: var(--green-btn);
    font-weight: 500
}

.section-card__right-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto
}

.section-card__right-price {
    color: var(--black-text);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.section-card__price-bold {
    font-size: 32px;
    font-weight: 700
}

.section-card__right-all {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.section-card__right-count {
    display: inline-block;
    margin-right: 12px;
    color: var(--green-text);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-card__right-btn {
    height: 29px;
    padding: 6px 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-card__map-btn.hidden {
    display: none
}

.section-content {
    padding-top: 12px;
    padding-bottom: 20px;
    background-color: var(--gray-bg);
    font-family: var(--second-family)
}

.analog_text {
    color: var(--green-text)
}

.section-content__container {
    max-width: 1360px;
    padding: 0 60px
}

.section-content__btn-wrap {
    margin-bottom: 24px
}

.section-content__card {
    padding-top: 24px
}

.section-content__heading {
    margin-bottom: 12px
}

.section-content__card {
    position: relative
}

.block-count__search-wrap.mirena {
    margin: 5px 0;
    width: 100%
}

.section-content__navigation {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 211px;
    width: 100%;
    height: 32px
}

.section-popular__item2 {
    width: 31%
}

.section-content__btn {
    position: absolute;
    z-index: 2;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 32px;
    background-color: var(--white);
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
}

.section-content__btn-left {
    left: -60px;
    background-image: url(/assets/img/nav-left.svg)
}

.section-content__btn-right {
    right: -60px;
    background-image: url(/assets/img/nav-right.svg)
}

.section-content__swiper {
    width: 100%;
    margin-bottom: 24px
}

.section-content__banner {
    border-radius: 8px;
    margin-bottom: 48px
}

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

.section-content__input {
    padding: 8px 10px;
    border-radius: 9px;
    background-color: var(--white);
    border: 1px solid var(--gray-50);
    width: 100%;
    height: 40px
}

.section-content__input::placeholder {
    color: var(--gray-70);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.section-count {
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: var(--gray-bg);
    font-family: var(--second-family)
}

.block-count {
    margin-bottom: 14px
}

.block-count__heading {
    margin-bottom: 20px
}

.block-count__check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

.block-count__check-wrap {
    position: relative;
    display: flex;
    align-items: start;
    min-height: 69px;
    height: max-content;
    width: 12.4%;
    margin-right: 11px;
    padding: 10px 12px;
    border-radius: 4px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background: #cec5e7;
    color: #412983;
    transition: all 0.2s ease-in-out
}

.block-count__check-wrap::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 45px
}

.block-count__check-wrap.active {
    background: #bfe3e3;
    color: #146060
}

.filter_1::before {
    width: 71px;
    background-image: url(/assets/img/card-filt1.svg)
}

.filter_2::before {
    width: 29px;
    background-image: url(/assets/img/card-filt2.svg)
}

.filter_3::before {
    width: 54px;
    background-image: url(/assets/img/card-filt3.svg)
}

.filter_4::before {
    width: 64px;
    background-image: url(/assets/img/card-filt4.svg)
}

.filter_5::before {
    width: 45px;
    background-image: url(/assets/img/card-filt5.svg)
}

.filter_6::before {
    width: 60px;
    background-image: url(/assets/img/card-filt6.svg)
}

.filter_7::before {
    width: 60px;
    background-image: url(/assets/img/card-filt7.svg)
}

.block-count__input-check {
    position: absolute;
    bottom: 10px;
    left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    appearance: none;
    border-radius: 4px;
    background-color: var(--white);
    border: 1px solid #c5c5c5;
    margin-right: 7px
}

.block-count__input-check:checked {
    width: 25px;
    height: 25px;
    background-image: url(/assets/img/done.svg);
    background-repeat: no-repeat;
    background-position: center
}

.block-count__label-check {
    position: absolute;
    top: 7px;
    bottom: 0;
    left: 10px;
    right: 0;
    padding-right: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.filter_7 .block-count__label-check {
    top: 0
}

.block-count__form-btn {
    position: relative;
    display: flex;
    align-items: start;
    text-align: start;
    min-height: 69px;
    padding: 10px;
    border-radius: 4px;
    background: #e3bfbf;
    color: #601414;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
    border: none;
    outline: 0
}

.block-count__form-btn::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    background-image: url(/assets/img/clear-filt.svg);
    background-position: center;
    background-repeat: no-repeat
}

.block-count__right-price {
    display: flex;
    flex-direction: column-reverse;
    align-items: end
}

.block-count__right-btn {
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px 32px 6px 12px;
    color: var(--green-btn);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.block-count__right-btn::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 6px;
    width: 20px;
    height: 12px;
    background-image: url(/assets/img/arrow-up.svg);
    background-position: center;
    background-repeat: no-repeat
}

.block-count__right-btn__active::after {
    background-image: url(/assets/img/arrow-down2.svg)
}

.block-count__station-wrap {
    display: flex;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 2px
}

.block-count__search-wrap {
    width: 30%;
    margin-bottom: 20px
}

.block-count__map-wrap {
    position: relative;
    display: flex;
    margin-bottom: 30px
}

.block-count__map-3,
.block-count__map-4 {
    display: none
}

.block-count__map-3.active {
    display: block;
    width: 100%;
    height: 800px
}

.block-count__map-4.active {
    display: block;
    width: 100%;
    height: 800px
}

.block-count__map-btn {
    margin-left: auto;
    padding: 6px 40px 6px 56px;
    min-height: 40px;
    background-image: url(/assets/img/map-btn.svg);
    background-position: left 34px top 12px;
    background-repeat: no-repeat
}

.block-count__list-btn {
    padding: 6px 40px 6px 56px;
    min-height: 40px;
    background-image: url(/assets/img/btn-list.svg);
    background-position: left 34px top 14px;
    background-repeat: no-repeat;
    display: none
}

@media screen and (max-width:360px) {
    .block-count__map-btn {
        padding: 6px 30px 6px 46px;
        background-position: left 30px top 12px
    }

    .block-count__list-btn {
        padding: 6px 30px 6px 46px;
        background-position: left 28px top 14px
    }
}

.block-count__list-btn.active {
    display: flex;
    align-items: center
}

.block-count.hidden {
    display: none
}

.block-count__map-btn.hidden {
    display: none
}

.block-count__pagination.hidden {
    display: none
}

.section-tab__pagination {
    margin-bottom: 24px
}

.block-analogue {
    position: relative;
    padding-bottom: 24px
}

.block-analogue__heading {
    margin-bottom: 12px
}

.block-analogue__item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 320px;
    height: auto;
    border-radius: 8px;
    padding: 12px 13px 10px;
    background-color: var(--white)
}

.block-analogue__navigation {
    position: absolute;
    z-index: 6;
    display: block;
    left: 0;
    right: 0;
    top: 180px;
    width: 100%;
    height: 32px
}

.block-analogue__btn {
    position: absolute;
    z-index: 2;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 32px;
    background-color: var(--white);
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
}

.block-analogue__btn-right,
.block-cat__btn-right,
.block-popular__btn-right {
    right: -60px;
    background-image: url(/assets/img/nav-right.svg)
}

.block-analogue__btn-left,
.block-cat__btn-left,
.block-popular__btn-left {
    left: -60px;
    background-image: url(/assets/img/nav-left.svg)
}

.tab__btn-left {
    left: -32px
}

.tab__btn-right {
    right: -32px
}

.section-content__card {
    display: none
}

.section-content__card__active {
    display: flex;
    flex-direction: column;
    width: 100%
}

.section-content__tab-btn {
    cursor: pointer;
    margin-right: 10px;
    padding-bottom: 6px;
    color: var(--gray-70);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 2px solid transparent
}

.section-content__tab-btn__active {
    color: var(--black-text);
    border-bottom: 2px solid #d62246
}

.reg-block {
    display: none
}

.reg-block.section-content__card__active {
    display: flex;
    justify-content: space-between
}

.reg-block__left {
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    border-radius: 8px;
    background-color: var(--white);
    width: calc(50% - 14px);
    margin-right: 24px
}

.reg-block__left-text {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.reg-block__thin-text {
    font-weight: 400
}

.reg-block__last-text {
    margin-bottom: 0
}

.reg-block__right {
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    border-radius: 8px;
    background-color: var(--white)
}

.reg-block__right-text {
    margin-bottom: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.reg-block__right-wrap {
    display: flex;
    margin-bottom: 10px
}

.reg-block__right-link {
    display: block;
    margin-right: 8px;
    padding: 6px 12px;
    min-height: 32px;
    text-align: center
}

.info-block.section-content__card__active,
.question-block.section-content__card__active,
.review-block.section-content__card__active {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    padding: 24px 16px;
    border-radius: 8px
}

.reg-block.section-content__card__active {
    flex-direction: row
}

.info-block__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.info-block__item {
    margin-right: 12px;
    margin-bottom: 12px
}

.info-block__link {
    color: var(--green-btn);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline
}

.info-block__heading {
    margin-bottom: 12px
}

.info-block__descr {
    color: var(--black-text);
    margin-bottom: 24px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.info-block__descr-mb {
    margin-bottom: 0
}

.question-block__container {
    margin: 0 auto;
    width: 67%
}

.mt-10{
    margin-top: 10px;
}

.question-block__question {
    margin-top: 0;
    margin-bottom: 8px;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.question-block__answer {
    position: relative;
    margin-bottom: 24px;
    padding-left: 32px
}

.question-block__answer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: 2px;
    height: 100%;
    background-color: var(--green-text)
}

.question-block__answer-text {
    display: inline-block;
    margin-bottom: 4px;
    color: var(--gray-50);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.question-block__answer-descr {
    margin: 0;
    color: var(--black-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.question-block__form,
.review-block__form {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    padding: 16px;
    border-radius: 8px;
    background-color: var(--gray-5);
    display: none
}

.question-block__form__active,
.review-block__form__active {
    display: flex
}

.section-tab__question-btn__hidden,
.section-tab__review-btn__hidden {
    display: none
}

.question-block__close-btn,
.review-block__close-btn {
    position: absolute;
    top: 16px;
    right: 16px
}

.review-block__title {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--black-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.full-stars .rating-group {
    display: inline-flex;
    margin-bottom: 12px
}

.full-stars input {
    position: absolute;
    left: -9999px
}

.full-stars label {
    margin: 0;
    margin-right: 5px;
    cursor: pointer
}

.full-stars label svg {
    height: 20px;
    width: 20px;
    fill: #ffd162;
    transition: fill 0.3s
}

.full-stars input:checked~label svg {
    fill: #cad3e0
}

.full-stars .rating-group:hover label svg {
    fill: #ffd162
}

.full-stars .rating-group input:hover~label svg {
    fill: #cad3e0
}

.review-block__form-input {
    margin-bottom: 8px;
    padding: 6px 12px;
    background-color: var(--white);
    border-radius: 4px;
    border: 1px solid var(--blue-gray-15)
}

.review-block__form-input::placeholder {
    color: var(--blue-gray-30);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.review-block__submit-btn {
    width: 99px;
    padding: 6px 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.review-block__textarea {
    min-height: 130px;
    margin-bottom: 12px
}

.section-list__card-top {
    display: flex;
    align-items: start
}

.section-top__link-map {
    display: none
}

.section-articleMain {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f2f5fa;
    font-family: var(--second-family)
}

.section-articleMain__container {
    display: flex;
    justify-content: space-between
}

.section-articleMain__right {
    width: 76%
}

.section-articleMain__list {
    display: none
}

.section-articleMain__list__active {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    font-family: var(--second-family);
    margin-bottom: 40px
}

.section-articleMain__list .section-articleMain__left {
    width: 24%
}

.section-articleMain__headind {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 9px 12px;
    background-color: var(--blue-gray-15);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: var(--neutral-black);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.section-articleMain__headind svg {
    margin-right: 6px
}

.section-articleMain__link {
    width: 100%;
    height: 100%
}

.section-articleOne__right {
    display: flex;
    flex-direction: column;
    width: 76%;
    background-color: var(--white);
    border-radius: 8px;
    padding: 24px 16px;
    font-family: var(--second-family)
}

.section-articleOne__btn-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.section-articleOne__btn {
    display: flex;
    align-items: center;
    background-color: #f2f5fa;
    padding: 6px 12px;
    border-radius: 4px;
    color: var(--green-btn);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-articleOne__btn-left {
    margin-right: 12px;
    padding-left: 18px
}

.section-articleOne__btn-left svg {
    margin-right: 12px
}

.section-articleOne__btn-right {
    padding-right: 18px
}

.section-articleOne__btn-right svg {
    margin-left: 12px
}

.section-articleOne__heading {
    margin-bottom: 12px
}

.section-articleOne__img {
    margin-bottom: 12px
}

.section-articleOne__descr {
    color: var(--black-text);
    margin: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.section-articleOne__title {
    margin-bottom: 8px;
    color: var(--black-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.section-articleMain__art-btn {
    display: none
}

.section-card__right-bottom__mob {
    display: none
}

.index-main .section-article {
    padding-bottom: 30px
}

.section-list__input {
    margin-bottom: 16px
}

.section-content .section-article {
    padding-bottom: 0
}

.section-articleMain__content {
    display: none
}

.section-articleMain__content__active {
    display: flex;
    flex-direction: column
}

.block-seo-bottom {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: var(--white);
    font-family: var(--second-family)
}

.block-seo__list {
    list-style: inside
}

.block-seo__item {
    color: var(--black);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.section-top__card-title {
    display: block;
    color: var(--black-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.block-count__rating {
    margin-bottom: 12px
}

.block-count__list {
    position: relative
}

.block-count__card {
    position: relative;
    z-index: 4
}

.block-count__item-fil {
    display: none;
    opacity: 0;
    visibility: hidden;
    width: 95%;
    margin-left: auto;
    transition: all 0.3s ease-in-out
}

.block-count__item-fil__active {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 1;
    visibility: visible
}

.section-nav {
    display: none
}

.section-info {
    background-color: var(--gray-bg);
    font-family: var(--second-family)
}

.section-info__heading-wrap {
    background-color: var(--white);
    padding-top: 40px;
    padding-bottom: 12px
}

.section-info__heading {
    margin: 0 auto;
    color: var(--black-text);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.section-info__container {
    display: grid;
    grid-template-columns: 55% 45%;
    gap: 24px;
    padding-top: 16px;
    padding-bottom: 12px
}

.section-info__left-card {
    padding: 14px 16px;
    border-radius: 4px;
    color: var(--black-text);
    background-color: var(--white);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, .06)
}

.section-info__green-card {
    background: #bfe3e3;
    color: #146060;
    font-weight: 600;
    margin-bottom: 14px
}

.section-info__img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    max-height: 184px;
    object-fit: cover
}

.section-info__white-card {
    padding-top: 18px;
    padding-bottom: 18px
}

.section-connect {
    display: flex;
    justify-content: space-between;
    background-color: var(--gray-bg)
}

.section-connect__container {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
    font-family: var(--second-family)
}

.section-connect__container::before {
    position: absolute;
    z-index: -2;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #47a5a3 0, #5865a7 71.18%, #6f49ab 107.6%)
}

.section-connect__container::after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 51%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/img/pngwing.png);
    background-position: right 206px center;
    background-repeat: no-repeat
}

.section-connect__content {
    width: 50%;
    padding-top: 39px;
    padding-bottom: 39px
}

.section-connect__heading {
    font-weight: 700;
    color: var(--white);
    margin-bottom: 16px
}

.section-connect__descr {
    margin-top: 0;
    margin-bottom: 30px;
    color: var(--white);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

.section-connect__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 33px;
    background-color: var(--white);
    border-radius: 4px;
    color: var(--green-btn);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.section-analytics {
    padding-top: 12px;
    padding-bottom: 18px;
    background-color: var(--gray-bg);
    font-family: var(--second-family)
}

.section-analytics__heading {
    text-align: center;
    margin-bottom: 12px
}

.section-analytics__content {
    display: flex;
    justify-content: space-between
}

.section-analytics__img {
    width: 43.3%;
    margin-right: 24px;
    border-radius: 4px
}

.section-analytics__right {
    padding: 21px 22px;
    background-color: var(--white);
    border-radius: 4px
}

.section-analytics__right-heading {
    margin-top: 0;
    margin-bottom: 22px;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.section-analytics__right-list {
    margin-bottom: 22px
}

.section-analytics__right-item {
    position: relative;
    padding-left: 24px;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

.section-analytics__right-item::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--black-text)
}

.section-analytics__right-descr {
    margin-top: 0;
    margin-bottom: 30px;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.section-analytics__right-btn {
    padding: 16px 9px;
    height: 54px
}

.section-connect__descr-mb {
    margin-bottom: 14px
}

.section-connect__link {
    color: var(--white);
    text-decoration: underline
}

.section-disease__content-wrap {
    margin-bottom: 20px
}

#overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    z-index: 99999;
    -webkit-animation: fade 0.6s;
    -moz-animation: fade 0.6s;
    animation: fade 0.6s;
    overflow: auto
}

.popup {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 900;
    padding: 10px 75px;
    text-align: center;
    max-width: 1028px;
    min-height: 62px;
    background-color: var(--white);
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, .15);
    border-radius: 8px;
    -webkit-animation: fade 0.6s;
    -moz-animation: fade 0.6s;
    animation: fade 0.6s
}

.cookie-text {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 35px;
    color: #1e1e1e;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.cookie-link {
    color: #6951ab;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal
}

.cookie-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 35px;
    border-radius: 8px;
    background-color: #6951ab;
    color: var(--white);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.footer-up__icon-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px
}

.footer-up__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px
}

.footer-up__icon-tg {
    background-image: url(/assets/img/TG.svg)
}

.footer-up__icon-vk {
    background-image: url(/assets/img/VK.svg)
}

.footer-up__icon-ok {
    background-image: url(/assets/img/OK.svg)
}

.footer-up__icon-dz {
    background-image: url(/assets/img/dzen.svg)
}

.footer-up__icon-ins {
    background-image: url(/assets/img/INST.svg)
}

.footer-up__icon-yo {
    background-image: url(/assets/img/Youtube.svg)
}

.footer-up__icon-tt {
    background-image: url(/assets/img/TikTok.svg)
}

.footer-up__icon-fb {
    background-image: url(/assets/img/Facebook.svg)
}

.footer-up__icon-x {
    background-image: url(/assets/img/X-com.svg)
}

.footer-up__icon-in {
    background-image: url(/assets/img/Linkedin.svg)
}

@media screen and (max-width:1200px) {
    .footer-down__logo-list {
        justify-content: end;
        width: 60%
    }

    .section-alphabet__content,
    .section-alphabet__content-text {
        margin-bottom: 16px
    }

    .section-alphabet__main-list {
        width: 100%
    }

    .section-card__right-all {
        flex-direction: column
    }

    .section-card__right-count {
        margin-bottom: 12px
    }

    .header-up__connect-text {
        display: none
    }

    .block-count__check {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 5px;
        column-gap: 5px
    }

    .block-count__check-wrap {
        margin-right: 0;
        width: 100%
    }

    .section-info__container {
        grid-template-columns: 65% 32%
    }

    .section-info__card-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .section-connect__container::after {
        width: 62%;
        background-position: right 66px center;
        opacity: .7
    }

    .section-connect__content {
        width: 77%
    }
}

@media screen and (max-width:992px) {
    .container {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px
    }

    .header-up__container {
        flex-wrap: nowrap
    }

    .header-up__connect,
    .header-up__location {
        padding-left: 0;
        padding-right: 0
    }

    .header-up__link {
        font-size: 12px
    }

    .header-down__logo {
        margin-bottom: 0
    }

    .header-down {
        gap: 12px
    }

    .section-top__content {
        flex-direction: column-reverse
    }

    .section-top__list {
        width: 100%;
        padding-right: 0;
        padding-top: 80px
    }

    .section-top__list.hidden {
        display: none
    }

    .section-top__card-name {
        font-size: 24px
    }

    .section-top__right {
        position: relative;
        width: 100%;
        padding-left: 0
    }

    .section-top__right.active {
        display: block;
        width: 100%
    }

    .section-list__map,
    .section-top__map {
        display: none
    }

    .section-list__map.active {
        display: flex;
        max-height: 1000px
    }

    .section-top__map.active {
        display: flex;
        max-height: 1000px
    }

    .block-count__map-3.active,
    .block-count__map-4.active {
        display: flex;
        max-height: 1000px
    }

    .section-top__map-btn {
        width: 150px;
        padding-right: 22px
    }

    .section-article {
        padding-bottom: 0
    }

    .section-article__top-text {
        font-size: 14px
    }

    .section-article__top-img {
        width: 50%;
        min-height: 142px;
        object-fit: cover
    }

    .section-popular__item {
        min-height: 355px;
        max-height: 355px;
        margin-right: 12px
    }

    .section-popular__item-name {
        font-size: 18px;
        width: 100%
    }

    .section-popular__item-price {
        font-size: 20px
    }

    .section-list__content {
        flex-direction: column-reverse
    }

    .section-list__content-left {
        width: 100%;
        padding-right: 0;
        padding-top: 72px
    }

    .section-top__map-btn {
        left: 0
    }

    .section-alphabet__main-item {
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 14px
    }

    .section-alphabet__content {
        flex-wrap: wrap
    }

    .section-disease__table {
        width: 100%
    }

    .section-search__card {
        padding: 14px 34px 11px 24px
    }

    .section-search__card-left {
        margin-right: auto
    }

    .section-search__right-location {
        width: 170px
    }

    .section-card__left {
        width: 40%
    }

    .section-card__right {
        width: 57%
    }

    .section-card__prev-swiper {
        width: 83%
    }

    .section-card__navigation {
        top: 149px
    }

    .section-card__btn {
        right: 26px
    }

    .section-card__main-slide {
        max-height: 428px
    }

    .section-tab__review-list {
        width: 100%
    }

    .question-block__container {
        width: 100%
    }

    .section-content__banner img {
        min-height: 240px;
        max-width: 387px;
        margin: 0 auto
    }

    .block-count__card {
        padding: 5px 34px 5px 24px
    }

    .block-count__item-fil {
        width: 90%
    }

    .section-search__center-btn {
        display: none
    }

    .section-search__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 62px;
        height: 42px;
        padding: 6px 12px;
        margin: 0;
        background-position: center;
        background-repeat: no-repeat
    }

    .section-top__btns-contact {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 8px;
        padding-left: 10px;
        padding-right: 26px
    }

    .section-search__card-center {
        display: flex;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        flex-wrap: wrap;
        gap: 8px
    }

    .section-search__phone-btn {
        background-image: url(/assets/img/button_phone.svg);
        background-size: 44px
    }

    .section-search__delivery-btn {
        background-image: url(/assets/img/delivery-btn-mob.svg)
    }

    .section-search__order-btn {
        background-image: url(/assets/img/order-btn-mob.svg)
    }

    .section-content__navigation {
        top: 196px
    }

    .section-content__btn-left {
        left: -11px;
        box-shadow: 0 4px 12px 0 rgba(134, 146, 163, .25)
    }

    .section-content__btn-right {
        right: -11px;
        box-shadow: 0 4px 12px 0 rgba(134, 146, 163, .25)
    }

    .block-analogue {
        padding-bottom: 37px
    }

    .section-article__heading {
        margin-bottom: 36px
    }

    .section-article__top-text {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .section-article__text-mb {
        display: inline-block;
        margin-bottom: 11px
    }

    .block-analogue__navigation {
        display: none
    }

    .section-article__navigation {
        display: none
    }

    .info-block__list {
        margin-bottom: 12px
    }

    .section-info__content-list {
        width: 100%
    }

    .section-alphabet__main-list {
        grid-template-columns: 1fr 1fr 1fr
    }

    .section-top__btn-contact svg {
        width: 62px;
        height: 42px
    }

    .section-nav__btn-left {
        left: 0
    }

    .section-nav__btn-right {
        right: 0
    }

    .section-banner__list {
        grid-template-columns: 1fr 1fr
    }

    .section-banner__item:first-child {
        grid-column: 1/2;
        grid-row: 1/3
    }

    .section-banner__link {
        height: 100%
    }

    section-top__content-pos {
        position: relative
    }

    .section-top__link-map {
        position: absolute;
        top: -38px;
        right: 0;
        display: flex;
        align-items: center;
        width: 129px;
        height: 32px;
        padding: 6px 12px 6px 38px;
        background-image: url(/assets/img/map-btn.svg);
        background-position: left 12px top 8px;
        background-repeat: no-repeat;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .section-top__link-map.active {
        display: flex
    }

    .section-top__link-map.hidden {
        display: none
    }

    .section-category__left {
        width: 43%
    }

    .section-articleMain__list__active {
        display: flex;
        flex-direction: column
    }

    .section-articleMain__left {
        width: 35%
    }

    .header__dropdown-menu {
        left: 0;
        right: 0;
        width: 100%
    }

    .footer-down__logo-list {
        width: 63%
    }

    .footer-down__logo-item:not(:last-child) {
        margin-right: 60px
    }

    .popup {
        max-width: 587px;
        padding-left: 24px;
        padding-right: 24px
    }

    .reg-block.section-content__card__active {
        flex-direction: column
    }

    .reg-block__right {
        width: 100%;
        margin-right: 0
    }

    .reg-block__right-text {
        margin-bottom: 24px
    }

    .footer-up__list {
        flex-wrap: wrap
    }

    .footer-up__item {
        margin-bottom: 12px
    }

    .footer-up__item-last {
        width: 100%
    }

    .footer-up__icon-list {
        width: max-content;
        margin-right: auto
    }

    .section-category__list {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (max-width:820px) {
    .header-burger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 24px;
        padding: 4px 8px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/assets/img/burger-btn.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 60px
    }

    .header-burger.close {
        background-size: 20px
    }

    .header-up__list {
        display: none
    }

    .header-up__right-btn {
        margin-left: 0
    }

    .header-up__left-btn {
        margin-right: 0
    }

    .header-up__tg-btn,
    .header-up__vk-btn,
    .header-up__wa-btn,
    .header-up__max-btn
    {
        display: none
    }

    .header-burger.close {
        background-image: url(/assets/img/burger-close.svg)
    }

    .header-mobile__burger-menu {
        position: absolute;
        z-index: 45;
        top: 48px;
        right: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        padding: 12px 0 16px;
        width: 100%;
        background-color: var(--white);
        transform: translateX(-101%);
        border-bottom: 1px solid #e1e7f0;
        overflow-y: scroll;
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out
    }

    .header-mobile__burger-menu.active {
        display: flex;
        flex-direction: column;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: none
    }

    .header-mobile__bottom {
        display: flex;
        flex-direction: column;
        padding: 12px 20px
    }

    .header-mobile__social-title {
        display: block;
        color: var(--neutral-black);
        margin-bottom: 12px;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%
    }

    .header-mobile__list {
        display: flex;
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid #e1e7f0
    }

    .header-mobile__item {
        margin-bottom: 12px
    }

    .header-mobile__link {
        color: var(--neutral-black);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%
    }

    .header-mobile__social-list {
        display: flex;
        align-items: center
    }

    .header-up__social-item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 62px;
        height: 42px;
        margin-right: 8px;
        padding: 6px 12px;
        border-radius: 4px;
        background-color: var(--blue-gray-15)
    }

    .header-up__connect,
    .header-up__location {
        padding: 4px 0;
        font-size: 13px
    }

    .header-up__contacts-text {
        font-size: 16px
    }

    .header-down {
        padding-bottom: 12px
    }

    .header-down__form {
        height: 44px
    }

    .breadcrumbs-mb {
        margin-bottom: 16px
    }

    .heading-h2 {
        font-size: 18px
    }

    .modal-analytics,
    .modal-content {
        width: 98%
    }

    .modal-heading {
        font-size: 16px
    }

    .modal-city__top-item {
        margin-bottom: 5px
    }

    .modal-city__top-link {
        padding: 5px 17px;
        font-size: 14px
    }

    .modal-city__form {
        margin-right: 0;
        margin-bottom: 20px;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%
    }

    .modal-city__bottom-list {
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 10px
    }

    .modal-city__top-item:nth-child(4n) {
        display: none
    }

    .modal-city__bottom-link {
        font-size: 12px
    }

    .modal-city__input {
        padding: 10px
    }

    .section-hero__content {
        flex-direction: column
    }

    .section-hero__left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
        padding-bottom: 30px;
    }

    .pharmacy-card .favorite,
    .section-hero__content .favorite {
        right: 10px;
        left: auto;
    }

    .section-hero__right {
        width: 100%
    }

    .section-tab__thead-tr td {
        word-break: break-word;
        font-size: 13px
    }

    .section-tab__tbody-tr td.section-tab__first-td {
        padding-left: 8px;
        padding-right: 8px
    }

    .section-tab__tbody-tr td {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 15px
    }

    .section-tab__first-td td a {
        padding: 2px
    }

    .section-tab__td-1 {
        width: 80%
    }

    .section-tab__btn {
        font-size: 16px
    }

    .section-tab__input {
        min-width: 100%
    }

    .section-article__slide-top picture {
        display: block;
        width: 100%
    }

    .section-article__slide-img {
        height: 185px
    }

    .section-card__main-slide {
        max-height: 277px
    }

    .section-card__left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px
    }

    .section-card__right {
        width: 100%;
        padding-left: 21px;
        padding-right: 21px
    }

    .section-card__prev-swiper {
        width: 81%;
        margin-bottom: 17px
    }

    .section-card__prev-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 95px
    }

    .section-card__prev-slide {
        padding: 2px;
        height: 150px
    }

    .section-card__prev-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .section-card__btn {
        right: 10px
    }

    .block-count__card {
        padding: 8px
    }

    .block-count__item-fil {
        width: 97%
    }

    .block-count__item-fil .section-search__card {
        flex-wrap: wrap
    }

    .section-top__time {
        font-size: 14px
    }

    .section-top__card-name {
        margin-bottom: 0;
        font-size: 18px
    }

    .section-search__bold-price {
        font-size: 18px
    }

    .section-search__phone-btn {
        width: 62px;
        height: 42px;
        background-size: 20px
    }

    .section-search__phone-btn {
        background-image: url(/assets/img/phone-mob.svg)
    }

    .section-search__card {
        padding: 8px 8px 5px
    }

    .section-search__card {
        flex-wrap: wrap
    }

    .section-search__card-left {
        margin-right: 0;
        margin-bottom: 16px;
        width: 100%
    }

    .section-top__card-img {
        margin-right: 11px;
        margin-top: auto;
        margin-bottom: auto
    }

    .section-top__btns-contact {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start;
        gap: 0;
        margin-left: 0;
        margin-bottom: 16px;
        padding-left: 0;
        padding-right: 0
    }

    .section-search__card-center {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start;
        margin-left: 0;
        margin-bottom: 16px;
        padding-left: 0;
        padding-right: 0
    }

    .section-search__card-right {
        margin-left: auto
    }

    .section-top__btns-contact {
        margin-left: 67px;
        margin-right: auto
    }

    .section-search__btn,
    .section-top__btn {
        width: 55px;
        height: 42px;
        margin-right: 6px;
        margin-top: 3px;
        margin-bottom: 3px
    }

    .section-content__tab-btn {
        font-size: 16px
    }

    .section-list__pagination-number {
        margin-right: 0
    }

    .section-content__btn-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 10px
    }

    .section-content__tab-btn {
        width: max-content;
        margin-right: 0
    }

    .section-card__right-bottom {
        flex-direction: column;
        align-items: start
    }

    .section-card__right-bottom__mob {
        display: flex;
        margin-bottom: 20px
    }

    .section-card__right-bottom__desk {
        display: none
    }

    .section-tab__btn-wrap__mob {
        display: none
    }

    .section-content__card {
        padding-top: 0
    }

    .section-list__pagination-left {
        padding: 6px 8px
    }

    .section-card__right-price {
        margin-bottom: 14px
    }

    .section-card__right-all {
        align-items: start
    }

    .section-popular__item-name {
        font-size: 14px;
        width: 100%
    }

    .section-content__swiper {
        margin-bottom: 12px
    }

    .section-content__banner {
        margin-bottom: 13px
    }

    .section-content__banner img {
        min-height: 159px
    }

    .block-count {
        margin-bottom: 12px
    }

    .block-analogue {
        padding-bottom: 14px
    }

    .block-analogue__item {
        min-height: 387px
    }

    .section-article__heading {
        margin-bottom: 23px
    }

    .section-info__contacts-list {
        flex-direction: column
    }

    .section-info__left-contacts {
        margin-right: 0;
        margin-bottom: 24px
    }

    .section-alphabet__main-list {
        display: flex;
        flex-direction: column;
        gap: 0
    }

    .section-alphabet__input {
        width: 100%;
        max-width: 382px
    }

    .section-alphabet__heading {
        margin-bottom: 32px
    }

    .section-alphabet__main {
        padding-top: 22px
    }

    .section-alphabet__main-item {
        margin-bottom: 20px
    }

    .section-search__filter-btn {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
        padding: 6px 12px 6px 38px;
        background-color: var(--white);
        border-radius: 4px;
        background-image: url(/assets/img/filter.svg);
        background-position: left 12px top 8px;
        background-repeat: no-repeat;
        color: var(--green-btn);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px
    }

    .section-search__form {
        display: none
    }

    .section-search__form__active {
        display: flex;
        flex-direction: column
    }

    .section-search__btn-wrap {
        flex-wrap: wrap
    }

    .section-search__filter-btn {
        display: none
    }

    .section-search__filter-top {
        display: flex
    }

    .section-search__filter-top.hidden {
        display: none
    }

    .section-search__card-top {
        flex-wrap: wrap
    }

    .section-search__btn-form {
        margin-bottom: 12px
    }

    .section-search__table-fil tr td {
        font-size: 12px;
        word-break: break-word
    }

    .section-search__name-td {
        width: 24%
    }

    .section-disease__tbody-tr td,
    .section-disease__thead-tr td {
        padding: 10px 4px 10px 4px;
        font-size: 13px;
        line-height: 12px
    }

    .section-disease__tbody-tr td.section-disease__first-td {
        padding-left: 18px
    }

    .section-disease__tbody-tr td.section-disease__tr-down {
        padding-left: 29px
    }

    .section-list__card {
        flex-direction: column;
        padding: 8px
    }

    .section-list__card-top .section-top__card-img {
        margin-top: 0
    }

    .section-list__card-top {
        margin-bottom: 8px
    }

    .section-top__btn-contact-top {
        margin-bottom: 0;
        margin-right: 16px
    }

    .section-top__address svg {
        width: 14px;
        height: 20px
    }

    .section-banner__list {
        display: flex;
        gap: 0
    }

    .section-banner__item:nth-child(2),
    .section-banner__item:nth-child(3) {
        display: none
    }

    .section-banner__item:first-child {
        width: 100%
    }

    .section-nav__slide {
        padding-left: 9px;
        padding-right: 9px
    }

    .section-nav__img {
        width: 25px
    }

    .section-nav__text {
        font-size: 12px
    }

    .section-top__link-map {
        top: -60px;
        width: 166px;
        height: 48px;
        background-position: left 12px top 15px
    }

    .section-group__item:not(:last-child) {
        margin-right: 11px
    }

    .section-group__link {
        font-size: 10px;
        font-weight: 500
    }

    .section-category__container {
        flex-direction: column
    }

    .section-category__left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        display: none
    }

    .section-category__left__active {
        display: flex
    }

    .section-category__cat-btn {
        width: 123px;
        margin-left: auto
    }

    .section-articleMain {
        padding-top: 20px
    }

    .section-articleMain__container {
        flex-direction: column
    }

    .section-articleMain__right {
        width: 100%
    }

    .section-articleMain__art-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 126px;
        margin-left: auto;
        margin-bottom: 23px;
        padding: 6px 12px 6px 38px;
        background-color: var(--white);
        border-radius: 4px;
        color: var(--green-btn);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        background-image: url(/assets/img/filter.svg);
        background-position: left 12px top 8px;
        background-repeat: no-repeat
    }

    .section-articleMain__art-btn__active {
        background-color: var(--blue-gray-20)
    }

    .section-articleMain__left__active {
        display: flex
    }

    .section-articleOne__right {
        width: 100%
    }

    .section-nav__btn-left {
        left: 2px
    }

    .section-nav__btn-right {
        right: 2px
    }

    .header__dropdown-menu {
        left: 0;
        right: 0;
        width: 100%
    }

    .dropdown-menu__count,
    .dropdown-menu__descr,
    .dropdown-menu__name {
        font-size: 18px
    }

    .dropdown-menu__count {
        flex-shrink: 0;
        white-space: nowrap
    }

    .dropdown-menu__name {
        flex: 1 1 auto;
        min-width: 0;
        overflow: visible;
        padding-right: 12px;
        white-space: normal
    }

    .block-count__dropdown-btn,
    .block-count__dropdown-content {
        width: 100%
    }

    .block-count__search-wrap {
        margin-bottom: 5px;
        width: 90%
    }

    .block-count__input {
        max-width: 290px;
        width: 80%
    }

    .block-count__check {
        gap: 5px
    }

    .block-count__label-check {
        top: 4px;
        left: 5px;
        font-size: 10px
    }

    .block-count__form-btn {
        padding: 3px 5px;
        white-space: wrap
    }

    .filter_1::before {
        width: 51px;
        height: 32px;
        background-size: 83%;
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .filter_3::before {
        width: 50px;
        background-size: 83%;
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .filter_4::before {
        width: 61px;
        height: 42px;
        background-size: 83%;
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .filter_5::before {
        width: 42px;
        height: 42px
    }

    .filter_6::before,
    .filter_7::before {
        width: 48px;
        height: 37px;
        background-size: 83%;
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .block-count__input-check {
        left: 4px
    }

    .block-count__form-btn {
        font-size: 10px
    }

    .block-count__map-wrap {
        margin-bottom: 10px
    }

    .block-count__map-btn {
        top: 62px
    }

    .breadcrumbs {
        padding-top: 0
    }

    .breadcrumbs-item {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 14px;
        line-height: 1;
        text-align: center
    }

    .footer-up__list {
        display: flex;
        flex-direction: column;
        gap: 0
    }

    .footer-up__item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px
    }

    .footer-down {
        flex-direction: column;
        align-items: start
    }

    .footer-logo {
        margin-bottom: 12px
    }

    .footer-down__logo-list {
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }

    .footer-down__logo-item:not(:last-child) {
        margin-right: 0
    }

    .footer-down__logo-img {
        margin-right: 0
    }

    .footer-down__logo-mob {
        margin-right: 22px
    }

    .popup {
        flex-direction: column;
        min-height: 110px;
        max-width: 350px
    }

    .cookie-link,
    .cookie-text {
        font-size: 15px
    }

    .cookie-text {
        margin-bottom: 12px
    }

    .section-info__container {
        display: flex;
        flex-direction: column;
        gap: 0
    }

    .section-info__left-card {
        margin-bottom: 12px
    }

    .section-info__img-top {
        margin-bottom: 24px
    }

    .section-analytics__content {
        flex-direction: column
    }

    .section-analytics__img {
        width: 100%;
        height: 181px;
        margin-right: 0;
        margin-bottom: 24px
    }

    .section-connect__content {
        width: 100%
    }

    .section-connect__heading {
        width: 88%
    }

    .section-connect__container::after {
        width: 100%;
        background-position: right -315px bottom
    }

    .section-connect__heading {
        font-size: 24px
    }

    .section-info__img-wrap {
        width: 100%;
        height: 112px;
        margin-bottom: 24px
    }

    .section-info__img-last {
        margin-bottom: 0
    }

    .section-content__tab-btn__long {
        grid-column: 1/3
    }

    .reg-block__right-wrap {
        flex-direction: column
    }

    .reg-block__right-link {
        margin-right: 0;
        margin-bottom: 8px
    }

    .dropdown-menu__item {
        font-size: 14px;
        padding: 2px
    }

    .dropdown-menu__link {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px
    }

    .footer-up__icon-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
        width: 100%
    }

    .footer-up__icon-item {
        margin-right: 8px;
        margin-bottom: 8px
    }

    .section-category__list {
        grid-template-columns: 1fr 1fr
    }

    .section-list__map.active {
        max-width: 100%;
        max-height: 600px
    }

    .section-top__map.active {
        max-width: 100%;
        max-height: 600px;
        min-width: 350px
    }

    .block-count__map-3.active,
    .block-count__map-4.active {
        max-width: 100%;
        max-height: 600px
    }

    .header-middle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .header-middle__social-list {
        display: flex;
        margin-left: auto
    }

    .header-middle__social-item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 34px;
        margin-right: 8px;
        padding: 6px 12px;
        border-radius: 4px;
        background-color: var(--blue-gray-15)
    }

    .header-middle__social-item:not(:last-child) {
        margin-right: 10px
    }

    .header-middle__icon svg {
        fill: var(--white)
    }

    .header-middle__social-item:last-child {
        margin-right: 0
    }
}

.icon10 {
    width: 10px;
    height: 10px
}

.icon16 {
    width: 16px;
    height: 16px
}

.icon23 {
    width: 23px;
    height: 23px
}

.icon27 {
    width: 27px;
    height: 27px
}

.icon30 {
    width: 30px;
    height: 30px
}

.icon8-13 {
    width: 8px;
    height: 13px
}

.icon7-12 {
    width: 7px;
    height: 12px
}

.icon12-15 {
    width: 12px;
    height: 15px
}

.icon12-16 {
    width: 12px;
    height: 16px
}

.icon12-17 {
    width: 12px;
    height: 17px
}

.icon15-12 {
    width: 15px;
    height: 12px
}

.icon19 {
    width: 19px;
    height: 19px
}

.icon14-15 {
    width: 14px;
    height: 15px
}

.icon44-33 {
    width: 44px;
    height: 33px
}

.icon20 {
    width: 20px;
    height: 20px
}

.icon20-16 {
    width: 20px;
    height: 16px
}

.icon20-17 {
    width: 20px;
    height: 17px
}

.initiator-proizv {
    cursor: pointer
}

.initiator-proizv>img {
    cursor: pointer
}

.initiator-medp {
    cursor: pointer
}

.initiator-medp>img {
    cursor: pointer
}

.legal-proclamation {
    text-align: justify;
    font-size: 12px
}

.x-price,
.x-wrap {
    display: inline;
    position: relative
}

.x-wrap .clear {
    position: absolute;
    padding: 3px 5px 0 5px;
    right: 0;
    cursor: pointer
}

.x-price {
    width: 100%
}

.x-price .clear {
    position: absolute;
    padding: 0 5px 0 5px;
    right: 0;
    cursor: pointer
}

.breadcrumbs-item-last {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
    font-family: var(--second-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: var(--gray-70)
}

@media screen and (max-width:700px) {
    .wrapper-reply {
        display: block
    }

    .price {
        word-break: break-word
    }
}

.td-1 {
    border-bottom: none !important;
    font-weight: 600 !important
}

.td-2 {
    border-bottom: none !important;
    border-top: none !important
}

.td-3 {
    border-top: none !important
}

.sma,
.block-count__card {
    cursor: pointer;
    color: var(--green-text);
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 20px
}

.selected {
    border: 2px solid var(--purple-25);
    background-color: #f3efff
}

.sma:hover,
.block-count__card:hover {
    border: 2px solid var(--purple-25);
    background-color: #f3efff;
    border-radius: 8px
}

.black {
    color: var(--black-text)
}

@media screen and (max-width:700px) {

    .sma,
    .block-count__card {
        display: flex;
        flex-direction: column
    }
}

.arrow {
    -webkit-text-size-adjust: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-print-color-adjust: exact;
    cursor: inherit;
    text-align: left;
    white-space: normal;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px;
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.dfr {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:700px) {
    .dfr {
        flex-wrap: wrap
    }
}

.hidden {
    display: none !important;
}

.copy {
    cursor: pointer;
    margin-left: 4px
}

@media screen and (max-width:700px) {
    .phone-block {
        display: none
    }
}

.logo_thumbs {
    width: 56px;
    height: 56px;
    overflow: hidden;
    margin-right: 10px;
    flex-shrink: 0
}

.section-top__card-info {
    flex-grow: 1
}

.section-info__content-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    padding: 16px 33px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.section-info__content-text {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 16px;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.section-info__contacts-link {
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-info__contacts-item {
    display: flex;
    align-items: center
}

.section-info__left-contacts {
    margin-right: 24px
}

.section-info__contacts-list {
    display: flex
}

.section-info__contacts-heading {
    margin-top: 0;
    margin-bottom: 24px;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.section-info__content {
    padding-top: 16px;
    padding-bottom: 40px;
    background-color: var(--gray-bg)
}

.section-info__contacts-icon {
    margin-right: 12px
}

.section-info__content-down {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    width: 71%
}

.section-info__content-heading {
    margin-top: 0;
    margin-bottom: 24px;
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.section-info__content-item {
    display: list-item;
    margin-bottom: 1px
}

.section-info__content-list {
    margin-bottom: 24px;
    padding-left: 26px;
    width: 71%
}

.section-info__accent-text {
    color: var(--green-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline
}

.section-info__content-up {
    margin-bottom: 8px
}

.td-price {
    text-align: center
}

@media screen and (max-width:700px) {
    .td-price {
        word-break: break-word
    }

    .hidden7 {
        display: none
    }

    .dot7 {
        display: none
    }

    .dot7::before {
        content: "...";
        display: block
    }

    .breadcrumbs-item-last {
        font-size: 14px;
        padding-left: 8px
    }
}

.first-cell {
    padding-left: 20px !important
}

.second-cell {
    padding-left: 40px !important
}

@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body[class*="jconfirm-no-scroll-"] {
    overflow: hidden !important
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0 !important
}

.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%
}

.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0
}

.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none !important;
    transition: none !important
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: 0;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

@-webkit-keyframes type-blue {

    1%,
    100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@keyframes type-blue {

    1%,
    100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@-webkit-keyframes type-green {

    1%,
    100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@keyframes type-green {

    1%,
    100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@-webkit-keyframes type-red {

    1%,
    100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@keyframes type-red {

    1%,
    100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@-webkit-keyframes type-orange {

    1%,
    100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@keyframes type-orange {

    1%,
    100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@-webkit-keyframes type-purple {

    1%,
    100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@keyframes type-purple {

    1%,
    100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@-webkit-keyframes type-dark {

    1%,
    100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

@keyframes type-dark {

    1%,
    100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
    height: 120px
}

.jconfirm .jconfirm-box.loading:before {
    content: "";
    position: absolute;
    left: 0;
    background: white;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1
}

.jconfirm .jconfirm-box.loading:after {
    opacity: .6;
    content: "";
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: dodgerblue;
    top: 50%;
    margin-top: -15px;
    z-index: 2
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height 0.4s ease-in;
    transition: height 0.4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1)
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

.jconfirm .jconfirm-box .jconfirm-buttons>button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    min-height: 1em;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    background-image: none
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #fff
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important
}

.jconfirm .jconfirm-clear {
    clear: both
}

.jconfirm.jconfirm-rtl {
    direction: rtl
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    background: #444;
    border-radius: 5px;
    color: white
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: 0;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none;
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
    color: white
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: 0
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow 0.82s cubic-bezier(.36, .07, .19, .97) both;
    animation: glow 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes shake {

    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@keyframes shake {

    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@-webkit-keyframes glow {

    0%,
    100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

@keyframes glow {

    0%,
    100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0);
    transform: translate(100px, 0)
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, .95)
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: white
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: 400
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
    padding-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: white
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: 0;
    color: white;
    padding: 10px;
    min-width: 100px
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, .67)
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    padding: 30px 25px 10px 25px
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, .87)
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, .87);
    font-size: 22px;
    font-weight: 700
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, .87)
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, .21)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2);
    border: solid 1px rgba(0, 0, 0, .4);
    padding: 15px 0 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, .87)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, .87);
    font-size: 22px;
    font-weight: 700;
    padding-left: 15px;
    padding-right: 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, .87);
    padding: 0 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0;
    border-top: solid 1px #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: slategray;
    opacity: .6
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    padding: 30px 30px 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, .87);
    top: 15px;
    right: 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, .87);
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
    padding: 10px 20px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button {
    margin-left: 4px
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover {
    display: block
}

.popover .close {
    position: absolute;
    right: 5px;
    top: 1px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -8px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.label__mobile_br {
    display: none
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-top-width: 0
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
    border-right-width: 0
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #fff;
    border-right-width: 0
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.arrow {
    -webkit-text-size-adjust: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-print-color-adjust: exact;
    cursor: inherit;
    text-align: left;
    white-space: normal;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px;
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

@media screen and (max-width:700px) {
    .section-card__right-count {
        font-size: 20px
    }
}

#debug {
    display: none
}

.section-article__slide-top {
    text-align: center
}

.section-article__slide-top img {
    width: 100%;
    height: auto
}

.section-article__slide-text {
    text-align: left
}

.section-list__map.active {
    width: 100%
}

.section-category__item {
    min-height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .05);
    padding: 12px 13px 10px;
    background-color: var(--white);
    justify-content: space-between;
    height: 320px;
    height: auto
}

.section-category__item-link,
.section-category__slide-img {
    width: 100%;
    height: 100%
}

.section-category__item-text {
    margin-bottom: 16px;
    color: var(--black-text);
    font-size: 18px;
    line-height: 21px;
    font-weight: 500
}

.section-articleMain__list .section-category__item {
    padding: 0;
    word-wrap: anywhere;
    hyphens: auto
}

.section-banner-slide {
    width: 32%
}

@media screen and (max-width:992px) {
    .section-category__item {
        min-height: auto
    }

    .section-category__item-text {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: normal
    }

    .section-category__item-count {
        margin-bottom: 6px;
        font-size: 12px
    }

    .section-category__item-price {
        font-size: 18px
    }

    .section-category__item-img {
        min-height: 135px;
        height: 135px;
        margin-bottom: 12px
    }
}

@media screen and (max-width:700px) {
    .section-category__item {
        min-height: auto
    }

    .section-category__item-img {
        min-height: 108px
    }

    .section-category__card-img {
        height: 243px;
        min-height: 243px
    }

    .section-category__slide {
        padding: 8px;
        height: 243px;
        min-height: 243px
    }

    .section-category__slide_wider {
        padding: 8px;
        height: auto;
        min-height: auto
    }
}

.section-card__navigation {
    position: absolute;
    display: block;
    left: 0;
    right: -15px;
    top: 23%;
    height: 32px
}

@media screen and (max-width:992px) {
    .section-card__navigation {
        top: 37%
    }

    .section-content__swiper {
        padding-right: 30px
    }
}

.section-category__card-img {
    padding: 0
}

.section-popular__item-sale {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 23px;
    padding: 4px 8px;
    border-radius: 4px 0;
    background: #ffd162;
    color: var(--black-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.section-content__swiper-prod {
    width: 100%;
    margin-bottom: 24px
}

.col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.justify-content-lg-center {
    justify-content: center !important;
    display: flex
}

.fd-link {
    font-size: 18px;
    color: var(--black-text)
}

.fd-link:hover {
    color: var(--black-text)
}

.all-fd-link {
    background-image: url(/assets/img/doz-desk.jpg);
    background-size: 100% 100%;
    color: white;
    font-weight: 600;
    padding: 10px;
    font-size: 19px;
    border: unset
}

.all-fd-link:hover {
    color: white
}

.all-fd-link>a {
    color: white
}

.all-fd-link>a:hover {
    color: white
}

.pharmlux700 {
    display: none
}

@media screen and (max-width:992px) {
    .pharmlux700 {
        display: block
    }

    .pharmluxw {
        display: none
    }

    .may_be_small {
        font-size: 16px !important
    }
}

.section-category__prod-slider {
    background-image: url(/assets/img/prod-desk.png);
    background-repeat: no-repeat;
    background-size: auto auto
}

.first {
    position: relative
}

.a_wa_6395 {
    position: absolute;
    top: 204px;
    width: 183px;
    max-height: 60px;
    height: 54px
}

.a_tg_6395 {
    right: 0;
    top: 204px;
    position: absolute;
    width: 188px;
    max-height: 60px
}

@media screen and (max-width:545px) {
    .order-card__wrapper {
        width: 65%
    }
}

@media screen and (max-width:425px) {
    .section-group__list {
        display: block
    }

    .s-lists-section{
        padding-top: 0 !important;
    }

    .mb-3{
        margin-bottom: 0 !important;
    }

    .dropdown-menu__name {
        white-space: normal
    }

    .section-group__item {
        width: 100%;
        margin-bottom: 10px
    }

    .section-top__btns-contact.cart {
        margin-left: 0 !important
    }

    .mobile_block {
        display: block !important
    }

    .td_wrapper {
        flex-direction: column
    }

    .td-price {
        min-width: 100px
    }

    .x-wrap {
        display: block
    }

    .x-wrap .clear {
        top: 2%;
        right: 1px;
        padding: 3px 10px 0 5px
    }

    .section-hero__repost-text {
        display: none
    }
}


@media screen and (max-width:361px) {
    .a_wa_6395 {
        position: absolute;
        top: 150px;
        width: 45%;
        height: 54px
    }

    .a_tg_6395 {
        right: 0;
        top: 150px;
        position: absolute;
        width: 47%
    }
}

@media screen and (min-width:362px) {
    .a_wa_6395 {
        position: absolute;
        top: 60%;
        width: 45%;
        height: 54px
    }

    .a_tg_6395 {
        right: 0;
        top: 60%;
        position: absolute;
        width: 47%
    }
}

@media screen and (max-width:430px) {
    .label__mobile_br {
        display: block
    }
}

.some_search {
    display: inline;
    position: relative
}

.no_costs {
    padding-top: 0;
    padding-bottom: 0
}

.main_container_nc {
    display: flex;
    flex-direction: column;
    font-size: 20px
}

.call_me {
    margin-bottom: 16px;
    padding: 6px 12px;
    max-width: 400px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.contact_me {
    margin-top: 10px
}

.phones {
    display: flex;
    flex-direction: column
}

.header-middle__phone-btn {
    margin-bottom: 7px
}

.instruction {
    overflow-wrap: break-word
}

.dfdc {
    display: flex;
    flex-direction: column
}

.btn-global {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.product__btn {
    width: 250px;
    min-height: 42px;
    height: 100%;
    color: var(--green-btn);
    font-size: 18px
}

@media screen and (max-width:700px) {
    .jconfirm-box-container {
        width: 100%
    }

    .product__btn {
        font-size: 12px;
        align-items: flex-start;
        width: fit-content;
        min-width: 55px;
        min-height: 42px;
        height: inherit
    }

    .product__btn span {
        display: none
    }
}

.product__btn_center {
    min-width: 33%;
    justify-content: center;
    background-color: var(--gray-bg)
}

.product__btn .icon {
    width: 20px;
    height: 22px
}

.btn_book {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    height: 32px;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    flex-shrink: 0;
    background-image: url(/assets/img/book.svg);
    background-position: left 14px top 6px;
    background-repeat: no-repeat;
    width: 200px
}

.ozempik_block {
    margin: 15px 0;
    color: #777;
    flex-direction: row-reverse;
    align-items: flex-end;
    display: flex
}

.ozempik_price {
    text-wrap: nowrap;
    margin-left: 10px
}

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

.rating_info {
    display: flex
}

.fs-32 {
    font-size: 32px
}

.fs-18 {
    font-size: 18px
}

.wrapper {
    display: flex
}

.data_link {
    cursor: pointer;
    color: #0d6efd
}

.data_link:hover {
    color: #0a58ca
}

.text-black {
    color: #000
}

.text-black:hover {
    color: #000
}

.text-green {
    color: var(--green-btn) !important
}

.text-center {
    text-align: center
}

.fw-bold {
    font-weight: 700
}

.svg_24h {
    margin: 0 auto
}

.postion-relative {
    position: relative
}

.about-section-title {
    color: #f0f;
    font-weight: 700
}

.about-section-title.text-shadow {
    text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff
}

.about-section-title span {
    color: #7654ff
}

.reviews-section-title {
    width: 65%;
    text-align: center;
    margin: 0 auto;
    color: #f0f;
    font-weight: 700
}

.reviews-section-title.text-shadow {
    text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff
}

.reviews-section-title span {
    color: #7654ff
}

.cities {
    margin-top: -60px
}

.about-cities__list.reviews {
    width: 70%;
    margin: 0 auto
}

.contact-section-title {
    color: #f0f;
    font-weight: 700;
    text-align: center
}

.contact-section-title span {
    color: #7654ff
}

.contact-card__list {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.contact-card {
    margin: 10px;
    background-color: #fff;
    width: 48%;
    border-radius: 8px;
    padding: 1.5rem !important
}

.contact-card__title {
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.contact-card__sections {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 20px
}

.contact-card__item {
    width: 40%;
    color: #3f8b8b;
    cursor: pointer;
    font-weight: 500;
    border-radius: 6px;
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    padding: .8rem 0;
    margin: 0 5px;
    margin-top: 10px;
    box-shadow: 0 0 15.6px 0 rgba(63, 139, 139, .2)
}

.contact-card__item:hover {
    color: #3f8b8b
}

.contact-card__info {
    color: #3f8b8b;
    text-align: center;
    font-weight: 700;
    margin: 20px 0 0 0
}

.contact-card__info-btn {
    display: block;
    color: #fff;
    font-weight: 500;
    background-color: #3f8b8b;
    border-radius: 4px;
    padding: 7px 12px;
    margin: 0 auto;
    width: 80%;
    transition: background-color 0.1s linear
}

.team-inner {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.team-item {
    margin: 0 40px;
    width: 18%
}

.team-img {
    position: relative
}

.team-img img {
    display: flex;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.team-img::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 158px;
    border-radius: 8px;
    background-color: #7654ff
}

.team-content {
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    margin-top: 10px;
    background-color: #fff
}

.team-position {
    font-size: 14px;
    color: #6d7685
}

.team-name {
    font-weight: 700;
    font-size: 18px;
    color: #7654ff;
    margin-top: 5px
}

.dispatchModal {
    display: none;
    position: fixed;
    z-index: 1002;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.dispatchModal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border-radius: 5px;
    width: 30%
}

.dispatchModal-content .remind-form {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dispatchModal-content p {
    text-align: center
}

.dispatchModal-content .remind-form input {
    padding: 5px;
    border-radius: 3px;
    border: #d0cdcd 1px solid
}

.or_block {
    text-align: center;
    color: #5f5959
}

.tg_btn {
    margin-top: 10px;
    text-align: center;
    display: block;
    background: #1c92d1;
    padding: 8px;
    border-radius: 15px;
    color: #fff;
    width: 60%;
    max-width: 250px
}

.tg_icon {
    margin-right: 5px
}

.tg_btn:hover {
    color: #fff
}

.requisites-wrapper {
    display: flex;
    justify-content: center
}

.requisites {
    line-height: 1.4;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 52.6px 0 rgba(19, 0, 78, .0509803922);
    box-shadow: 0 0 52.6px 0 rgba(19, 0, 78, .0509803922);
    color: #222d32
}

.requisites tr {
    display: grid;
    grid-template-columns: repeat(2, 340px);
    background-color: #fff
}

.requisites tr td {
    padding: 8.5px 10px
}

.requisites tr:nth-child(2n) {
    background-color: #f6f3ff
}

.contact-card__info-btn:hover {
    color: #fff;
    background-color: #377979
}

.section-content__about {
    color: #212529
}

.pl-3rem {
    padding-left: 3rem !important
}

.about-cities__img {
    margin: 0 auto;
    position: relative;
    z-index: 1
}

iframe {
    border: none
}

.border-8 {
    border-radius: 8px
}

.line12 {
    line-height: 1.2
}

.w-99 {
    width: 99%
}

.paddingCalc {
    padding-right: calc(1.5rem * 0.5);
    padding-left: calc(1.5rem * 0.5)
}

.section-info__content-inner {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.about-cities__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    z-index: 2;
    position: relative
}

.about-cities__item:first-child {
    grid-column: span 3
}

.about-cities__item {
    color: #212529;
    cursor: pointer;
    font-weight: 700;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 1.1rem 0;
    display: block
}

.about-cities__item:hover {
    color: #000
}

.about-phone__item {
    color: #7654ff;
    cursor: pointer;
    font-weight: 900;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    font-size: 24px;
    padding: 1.1rem 0;
    margin-top: 15px;
    box-shadow: 0 0 45.4px 0 rgba(0, 77, 77, .0705882353)
}

.about-phone__item:hover {
    color: #7654ff
}

.about_links {
    display: flex;
    justify-content: center
}

.about-link__item {
    color: #3f8b8b;
    cursor: pointer;
    font-weight: 500;
    border-radius: 6px;
    background-color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 1.5rem 0;
    width: 20%
}

.about-link__item:hover {
    color: #3f8b8b
}

.about-link__item:nth-child(2) {
    margin: 0 10px
}

.about-logo {
    flex-direction: column;
    display: flex;
    padding: 40px 0;
    text-align: center
}

.about-logo img {
    margin-bottom: 10px;
    height: 83px
}

.about-logo h2 {
    font-size: 23px
}

.about-work__content {
    width: 50%;
    max-width: 520px
}

.about-partners {
    padding: 40px 85px
}

.about-partners__icons {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px
}

.about-partners__content {
    width: 50%;
    text-wrap: balance
}

.about-partner__icon {
    padding: 15px 0;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 15.6px 0 rgba(63, 139, 139, .2)
}

.x-wrap .new-clear {
    position: absolute;
    padding: 7px 5px 0 5px;
    right: 0;
    cursor: pointer
}

.accordion-item-question {
    margin: 1rem 3rem;
    padding: 15px 30px;
    border-radius: 8px;
    background-color: #fff;
    font-size: 18px
}

.accordion-header-question {
    font-weight: 500;
    border: none;
    cursor: pointer;
    color: #052c65;
    transition: background 0.3s ease
}

.accordion-content-question {
    font-family: sans-serif;
    font-weight: 100;
    line-height: 1.2;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    margin-right: 40px
}

.svg-question {
    transition: all 0.1s linear
}

.accordion-content-question p {
    width: 100%
}

.accordion-item-question.active .accordion-content-question {
    max-height: 300px
}

.img-question_wrapper {
    justify-content: end;
    display: flex;
    width: 85%;
    margin-top: 20px
}

.img-question_wrapper img {
    border-radius: 8px;
    margin: 0 10px;
    box-shadow: 0 6px 11.5px 0 rgba(0, 51, 51, .3019607843)
}

.question-container {
    text-align: center
}

.question-header {
    background-color: #fff;
    width: 40%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    padding: 10px 20px
}

.question-button {
    background-color: #458b87;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px
}

.question-button:hover {
    background-color: #376e6a
}

.form-container {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    text-align: left;
    margin-top: -5px
}

.form-container form {
    width: 40%;
    margin: 0 auto;
    background-color: white;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.form-container input[type="text"],
.form-container textarea {
    resize: none;
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    background-color: #f2f2f2
}

.form-container button {
    margin-top: 5px;
    background-color: #458b87;
    color: white;
    border: #3f8b8b 1px solid;
    padding: 10px 30px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px
}

.form-container button:hover {
    background-color: #376e6a
}

.form-container .btn-cancel {
    color: #3f8b8b;
    background-color: transparent;
    transition: all 0.1s linear
}

.form-container .btn-cancel:hover {
    background-color: #3f8b8b;
    color: #fff
}

.question-header.reviews {
    width: 61%;
    font-weight: 700
}

.form-container.reviews form {
    width: 61%
}

.form-container.reviews input[type="text"],
.form-container.reviews textarea {
    width: 85%
}

.dfccc,
.reviews-control {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.dfccc {
    align-items: center;
}

.reviews-feedback p {
    text-align: center;
    font-weight: 700
}

.section-tab__review-list.website {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.section-tab__review-list.website .section-tab__review-item {
    background-color: #fff;
    width: 70%;
    border-radius: 8px;
    padding: 15px 20px
}

.section-tab__review-list.website .section-tab__stars {
    width: 100px
}

.form-container.reviews button {
    font-size: 14px
}

.help {
    margin: 0 6rem
}

.help-card__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.help-card {
    width: 31.3%;
    border-radius: 8px;
    background-color: #3f8b8b;
    padding: 1rem !important;
    position: relative;
    overflow: hidden
}

.help-card__img img {
    width: 99px;
    height: 19px
}

.help-card__text {
    display: block;
    margin-top: 105px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    position: relative;
    z-index: 2
}

.help-card svg {
    position: absolute;
    right: 0;
    bottom: 0
}

.new-section-card__left {
    width: 40%;
    margin-right: 24px;
    padding: 10px;
    border-radius: 8px;
    background-color: var(--white);
    border: 1px solid rgba(0, 0, 0, .125)
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-button {
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dropdown_arrow,
.dropdown-other__arrow {
    margin-left: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    transition: transform 0.3s ease
}

.dropdown-content,
.dropdown-other__content {
    display: none;
    position: absolute;
    background: linear-gradient(90deg, #506d7c 5.37%, #52677c 101.71%);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    padding: 16px 16px;
    z-index: 999;
    width: 130px;
    border-radius: 5px
}

.dropdown-content a,
.dropdown-other__content a {
    display: inline-block;
    margin: 8px 0;
    color: #fff
}

.dropdown-content a:hover,
.dropdown-other__content a:hover {
    color: #0a58ca
}

.dropdown-content.show,
.dropdown-other__content.show {
    display: block
}

.dropdown-button .arrow.show,
dropdown-other__button .dropdown-other__arrow.show {
    transform: rotate(-135deg)
}

.lk-user-auth__error {
    display: none;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    color: #721c24;
    background-color: #f8d7da;
    border: #f5c6cb 1px solid
}

.lk-user-auth__contact-list li {
    margin: 5px 0
}

.lk-user-auth__contact-list {
    display: flex;
    align-items: center;
    flex-direction: column
}

.lk-user-auth {
    margin: 20px auto;
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    background-color: #fff;
    padding: 32px;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    width: 100%;
    max-width: 420px
}

.lk-user-auth__title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px;
    color: #222
}

.lk-user-auth__form-group {
    margin-bottom: 20px
}

.lk-user-auth__label {
    display: block;
    font-size: 14px;
    color: #555;
    margin-bottom: 6px
}

.lk-user-auth__input {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    transition: border-color 0.3s, box-shadow 0.3s
}

.lk-user-auth__input:focus {
    border-color: #3490dc;
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .2);
    outline: none
}

.lk-user-auth__submit {
    width: 100%;
    padding: 12px;
    background-color: #3490dc;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease
}

.lk-user-auth__submit:hover {
    background-color: #2779bd
}

.lk-user-auth__footer {
    text-align: center;
    margin-top: 16px;
    font-size: 14px;
    color: #777
}

.lk-user-auth__footer a {
    color: #3490dc;
    text-decoration: none
}

.lk-user-auth__footer a:hover {
    text-decoration: underline
}

.new-section-card__right {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 57%
}

.new-section-card-descr__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 14px 14px 16px;
    background-color: var(--white);
    height: 100%;
    margin-bottom: 20px
}

.new-section-card__main-slide {
    max-height: 320px;
    height: 506px
}

.new-section-card__main-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.new-section-card__info {
    display: flex;
    margin-bottom: 24px;
    margin-top: 30px
}

.new-section-card__info-block {
    min-width: 215px;
    background-color: var(--blue-gray-15)
}

.new-section-card__info-block:first-child {
    margin-right: 10px
}

.new-section-card__right-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto
}

.new-section-card__right-bottom .section-card__right-price {
    text-wrap: balance
}

.new-section-card__right-count {
    text-wrap: nowrap;
    display: inline-block;
    margin-right: 12px;
    color: var(--green-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.btn-book {
    cursor: pointer;
    background-color: #d62246;
    color: #fff;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    justify-content: center
}

.btn-book-m {
    background-color: #439696
}

.btn-book:hover {
    color: #fff
}

.new-section-content__offers {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: space-between
}

.new-section-category__item {
    position: relative;
    display: flex;
    border-radius: 8px;
    padding: 12px 9px 10px;
    background-color: var(--white);
    justify-content: space-between;
    height: 205px;
    width: 49.6%;
    margin-bottom: 25px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border: 1px solid rgba(0, 0, 0, .125)
}

.new-section-content__info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.new-section__link {
    font-size: 18px;
    color: #000;
    display: block
}

.new-section__link:hover {
    color: #000
}

.new-section-popular__item-img {
    margin-bottom: 10px;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.new-section-popular__item-img img {
    display: flex;
    margin: 0 auto;
    max-height: 180px;
    max-width: 200px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.new-section-popular__item-count {
    text-wrap: nowrap;
    display: block;
    color: var(--green-text);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.new-section-content__info .wrapper {
    justify-content: space-between
}

.new-section-popular__item-price {
    display: block;
    color: var(--black-text);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px
}

.new-section-popular__item-btn .btn-book {
    width: 70%;
    padding: 6px 12px
}

.new-section-popular__item-btn {
    display: flex;
    justify-content: end
}

.accordion {
    width: 100%
}

.accordion-item {
    border-radius: 6px
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    border: 1px solid #dee2e6 !important;
    background-color: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 20px
}

.arrow-accord {
    float: right;
    margin-top: 3px;
    transition: transform 0.3s ease
}

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

.accordion-content {
    height: 0;
    overflow: hidden;
    transition: max-height 0.3s;
    will-change: max-height
}

.accordion-item.active .accordion-content {
    height: auto !important
}

.all-proizv {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(/assets/img/card-bg-1.webp);
    border: none;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #fff
}

a.all-proizv:hover {
    color: #fff
}

.all-dozir {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(/assets/img/card-bg.webp);
    border: none;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #fff
}

a.all-dozir:hover {
    color: #fff
}

.new-reg-block.section-content__card__active {
    display: flex
}

.new-reg-block .wrapper {
    margin-bottom: 20px
}

.new-reg-block__left {
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    border-radius: 8px;
    background-color: var(--white);
    width: calc(50% - 14px);
    margin-right: 24px
}

.new-reg-block__right {
    display: flex;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: var(--white);
    width: calc(50% - 14px);
    justify-content: space-between;
    flex-direction: column
}

.reg-block__right-link:hover {
    color: #fff
}

.new-block-count__check-wrap {
    display: flex;
    height: 42px;
    width: 12.1%;
    padding: 6px 4px;
    background: #cec5e7;
    color: #412983;
    transition: all 0.2s ease-in-out
}

.new-block-count__check-wrap.active {
    background-color: #bfe3e3;
    color: #146060
}

.new-block-count__check-wrap svg {
    fill: #422983;
    margin: auto
}

.new-block-count__check-wrap.active svg {
    fill: #156060
}

.new-block-count__label-check {
    text-wrap: balance;
    margin: auto;
    line-height: 13px;
    text-align: center;
    font-weight: 700
}

.new-block-count__form-btn {
    font-size: 15px;
    font-weight: 700;
    background-color: #e3bfbf;
    color: #601414
}

.new-block-count__form-btn svg {
    fill: #611313
}

.icon25 {
    width: 25px;
    height: 25px
}

.wrapper-price_filters {
    height: 40px;
    border-radius: 8px;
    border: 1px solid #dee2e6 !important;
    display: flex;
    margin-left: 20px;
    padding: 2px 5px
}

.block-price_subtitle {
    margin: auto;
    color: #5c6573;
    font-weight: 700
}

.block-price_filter {
    display: flex;
    padding: 0 12px;
    margin-left: 12px;
    border-radius: 4px
}

.block-price_filter input {
    transform: scale(1.5);
    margin-right: 12px
}

.price-low {
    background-color: #bfe3e3;
    color: #146060
}

.price-medium {
    background-color: #e4d2bf;
    color: #422983
}

.price-high {
    background-color: #e4c0bf;
    color: #611313
}

.new-block-count__map-btn {
    text-wrap: nowrap;
    font-size: 14px;
    padding: 4px 20px 4px 40px;
    min-height: 35px;
    background-position: left 20px top 10px
}

.new-block-count__list-btn {
    font-size: 14px;
    padding: 4px 20px 4px 40px;
    min-height: 35px;
    background-position: left 20px top 10px
}

.fs-12 {
    font-size: 12px
}

.section-popular__item-bottom.new {
    margin-top: 10px
}

.block-analogue__item.new {
    border: 1px solid rgba(0, 0, 0, .125)
}

.block-count__right-price .btn-book {
    padding: 6px 12px
}

.section-search__price-text.toggle {
    display: none
}

.block-count__card__active .section-search__price-text.toggle {
    display: block
}

.block-count__card__active .btn-book.toggle {
    display: none
}

.block-count__card__active .block-count__right-price {
    flex-direction: column
}

.section-search__card-right-btn-wrapper {
    display: flex;
    justify-content: end
}

.section-search__card-right-btn {
    text-wrap: nowrap;
    width: 20%;
    padding: 6px 12px
}

.block {
    display: block
}

.mt10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.ml-15 {
    margin-left: 15px
}

.pb-40 {
    padding-bottom: 40px
}

.pt-20 {
    padding-top: 20px
}

.bg-white {
    background-color: #fff
}

.all_pharmacy_btn {
    color: var(--green-text) !important
}

.about-benefits {
    overflow: hidden;
    padding: 40px 0 10px 90px
}

.about-benefits__content {
    width: 66.6%
}

.dropdown-cities__btn2,
.dropdown-cities__btn {
    display: none;
    color: #212529;
    cursor: pointer;
    font-weight: 700;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 1.1rem 0
}

.dropdown-cities__btn2::after,
.dropdown-cities__btn::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-cities__btn2 {
    display: block;
    grid-column: span 3;
}

.add-cities__item {
    display: none;
}

.about-benefits__list {
    margin-top: 3rem !important;
    list-style-type: unset;
    padding-left: 1rem;
    padding-right: 3rem
}

.about-benefits__list li {
    text-wrap: pretty;
    font-size: 18px;
    font-weight: 700;
    margin: 1rem !important
}

.about-benefits li::marker {
    font-size: 28px
}

.about-benefits__icons {
    width: 33%
}

.about-benefits__icons div {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 47.3px 0 rgba(10, 0, 51, .0509803922)
}

.about-benefits__icons div:nth-child(1) {
    padding: 48px;
    top: 22px;
    left: 13%;
    z-index: 2
}

.about-benefits__icons div:nth-child(2) {
    padding: 46px 42px;
    top: 85px;
    right: -20px;
    z-index: 0
}

.about-benefits__icons div:nth-child(3) {
    padding: 53px 38px;
    top: 130px;
    left: -85px;
    z-index: 1
}

.about-benefits__icons div:nth-child(4) {
    padding: 39px 34px;
    top: 175px;
    left: 41%;
    z-index: 3
}

.about-benefits__icons div:nth-child(5) {
    padding: 52px 45px;
    top: 239px;
    left: 0;
    z-index: 0
}

.service-card__img {
    width: 80px;
    height: 80px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 30px 0 rgba(24, 0, 92, .12);
    box-shadow: 0 0 30px 0 rgba(24, 0, 92, .12);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 8px
}

.service-card__img svg {
    width: 55px;
    height: 55px
}

.service-card__title {
    font-size: 16px;
    font-weight: 600
}

.service-card__text {
    color: #6d7685
}

.action_banner {
    display: flex;
    margin: 0 auto
}

.services__wrapper {
    padding: 20px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px
}

.service-card {
    display: flex;
    gap: 18px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 18px;
    background-color: #fff;
    border-radius: 8px
}

.gallery__wrapper {
    display: grid;
    border-radius: 8px;
    background-color: #fff;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 24px 16px
}

.gallery__photo img {
    border-radius: 5px
}

.about-img__wrapper {
    display: flex
}

.section-search__card.single {
    display: block;
    position: relative;
}

.section-search__card-right.single {
    width: 30%
}

.only_mobile {
    display: none
}

.new-section-content__offers .wrapper,
.new-section-content__info {
    width: 100%
}

.section-search__card .wrapper .wrapper {
    width: 100%;
    display: flex
}

.new-section-content__suptitle {
    margin-left: 50px
}

.section-top__web {
    color: #439696
}

.section-top__web:hover {
    color: #439696
}

.new-section-link {
    margin-top: 10px
}

.new-section-link a {
    border-bottom: #439696 1px solid
}

.branch_line {
    margin-left: 8px;
    font-size: 10px;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#show_all_dozir {
    display: none
}

#card_none {
    display: none
}

.show_more_fd {
    font-size: 18px;
    color: #439696
}

.container.have_costs {
    margin: auto;
    padding: 0
}

.section-top__metro {
    text-wrap: nowrap
}

.header-phones__wrapper {
    display: flex;
    flex-direction: column
}

.footer-up__icon-item.coopyright {
    display: none
}

.section-info__heading-wrap.info {
    padding-top: 10px
}

#errorEmail {
    display: block
}

.section-tab__review-item.website .wrapper {
    display: flex;
    justify-content: space-between
}

.rating_stats {
    display: flex;
    color: #8692a3;
    font-size: 12px
}

.rating_stats .like {
    margin-right: 15px
}

.rating_stats svg {
    margin-right: 3px;
    fill: #8692a3;
    cursor: pointer
}

#btn_action {
    display: flex
}

.vote_like .like svg {
    fill: #408c8b
}

.vote_dislike .dislike svg {
    fill: #d72246
}

.about-cities__inner {
    margin-top: 30px
}

.dropdown-article {
    display: none
}

.price_wrapper {
    display: flex;
    flex-direction: column-reverse
}

.swiper-slide__subtitle {
    text-align: center;
    font-size: 12px;
    color: #5C6573
}

.gray-btn .btn-book {
    background-color: #9FABBD !important
}

.report {
    margin-left: 15px
}

.online-book {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: center
}

.online-book__content {
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
    width: 65%;
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center
}

.online-book__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #f2f5fa;
    color: #49515c;
    font-size: 28px;
    line-height: 1;
    cursor: pointer
}

.online-book__close:hover {
    background: #e1e7f0
}

.online-book__wrapper .left-block,
.online-book__wrapper .right-block {
    width: 48%
}

.online-book__wrapper .right-block {
    text-align: left
}

.online-book__img {
    display: flex;
    min-height: 200px;
    align-items: center;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .125)
}

.online-book__img img {
    max-height: 250px;
    margin: 5px auto
}

.online-book__counter {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 11px 10px;
    background-color: #F2F5FA;
    justify-content: space-between
}

.online-book__counter input {
    width: 30%;
    outline: none;
    text-align: center;
    border: none;
    background: #F2F5FA
}

.online-book__counter .increment,
.online-book__counter .decrement {
    font-size: 18px;
    color: #fff;
    padding: 4px 25px;
    background: #3f8b8b;
    border-radius: 5px
}

.left-block__suptitle {
    color: #6d7685;
    font-size: 16px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 5px
}

.online-book__cart {
    margin-top: 20px
}

.online-book__actions {
    display: flex;
    gap: 12px
}

.online-book__btn {
    flex: 1 1 0;
    padding: 12px 25px;
    border-radius: 6px;
    border: 0;
    font-size: 16px;
    line-height: 1.2;
    cursor: pointer
}

.online-book__btn--primary {
    background-color: #3f8b8b;
    color: #fff
}

.online-book__btn--secondary {
    background-color: #fff;
    color: #3f8b8b;
    border: 1px solid #3f8b8b
}

.online-book__btn:disabled {
    opacity: .65;
    cursor: not-allowed
}

.online-book__cart button.online-book__btn--primary {
    width: auto
}

.online-book__wrapper {
    display: flex;
    justify-content: space-between
}

.right-block__suptitle {
    color: #6d7685;
    font-size: 12px;
    margin-bottom: .2rem
}

.right-block__title {
    word-wrap: break-word;
    color: #3f8b8b;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: .5rem
}

.right-block__nfd,
.right-block__pharmacy {
    margin-bottom: .5rem
}

.counter,
.online-book__price {
    width: 48%;
    width: 48%
}

.online-book__text {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    border-radius: 8px;
    padding: 11px 10px;
    background-color: #F2F5FA;
    color: #3f8b8b
}

.online-book__info {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.cart-step {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 15px 0;
    border-radius: 10px
}

.cart-step__1,
.cart-step__2,
.cart-step__3 {
    display: flex;
    height: 45px;
    width: 45px;
    border-radius: 25px;
    align-items: center;
    justify-content: center
}

.cart-step__1,
.cart-step__2,
.cart-step__3 {
    background-color: #BAA5F3
}

.cart-step__active {
    background-color: #d62246
}

.cart-step__1 svg {
    width: 22px;
    height: 22px
}

.cart-step__line {
    background: #9FABBD;
    height: 1px;
    margin: 0 10px;
    width: 12%
}

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

.order_items {
    margin-right: 10px;
}

.order-left {
    margin-bottom: 10px;
}

.order-pharmacy {
    margin-top: 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 8px
}

.order-pharmacy__info {
    display: flex
}

.payment-method,
.order-storage {
    margin: 10px;
    border-radius: 6px;
    padding: 4px 15px;
    color: #3f8b8b;
    background-color: #f2f5fa
}

.order-right {
    max-height: 400px;
    width: 32%;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: 20px
}

.order-left__order {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 6px;
    background-color: #fff
}

.order-warning {
    font-size: 18px;
    margin: 10px 0
}

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

.desktop_block {
    display: block
}

.mobile_block {
    display: none
}

.order-price {
    display: flex
}

.order-price__counter {
    min-width: 200px
}

.checkout-form {
    padding: 20px
}

.clear-btn {
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 6px;
    height: 38px;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    background-color: #3f8b8b
}

.checkout-info__group {
    border-bottom: #000 1px dashed;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    margin: 15px 0
}

.subtitle {
    color: #6d7685;
    font-size: 12px;
    text-align: left;
    margin-top: 5px
}

.order_counter {
    margin-left: 15px;
    width: 240px
}

.order__img {
    display: flex;
    min-width: 200px;
    align-items: center;
    border-radius: 8px;
    margin-right: 20px;
}

.checkbox-order {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

.switch button {
    background-color: #F2F5FA;
    padding: 12px;
    border-radius: 5px;
}

.switch button.active {
    background-color: #3F8B8B;
    color: #fff;
}

.checkbox-order input {
    display: none;
}

.checkbox-order .checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #9FABBD;
    border-radius: 4px;
    margin-right: 8px;
    position: relative;
    transition: all 0.2s ease;
}

.checkbox-order input:checked+.checkmark {
    border-color: #9FABBD;
}

.checkbox-order input:checked+.checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #146060;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.cart-item {
    margin-bottom: 40px;
}

.order-left__pharmacy {
    margin-top: 10px;
}

.order__img img {
    max-height: 250px;
    margin: 5px auto
}

.checkout-title {
    color: #3f8b8b;
    font-size: 24px;
    font-weight: 700
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none
}

.red {
    color: var(--red-btn);
}

.hasFewText {
    font-size: 18px;
    font-weight: bold;
}

.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: .25em;
    margin-right: .5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox:checked+label::before {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23156060' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox:not(:disabled):active+label::before {
    border-color: #b3d7ff
}

.checkout-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 6px;
    height: 34px;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    background-color: #d62246
}

.checkout-btn:hover {
    color: #fff
}

.cart-step__line-modal {
    background: #9FABBD;
    height: 1px;
    width: 30%
}

.checkout-modal__menu {
    display: none;
    position: fixed;
    z-index: 1002;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.checkout-modal__content {
    border-radius: 8px;
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 400px
}

#closeModalBtn {
    cursor: pointer;
    color: #aaa;
    font-size: 28px
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.checkout-btn.history {
    margin: 10px 0
}

.checkout_modal {
    overflow: auto;
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .4)
}

.checkout_modal-content {
    position: relative;
    top: 5%;
    border-radius: 6px;
    background-color: #fefefe;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%
}

.close {
    color: #aaa;
    float: right;
    font-size: 20px
}

.close:hover {
    cursor: pointer
}

.checkout-modal__title {
    color: #3F8B8B;
    font-weight: 700;
    font-size: 18px
}

.justify-content-between {
    justify-content: space-between
}

.form_suptitle {
    margin-top: 10px;
    margin-bottom: 4px;
    color: #5C6573;
    font-size: 14px
}

.checkout-modal__inputs input,
.checkout-modal__inputs textarea {
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #d8dfeb;
    border-radius: 4px;
    outline: none
}

.checkout_postscript {
    color: #3F8B8B;
    margin: 5px 0;
    font-weight: 700
}

.text_confirm {
    margin: 20px 0;
    text-align: center
}

.confirm_methods {
    display: flex;
    justify-content: space-around
}

.confirm_method {
    display: flex;
    flex-direction: column;
    align-items: center
}

.confirm_method .method-text {
    margin-top: 8px
}

.send_checkout {
    margin-top: 10px;
    width: 100%;
    color: #fff;
    background-color: #3F8B8B;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.is_delivery {
    display: none
}

.radio-custom {
    display: none
}

.radio-img {
    cursor: pointer;
    position: relative
}

.radio-img svg {
    fill: #9FABBD;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: border-color 0.3s
}

.radio-custom:checked+svg {
    fill: #3F8B8B
}

.order_comment {
    margin: 0 10px;
    margin-top: 10px;
}

.order_comment textarea {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid var(--blue-gray-20);
    border-radius: 4px;
    outline: none;
    width: 100%
}

.order_btns {
    display: flex;
    margin-top: 15px
}

.order_btn {
    margin-left: 20px;
    border: #3f8b8b 1px solid
}

.order_btn a,
.order_btn a:hover {
    color: #3f8b8b
}

.order_btn button {
    color: #3f8b8b
}

.order .order-nav:not(:first-child) {
    margin-top: 40px
}

.seo-content {
    background-color: #fff
}

.wrap-auto {
    text-wrap: balance
}

.section-content__tab-link {
    margin-left: 5px;
    color: var(--gray-70);
    font-size: 18px;
    line-height: normal;
    border-bottom: 2px solid transparent
}

.section-content__tab-link a,
.section-content__tab-link a:hover {
    color: var(--gray-70)
}

.accordion-item.desktop-active .accordion-content {
    height: auto
}

@media (max-width:1200px) {
    .clear-cart {
        margin-top: 20px
    }

    .order_card__info {
        margin-right: 10%
    }

    .checkout_modal-content {
        width: 90%
    }

    .order_inner {
        display: block
    }

    .order-left,
    .order-right {
        width: 100%
    }

    .team-inner {
        align-items: normal
    }

    .contact-card {
        width: 100%
    }

    .img-question_wrapper {
        justify-content: center;
        width: 100%
    }

    .question-header,
    .form-container form {
        width: 70%
    }

    .accordion-content-question .wrapper {
        flex-direction: column
    }

    .section-search__card-right-btn {
        width: 23%
    }

    .new-block-count__check-wrap {
        width: 100%;
        border-radius: 4px
    }

    .new-block-count__form-btn {
        grid-column: span 4;
        display: block
    }

    .block-count__dropdown-form .wrapper {
        display: block
    }

    .wrapper-price_filters {
        margin-left: 0;
        margin-bottom: 20px
    }

    .block-count__search-wrap {
        width: 100%
    }

    .block-price_subtitle {
        margin: auto 0
    }

    .block-price_filter {
        width: 30%
    }
}

@media screen and (max-width:1065px) {
    .header-up__left-btn {
        margin-right: 0
    }

    .header-up__link {
        font-size: 12px
    }
}

@media screen and (max-width:992px) {
    .tg_btn {
        width: 80%
    }

    .dispatchModal-content {
        width: 35%
    }

    .order_card__info,
    .order_card__img {
        margin-right: 2%
    }

    .services__wrapper {
        grid-template-columns: 1fr
    }

    .footer-down__logo-link.coopyright {
        display: none
    }

    .footer-up__icon-item.coopyright {
        display: block
    }

    .question-header.reviews,
    .form-container.reviews form,
    .reviews-section-title,
    .about-cities__list.reviews,
    .section-tab__review-list.website .section-tab__review-item {
        width: 85%
    }

    .about.wrapper {
        display: block
    }

    .team-inner {
        align-items: flex-end;
        flex-wrap: wrap
    }

    .team-item {
        width: 250px
    }

    .about .about-section-title {
        text-align: center
    }

    .about.mt-20 {
        margin-top: 0
    }

    .about-content_wrapper {
        margin-top: 80px
    }

    .about-content_wrapper .pl-3rem {
        padding-left: 0 !important
    }

    .about-benefits {
        padding: 10px 0 10px 20px
    }

    .svg_wrapper {
        display: none
    }

    .about-work__content {
        width: 100%;
        max-width: none;
        text-align: center
    }

    .about-phone__item {
        width: 80%;
        margin: 5px auto
    }

    .about-benefits__content {
        width: 100%
    }

    .about-benefits__icons {
        display: none
    }

    .about-cities__img {
        position: relative;
        left: unset;
        top: unset
    }

    .about .w-50 {
        width: 100% !important
    }

    .about-partners .wrapper {
        display: block
    }

    .about-partners__content {
        width: 100%
    }

    .about-partners__icons {
        width: 100%
    }

    .help {
        margin: 0
    }

    .help-card {
        width: 48%
    }

    .section-search__card-right-btn {
        width: 25%
    }

    .new-section-card-descr__right {
        margin-bottom: 30px
    }

    .new-section-content__offers {
        display: block
    }

    .new-section-category__item {
        width: 100%
    }

    .footer-down__logo-list {
        width: 70%
    }

    .footer-down__logo-item {
        margin-right: 0
    }

    .footer-down__logo-item:not(:last-child) {
        margin-right: 0
    }
}

@media (max-width:920px) {
    .new-section-popular__item-img {
        /*width: 60%;*/
        /*min-height: 135px;*/
        /*margin-bottom: 12px*/
    }

    .gallery__wrapper {
        grid-template-columns: 1fr 1fr
    }

    .header-up__item-article {
        display: none
    }

    .dropdown-article {
        display: block
    }
}

@media (max-width:860px) {
    .order-card__wrapper {
        justify-content: space-evenly
    }

    .order_card__count {
        flex-direction: column;
        justify-content: center
    }

    .header-up__left-btn {
        margin-right: 0
    }

    .header-up__item:not(:last-child) {
        margin-right: 8px
    }
}

@media (max-width:820px) {
    .section-content__tab-link {
        font-size: 16px
    }

    .header-mobile-btn_wrapper {
        width: 100%;
        justify-content: space-between
    }

    .header-mobile__dropdown-btn {
        padding: 0;
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    .header-up__phone-btn {
        display: none
    }

    .header-mobile__dropdown-btn::after {
        transform: rotate(89deg);
        margin-top: 10px;
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .about__list {
        display: none
    }

    .about__list::after {
        content: "";
        display: block;
        position: absolute;
        left: -16px;
        right: -16px;
        border-bottom: 2px solid #f5f5f5
    }
}

@media (max-width:768px) {
    .accordion-item.desktop-active .accordion-content {
        height: 0
    }

    .dispatchModal-content {
        width: 50%
    }

    .order__img {
        margin-right: 10px
    }

    .order_counter {
        margin: 0;
        width: 100%
    }

    .order-price {
        display: block
    }

    .action_banner {
        height: 80%
    }

    .new-section-category__item {
        flex-wrap: wrap;
        height: auto
    }

    .all-dozir.new-section-category__item,
    .all-proizv.new-section-category__item {
        height: 205px
    }

    .new-section-popular__item-btn {
        width: 100%
    }

    .new-section-popular__item-btn .btn-book {
        width: 100%
    }

    .section-search__card-right-btn {
        width: 100%;
        margin-top: 4px
    }

    .only_desktop {
        display: none
    }

    .only_mobile {
        display: block
    }

    .new-section-card__main-slide {
        height: 250px
    }

    .new-section-card-descr__right {
        margin-bottom: 20px;
        padding: 6px 6px 8px
    }

    .section-search__card {
        padding: 5px 14px;
        display: block
    }

    .btn-book.only_mobile {
        text-align: center
    }

    .section-search__card-left {
        width: 100%
    }

    .section-top__rating-top {
        justify-content: space-between;
        margin-bottom: 8px
    }

    .section-top__card-name {
        display: inline-block;
        margin-bottom: 10px
    }

    .new-section-category__item .favorite {
        top: 10px;
        right: 5px;
        left: initial;
    }

    .section-search__card.single .favorite {
        position: initial;
        margin-bottom: -3px;
        margin-left: auto;
    }

    .new-section-card__right-count {
        font-size: 16px;
    }

}

@media (max-width:700px) {
    .order_btns {
        display: block
    }

    .order_btns .btn-global {
        justify-content: center
    }

    .order_btn {
        margin-left: 0;
        margin-top: 10px
    }

    .order-nav {
        align-items: center
    }

    .order-card__wrapper {
        flex-direction: column
    }

    .order_card__count {
        display: block
    }

    .order-card__wrapper {
        margin-left: 2%
    }

    .order_count .count_num,
    .order_cost .cost_num {
        min-width: 150px
    }

    .requisites tr {
        grid-template-columns: repeat(2, 250px)
    }

    .about_links {
        display: block
    }

    .about-link__item {
        margin: 10px 0;
        width: 100%;
        display: block
    }

    .about-link__item:nth-child(2) {
        margin: 0
    }

    .about-partners__icons {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-section-category__item .new-section__link {
        padding-right: 20px;
        display: inline-block;
    }

    .toggle_list_map {
        margin-bottom: 20px
    }

    .new-reg-block .wrapper {
        display: block
    }

    .new-reg-block__right {
        width: 100%;
        margin-top: 20px
    }

    .new-reg-block__left {
        width: 100%
    }

    .wrapper-price_filters {
        flex-wrap: wrap;
        height: auto;
        justify-content: space-between
    }

    .block-price_filter {
        height: 30px;
        margin-left: 0
    }

    .new-block-count__label-check {
        width: 100%;
        text-align: right
    }

    .price-low {
        margin-bottom: 5px;
        width: 100%
    }

    .price-medium {
        width: 48%
    }

    .price-high {
        width: 50%
    }

    .block-price_subtitle {
        margin: 5px 0
    }

    .section-top__metro {
        text-wrap: wrap
    }
}

@media (max-width:594px) {
    .order-right {
        max-height: 450px
    }

    .footer-down__logo-item:first-child {
        display: none
    }
}

@media (max-width:575px) {
    .online-book__content {
        width: 100%
    }

    .online-book__actions {
        flex-direction: column
    }

    .table_grid {
        padding: 0
    }

    .gallery__wrapper {
        grid-template-columns: 1fr
    }

    .reviews .about-cities__item:first-child {
        grid-column: span 3
    }

    .footer-up__item .wrapper {
        display: block
    }

    .footer-up__icon-item.coopyright {
        margin-top: 10px
    }

    .about-phone__item {
        width: 100%
    }

    .px-5 {
        padding: 0 !important
    }

    .about.reverse {
        margin-top: -50px;
        display: flex;
        flex-direction: column-reverse
    }

    .dropdown-cities {
        position: relative;
        display: inline-block
    }

    .dropdown-cities__btn {
        display: block
    }

    .dropdown-cities__btn2 {
        display: none;
        width: 100%;
    }

    .add-cities__item {
        display: none;
    }

    .about-cities__list.dropdown-cities {
        display: none
    }

    .question-header.reviews,
    .form-container.reviews form,
    .reviews-section-title,
    .about-cities__list.reviews,
    .section-tab__review-list.website,
    .section-tab__review-item,
    .section-tab__review-list.website .section-tab__review-item {
        width: 100%
    }

    .question-header,
    .form-container form {
        width: 90%
    }

    .contact-card__item {
        width: 100%
    }

    .accordion-item-question {
        margin: 1rem 0
    }

    .requisites tr {
        grid-template-columns: repeat(2, 200px)
    }

    .form-container.reviews input[type="text"],
    .form-container.reviews textarea {
        width: 100%
    }

    .about-partners {
        padding: 10px 25px
    }

    .about-cities__list {
        grid-template-columns: auto
    }

    .about-cities__item:first-child {
        grid-column: auto
    }

    #rating_site_form .wrapper {
        display: block
    }

    .help {
        margin: 0 1rem
    }

    .help-card {
        width: 100%
    }

    .new-section-content__suptitle {
        margin: 0;
        width: 70%;
        display: inline-block;
        word-break: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }

    /* Перенос по точке для названий препаратов на мобильных */
    .new-section-content__suptitle .new-section__link,
    .new-section-content__suptitle .fd-link,
    .new-section-content__suptitle > span {
        word-break: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        line-height: 1.4;
    }

    .section-search__card .wrapper {
        display: block
    }

    .section-card__main {
        display: block
    }

    .new-section-card__main-slide {
        height: auto
    }

    .new-section-card__left {
        width: 100%
    }

    .new-section-card__right {
        width: 100%;
        margin-top: 20px
    }

    .new-section-card-descr__right {
        padding: 14px 14px 16px
    }

    .new-section-card__right-bottom {
        margin-top: 20px
    }

    .new-section-content__info {
        text-wrap: balance;
        width: 100%
    }

    .new-section-content__info .wrapper {
        width: 90%;
        display: block;
        margin-left: 10%
    }

    .block-count__check {
        grid-template-columns: repeat(3, 1fr)
    }

    .new-block-count__form-btn {
        grid-column: span 1
    }
}

@media (max-width:538px) {
    .repeat_order.desktop {
        display: none
    }

    .repeat_order.mobile {
        display: block;
        text-align: center;
        margin-top: 10px
    }

    .dispatchModal-content {
        width: 60%
    }

    .about-partners__icons {
        grid-template-columns: repeat(1, 1fr)
    }

    .new-block-count__form-btn {
        display: flex;
        align-items: center
    }

    .out-contacts {
        padding-bottom: 0
    }

    .about-cities__inner {
        margin-top: 0;
        padding-bottom: 0
    }

    .btns_wrapper {
        display: block
    }

    .repost__close {
        top: 6px;
        right: 6px;
        font-size: 20px
    }

    .repost__btn {
        width: 100%;
        justify-content: space-between;
        margin: 5px 0
    }
}

@media (max-width:490px) {
    .order__wrapper {
        display: block
    }

    .order__content {
        margin-top: 20px
    }

    .section-search__card-right-btn-wrapper {
        display: block
    }

    .report {
        margin-left: 0;
        margin-top: 10px
    }

    .cart-step__line-modal {
        width: 20%
    }
}

@media (max-width:433px) {
    .dispatchModal-content {
        width: 90%
    }

    .confirm_methods {
        justify-content: space-between
    }

    .confirm_method .method-text {
        display: none
    }

    .requisites tr {
        grid-template-columns: repeat(2, 180px)
    }

    .wrapper .section-top__metro span {
        width: 100%
    }

    .img-question_wrapper {
        display: block
    }

    .img-question_wrapper img {
        display: block;
        margin: 0 auto
    }

    .img-question_wrapper img:nth-child(2) {
        margin-top: 10px
    }

    .question-button {
        margin-top: 5px
    }

    .question-header {
        flex-direction: column
    }
}

@media (max-width:387px) {
    .requisites tr {
        grid-template-columns: repeat(2, 150px)
    }

    #rating_site,
    .btn-cancel {
        width: 60%
    }
}

@media (max-width:370px) {
    .btnsConnect {
        font-size: 11px;
    }

    .order-pharmacy__info {
        display: block
    }

    .order_card__img {
        margin: 0 auto;
        margin-bottom: 20px
    }

    .order_card__inner {
        display: block
    }

    .order_count .count_num,
    .order_cost .cost_num {
        min-width: 100px
    }

    .order-card__wrapper {
        width: 100%
    }
}

@media (max-width:350px) {
    .order_suptitle {
        font-size: 11px
    }

    .order_title a {
        font-size: 18px
    }

    .order_dozir {
        font-size: 16px
    }

    .order-date h4 {
        font-size: 16px
    }

    .online-book__counter .increment,
    .online-book__counter .decrement {
        padding: 4px 10px
    }

    .section-list__pagination-number {
        margin-right: -1%
    }
}

#overlay_banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 991;
    transition: opacity 0.5s ease-in-out
}

#banner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    opacity: 0;
    z-index: 992;
    transition: opacity 0.5s ease-in-out
}

#banner .overlay-text {
    width: 100%;
    position: absolute;
    top: 105%;
    left: 51%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #fff;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, .5);
    z-index: 10
}

#banner.show {
    display: block;
    opacity: 1
}

#banner .close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    background-color: #aeaeae;
    color: white;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%
}

#banner img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#banner .extra-btn {
    position: absolute;
    bottom: 5%;
    right: 5%;
    font-weight: 600;
    padding: 15px 40px;
    font-size: 18px;
    color: #000;
    background-color: #ff030363;
    border: none;
    border-radius: 26px;
    cursor: pointer;
    text-decoration: none
}

.d-fc {
    display: flex;
    align-items: center;
    height: 42px;
    margin-right: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    min-width: 55px
}

.icon16-15 {
    width: 16px;
    height: 15px
}

.page-card__btn-dom-prod {
    min-width: 215px;
    justify-content: flex-start
}

.d-flex {
    display: flex !important
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
}

@media (max-width:768px) {
    .flex-column {
        flex-direction: column !important
    }
}

.green-text {
    color: #3f8b8b
}

.btn-global_gray {
    background-color: var(--blue-gray-15);
    color: var(--green-btn);
    margin-right: 7px
}

.icon23-19 {
    width: 23px;
    height: 19px
}

.icon19-17 {
    width: 19px;
    height: 17px
}

@media (min-width:768px) {
    .section-search__card-left {
        width: 60%
    }
}

@media (min-width:992px) {
    .section-search__card-right {
        min-width: initial
    }
}

@media (min-width:1240px) {
    .section-search__card-left {
        width: 40%
    }
}

.section-tab__table.price a:hover {
    color: #439696
}

.green-btn {
    transition: ease-in 300ms
}

.green-btn:hover {
    color: #fff;
    background-color: #357878
}

.green-btn:active {
    background-color: #0D3E5E
}

.header-up__list a {
    transition: ease-in 300ms
}

.header-up__list a:hover {
    color: rgba(255, 255, 255, .8)
}

a.header-up__connect {
    transition: ease-in 300ms
}

a.header-up__connect:hover {
    color: rgba(255, 255, 255, .8)
}

.header-up__left-btn .header-up__connect {
    display: none
}

@media (min-width:820px) {
    .header-up__left-btn .header-up__connect {
        display: flex
    }
}

@media (max-width:450px) {
    #banner {
        top: 50%;
        left: 15%;
        transform: translate(-10%, -50%)
    }

    #banner .extra-btn {
        padding: 12px 105px;
        font-size: 16px
    }
}

.header-mobile__item .header-up__connect {
    color: var(--neutral-black);
    font-size: 18px;
    padding: 0
}

.header-mobile__item .header-up__connect:hover {
    color: var(--neutral-black)
}

.header-mobile__item .header-up__connect-text {
    display: initial
}

.header-mobile__item .header-up__connect svg {
    filter: invert(1);
    margin-right: 8px
}

.header-up__item.has-child.open>ul {
    display: block
}

.header-up__item.has-child.open .dropdown_arrow,
.header-up__item.has-child.open .dropdown-other__arrow {
    transform: rotate(-135deg)
}

.panaceya {
    width: 100% !important
}

.wh {
    color: white !important
}

.btn-buy {
    height: 66px;
    font-size: 40px
}

.section-margin-bottom {
    margin-bottom: 20px
}

.section-padding-bottom {
    padding-bottom: 0px !important
}

@media screen and (max-width:339px) {
    .section-search__right-location {
        width: 100px
    }
}

#openModalBtn:disabled,
#SignIn:disabled,
#save-contacts:disabled,
#rating:disabled,
#question:disabled,
#rating_firm:disabled,
#rating_site:disabled {
    background-color: #9FABBD
}

.justify-content {
    text-align: justify !important
}

.show_pharmacy_on_map-btn {
    cursor: pointer
}

.paddress {
    margin: 0;
    width: 90%
}

.address_hide {
    width: 40% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: auto
}

.mtop10 {
    margin-top: 10px
}

.fixed {
    position: fixed;
    width: 100%;
    z-index: 10
}

.main_for_fixed_header {
    padding-top: 212px
}

@media (max-width:450px) {
    .main_for_fixed_header {
        padding-top: 277px
    }
}

.dropdown-menu__item:focus {
    border: 2px solid var(--purple-25);
    background-color: #f3efff;
    border-radius: 5px;
}

.letter_header {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.5em;
    color: gray;
}

.section-alphabet__main-list2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 13px;
    width: 83.5%;
    margin-bottom: 17px
}

@media (min-width:820px) {
    .section-alphabet__main2 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        padding-top: 22px;
    }
}

.ac {
    align-items: center;
}






/* PROMO-BANNER */


.promo-banner__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(90deg, #47a5a3 0%, #5865a7 66.15%, #6f49ab 100%);
    padding: 20px;
    border-radius: 8px;
    color: var(--bs-white);
    column-gap: 20px;
    margin-bottom: 8px;
    transition: .2s;

    @media (max-width: 550px) {
        flex-direction: column;
        row-gap: 30px;
        align-items: start;
    }

    @media (max-width: 390px) {
        padding: 10px;
    }
}

.promo-banner__content:hover {
    box-shadow: 0 15px 40px rgba(71, 165, 163, 0.6);
    transform: translateY(-3px);
    background-position: 100% 0;
}

.promo-banner__badge {
    padding: 4px 16px;
    background-color: var(--red-btn);
    border-radius: 24px;
    font-weight: 700;
    margin-block: 0 12px;
    width: fit-content;
    line-height: 1.35;
    font-size: 14px;
    text-align: center;

    @media (max-width: 600px) {
        font-size: 12px;
    }

    @media (max-width: 375px) {
        padding-inline: 7px;
    }
}

.promo-banner__description {
    font-weight: 700;
    font-size: 24px;
    margin-block: 0 4px;
    line-height: 1.15;
}

.promo-banner__company {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}

.promo-banner__order {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 4px;

    @media (max-width: 550px) {
        width: 100%;
    }
}

.promo-banner__price {
    font-weight: 700;
    font-size: 32px;
    margin: 0;
    line-height: 1.2;

    @media (max-width: 550px) {
        align-self: start;
    }
}

.promo-banner__price span {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
}

.promo-banner__price--yellow {
    @media (max-width: 550px) {
        align-self: end;
    }
}

.promo-banner__button {
    border-radius: 4px;
    padding: 10px 35px;
    background-color: var(--red-btn);
    transition: .2s;
    font-size: 18px;
    font-weight: 500;

    @media (max-width: 550px) {
        display: flex;
        width: 100%;
        justify-content: center;
    }
}

.promo-banner__button:hover {
    background-color: red;
    box-shadow: 0 8px 20px rgba(71, 165, 163, 0.5);
}




.promo-banner__content--yellow {
    background: #FFE55A;
    color: var(--black-text);

    background-repeat: no-repeat;
    background-position: right bottom;

    @media (max-width: 550px) {
        background-position: -130px bottom;
    }
}

.promo-banner__content--yellow-b {
    background: #FFE55A;
    color: var(--black-text);
    background-image: url(/assets/img/balls.png);
    background-repeat: no-repeat;
    background-position: right bottom;

    @media (max-width: 550px) {
        background-position: -130px bottom;
    }
}

.promo-banner__content--yellow-b:hover,
.promo-banner__content--yellow:hover {
    background-color: #fce874;
    background-position: right bottom;
    box-shadow: 0 15px 60px rgba(252, 232, 116, 0.9);
}

.promo-banner__badge--yellow,
.promo-banner__button--yellow {
    color: var(--bs-white);
}

.w20 {
    width: 20% !important;
}

.footer__menu-link:hover {
    color: #BAA5F3 !important;
}

.section-hero__repost-price {
    height: 24px;
    display: flex;
    align-items: center;
    padding: 6px 12px 6px 22px;
    background-image: url(/assets/img/square.svg);
    background-position: left;
    background-repeat: no-repeat;
}

.registration-p__text {
    margin: 0 auto;
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #222d32;
    max-width: 408px;
    width: 100%;
    margin-bottom: 24px;
}

.registration-p__btn {
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    padding: 10px 35px;
    width: 185px;
    height: 42px;
    font-family: var(--second-family);
    background: #3f8b8b;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.registration-p__modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    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;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    z-index: 1001;
}

.registration-p__modal.active {
    opacity: 1;
    pointer-events: all;
}

.registration-p__modal-content {
    margin: 0 10px;
    background: #fff;
    border-radius: 8px;
    padding: 32px 24px;
    width: 100%;
    max-width: 435px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    position: relative;
    text-align: center;
    -webkit-animation: popIn 0.3s ease;
    animation: popIn 0.3s ease;
}

@-webkit-keyframes popIn {
    from {
        -webkit-transform: translateY(20px) scale(0.95);
        transform: translateY(20px) scale(0.95);
        opacity: 0;
    }

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

@keyframes popIn {
    from {
        -webkit-transform: translateY(20px) scale(0.95);
        transform: translateY(20px) scale(0.95);
        opacity: 0;
    }

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

.registration-p__modal h2 {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 115%;
    color: #222d32;
    margin-bottom: 24px;
}

.registration-p__modal p {
    font-family: var(--third-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 115%;
    color: #222d32;
    margin-bottom: 16px;
}

.registration-p__input {
    font-family: var(--third-family);
    font-weight: 400;
    font-size: 14px;
    color: #6d7685;
    width: 100%;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    outline: none;
    background: #f2f2f2;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
}

.registration-p__input:focus {
    border-color: #3a7bd5;
}

.registration-p__input--phone:-webkit-autofill {
    animation-name: lekmosPhoneAutofillStart;
    animation-duration: 0.01s;
}

@keyframes lekmosPhoneAutofillStart {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.registration-p__next,
.registration-p__confirm {
    width: 100%;
    background: #3f8b8b;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

.registration-p__next:hover,
.registration-p__confirm:hover {
    background: #3f8b8b;
}

/* кнопка закрытия */
.registration-p__close {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 26px;
    color: #999;
    background: none;
    border: none;
    cursor: pointer;
}

/* ======== ПОЛЯ ДЛЯ КОДА ======== */
.registration-p__code-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}

.code-input {
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 28px;
    border-radius: 12px;
    border: 1px solid #ccc;
    outline: none;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
}

.code-input:focus {
    border-color: #3a7bd5;
}

.registration-p__input.error {
    border-color: #e74c3c;
    background-color: #fff6f6;
}

.registration-p__error {
    color: #e74c3c;
    font-size: 13px;
    margin-top: 6px;
    display: block;
    min-height: 18px;
}

.registration-p__agree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.4;
    color: #444;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* скрываем стандартный вид чекбокса */
.registration-p__agree input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    width: 26px;
    height: 15px;
    border: 1px solid #9fabbd;
    border-radius: 4px;
    background-color: #f5f5f7;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* галочка */
.registration-p__agree input[type=checkbox]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 0.5px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #3f8b8b;
    border-bottom: 2px solid #3f8b8b;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

/* при нажатии — показываем галочку */
.registration-p__agree input[type=checkbox]:checked::after {
    opacity: 1;
}

/* при наведении — лёгкий эффект */
.registration-p__agree input[type=checkbox]:hover {
    background-color: #eef2f3;
}

/* ссылки */
.registration-p__agree a {
    color: #3f8b8b;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.registration-p__agree a:hover {
    color: #2c6d6d;
}

.signin-sms__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    padding: 1em;
    transition: opacity 0.3s ease;
    max-width: 300px;
}

.signin-sms__wrap input {
    width: 100%;
    flex: 0 0 23%;
    padding: 0;
    margin: 0 0 0 0;
    text-align: center;
    min-height: 60px;
    font-size: 2em;
    box-shadow: none;
    outline: none;
    border: 1px solid var(--blue-gray-15);
}

.signin-sms__wrap input.input-error {
    color: #dc3545;
    border: 1px solid var(--bs-red);
}

.signin-sms__wrap input.input-success {
    color: #198754;
    border: #198754;
}

.signin-sms__wrap input:not(:first-child) {
    margin-left: 1%;
}

.signin-sms__wrap.done {
    opacity: 0;
}

.apteka-logo {
    max-width: 250px;
}

@media (max-width: 550px) {
    .apteka-logo {
        max-width: 150px;
    }
}

#main-photo-costs-exist {
    height: auto !important
}

.icon-svg {
    max-width: none;
}

.icon-svg-old-25 {
    max-width: none;
    margin-top: 2px;
    margin-left: 2px;
}

@media (min-width:820px) {
    .footer__navigation {
        display: none;
    }
}

.extra-btn {
    display: none;
}
@media (max-width: 768px) {
    .my-reviews__item-body {
        margin-top: 50px;
    }
    .feedback__input-cont::placeholder {
        white-space: pre-line;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}

@media (max-width: 677px) {
    .product-card .favorite {
        right: 10px;
        left: auto;
        bottom: 73px;
    }
}

/* City selection modal (modal__city) */
#modal__city {
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

#modal__city .modal-content {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: min(760px, calc(100% - 24px));
    max-width: 760px;
    min-height: 0;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    margin: 16px auto;
    padding: 16px 0 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#modal__city .modal-content.body-scroll {
    overflow: hidden;
}

#modal__city .city-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.city-modal {
    width: 100%;
    max-width: 760px;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.city-modal__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 12px;
    padding-right: 28px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.city-modal__title {
    font-size: 32px;
    line-height: 1.1;
    font-weight: 800;
    color: var(--black);
    flex: 1 1 auto;
    min-width: 0;
}

.city-modal__auto {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    color: var(--blue-60);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    white-space: normal;
    text-align: left;
    flex: 0 1 auto;
    max-width: 100%;
}

.city-modal__subtitle {
    margin-top: 10px;
    margin-bottom: 18px;
    color: var(--gray-50);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    max-width: 640px;
    flex-shrink: 0;
}

.city-modal__capitals {
    flex-shrink: 0;
}

.city-modal__search {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 12px;
    background-color: var(--gray-bg);
    flex-shrink: 0;
}

.city-modal__search-icon {
    flex-shrink: 0;
    opacity: 0.9;
}

.city-modal__search-input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 18px;
    line-height: 1.2;
    color: var(--black);
}

.city-modal__list {
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    gap: 26px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: 8px;
}

.city-modal__region-title {
    color: var(--blue-60);
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 8px;
}

.city-modal__cities {
    color: var(--gray-70);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
}

.city-modal__cities-list {
    display: block;
}

.city-modal__city {
    display: inline;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.city-modal__city:hover {
    text-decoration: underline;
}

.city-modal__city--main {
    color: var(--green-text);
}

.city-modal__city--main-big {
    display: block;
    margin-bottom: 6px;
    font-size: 22;
    line-height: 1.2;
    font-weight: 800;
    color: var(--green-text);
}

@media (max-width: 480px) {
    .city-modal {
        padding: 0 10px;
    }

    .city-modal__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding-right: 36px;
    }

    .city-modal__title {
        font-size: 24px;
        line-height: 1.15;
        padding-right: 0;
        width: 100%;
    }

    .city-modal__auto {
        font-size: 14px;
        line-height: 1.3;
        width: 100%;
    }

    .city-modal__search-input {
        font-size: 16px;
    }
}

.article-meta-date {
    text-align: right;
    opacity: .7;
}

/* Site template: homepage container + gray canvas on all pages */
.rl-page {
    background-color: var(--gray-bg);
}

.rl-page.page-cart,
.rl-page.page-my {
    background-color: #fff;
}

.rl-page .container {
    width: 100%;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 992px) {
    .rl-page .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

.header-down {
    padding-top: 30px;
}

@media screen and (max-width:992px) {
    .header .container {
        padding-top: 5px;
    }
}

.rl-page .header .header-down__logo img,
.header-logo {
    display: block;
    height: 68px;
    width: auto;
    max-width: 160px;
    object-fit: contain;
}

@media screen and (max-width:820px) {
    .header-down {
        padding-top: 8px;
        padding-bottom: 12px;
    }

    .rl-page .header .header-down__logo img,
    .header-logo {
        height: 44px;
        max-width: 110px;
    }

    .header-middle__phone-btn {
        margin-bottom: 2px;
    }
}

.my-p {
    padding: 16px 0 40px;
}

.my-p > .container > .breadcrumbs {
    padding-top: 0;
}

@media (min-width: 768px) {
    .my-p {
        padding: 16px 0 48px;
    }
}