:root {
    /* === TEXT COLORS === */
    --clr-text-primary: #54595f;
    --clr-text-secondary: #adafb0;
    --clr-text-tertiary: #c8c9c9;

    /* === ACCENT COLORS === */
    --clr-accent-light: #55bdba;
    --clr-accent-light-rgb: 85, 189, 186;
    --clr-accent-dark: #145f62;
    --clr-orange: #ff7f32;
    --clr-yellow: #ffce0c;
    --clr-yellow-light: #f2f0c9;
    --clr-orange-light: #faf3e8;

    /* === BACKGROUND COLORS === */
    --clr-bg-grey: #f1f1f1;
    --clr-bg-search: rgb(215, 241, 241);
    --clr-bg-filter: #ddf2f1;
    --clr-circle-bg: #aadddc;

    /* === BORDER COLORS === */
    --clr-border-grey: #dbdbdb;

    /* === BASE COLORS === */
    --clr-white: #fff;

    /* === RADIUS === */
    --radius-sm: clamp(4px, 0.5vw, 6px);
    --radius-lg: clamp(16px, 1vw, 24px);

    /* === TRANSITION === */
    --transition: all 0.5s ease;
    --transform: transform 0.5s ease;

    /* === SECTION MARGIN === */
    --mb: 30px;

    /* === SECTION STATUS === */
    --clr-error: #dc3545;
    --clr-error-rgb: 220, 53, 69;
    --clr-success: #198754;

    /*===OTHER===*/
    --swiper-theme-color: #f1f1f1;
    --livewire-progress-bar-color: #f1f1f1;
    --clr-select2-active: #f1f1f1;
}

/* ============================== */
/*          GLOBAL RESET          */
/* ============================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    font-size: 62.5%;
}
body {
    font-family: "Inter", sans-serif;
    color: var(--clr-text-primary);
    font-size: 1.8rem; /* 18px */
    font-weight: 400;
}

a {
    text-decoration: none;
    color: var(--clr-text-primary);
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}
iframe {
    all: unset;
    display: block;
    width: 100%;
    height: auto;
    border: none;
    padding: 0;
    margin: 0;
}
button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    outline: none;
}
input,
textarea,
select {
    box-sizing: border-box;
    font-family: inherit;
    font-size: 1.8rem;
    color: inherit;
}
input,
textarea {
    box-sizing: border-box;
    font-family: inherit;
    font-size: 1.8rem;
    color: var(--clr-text-primary);
    border: 2px solid var(--clr-border-grey);
    border-radius: var(--radius-sm);
    display: block;
    background: none;
}

input:focus,
textarea:focus {
    border-color: var(--clr-accent-light);
    outline: none;
}
input::placeholder {
    color: var(--clr-text-secondary);
    font-weight: 400;
}
/* ============================== */
/*           BASE                 */
/* ============================== */

.container {
    max-width: 1600px;
    padding: 0 70px;
    margin: 0 auto;
    position: relative;
}
h1 {
    font-size: 5.5rem; /* 55px */
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
}
.h1-style-1 {
    font-size: 3.5rem;
    font-weight: 500;
    text-transform: uppercase;
}
.h1-style-1,
.h1-style-2,
.h1-style-3,
.h1-style-4,
.h1-style-5,
.h1-style-6,
.h1-style-7,
.long-title {
    font-weight: 700;
    line-height: 90%;
    color: var(--clr-accent-light);
    text-transform: uppercase;
}
.h1-style-2 {
    font-size: 22.6rem;
}
.h1-style-3 {
    font-size: 16rem;
}
.h1-style-4 {
    font-size: 12rem;
}
.h1-style-5 {
    font-size: 18rem;
}
.h1-style-6 {
    font-size: 15.5rem;
    margin-bottom: 10px;
}
.h1-style-7 {
    font-size: 13.8rem;
    margin-bottom: 20px;
}
.h1-ultrasound-en {
    font-size: 9rem;
}
.long-title {
    font-size: 4rem !important;
    line-height: 100%;
}
h2 {
    font-size: 3.2rem; /* 32px */
    font-weight: 500;
}
.h2-style-1 {
    padding-left: 10px;
    border-left: 7px solid var(--clr-accent-light);
    font-size: 2.4rem;
    font-weight: 500;
    color: var(--clr-accent-light);
}
h2.section-title {
    font-weight: 500;
    font-size: 1.8rem;
}
h3 {
    font-size: 2.2rem; /* 22px */
    font-weight: 500;
}
.h3-style-1 {
    padding-left: 10px;
    border-left: 7px solid var(--clr-accent-light);
    font-size: 2rem;
    font-weight: 500;
    color: var(--clr-accent-light);
}
h4 {
    font-size: 2rem;
    font-weight: 500;
}

.accent {
    color: var(--clr-text-primary);
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 1.5px; /* толщина линии */
    text-underline-offset: 4px; /* отступ от текста */
}

.active {
    color: var(--clr-accent-light);
}
.active-link {
    color: var(--clr-accent-light);
    font-size: 1.6rem;
}
.icon-big {
    width: 20px;
}
.alert {
    color: var(--clr-orange);
}
span.link {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.bold {
    font-weight: 600;
}
.grey {
    color: var(--clr-text-secondary);
}
/* ============================== */
/*              BUTTON            */
/* ============================== */
.btn {
    padding: 17px 0;
    background: var(--clr-accent-light);
    border-radius: var(--radius-sm);
    color: var(--clr-white);
    text-align: center;
    cursor: pointer;
    font-size: 1.8rem;
    transition: var(--transition);
    opacity: 1;
    width: 100%;
    display: block;
}
.btn:hover {
    background: var(--clr-accent-dark);
}
/* Когда кнопка неактивна (disabled) */
.btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none; /* Отключаем hover */
}

/* ============================== */
/*         FLEX UTILITIES         */
/* ============================== */

.flex-s-c,
.flex-s-s,
.flex-s-e,
.flex-c-c,
.flex-b-c,
.flex-e-c,
.flex-b-e,
.flex-b-s-row {
    display: flex;
    flex-direction: row;
}
.flex-b-s {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}
.flex-b-s-row {
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

.flex-s-c {
    justify-content: flex-start;
    align-items: center;
}

.flex-s-s {
    justify-content: flex-start;
    align-items: flex-start;
}
.flex-s-e {
    justify-content: flex-start;
    align-items: flex-end;
}

.flex-c-c {
    justify-content: center;
    align-items: center;
}

.flex-b-c {
    justify-content: space-between;
    align-items: center;
}

.flex-e-c {
    justify-content: flex-end;
    align-items: center;
}
.flex-b-e {
    justify-content: space-between;
    align-items: flex-end;
}
.flex-c-b-c {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* ============================== */
/*            SECTIONS            */
/* ============================== */

section {
    margin: 70px 0;
}

section.main {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

.section-after-main {
    margin-top: 20px !important;
}
.licenses {
    margin: 120px 0;
}
/* ============================== */
/*         GRID LAYOUT         */
/* ============================== */

/* === СЕТКА НА 3 КОЛОНКИ === */
.grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.grid-3-block-1 {
    grid-area: 1 / 1 / 2 / 2;
}
.grid-3-block-2 {
    grid-area: 1 / 2 / 2 / 3;
}
.grid-3-block-3 {
    grid-area: 1 / 3 / 2 / 4;
}
.grid-3-span-2-4 {
    grid-area: 1 / 2 / 2 / 4;
}

/* === СЕТКА НА 4 КОЛОНКИ === */
.grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.grid-4-block-1 {
    grid-area: 1 / 1 / 2 / 2;
}
.grid-4-block-2 {
    grid-area: 1 / 2 / 2 / 3;
}
.grid-4-block-3 {
    grid-area: 1 / 3 / 2 / 4;
}
.grid-4-block-4 {
    grid-area: 1 / 4 / 2 / 5;
}
.grid-4-span-2-5 {
    grid-area: 1 / 2 / 2 / 5;
}
.grid-4-span-2-4 {
    grid-area: 1 / 2 / 2 / 4;
}
.grid-4-span-3-5 {
    grid-area: 1 / 3 / 2 / 5;
}
.grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
/* === СЕТКА НА 6 КОЛОНОК === */
.grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.grid-6-block-1 {
    grid-area: 1 / 1 / 2 / 2;
}
.grid-6-block-2 {
    grid-area: 1 / 2 / 2 / 3;
}
.grid-6-block-3 {
    grid-area: 1 / 3 / 2 / 4;
}
.grid-6-block-4 {
    grid-area: 1 / 4 / 2 / 5;
}
.grid-6-block-5 {
    grid-area: 1 / 5 / 2 / 6;
}
.grid-6-block-6 {
    grid-area: 1 / 6 / 2 / 7;
}

/* === СЕТКА НА 8 КОЛОНОК === */
.grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 20px;
}

.grid-8-block-1 {
    grid-area: 1 / 1 / 2 / 2;
}
.grid-8-block-2 {
    grid-area: 1 / 2 / 2 / 3;
}
.grid-8-block-3 {
    grid-area: 1 / 3 / 2 / 4;
}
.grid-8-block-4 {
    grid-area: 1 / 4 / 2 / 5;
}
.grid-8-block-5 {
    grid-area: 1 / 5 / 2 / 6;
}
.grid-8-block-6 {
    grid-area: 1 / 6 / 2 / 7;
}
.grid-8-block-7 {
    grid-area: 1 / 7 / 2 / 8;
}
.grid-8-block-8 {
    grid-area: 1 / 8 / 2 / 9;
}

/* ========================= HEADER ===================== */
header {
    position: sticky;
    top: 0;
    z-index: 100000;
    background: var(--clr-white);
    padding-bottom: 5px;
}
header .grid-cols-4 {
    padding: 10px 0;
}
header .grid-4-span-2-5 {
    font-size: 1.6rem;
}
.header__navigation {
    padding: 15px 20px;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
    font-size: 1.6rem;
    position: relative;
}
.logo-img {
    height: 40px;
    margin-right: 5px;
}
header .logo-title {
    font-size: 2.4rem;
    font-weight: 500;
    color: var(--clr-accent-light);
    white-space: nowrap;
}
.header__controls {
    gap: 10px !important;
    width: 100%;
}
.logo-lab {
    font-weight: 600;
}
.logo-lab span {
    color: #878787;
    font-weight: 600;
}
/* === GLOBAL SEARCH === */
.search {
    border: 2px solid var(--clr-accent-light);
    border-radius: var(--radius-sm);
    padding: 10px 15px;
    background: var(--clr-white);
    width: 100%;
}
.search__icon {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.search__input {
    border: none;
    outline: none;
    font-size: 1.6rem; /* 16px */
    color: var(--clr-text-primary);
    width: 100%;
}
.search__input::placeholder {
    color: var(--clr-text-tertiary);
}

/* === CALL CENTER === */
.call-center img {
    width: 45px;
    margin-right: 10px;
}
.call-center__number {
    font-size: 2.4rem; /* 24px */
    font-weight: 400;
    color: var(--clr-accent-light);
    white-space: nowrap;
}

/* === ACCOUNT, LANGUAGE, RESULTS === */
.account,
.language-toggle,
.get-results,
.easy-appointment {
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    border: 2px solid var(--clr-accent-light);
    transition: var(--transition);
    white-space: nowrap;
    cursor: pointer;
}
.language__active {
    font-weight: 500;
    margin-right: 7px;
}
.language i {
    font-size: 1.8rem;
    color: var(--clr-accent-light);
}
.get-results {
    background: var(--clr-accent-light);
    color: var(--clr-white);
    font-weight: 500;
    border: 2px solid var(--clr-accent-light);
    transition: var(--transition);
}
.account svg,
.account-wrapper svg {
    width: 20px;
    margin-right: 7px;
    fill: var(--clr-accent-light);
    transition: var(--transition);
}
.account-wrapper svg {
    width: 18px;
    fill: var(--clr-white);
}
.account-wrapper i {
    margin-left: 5px;
}
.account__text {
    white-space: nowrap;
    color: var(--clr-accent-light);
}
header a:hover {
    color: var(--clr-accent-light);
}
.easy-appointment {
    color: var(--clr-white);
    font-weight: 500;
    border: 2px solid var(--clr-orange);
    background: var(--clr-orange);
    transition: var(--transition);
}
.easy-appointment:hover,
.account:hover,
.language-toggle:hover,
.get-results:hover {
    color: var(--clr-white);
    background: var(--clr-accent-dark);
    border: 2px solid var(--clr-accent-dark);
}
.language-toggle:hover a,
.language-toggle:hover i,
.account:hover a {
    color: var(--clr-white);
}
.account:hover svg {
    fill: var(--clr-white);
}
.language-switcher-wrapper {
    position: relative;
    display: inline-block;
}

.language-switcher {
    position: absolute;
    top: 95%;
    left: 0;
    background: var(--clr-bg-grey);
    display: none;
    flex-direction: column;
    min-width: 100%;
    z-index: 10;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    transition: var(--transition);
}

.language-switcher a {
    padding: 10px 12px;
    color: var(--clr-text-primary);
    display: block;
}

.language-switcher a:hover {
    background-color: rgba(var(--clr-accent-light-rgb), 0.1);
}

.language-switcher a.active {
    background-color: #e5e5e5;
}
.logout {
    padding: 11px 12px;
    background: var(--clr-accent-dark);
    color: var(--clr-white);
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.3s ease;
}
.logout img {
    margin-right: 10px;
    width: 20px;
}

.logout:hover span {
    color: var(--clr-white);
}
/* Открытие */
.language-switcher.show {
    display: flex;
}

.arrow {
    transition: transform 0.3s ease;
}

.language-switcher.show ~ .arrow {
    transform: rotate(180deg);
}
.language-toggle.active {
    background-color: var(--clr-accent-dark);
    border: 2px solid var(--clr-accent-dark);
    color: var(--clr-white);
}
.language-toggle.active i {
    color: var(--clr-white);
}
/*****************/

.submenu-wrap {
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    display: none;
    z-index: 1000;
    background-color: var(--clr-bg-grey);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    padding: 30px 30px 50px 30px;
    border-radius: var(--radius-sm);
    z-index: 1100000;
}
.has-submenu-type-2 {
    position: relative;
}
.submenu-wrap-small-1 {
    width: max-content;
    top: 200%;
    left: 0px;
}
.submenu-wrap-small-2 {
    width: max-content;
    top: 200%;
    right: -20px;
    left: auto;
}
.submenu-wrap-small-1 .flex-s-c,
.submenu-wrap-small-2 .flex-s-c {
    margin-bottom: 20px;
}
.submenu-wrap-small-1 .flex-s-c:last-child,
.submenu-wrap-small-2 .flex-s-c:last-child {
    margin-bottom: 0;
}
.submenu-wrap-small-1 .flex-s-c img,
.submenu-wrap-small-2 .flex-s-c img {
    width: 65px;
    margin-left: 5px;
}
.submenu {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.submenu-list a {
    display: block;
    transition: var(--transition);
    white-space: nowrap;
}

.submenu-list a:hover {
    color: var(--clr-accent-light);
}
.submenu-image img {
    width: 100%;
    border-radius: var(--radius-sm);
    transition: opacity 0.3s ease;
    opacity: 1;
}
.has-submenu.open .submenu-wrap {
    display: block;
}
.has-submenu.open > a {
    color: var(--clr-accent-light);
}

.has-submenu.open > a .fa-angle-down {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.has-submenu > a .fa-angle-down {
    transition: transform 0.3s ease;
}
.devider-line {
    width: 40px;
    height: 2px;
    background: var(--clr-accent-light);
    margin-top: 5px;
}
.devider-line-2 {
    width: 80px;
    height: 4px;
}
.submenu-title img {
    width: 24px;
    margin-right: 5px;
}
h4 {
    color: var(--clr-accent-light);
}
.submenu-list .flex-s-c,
.home-services_block .flex-s-c {
    margin-top: 20px;
}
.dop-margin-top {
    margin-top: 30px;
}

/***********************MENU ACCOUNT***********************/

.account-wrapper {
    position: relative;
    display: inline-block;
}

.account-btn {
    padding: 12px;
    cursor: pointer;
    background: var(--clr-accent-dark);
    border-radius: var(--radius-sm);
    user-select: none;
}
.account-btn a {
    color: var(--clr-white);
    white-space: nowrap;
}
.account-btn:hover a {
    color: var(--clr-white);
}
.account-menu {
    padding: 20px;
    width: 310px;
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
    z-index: 100;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.account-menu .flex-s-c {
    margin-bottom: 20px;
}

.account-menu a:hover {
    color: var(--clr-accent-light);
}

.account-wrapper.open .account-menu {
    display: block;
}
.menu-title {
    font-weight: 600;
    color: var(--clr-accent-light);
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--clr-border-grey);
    font-size: 1.8rem;
}
.account-menu .devider-line {
    margin-bottom: 20px;
}
.user-initials {
    display: none;
}
/* ========================= HOME MAIN ===================== */
.home-main__slider {
    width: 100%;
    border-radius: var(--radius-lg);
}
.home-main__slider .swiper {
    height: 100%;
}
.slide-block {
    width: 100%;
    height: 100%;
    border-radius: var(--radius-lg);
}
.swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 20px;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background-color: var(--clr-white) !important;
    border-radius: 50% !important;
    transition: var(--transition) !important;
    opacity: 0.5 !important;
}

.swiper-pagination-bullet-active {
    width: 60px !important;
    height: 12px !;
    border-radius: 20px !important;
    background-color: var(--clr-white) !important;
    opacity: 1 !important;
}
.home-main__slider img {
    border-radius: var(--radius-lg);
    width: 100%;
    position: relative;
}
.slide-text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 55%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px;
}

.slide-title {
    font-size: 7rem;
    font-weight: 600;
    color: var(--clr-accent-light);
    margin-bottom: 20px;
    text-transform: uppercase;
}
.swiper-ul {
    padding-left: 20px;
}
.swiper-ul li {
    list-style: disc;
    color: var(--clr-accent-light);
    padding: 7px 0;
}
.swiper-ul li p {
    color: var(--clr-text-primary);
    font-size: 2.2rem;
}
.swiper-btn {
    margin-top: 50px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    width: fit-content;
    display: inline-block;
}
.slide-title-type2 {
    color: var(--clr-white) !important;
}
.swiper-ul li .slide-description-type2 {
    color: var(--clr-white) !important;
    opacity: 0.7;
}
.slide-dop-info {
    border-left: 5px solid var(--clr-white);
    padding-left: 15px;
    color: var(--clr-white);
    font-size: 2.2rem;
    margin: 0px 0 20px 5px;
}

/* ========================= HOME VIDEO ===================== */
.home-video__wrap {
    padding: 50px 40px;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-lg);
}

.orhun-title {
    font-size: 3.2rem; /* 32px */
    font-weight: 600;
    margin-right: 10px;
}
.video-frame-play-button {
    padding: 5px 15px;
    background: var(--clr-orange);
    border-radius: var(--radius-sm);
    color: var(--clr-white);
}
.video-frame-play-button i {
    font-size: 1.5rem; /* 15px */
    margin-right: 2px;
}
.video-frame-text {
    font-size: 2.2rem; /* 22px */
    color: var(--clr-text-secondary);
}
.video-frame {
    position: relative;
    padding: 20px 30px;
    display: inline-block;
    margin-bottom: 20px;
}

/* УГЛЫ */
.video-frame::before,
.video-frame::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* Горизонтальные уголки (верхний левый и правый, нижний левый и правый) */
.video-frame::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
                to right,
                var(--clr-accent-light) 20px,
                transparent 0
            )
            top left,
        linear-gradient(to left, var(--clr-accent-light) 20px, transparent 0)
            top right,
        linear-gradient(to right, var(--clr-accent-light) 20px, transparent 0)
            bottom left,
        linear-gradient(to left, var(--clr-accent-light) 20px, transparent 0)
            bottom right;
    background-repeat: no-repeat;
    background-size: 20px 3px;
    border-radius: var(--radius-sm);
}

/* Вертикальные уголки (верхний левый и правый, нижний левый и правый) */
.video-frame::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
                to bottom,
                var(--clr-accent-light) 20px,
                transparent 0
            )
            top left,
        linear-gradient(to bottom, var(--clr-accent-light) 20px, transparent 0)
            top right,
        linear-gradient(to top, var(--clr-accent-light) 20px, transparent 0)
            bottom left,
        linear-gradient(to top, var(--clr-accent-light) 20px, transparent 0)
            bottom right;
    background-repeat: no-repeat;
    background-size: 3px 20px;
    border-radius: var(--radius-sm);
}
.arrow-45deg,
.arrow--45deg {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    stroke-width: 1.2px;
    stroke: var(--clr-text-secondary);
    margin-top: 2px;
}
.arrow--45deg {
    transform: rotate(90deg) !important;
}
.internal-link {
    color: var(--clr-text-secondary);
    text-decoration-line: underline;
    text-underline-offset: 2px;
    font-size: 1.6rem;
}
.internal-link svg {
    transition: transform 0.3s ease;
}
.internal-link:hover {
    color: var(--clr-accent-light);
}

.internal-link:hover svg {
    stroke: var(--clr-accent-light);
    transform: rotate(45deg);
}
/*SWIPER*/
.home-video__wrap .swiper {
    height: 250px;
}

.swiper-slide {
    position: relative;
}
.video-frame .swiper-slide {
    cursor: pointer;
}
.swiper-slide iframe {
    width: 100%;
    height: 100%;
    border-radius: var(--radius-sm);
}
.video-placeholder {
    width: 100%;
    border-radius: var(--radius-sm);
    overflow: hidden;
    cursor: pointer;
}
.video-placeholder img {
    width: 100%;
    border-radius: var(--radius-sm);
    opacity: 0.9;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.video-description-wrap {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: var(--clr-white);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.video-description-icon {
    min-width: 50px;
    min-height: 50px;
    border-radius: 50%;
    background: var(--clr-orange);
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-description-icon i {
    display: block;
    color: var(--clr-white);
    padding-left: 2px;
}
.video-description-wrap p {
    font-size: 1.6rem; /* 16px */
    margin-left: 10px;
}
.video-placeholder img:hover {
    transform: scale(1.05);
    opacity: 1;
}
.grid-3-span-2-4 {
    position: relative;
}
.nav-buttons {
    position: absolute;
    top: 42%;
    left: -22px;
    right: -22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-buttons button.swiper-button-disabled,
.slider-buttons-wrap button.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}
.med-centers-info .nav-buttons button.swiper-button-disabled,
.med-centers-info .slider-buttons-wrap button.swiper-button-disabled {
    opacity: 0.3;
}
/* ========================= SERVICES ===================== */
.grey-block {
    padding: 80px 40px;
    border-radius: var(--radius-lg);
    background: var(--clr-bg-grey);
}
.tabs {
    margin: 20px 0;
    background: var(--clr-white);
    padding: 10px;
    border-radius: var(--radius-sm);
}
.tabs-content .search {
    padding: 15px;
}
.tab-button {
    padding: 10px 30px;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    margin-right: 5px;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.tab-button.active {
    background: var(--clr-accent-light);
    color: var(--clr-white);
}

.tab-button-new {
    padding: 3px 7px;
    background: var(--clr-orange);
    color: var(--clr-white);
    font-size: 1.4rem; /* 14px */
    border-radius: var(--radius-sm);
    margin-left: 5px;
}
.tabs-content {
    padding: 10px 30px;
    background-color: var(--clr-white);
    border-radius: var(--radius-sm);
}
.home-services_blocks-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 10px;
}

.specialties-column {
    list-style: none;
    padding: 0;
}

.specialties-column li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}
.specialties-column li div {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2px dashed var(--clr-accent-light);
}
.specialties-column strong {
    width: 20px;
    display: inline-block;
    font-weight: bold;
    color: var(--clr-accent-light);
    font-size: 2.2rem; /* 20px */
}

.specialties-column a {
    transition: 0.2s;
    display: block;
    margin-bottom: 20px;
    padding-top: 3px;
}
.specialties-column a:last-child {
    margin-bottom: 0;
}

.specialties-column a:hover {
    color: var(--clr-accent-light);
}
.circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--clr-accent-light);
    margin-right: 10px;
}
.circle-blink {
    width: 12px;
    height: 12px;
    background-color: var(--clr-orange);
    border-radius: 50%;
    animation: pulseBlink 1.4s ease-in-out infinite;
}
.circle-blink-faq {
    background: var(--clr-accent-light);
}

@keyframes pulseBlink {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.3;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.dop-margin {
    margin-top: 40px;
}
.home-services_block img {
    width: 100%;
    border-radius: var(--radius-sm);
}
.home-services_block a:hover {
    color: var(--clr-accent-light);
}
.tab-button:hover {
    background: var(--clr-accent-dark);
    color: var(--clr-white);
}
.tabs-content-title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.tabs-content p {
    color: var(--clr-text-primary);
}
.tabs-content li {
    list-style: disc;
    margin: 15px 0;
}
.tabs-content ul {
    margin: 20px 0 40px 20px;
}
/* ========================= TOP DOCTORS ===================== */
.top-doctors h2 {
    margin-right: 10px;
}
.top-doctors .flex-b-c {
    position: relative;
    margin-bottom: var(--mb);
}

.all-doctor-link {
    color: var(--clr-text-secondary);
    padding-right: 120px;
}
.all-doctor-link svg {
    width: 14px;
    height: 14px;
    margin-left: 7px;
}
.all-doctor-link:hover {
    color: var(--clr-accent-light);
}
.all-doctor-link:hover svg {
    color: var(--clr-accent-light);
}
.doctor-card-wrap {
    padding: 10px;
    position: relative;
    border-radius: var(--radius-sm);
    border: 2px solid var(--clr-accent-light);
    padding-bottom: 60px;
}
.doctor-card-info {
    width: 100%;
}
.doctor-block-image {
    display: block;
    width: 100%;
    height: 250px;
    border-radius: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-color: rgba(var(--clr-accent-light-rgb), 0.4);
    background-image: url(/images/doctors/doctor-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
    transition: var(--transition);
}
.doctor-block-image img {
    height: 90%;
}
.doctor-block-image:hover {
    background-color: rgba(var(--clr-accent-light-rgb), 1);
}
.doctor-fio {
    font-size: 1.9rem;
    font-weight: 500;
    text-align: left;
    margin: 5px 0;
}
.doctor-fio span {
    display: block;
    white-space: nowrap;
}
.doctor-reviews {
    font-size: 1.4rem;
    color: var(--clr-text-secondary);
    margin: 10px 0;
}
.doctor-department {
    margin: 5px 0;
}
.top-doctors .doctor-department {
    height: 60px;
}
.doctor-department span {
    font-size: 1.6rem;
    color: var(--clr-text-secondary);
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid var(--clr-text-secondary);
}
.doctor-department span:last-child {
    border-right: none;
}
.doctor-dop-info {
    margin: 5px 0 15px 0;
    font-size: 1.6rem;
}
.doctor-dop-info .flex-s-c {
    margin: 5px 0;
}
.doctor-dop-info img {
    width: 14px;
}
.btn-doctor-wrap {
    position: absolute;
    bottom: 15px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}
.btn-doctor-more-info {
    border: 2px solid var(--clr-accent-light);
    border-radius: 5px;
    text-align: center;
    width: 50%;
    padding: 10px 20px;
    color: var(--clr-accent-light);
    transition: var(--transition);
    flex: 1;
}
.btn-doctor-appointment {
    border-radius: 5px;
    text-align: center;
    width: 50%;
    padding: 11px 20px;
    background: var(--clr-accent-light);
    color: var(--clr-white);
    transition: var(--transition);
    cursor: pointer;
}
.btn-doctor-appointment:hover {
    background: var(--clr-accent-dark);
}
.btn-doctor-more-info:hover {
    color: var(--clr-white);
    border: 2px solid var(--clr-accent-dark);
    background: var(--clr-accent-dark);
}
.doctor-nav-buttons {
    position: absolute;
    top: 0;
    right: 70px;
}
.swiper-nav-buttons {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 2.4rem;
    padding-bottom: 3px;
    background: var(--clr-accent-light);
    color: var(--clr-white);
    transition: var(--transition);
    z-index: 50;
}
#prevBtn2,
#prevBtn-1 {
    padding-right: 3px;
}
#nextBtn2,
#nextBtn-1 {
    padding-left: 3px;
}
.swiper-nav-buttons:hover {
    background: var(--clr-accent-dark);
    border: 2px solid var(--clr-accent-dark);
    color: var(--clr-white);
}
.doctor-nav-buttons button.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
}
/* ========================= HOME ADVATNAGES ===================== */
.home-advantages__wrap {
    position: relative;
}
.home-advantages .grid-cols-3 {
    margin-bottom: var(--mb);
}
.home-advantages__block__top {
    position: relative;
}
.lowcase__title {
    font-size: 3.2rem;
    font-weight: 600;
    width: 160%;
    line-height: 110%;
}
.home-advantages__block {
    background: var(--clr-white);
    border-radius: var(--radius-sm);
    padding: 20px;
    height: 100%;
    padding-bottom: 40px;
}
.number {
    font-size: 2rem;
    font-weight: 500;
    position: absolute;
    top: 0px;
    left: 0px;
    color: var(--clr-text-secondary);
}
.small-image {
    width: 45%;
    border-radius: var(--radius-sm);
    margin-left: auto;
    display: block;
    transition: width 1.5s ease;
}
.home-advantages__block__top {
    height: 260px;
}
.home-advantages__block p {
    margin: 20px 0 40px 0;
}
.home-advantages__block__active .small-image {
    width: 100%;
    z-index: 10000;
}
.home-advantages__block h3 {
    margin-top: 5px;
}
.home-advantages__wrap .swiper-slide {
    height: auto !important;
}
.home-advantages__block .internal-link {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.mySwiper-3 {
    position: relative;
}
.slider-buttons-wrap {
    position: absolute;
    top: 45%;
    left: -20px;
    right: -20px;
    z-index: 100;
    display: flex;
    justify-content: space-between;
}
/* ========================= BRANCHES ===================== */
.med-centers__filters {
    margin: 20px 0;
}
.filters__cities {
    width: 70%;
    padding: 10px;
    background: var(--clr-white);
    border-radius: var(--radius-sm);
}
.filter-city {
    padding: 8px 25px;
    background: var(--clr-white);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    cursor: pointer;
    margin-right: 5px;
}
.filter-city:hover {
    background: var(--clr-accent-light);
    color: var(--clr-white);
}
.filter-city-active {
    background: var(--clr-accent-light);
    color: var(--clr-white);
}
.filters__centers {
    width: 29%;
    background: var(--clr-accent-dark);
    border-radius: var(--radius-sm);
    color: var(--clr-white);
    cursor: pointer;
    position: relative;
    /* Анимация мигания */
    -webkit-animation: blink 3s infinite ease-in-out;
    -moz-animation: blink 3s infinite ease-in-out;
    -o-animation: blink 3s infinite ease-in-out;
    animation: blink 3s infinite ease-in-out;
}
/* Анимация смены цвета */
@-webkit-keyframes blink {
    0%,
    100% {
        background-color: var(--clr-accent-dark);
    }
    50% {
        background-color: var(--clr-orange);
    }
}

@-moz-keyframes blink {
    0%,
    100% {
        background-color: var(--clr-accent-dark);
    }
    50% {
        background-color: var(--clr-orange);
    }
}

@-o-keyframes blink {
    0%,
    100% {
        background-color: var(--clr-accent-dark);
    }
    50% {
        background-color: var(--clr-orange);
    }
}

@keyframes blink {
    0%,
    100% {
        background-color: var(--clr-accent-dark);
    }
    50% {
        background-color: var(--clr-orange);
    }
}

/* Класс для отключения мигания */
.filters__centers.no-blink {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

/* ========== Базовый select ========== */
.custom-select {
    width: 100%;
    background-color: var(--clr-accent-light) !important;
    color: var(--clr-white);
    border: none;
    border-radius: var(--radius-sm);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1.6rem;
    position: relative;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25L12 15.75L4.5 8.25'/%3E%3C/svg%3E")
        var(--clr-accent-light) no-repeat right 10px center;
    background-size: 18px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    display: none;
}

.custom-select-wrap {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--clr-accent-light);
    border-radius: 8px;
    height: 58px;
    padding-left: 40px;
    padding-right: 36px;
    color: var(--clr-white);
}

.custom-select-wrap .img-icon {
    position: absolute;
    left: 12px;
    width: 16px;
    height: 16px;
    z-index: 5;
}

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
    height: 58px !important;
    padding: 0;
    display: flex;
    align-items: center;
    color: var(--clr-white);
    white-space: wrap !important;
}

.select2-container--default.select2-container--focus
    .select2-selection--single {
    box-shadow: none;
    outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--clr-white) !important;
    padding: 0 25px 0 0 !important;
    margin: 0;
    line-height: 58px !important;
    white-space: normal !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 58px !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    display: none;
}
.select2-container--open .select2-dropdown--below {
    width: 375px !important;
}
/* Кастомная SVG-стрелка */
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

/* ========== Select2: Выпадающий список ========== */

/* Снимаем рамку */
.select2-container--default .select2-dropdown {
    border: none !important;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding-bottom: 20px;
}

.select2-container .select2-dropdown .select2-results__option {
    padding: 20px 12px !important;
    color: var(--clr-text-primary) !important;
}

.select2-container--default .select2-results__options {
    padding-left: 0 !important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 450px !important;
}
.select2-search--dropdown {
    padding: 2px !important;
}
.select2-container--open .select2-dropdown--below {
    left: -45px !important;
    width: 400px !important;
}
.select2-container--default .select2-results__option--selectable:hover,
.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--clr-bg-grey) !important;
    color: inherit !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: rgba(var(--clr-accent-light-rgb), 0.4) !important;
}
.select2-container--open .select2-dropdown--below {
    top: 100% !important; /* всегда под селектом */
    bottom: auto !important;
}
.select2-container--open .select2-dropdown--above {
    top: 100% !important; /* даже если "above", всё равно вниз */
    bottom: auto !important;
}
.select2-container--open .select2-dropdown--above {
    display: none !important; /* Блокируем "вверх" */
}
/*********************end select********************/
.med-centers__result {
    padding: 10px;
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 20px;
    background: var(--clr-white);
    border-radius: var(--radius-sm);
}
.med-centers__result .slider-buttons-wrap,
.med-centers-info .slider-buttons-wrap {
    left: 5px !important;
    right: 5px !important;
}
.med-centers-info .swiper-slide img {
    width: 100%;
    border-radius: var(--radius-sm);
}
.med-centers__result .swiper-slide img {
    width: 100%;
    border-radius: var(--radius-sm);
}
.med-centers__main {
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
    padding-bottom: 20px;
}
.med-centers__main-image img {
    width: 100%;
    border-radius: var(--radius-sm);
    margin-bottom: 10px;
}
.img-icon {
    width: 22px;
    margin: 0 12px;
}

.med-centers__main-text {
    padding: 0 10px;
}
.med-centers__main-text .img-icon {
    width: 35px;
}
.medcenter-title {
    font-size: 2.2rem;
    font-weight: 500;
    padding-top: 5px;
    padding-right: 50px;
}
.med-centers__main-text .devider-line {
    margin: 10px 0 20px 0;
    width: 30%;
}
.raw-style {
    margin: 10px 0;
}
.raw-style:hover a {
    color: var(--clr-accent-light);
}
.med-centers__main-text .internal-link {
    margin-right: 25px;
}
.med-centers__main-text .internal-link:last-child {
    margin-right: 0;
}
.med-centers__info-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 240px 1fr auto;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--clr-border-grey);
    align-items: center; /* вертикальное выравнивание */
}
.med-centers__info-grid p {
    padding: 8px 0;
    display: grid;
    grid-template-columns: 250px auto;
}
.btn-branch-appointment {
    padding: 8px 20px;
    border: 1px solid var(--clr-accent-light);
    border-radius: var(--radius-sm);
    color: var(--clr-accent-light);
    transition: var(--transition);
    white-space: nowrap; /* чтобы текст не переносился */
    display: none;
}
.btn-branch-appointment:hover {
    background: var(--clr-accent-dark);
    border: 1px solid var(--clr-accent-dark);
    color: var(--clr-white);
    cursor: pointer;
}
.med-centers__info-grid .alert {
    margin-left: 10px;
}
.centers-dropdown {
    position: absolute;
    background-color: var(--clr-white);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 40px 10px;
    border-radius: var(--radius-sm);
    display: none;
    z-index: 1000;
    top: 110%;
    left: 0;
    right: 0;
    color: var(--clr-text-primary);
}
.centers-dropdown li {
    padding: 15px 10px;
    cursor: pointer;
    border-radius: var(--radius-sm);
    margin: 5px 0;
}
.centers-dropdown li:hover {
    background-color: var(--clr-bg-grey);
}
.dropdown-item.active-center {
    color: var(--clr-accent-light);
    background-color: var(--clr-bg-grey);
    font-weight: 500;
}
.branches .grey-block {
    padding: 1px 20px 20px 20px !important;
}
/* ========================= RATING ===================== */

.flex-e-c {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: sans-serif;
}

.total-rate {
    font-size: 4.5rem;
    font-weight: 600;
    color: var(--clr-accent-light);
}

.star-rate {
    display: flex;
}

.star {
    width: 25px;
    height: 25px;
    fill: var(--clr-text-secondary); /* неактивная звезда */
    transition: fill 0.2s ease;
}

.star.filled {
    fill: var(--clr-orange);
}

.star.half {
    fill: url(#half-fill);
}

.total-reviews {
    font-size: 1.4rem;
    color: var(--clr-text-secondary);
    text-align: right;
}
.rating-block-num {
    font-size: 4rem;
    margin-right: 10px;
    color: var(--clr-accent-light);
    font-weight: 600;
}
.rating-block-name {
    font-size: 2rem;
    font-weight: 500;
}
.rating-block-text {
    color: var(--clr-text-secondary);
    font-size: 1.4rem;
}
.rating-block {
    padding: 20px;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
}
.rating .grid-cols-3 {
    margin-bottom: var(--mb);
}
/* ========================= AWARDS ===================== */

.awards__wrap {
    padding: 20px 40px;
    border-radius: var(--radius-lg);
    background: var(--clr-accent-light);
    position: relative;
}
.awards-title {
    font-size: 3.2rem;
    font-weight: 500;
    color: var(--clr-white);
}
.awards-subtitle {
    font-size: 1.6rem;
    color: var(--clr-white);
    opacity: 0.7;
}
.awards-images {
    position: absolute;
    width: 300px;
    top: -30px;
}
.awards-images img {
    width: 100%;
}
/* ========================= LICENSE ===================== */

.licenses__wrap {
    padding: 60px 40px;
    background: var(--clr-bg-search);
    border-radius: var(--radius-lg);
    position: relative;
}
.licenses__wrap .lowcase__title {
    width: 70%;
    margin-bottom: 40px;
}
.btn-license-pdf {
    padding: 12px 20px;
    background: var(--clr-accent-light);
    border-radius: var(--radius-sm);
    color: var(--clr-white);
    margin-right: 20px;
    transition: var(--transition);
}
.btn-law-pdf {
    padding: 10px 20px;
    border: 2px solid var(--clr-accent-light);
    border-radius: var(--radius-sm);
    color: var(--clr-accent-light);
    transition: var(--transition);
}
.btn-law-pdf:hover,
.btn-license-pdf:hover {
    background: var(--clr-accent-dark);
    color: var(--clr-white);
    border: none;
    padding: 12px 20px;
}
.license-image {
    position: absolute;
    right: 40px;
    bottom: 40px;
}
.license-image img {
    width: 360px;
}
/* ========================= SOCIAL MEDIA ===================== */
.social-links .lowcase__title {
    width: 100%;
    margin-bottom: 20px;
}
.social-name {
    height: 30px;
}
.social-block {
    padding: 20px;
    border-radius: var(--radius-sm);
    background: var(--clr-bg-grey);
    height: 470px;
}
.social-top p {
    color: var(--clr-text-secondary);
    font-size: 1.6rem;
}
.social-top .flex-b-c {
    margin-bottom: 20px;
}
.social-icon {
    width: 25px;
    margin-right: 5px;
    margin-left: 20px;
}

.social-body p {
    color: var(--clr-text-secondary);
    font-size: 1.6rem;
}
.social-body img {
    width: 100%;
    margin-top: 40px;
}
.lid {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.social-btn {
    padding: 12px 20px;
    background: var(--clr-accent-light);
    border-radius: var(--radius-sm);
    color: var(--clr-white);
    width: 100%;
    text-align: center;
    display: block;
    transition: var(--transition);
    margin-top: 20px;
}
.social-btn:hover {
    background: var(--clr-accent-dark);
}
/* ========================= SERVICE PAGES ===================== */
.btn-description {
    padding-left: 10px;
    border-left: 10px solid var(--clr-accent-light);
    margin-left: 20px;
}
.mini-description {
    font-size: 1.6rem;
    color: var(--clr-text-secondary);
    padding-bottom: 5px;
    text-align: right;
}
.description-info .ul-title,
.ortopediya-description .ul-title,
.ginekologiya-description .ul-title,
.cardiology-description .ul-title,
.mammologiya-description .ul-title {
    margin-top: 20px;
}
.description-info .grid-4-span-2-5 .flex-s-c,
.ortopediya-description .grid-4-span-2-5 .flex-s-c,
.urologiya-description .grid-4-span-2-5 .flex-s-c,
.ginekologiya-description .grid-4-span-2-5 .flex-s-c,
.mammologiya-description .grid-4-span-2-5 .flex-s-c,
.cardiology-description .grid-4-span-2-5 .flex-s-c,
.gastro-description .grid-4-span-2-5 .flex-s-c,
.foreignpatients-description .grid-4-span-2-5 .flex-s-c,
.medinsurance .grid-4-span-2-5 .flex-s-c,
.medinsurance.main .flex-s-c,
.doctortohome-description .grid-4-span-2-5 .flex-s-c,
.ambulance-description .grid-4-span-2-5 .flex-s-c,
.ekg-description .grid-4-span-2-5 .flex-s-c,
.kolonoskopiya-description .grid-4-span-2-5 .flex-s-c {
    margin: 10px 0;
}
.ambulance-en .h1-style-7 {
    font-size: 11.7rem;
}
.ambulance-kk .h1-style-7 {
    font-size: 14rem;
}
.doctortohome .h1-style-4,
.ekg .h1-style-4 {
    font-size: 7rem;
    margin-bottom: 20px;
}
.ekg-kk .h1-style-4 {
    font-size: 6rem;
}
.doctortohome .main-block-image,
.ekg .main-block-image {
    width: 100%;
    margin-top: 0;
}
.stationary .grid-2-block-2,
.foreignpatients .grid-2-block-2 {
    position: relative;
}
.stationary .main-block-image {
    right: 0;
    bottom: 0;
    width: 75%;
}

.stationary .h1-style-4 {
    font-size: 12rem;
}
.foreignpatients .h1-style-4 {
    font-size: 11rem;
    margin-bottom: 20px;
}
.foreignpatients .services-btn-wrap {
    margin-top: 50px;
}
.doctortohome .main-subtitle-small,
.ekg .main-subtitle-small {
    width: 90%;
}
.stationary .services-btn-wrap {
    margin-top: 30px;
}
.ortopediya .main-doctors-wrap,
.main-doctors-wrap {
    margin-top: 50px;
}
.ortopediya-description .service-description-block ul {
    width: 100%;
}
.license-dop {
    margin: 80px 0;
}
.awards-dop {
    margin-bottom: 80px;
}
.urologiya .main-subtitle {
    font-size: 3.2rem;
}
.ginekologiya .main-subtitle,
.gastro .main-subtitle {
    font-size: 2.9rem;
}
.urologiya-description .text-content-big,
.gastro-description .text-content-big {
    font-weight: 400;
}
.single-doctor {
    width: 130px !important;
    height: 130px;
}
.gastro .flex-b-s {
    height: 110px;
}
.doctor-name {
    font-size: 1.6rem;
    color: var(--clr-text-secondary);
}
.medinsurance-advantages .adv-title {
    margin-bottom: 70px;
}
.insurance-block {
    padding: 30px;
    width: 100%;
    border-radius: var(--radius-sm);
    text-align: center;
    font-weight: 500;
}
.insurance-block:nth-child(1) {
    background: rgba(var(--clr-accent-light-rgb), 0.1);
}
.insurance-block:nth-child(2) {
    background: rgba(var(--clr-accent-light-rgb), 0.2);
}

.insurance-block:nth-child(3) {
    background: rgba(var(--clr-accent-light-rgb), 0.3);
}

.insurance-block:nth-child(4) {
    background: rgba(var(--clr-accent-light-rgb), 0.4);
}

.insurance-block:nth-child(5) {
    background: rgba(var(--clr-accent-light-rgb), 0.5);
}
.medinsurance-packages .grid-cols-3 {
    margin-top: 30px;
}
/* ========================= FOOTER ===================== */
footer {
    background-color: var(--clr-accent-light);
    padding: 40px 0;
}
footer a,
footer p {
    color: var(--clr-white);
}
.footer-top {
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
footer .logo-title {
    font-size: 2.4rem; /* 24px */
    font-weight: 500;
    color: var(--clr-white);
}
.logo-text {
    font-size: 1.4rem;
    margin-top: 20px;
    opacity: 0.7;
    width: 80%;
}
.footer-title {
    font-size: 2.8rem;
    margin-bottom: 20px;
}
.footer-subtitle {
    opacity: 0.7;
}
.footer-call-btn {
    display: block;
    padding: 8px 10px;
    border: 2px solid var(--clr-white);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-call-btn .flex-b-c {
    width: 100%;
}

.footer-call-btn img {
    width: 25px;
}
.phone-text {
    font-size: 1.6rem;
    white-space: nowrap;
    margin-left: 7px;
    opacity: 0.7;
}
.phone-number {
    white-space: nowrap;
}
.footer-body {
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.footer-body h3 {
    text-transform: uppercase;
    color: var(--clr-white);
    font-size: 1.7rem;
    margin-bottom: 20px;
}
.footer-body li {
    margin: 15px 0;
}
.footer-body a,
.footer-body p {
    opacity: 0.7;
    font-size: 1.6rem;
}
.footer-body a:hover,
.footer-body p:hover {
    opacity: 1;
}
.footer-body img {
    width: 35px;
    margin-right: 10px;
    transition: var(--transition);
}
.footer-body img:hover {
    opacity: 1;
}
.footer-bottom {
    padding: 40px 0 0 0;
}
.footer-bottom p {
    font-size: 1.6rem;
    opacity: 0.7;
}
.copyrights {
    width: 90%;
}
.btn-up {
    width: 50px;
    cursor: pointer;
}

/* ========================= GET RESULTS ===================== */
.results-wrap {
    padding: 60px 40px;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-lg);
}
.results-wrap .h1-style-1 {
    text-align: center;
    margin-bottom: 20px;
}

.btn-results-wrap {
    background: var(--clr-white);
    border-radius: var(--radius-sm);
}
.btn-get-results,
.btn-login {
    width: 50%;
    color: var(--clr-accent-light);
    text-align: center;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: var(--transition);
}
.btn-get-results-active,
.btn-login-active {
    background: var(--clr-accent-light);
    color: var(--clr-white);
}
.btn-get-results:hover {
    background: var(--clr-accent-dark);
    color: var(--clr-white);
}

.results-wrap .grid-4-span-2-4 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--clr-border-grey);
}
/********FORM**********/
.results-block {
    display: none;
}
.results-block.active {
    display: block;
}
.results-block .grid-cols-2 {
    align-items: flex-end;
}
/*
.results-block img {
    width: 75%;
    display: block;
    margin-left: auto;
}*/

.input-group {
    position: relative;
    margin-top: 40px;
}
.input-group input,
.input-group textarea {
    width: 100%;
    padding: 18px 20px;
    display: block;
    background: none;
}

.input-group label {
    background: var(--clr-bg-grey);
    padding: 2px 5px;
    position: absolute;
    top: -10px;
    left: 20px;
    color: var(--clr-text-secondary);
    font-size: 1.6rem;
    z-index: 10000;
}

.input-group:focus-within label {
    color: var(--clr-accent-light);
}
.input-group:nth-of-type(2) {
    margin-bottom: 0px;
}
.hint {
    color: var(--clr-accent-light);
}
.checkbox-group {
    margin: 20px 0;
}

/* Скрываем стандартный чекбокс */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--clr-accent-light);
    border-radius: var(--radius-sm);
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    background-color: var(--clr-bg-grey);
    transition: var(--transition);
    margin-right: 10px;
}

/* Когда чекбокс отмечен */
input[type="checkbox"]:checked {
    background-color: var(--clr-accent-light); /* Ваш цвет */
    border-color: var(--clr-accent-light);
}

/* Галочка */
input[type="checkbox"]:checked::after {
    content: "✔";
    color: var(--clr-white);
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 4px;
}
.error-message {
    color: var(--clr-error) !important;
    font-size: 1.4rem;
    margin-top: 4px;
}
.checkbox-group a {
    font-size: 1.6rem;
}
.span-checkbox {
    color: var(--clr-text-primary);
    font-size: 1.6rem;
}
/* ======================= SUCCESS RESULTS ================== */
.results-wrap-success .h1-style-1 {
    margin-bottom: 0;
    text-align: left;
}
.attention-info {
    margin-top: 20px;
}
.attention-info p {
    color: var(--clr-accent-light);
    font-size: 1.8rem;
    margin-top: 10px;
}
.person-data {
    margin-bottom: 40px;
}
.person-data-text {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--clr-border-grey);
}
.data-raw {
    padding: 20px 0;
    border-top: 1px solid var(--clr-border-grey);
}
.data-raw:last-child {
    border-bottom: 1px solid var(--clr-border-grey);
}
.data-raw svg {
    width: 22px;
    margin-left: 15px;
    cursor: pointer;
    color: var(--clr-text-primary);
}
.data-raw svg:hover {
    color: var(--clr-accent-light);
}
.person-data-text {
    margin: 20px 0 50px 0;
}
.data-text {
    margin: 5px 0;
    color: var(--clr-text-secondary);
    font-size: 1.6rem;
}
.data-raw-wrap {
    margin: 30px 0;
}
.person-data-notready p {
    color: var(--clr-text-secondary);
}
.data-not-ready-notice {
    color: var(--clr-text-secondary);
    font-size: 1.4rem !important;
    text-align: right;
}
.person-data-notready {
    margin-top: 60px;
}
.results-success {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--clr-border-grey);
}
.icon-done {
    width: 22px;
    height: 22px;
    margin-right: 7px;
}
/* ======================= MODAL APPOINTMENT ================== */

/* === Обёртка модального окна === */
.modal__wrap {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 120000000;
}

.modal__wrap.active {
    visibility: visible;
    opacity: 1;
}

/* === Контейнер модального окна === */
.modal__block-container {
    position: relative;
    width: 70vw;
    height: 95vh;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-lg);
    padding: 40px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.modal__block-container::-webkit-scrollbar {
    display: none;
}

/* === Блокировка скролла страницы при открытом модальном окне === */
body.modal-open {
    overflow: hidden;
}

/* === Кнопка закрытия === */
.modalCloseBtn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--clr-accent-light);
    color: var(--clr-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
}

.modalCloseBtn svg {
    width: 30px;
    height: 30px;
    transition: transform 0.4s ease;
}

.modalCloseBtn:hover {
    background: var(--clr-accent-dark);
}

.modalCloseBtn:hover svg {
    transform: rotate(180deg);
}

/* ====================== FORM DOCTOR APPOINTMENT ====================== */
.form-doctor-appointment,
.final-info {
    padding: 30px;
    margin: 30px 0;
    background: var(--clr-white);
    border-radius: var(--radius-sm);
}

.modalPrevBtn {
    color: var(--clr-text-primary);
    width: 24px;
    height: 24px;
}

.modal__wrap .input-group label {
    background: var(--clr-white);
}

.modal__wrap .input-group {
    margin-top: 30px;
}

.back {
    font-size: 1.6rem;
    margin-right: 20px;
}

.modal-btn-back {
    position: absolute;
    top: 45px;
    left: 40px;
    color: var(--clr-text-primary);
    cursor: pointer;
}

#prevStepBtn:hover,
#prevStepBtn:hover svg {
    cursor: pointer;
    color: var(--clr-accent-light);
}

.form-doctor-appointment .input-group:first-child {
    margin-top: 0;
}

.otp-wrap {
    margin-top: 30px;
}

#btn-get-sms {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.otp-wrap .input-group {
    margin: 0;
}

.btn-appointment {
    margin-top: 40px;
}

.sms-timer {
    margin-top: 8px;
    color: var(--clr-error);
    font-size: 1.4rem;
}

.modal__subtitle {
    color: var(--clr-text-primary);
    font-weight: 500;
    margin-bottom: 20px;
}

.final-options {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.final-info p,
.notice {
    margin: 7px 0;
    color: var(--clr-text-primary);
}

.final-options-wrap {
    margin: 40px 0;
    padding: 40px 0;
    border-top: 1px solid var(--clr-border-grey);
    border-bottom: 1px solid var(--clr-border-grey);
}
/* ============================== */
/*          DOCTOR PAGE          */
/* ============================== */

.doctor-page-intro-wrap {
    padding: 60px 40px;
    background-color: rgba(var(--clr-accent-light-rgb), 0.2);
    border-radius: var(--radius-lg);
}

/* Визуальный блок с фото врача */
.doctor-page-image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 350px;
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: rgba(var(--clr-accent-light-rgb), 0.3);
    background-image: url("/images/doctors/doctor-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
    transition: var(--transition);
}

.doctor-page-image img {
    height: 90%;
}

/* Имя врача */
.doctor-page-name {
    font-size: 2.6rem;
    font-weight: 600;
}

/* Направления деятельности врача */
.doctor-page-department-wrap {
    margin: 20px 0;
}

.doctor-page-department {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 1.6rem;
    border-radius: var(--radius-sm);
    background-color: rgba(var(--clr-accent-light-rgb), 0.3);
}
.doctor-page-rate-wrap 
/* Рейтинг */
.doctor-page-rate-wrap {
    margin: 20px 0;
}

.doctor-page-star-rate {
    display: flex;
    align-items: center;
    padding: 2px 10px 2px 5px;
    border-radius: var(--radius-sm);
    background: var(--clr-yellow-light);
}

.star {
    width: 30px;
    height: 30px;
    fill: var(--clr-yellow);
}

.star-rate {
    font-weight: 600;
}

.rate-text {
    margin: 0 10px;
}

/* Основная информация */
.doctor-page-main-info {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--clr-border-grey);
}

.doctor-page-main-info .flex-s-s {
    display: flex;
    margin-bottom: 20px;
}
.doctor-page-main-info .flex-s-s:last-child {
    margin-bottom: 0;
}

.doctor-page-main-info-title {
    width: 25%;
    font-weight: 600;
}

.doctor-page-main-info-text {
    width: 75%;
}

/* Последний блок карты и ссылок */
.doctor-page-main-info .flex-s-c:last-child {
    margin-bottom: 0;
}
.doctor-page-main-info-text p {
    margin-bottom: 10px;
}
.doctor-page-main-info-text .flex-s-c:nth-child(2) {
    gap: 20px;
}
.img-icon-2 {
    width: 30px;
    margin-right: 20px;
}
.doctor-page-intro-wrap .flex-b-c {
    gap: 10px;
}
/*Полная информация о враче*/
.doctor-page-info {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid var(--clr-border-grey);
}

.doctor-page-info .tabs-content p {
    color: var(--clr-text-primary);
}
.doctor-page-info .tabs-content ul {
    margin-left: 20px;
    margin-top: 20px;
}
.doctor-page-info .tabs-content li {
    list-style: disc;
    margin: 10px 0;
}
/*Отзывы о враче*/
.star-rate-descrip {
    color: var(--clr-text-secondary);
    margin: 0 7px;
}
.doctor-rate-wrap {
    margin-bottom: 30px;
}
.doctor-rate-review-wrap .grid-cols-4 {
    padding: 30px 0;
    border-bottom: 1px solid var(--clr-border-grey);
}
.doctor-rate-review-wrap .grid-cols-4:first-child {
    border-top: 1px solid var(--clr-border-grey);
}
.doctor-rate-review-wrap .grid-cols-4:last-child {
    border-bottom: none;
    padding-bottom: 0 !important;
}
.rate-patient-mark {
    padding: 5px 15px 5px 5px;
    width: fit-content;
    border-radius: var(--radius-sm);
}
.good-mark {
    background-color: rgba(var(--clr-accent-light-rgb), 0.2);
}
.bad-mark {
    background-color: rgba(var(--clr-error-rgb), 0.1);
}
.rate-patient-mark {
    padding: 5px 15px 5px 5px;
    width: fit-content;
    border-radius: var(--radius-sm);
}
.bad-mark .star-rate-text {
    margin-left: 10px;
    color: rgba(var(--clr-error-rgb), 0.7);
}
.good-mark .star-rate-text {
    margin-left: 10px;
    color: var(--clr-accent-light);
}
.rate-patient-name {
    font-weight: 500;
    font-size: 2rem;
}
.rate-date {
    color: var(--clr-text-secondary);
    margin: 5px 0 30px 0;
    font-size: 1.6rem;
}
.load-more {
    width: 30px;
    height: 30px;
}
.load-more path {
    fill: rgba(var(--clr-accent-light-rgb), 0.7);
    transition: fill 0.3s ease;
}
.btn-more-reviews {
    color: rgba(var(--clr-accent-light-rgb), 0.7);
}
.review-qty {
    color: var(--clr-text-secondary);
    font-size: 1.6rem;
}
.more-reviews-wrap:hover .load-more path,
.more-reviews-wrap:hover .btn-more-reviews {
    color: rgba(var(--clr-accent-light-rgb), 1);
    fill: rgba(var(--clr-accent-light-rgb), 1);
    cursor: pointer;
}
.review-title {
    font-weight: 600;
    padding-left: 10px;
    border-left: 5px solid var(--clr-accent-light);
}
.review-text {
    margin-top: 10px;
    font-size: 1.6rem;
}
.review-block {
    margin-bottom: 30px;
}
.review-block:last-child {
    margin-bottom: 0;
}
.review-block svg {
    margin-right: 5px;
    width: 25px;
    height: 25px;
}
.review-good,
.review-bad {
    font-weight: 500;
    font-size: 1.6rem;
}
.review-svg-bad,
.review-bad {
    color: var(--clr-error);
}
.review-svg-good,
.review-good {
    color: var(--clr-accent-light);
}
.leave-review-title {
    font-size: 3rem;
    font-weight: 500;
}
.doctor-image {
    min-width: 70px;
    min-height: 70px;
    border-radius: 50%;
    background: var(--clr-white) url(/images/doctors/000001.webp) no-repeat top
        center;
    background-size: 100%;
    box-shadow: 0 0 0 2px var(--clr-white);
    margin-right: 10px;
}
.form-review-doctor-wrap .flex-s-s {
    margin-top: 30px;
}
.form-review-doctor-wrap p {
    font-size: 1.6rem;
    color: var(--clr-text-secondary);
}
.review-form {
    padding: 40px 30px;
    margin-top: 80px;
    background: var(--clr-white);
    border-radius: var(--radius-sm);
}
.doctor-page label {
    background: var(--clr-white);
}
.review-form .input-group:first-child {
    margin-top: 0;
}
/********ЗВезды рейтинг**************/
.stars-rating {
    display: flex;
    flex-direction: row-reverse; /* Важно для правильной работы ~ */
    justify-content: flex-end;
    gap: 0px;
}

.stars-rating input[type="radio"] {
    display: none;
}

.stars-rating label {
    cursor: pointer;
    width: 35px;
    height: 35px;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    padding: 0;
    gap: 5px;
}

.stars-rating .star {
    width: 100%;
    height: 100%;
    stroke: var(--clr-border-grey);
    stroke-width: 1.5;
    fill: none;
    transition: fill 0.2s ease, stroke 0.2s ease;
}

.stars-rating input[type="radio"]:checked ~ label .star,
.stars-rating label:hover ~ label .star,
.stars-rating label:hover .star {
    fill: var(--clr-yellow);
    stroke: var(--clr-yellow);
}
.review-stars {
    margin-top: 20px;
}
/* ============================== */
/*          DOCTORS PAGE          */
/* ============================== */
.main__dop-pages {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: var(--radius-lg);
    background: rgba(var(--clr-accent-light-rgb), 0.3);
    padding: 30px 70px 30px 40px;
}
.main__dop-pages .grid-cols-2 {
    align-items: center;
    width: 100%;
}
.main__dop-pages h1 {
    color: var(--clr-accent-light);
    font-size: 5rem !important;
}
.subtitle {
    padding-left: 15px;
    border-left: 10px solid var(--clr-accent-light);
    margin-top: 20px;
    opacity: 0.8;
    font-size: 2rem;
    display: none;
}

/*
.main__dop-pages .grid-2-block-2 img {
    width: 45%;
    height: auto;
}*/
.main__dop-pages .grid-2-block-2 {
    text-align: right;
}
/*******************Doctors Wrap********************/
.doctors-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 20px;
}
.doctors-wrap .flex-b-s-row {
    height: auto;
}
.doctors-filter-search {
    position: relative;
    padding: 15px;
    background-color: rgba(var(--clr-accent-light-rgb), 0.7);
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
}
#searchInput {
    width: 100%;
    padding: 14px 15px 14px 45px;
    display: block;
    color: var(--clr-text-primary);
    background: var(--clr-white);
    border: none;
}

.doctors-filter-search img {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 30px;
    transform: translateY(-50%);
    top: 50%;
}
.search-icon {
    font-size: 1.6rem;
    color: var(--clr-accent-light);
}
.doctors-filters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding: 15px;
    background-color: rgba(var(--clr-accent-light-rgb), 0.2);
    border-bottom-right-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
}
#searchInput::placeholder {
    color: var(--clr-text-primary);
}
/* ======================== */
/* Основной SELECT (native) */
/* ======================== */
.doctors-filters
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    background: var(--clr-white);
    color: var(--clr-text-primary) !important;
    border-radius: var(--radius-sm);
}
.doctors-filters .select2-container--default .select2-selection--single,
.doctors-filters
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 45px !important;
}
.doctors-filters
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding: 0 12px 0 15px !important;
    line-height: 45px !important;
}
.doctors-filter-wrapper .select2-container--default .select2-dropdown {
    left: 0 !important;
    width: 460px !important;
}
.doctors-filter-wrapper
    .select2-container
    .select2-dropdown
    .select2-results__option {
    padding: 15px !important;
}

.reset-filter {
    position: absolute;
    background: var(--clr-white);
    color: var(--clr-white);
    padding: 5px 5px 1px;
    border-radius: 50%;
    right: 40px;
    top: 8px;
    z-index: 999;
    transition: opacity 0.2s ease;
}

.reset-filter svg {
    width: 1.8rem;
    color: var(--clr-accent-dark);
}
.doctors-filters .has-value .reset-filter {
    opacity: 1;
    pointer-events: auto;
}

.has-value .select2-selection__rendered {
    background-color: var(--clr-accent-dark) !important;
}
.doctors-filters
    .has-value
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--clr-white) !important;
}
.doctors-filters .has-value select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E")
        var(--clr-accent-dark) no-repeat right 10px center;
    background-size: 20px;
    color: var(--clr-white);
}
.doctors-filters
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    height: 45px !important;
}
.doctors-filters
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 3px !important;
    right: 4px !important;
}
.doctors-filters
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%2354595f' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}
.doctors-filters
    .has-value
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
/**ЕСЛИ SELECT2 не сработает*/
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 12px 15px;
    padding-right: 45px;
    border: none;
    border-radius: var(--radius-sm);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2354595f'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E")
        var(--clr-white) no-repeat right 10px center;
    background-size: 20px;
    color: var(--clr-text-primary);
    background-color: var(--clr-white);
    cursor: pointer;
    outline: none;
    z-index: 10000;
}

select option {
    padding: 14px 15px;
    color: var(--clr-text-primary);
    background: var(--clr-white);
    white-space: nowrap;
}

#doctors .container {
    position: relative;
    overflow: hidden;
}
.update-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.6);
    z-index: 1000;
}

.update-loading div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.update-loading img {
    width: 120px;
    height: 120px;
    display: block;
}
.result-block-success .flex-b-c {
    padding: 20px 10px;
    background: var(--clr-white);
    border-radius: var(--radius-sm);
    margin-bottom: 10px;
}
.result-block-success > :nth-child(2) {
    margin-top: 30px;
}
.client-name {
    color: var(--clr-text-primary);
    transition: var(--transition);
}
.result-block-success .flex-b-c:hover .client-name {
    color: var(--clr-accent-light);
}
.download-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--clr-text-primary);
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.6rem;
}

.download {
    width: 24px;
    height: 24px;
    stroke-width: 1.5;
    stroke: currentColor;
    transition: var(--transition);
}

.download-link:hover {
    color: var(--clr-accent-light);
}

.refresh {
    border: 1px solid var(--clr-accent-light);
    padding: 17px 0px;
    color: var(--clr-accent-light);
    width: 100%;
    border-radius: var(--radius-sm);
    text-align: center;
    display: block;
    transition: var(--transition);
    margin-top: 60px;
}
.refresh:hover {
    background: var(--clr-accent-dark);
    color: var(--clr-white);
}

.results-block.fade-in,
.account-block.fade-in {
    -webkit-animation: fadeIn 0.7s ease;
    -moz-animation: fadeIn 0.7s ease;
    animation: fadeIn 0.7s ease;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

/*************BRANCH FILTER SELECT************/
.filters__centers {
    position: relative;
}

.filters__centers select {
    padding: 19px 40px 19px 45px; /* без левого отступа под иконку */
    color: var(--clr-white);
    background-color: var(--clr-accent-light);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25L12 15.75 4.5 8.25'/%3E%3C/svg%3E")
        no-repeat right 10px center;
    background-size: 1em;
    appearance: none;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.7rem;
}

/***********INPUT ВЫБОРА ВРАЧА**********/
.doctors-filter-search {
    transition: var(--transition);
}

.doctors-filter-search.has-text {
    background-color: var(--clr-accent-dark);
}
.doctors-filter-search .reset-filter {
    background: var(--clr-accent-dark);
}
.doctors-filter-search .reset-filter svg {
    color: var(--clr-white);
}

/* ============================== */
/*               MRI              */
/* ============================== */
.mri-block {
    position: relative;
}
.main-subtitle,
.main-subtitle-small {
    font-size: 3.4rem;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    margin: 10px 0 30px 0;
}
.dencitometry-kk .main-subtitle {
    width: 120%;
}
.main-subtitle-small {
    font-size: 2.6rem;
}
.main .grey-block {
    padding: 50px 40px;
}
.mri-block .grid-2-block-2 {
    text-align: center;
}
.mri-image {
    width: 95%;
    height: auto !important;
    display: block;
    margin-left: auto;
}
.main-doctors-wrap {
    margin-top: 30px;
}
.main-doctors-wrap img {
    width: 107px;
}
.main-doctors-wrap img:nth-child(2),
.main-doctors-wrap img:nth-child(3) {
    margin-left: -40px;
}
.main-doctors-wrap p {
    margin-left: 20px;
}
.btn-type-1,
.btn-type-2 {
    white-space: nowrap;
    display: inline-block;
    min-width: 240px;
    padding: 15px 30px;
    text-align: center;
    flex: 0 0 auto; /* <-- не даём flex растянуть кнопку */
    width: auto; /* <-- ширина по содержимому */
}
.btn-type-2 {
    border: 2px solid var(--clr-accent-light);
    background: none;
    border-radius: 5px;
    text-align: center;
    width: auto;
    padding: 13px 30px;
    color: var(--clr-accent-light);
    transition: var(--transition);
    margin-left: 20px;
}
.btn-type-3 {
    margin-top: 30px !important;
    margin-bottom: 5px;
}
.btn-type-4 {
    background: var(--clr-orange);
}
.btn-type-2:hover {
    border: 2px solid var(--clr-accent-dark);
    color: var(--clr-white);
}
.btn-desktop {
    display: block;
}
.btn-mobile {
    display: none;
}
.services-nav svg {
    transform: rotate(90deg);
}
.services-nav .flex-e-c {
    gap: 50px;
    padding-bottom: 5px;
}
.services-nav a {
    color: var(--clr-text-primary);
}
.xray-wrap {
    width: 80%;
}
.xray-image,
.uzi-image {
    border-radius: var(--radius-lg);
    height: 400px !important;
    width: auto;
    display: block;
    margin-left: auto;
}
.uzi-image {
    height: 380px !important;
}
.service-banner-title {
    font-size: 3.2rem;
    margin-bottom: 20px;
    color: var(--clr-white);
}
.service-banner-description {
    font-size: 2.4rem;
    color: var(--clr-white);
    width: 90%;
    margin: 0 auto;
    opacity: 0.6;
}
.service-banner {
    border-radius: var(--radius-lg);
    padding: 70px 120px;
    text-align: center;
    background: url(/images/pages/banner-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.btns-ultrasound {
    margin-top: 15px;
}
.ambulance .flex-s-c {
    margin: 10px 0;
}
/****************MRI TECHNICAL FITURES****************/

.section-subtitle-big {
    font-size: 2.8rem;
    font-weight: 500;
}
.section-subtitle-uppercase {
    text-transform: uppercase;
    font-size: 3.6rem;
    font-weight: 600;
}
.section-subtitle-small {
    font-size: 2.2rem;
    width: 85%;
    margin-top: 20px;
}
.service-description-block {
    margin-top: 30px;
}
.service-description-block img {
    width: 98%;
    border-radius: var(--radius-sm);
}
.service-description-block-densitometry {
    margin-top: 10px !important;
}
.mri-tech-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
}
.mri-tech-block {
    border: 2px dashed var(--clr-accent-light);
    padding: 20px;
    border-radius: var(--radius-sm);
}
.tech-title {
    padding: 8px 20px;
    background: var(--clr-accent-light);
    border-radius: var(--radius-sm);
    color: var(--clr-white);
}
.tech-text {
    color: var(--clr-text-secondary);
    font-size: 1.6rem;
}
.doctor-qty {
    font-size: 3rem;
    margin-bottom: 20px;
}
.ct-kk .btn-navigator-wrap {
    margin-top: 20px;
}
/***********************MRI SERVICES LIST*****************/
.big-num {
    font-size: 12rem;
    color: var(--clr-accent-light);
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 80%;
    margin-right: 10px;
}
.big-num-plus {
    font-size: 8rem;
    color: var(--clr-accent-light);
    font-weight: 700;
    line-height: 50%;
    margin-bottom: 20px;
}
.big-num-description {
    font-size: 1.6rem;
    color: var(--clr-text-secondary);
    width: 160px;
}
.diagnostic .grid-cols-3 {
    gap: 0;
}
.mri-services-wrap .grid-3-span-2-4 {
    border-left: 5px solid var(--clr-bg-grey);
}
.mri-services-wrap {
    padding: 40px 0;
    background: var(--clr-white);
    margin-top: 40px;
    border-radius: var(--radius-sm);
}
.mri-category {
    cursor: pointer;
}
.mri-category:hover {
    background-color: rgba(var(--clr-accent-light-rgb), 0.1);
}
.mri-cat-border {
    background: none;
}
.mri-category {
    transition: var(--transition);
}
.mri-cat-border {
    width: 10px;
    height: 60px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: none;
    transition: var(--transition);
}
.mri-category:hover .mri-cat-border,
.mri-category-active .mri-cat-border {
    width: 10px;
    height: 60px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--clr-accent-light);
}
.mri-category-active p {
    color: var(--clr-accent-light);
}
.mri-category-active {
    background-color: rgba(var(--clr-accent-light-rgb), 0.1);
}
.mri-category p {
    padding-left: 20px;
    font-weight: 500;
    font-size: 2rem;
}
.mri-category i {
    font-size: 2.2rem;
    padding-right: 20px;
    color: var(--clr-text-primary);
}
.mri-category-active i {
    color: var(--clr-accent-light);
}

.mri-category:hover p,
.mri-category:hover i {
    color: var(--clr-accent-light);
}
.mri-sub-category {
    padding: 15px 20px;
    transition: var(--transition);
    cursor: pointer;
}
.circle-link {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--clr-bg-grey);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-white);
    transition: var(--transition);
}
.mri-sub-category svg {
    margin: 0 !important;
    color: var(--clr-text-secondary);
    transition: transform 0.7s ease;
}
.mri-sub-category:hover {
    background-color: var(--clr-bg-grey);
}
.mri-sub-category:hover p,
.mri-sub-category:hover span {
    opacity: 1;
}
.mri-sub-category:hover .circle-link {
    background: var(--clr-accent-light);
}
.mri-sub-category:hover svg {
    color: var(--clr-white);
    transform: rotate(45deg);
}
.more-info-wrap span {
    margin-right: 15px;
    opacity: 0.5;
}
/***************MRI DOCTORS************/
.services-page-doctors-wrap {
    margin-top: 30px;
    position: relative;
}
.services-page-doctors-wrap-mt-0 {
    margin-top: 0 !important;
}
.services-page-doctors-wrap .doctor-nav-buttons {
    top: -75px;
    right: 0;
}
.subtitle-block {
    margin-top: 20px;
}
.dr-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--clr-accent-light);
}
.subtitle-block img {
    width: 100px;
    height: 100px;
    margin-left: -80px;
}
.subtitle-block p {
    color: var(--clr-text-secondary);
}
.subtitle-block .flex-b-s {
    height: 80px;
    margin-left: 10px;
}
.subtitle-block span {
    font-size: 1.6rem;
    font-weight: 500;
}

.small-text {
    font-size: 1.6rem;
    width: 90%;
}
/*********FAQ VIDO BLOCK********/
.video-wrap {
    margin-top: 30px;
}
.main .video-block {
    width: 75% !important;
}
.video-block {
    position: relative;
    background: var(--clr-border-grey);
    border-radius: var(--radius-sm);
    width: 100%;
    margin-left: auto;
}
.video-list-wrap {
    overflow-y: scroll;
    padding-right: 10px;
    height: 380px;
}
.video-embed-wrap {
    height: 380px;
    overflow: hidden;
}
.video-poster {
    position: relative;
    width: 100%;
    border-radius: var(--radius-sm);
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    transition: var(--transition);
}
.video-poster img {
    height: 100%;
    height: auto;
    display: block;
    transition: var(--transform);
}

.video-poster:hover img {
    transform: scale(1.05); /* эффект увеличения */
}

.video-transcrip-wrap {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    height: 60px;
    background: var(--clr-white);
    border-radius: var(--radius-sm);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.video-transcrip-wrap img {
    width: 60px;
    margin-right: 10px;
    cursor: pointer;
}
.video-list-wrap img {
    width: 50px;
    margin-right: 10px;
}
.video-item {
    position: relative;
    padding: 10px 40px 10px 10px;
    background: var(--clr-white);
    border-radius: var(--radius-sm);
    margin-bottom: 10px;
    cursor: pointer;
}
.video-item:hover p {
    color: var(--clr-text-primary);
}
.video-item:last-child {
    margin-bottom: 0 !important;
}
.video-number {
    position: absolute;
    color: var(--clr-text-secondary);
    font-size: 1.4rem;
    top: 10px;
    right: 10px;
}
.video-embed-wrap
/* Толщина полосы прокрутки */
.video-list-wrap::-webkit-scrollbar {
    width: 10px; /* вертикальный */
}

/* Трек (фон полосы) */
.video-list-wrap::-webkit-scrollbar-track {
    background: var(--clr-white);
    border-radius: var(--radius-sm);
    padding: 0 5px;
}

/* Бегунок (ползунок) */
.video-list-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(var(--clr-accent-light-rgb), 0.7);
    border-radius: 10px;
}

/* При наведении */
.video-list-wrap::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--clr-accent-light-rgb), 1);
}
.faq-video iframe {
    height: 360px;
    border-radius: var(--radius-sm);
}
.video-item.active .video-number {
    color: var(--clr-accent-light);
    font-weight: 600;
}
.video-item.active {
    background: rgba(var(--clr-accent-light-rgb), 0.1);
}

/*****************ACCORDION***************/
.accordion-wrap {
    margin-top: 30px;
}
.accordion {
    width: 100%;
    border-radius: var(--radius-sm);
    overflow: hidden;
}
.accordion p {
    color: var(--clr-text-primary);
}
.accordion-header {
    width: 100%;
    background: var(--clr-bg-grey);
    border: var(--radius-sm);
    cursor: pointer;
    outline: none;
    transition: var(--transition);
    text-align: left;
    padding: 20px;
    border-radius: var(--radius-sm);
}
.accordion-item {
    margin-bottom: 10px;
}
.active .accordion-header,
.active .accordion-header:hover {
    background-color: rgba(var(--clr-accent-light-rgb), 0.5);
}

.active .accordion-content {
    background-color: rgba(var(--clr-accent-light-rgb), 0.1);
}
.active .accordion-header .acc-line-2 {
    display: none;
    transition: var(--transition);
}
.accordion-header:hover {
    background-color: var(--clr-border-grey);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: var(--transition);
    border-bottom-right-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
}
.accordion-item.active .accordion-content {
    padding: 0 25px 25px 25px;
    max-height: fit-content; /* Задайте по содержанию или увеличьте */
}
.accordion-item.active .accordion-content .grid-cols-4 {
    padding-top: 25px;
}
.accordion-btn {
    width: 30px;
    height: 30px;
    background: var(--clr-accent-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.acc-line-1,
.acc-line-2 {
    width: 50%;
    height: 2px;
    background: var(--clr-white);
    position: absolute;
    transition: var(--transition);
}
.acc-line-2 {
    transform: rotate(90deg);
}
.accordion-title {
    font-size: 2rem;
    text-align: left;
    font-weight: 600;
}
.accordion-content ul {
    margin-left: 20px;
    margin-bottom: 30px;
}
.accordion-content ul:last-child {
    margin-bottom: 0;
}
.accordion-content li {
    list-style: disc;
    margin: 15px 0;
}
.accordion-accent {
    font-weight: 500;
}
/*********************TOMO******************/
.tomo .grid-2-block-1,
.oncotherapy .grid-2-block-1,
.petct .grid-2-block-1 {
    width: 110%;
}

.circle-decor {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.circle-decor-1 {
    border: 2px dashed var(--clr-accent-light);
}
.circle-decor-2 {
    background-color: var(--clr-circle-bg);
    margin-left: -60px;
}
.circle-decor-3 {
    background: url(/images/circle-bg-3.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -60px;
    margin-right: 20px;
}
.circle-decor-4 {
    background: url(/images/circle-bg-4.webp);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -60px;
    margin-right: 20px;
}
.circle-decor-5 {
    background: url(/images/circle-bg-4.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -60px;
    margin-right: 20px;
}

.page-nav-wrap a {
    display: block;
    margin-top: 10px;
}
.page-nav-wrap svg {
    transform: rotate(90deg);
}
.main .video-block,
.main .video-embed-wrap,
.main .video-block iframe,
.main .video-block img {
    height: 290px;
    border-radius: var(--radius-sm);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
}

.play-icon {
    width: 60px;
    height: 60px;
    background-color: var(--clr-orange);
    border-radius: 50%;
    position: relative;
}

.play-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    width: 0;
    height: 0;
    border-left: 1.4rem solid var(--clr-white);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/********TOMO ABOUT**********/
.text-content-big {
    font-size: 2.3rem;
    font-weight: 500;
    width: 90%;
    margin-bottom: 20px;
}
.service-description-block ul {
    padding-left: 20px;
    width: 80%;
}
.service-description-block-mammography ul,
.service-description-block-mammography .text-content-big {
    width: 100%;
}
.grid-cols-4--bottom {
    margin-top: 30px;
}
.service-description-block li {
    list-style: disc;
    margin: 15px 0;
    color: var(--clr-accent-light);
}
.service-description-block li p {
    color: var(--clr-text-primary);
    font-size: 1.9rem;
}
.ul-title {
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: 500;
}
.line {
    width: 20px;
    height: 2px;
    background: var(--clr-accent-light);
    margin-right: 5px;
}
.img-title {
    color: var(--clr-text-secondary);
    font-size: 1.4rem;
    font-weight: 300;
}
.dr-img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-right: 10px;
}
/*******TOMO RADIXACT ******/
.radiax-wrap {
    margin-top: 60px;
}
.dr-text {
    font-size: 1.4rem;
    color: var(--clr-text-secondary);
}
.dr-name {
    font-weight: 500;
    margin-bottom: 10px;
}
.radixact-advantages {
    margin-top: 40px;
}
.radixact-advantages .grid-cols-4 {
    padding: 30px 0;
    border-top: 1px solid var(--clr-border-grey);
}
.radixact-advantages .grid-cols-4:last-child {
    border-bottom: 1px solid var(--clr-border-grey);
}
.adv-title {
    font-weight: 600;
}
/************FAQ TEXT************/
.vital-wrap {
    width: 85%;
}
.vital {
    border-left: 7px solid var(--clr-accent-light);
    padding-left: 10px;
    margin: 20px 0;
    font-size: 2rem;
}
.vital-info-list {
    margin-left: 17px;
    margin-bottom: 10px;
    font-size: 2rem;
}
.btn-instruction {
    width: fit-content !important;
    white-space: nowrap;
    padding: 15px 30px;
    margin-left: 20px;
}
.dop-margin-left {
    margin-left: 20px;
    margin-bottom: 5px;
}
/********BRANCHES FOR SERVICES***************/
.med-centers-info {
    padding: 10px;
    border-radius: var(--radius-sm);
    background: var(--clr-white);
}
.filtered-medceners .mySwiper-4,
.filtered-medceners .mySwiper-4 img {
    width: 100%;
    position: relative;
    border-radius: var(--radius-sm);
}
.med-center-text-wrap .medcenter-title {
    font-size: 2.4rem;
    font-weight: 600;
    padding-top: 20px;
}
.devider-line-2 {
    width: 80px;
    height: 3px;
    background: var(--clr-accent-light);
    margin: 10px 0 15px 0;
}
.medcenter-subtitle {
    color: var(--clr-text-secondary);
    margin-bottom: 20px;
}
.med-center-text-raw {
    padding: 10px 0;
    border-top: 1px solid var(--clr-border-grey);
}
.med-center-text-raw:last-child {
    border-bottom: 1px solid var(--clr-border-grey);
}
.icon-block {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(var(--clr-accent-light-rgb), 0.1);
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatsapp-dop-css {
    width: 70%;
}
.med-center-text-raw .internal-link {
    margin-left: 20px;
}
.mySwiper-4 .swiper-pagination-fraction {
    background: rgba(0, 0, 0, 0.3);
    width: fit-content;
    right: 10px;
    left: auto;
    top: 10px;
    bottom: auto;
    padding: 5px 10px;
    color: var(--clr-white);
    border-radius: var(--radius-sm);
}
.mySwiper-4 .slider-buttons-wrap {
    left: 10px;
    right: 10px;
}
#prevBtn4,
#nextBtn4 {
    background: rgba(0, 0, 0, 0.3);
}
#prevBtn4:hover,
#nextBtn4:hover {
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(0, 0, 0, 0);
    color: var(--clr-white);
}
/***********PET-CT**********/

.main .video-wrap {
    margin-top: 15px;
}
.subtitle-long-text {
    font-size: 3rem;
    font-weight: 500;
}
.subtitle-long-text-2 {
    font-size: 2.6rem;
    font-weight: 500;
    margin-top: 15px;
}

/************ONCOTHERAPY***********/
.main-block-image {
    width: 75%;
    display: block;
    margin-left: auto;
    border-radius: var(--radius-sm);
    height: auto !important;
    margin-top: 20px;
}
.cards-block-wrap {
    margin-top: 30px;
}
.cards-block {
    border-radius: var(--radius-sm);
    background: var(--clr-bg-grey);
    height: 100%;
}
.cards-block img {
    width: 100%;
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
}
.cards-block-text {
    padding: 10px 20px 30px 20px;
}
.cards-block-text p {
    font-size: 1.6rem;
    margin-top: 15px;
}
.cards-block .grid-cols-4 {
    align-items: stretch;
}
.treatment-control-wrap {
    margin-top: 30px;
}
.treatment-control-block {
    padding: 20px;
    background: var(--clr-white);
    border-radius: var(--radius-sm);
    position: relative;
}
.laboratory-treatment-control .treatment-control-block {
    background: var(--clr-bg-grey);
}
.treatment-control-wrap .number {
    top: 20px;
    left: 20px;
}
.treatment-control-block .devider-line {
    margin-bottom: 20px;
    height: 3px;
    width: 60px;
}
.treatment-control-block .flex-s-c {
    margin: 10px 0;
}
.treatment-control-block .flex-s-c p {
    font-weight: 600;
}
.treatment-control-block .circle-decor-3 {
    min-width: 90px;
    min-height: 90px;
    margin-left: 0;
}
.treatment-control-block .internal-link {
    margin-top: 30px;
    display: block;
}
.treatment-control-block ul {
    margin-left: 20px;
}
.treatment-control-block li {
    list-style: disc;
    color: var(--clr-accent-light);
    margin-bottom: 12px;
}
.treatment-control-block li p {
    color: var(--clr-text-primary);
}
.treatment-control-block .ul-title {
    font-size: 1.8rem;
    margin-top: 20px;
}
/************DOP PAGES***********/
.vital-bold {
    font-weight: 500;
}
/****************DEPARTMENT SERVICES****/
.diagnostic-services-block {
    border: 2px dashed var(--clr-accent-light);
    border-left: none;
    border-radius: var(--radius-sm);
    position: relative;
    height: 120px;
}
.diagnostic-services-block img {
    position: absolute;
    height: 122px;
    top: -2px;
}
.diagnostic-services-block-text {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    padding: 20px 15px 20px 105px;
}
.diagnostic-services-block-title {
    font-weight: 500;
    font-size: 2.2rem;
    margin-bottom: 15px;
}
.diagnostic-services-block-desc {
    font-size: 1.6rem;
}
.diagnostic-services-tabs {
    margin-top: 70px;
}
.diagnostic-services-tabs .tabs,
.diagnostic-services-tabs .tabs-content,
.account-laboratory .tabs,
.account-laboratory .tabs-content {
    background: var(--clr-bg-grey);
}
.diagnostic-services-tabs .tabs-content,
.account-laboratory .tabs-content {
    padding: 40px;
}
/****************SEO*******************/
.seo {
    margin: 30px 0 !important;
}
.seo-title {
    font-size: 2.4rem;
}
.seo-subtitle {
    font-size: 1.8rem;
    margin-bottom: 10px;
    font-weight: 600;
}
.seo p {
    margin-bottom: 15px;
    opacity: 0.7;
}
.seo p:last-child,
.seo-text:last-child {
    margin-bottom: 0;
}
.seo-text {
    margin-bottom: 30px;
}
.seo-block {
    padding: 40px 0;
    border-top: 1px solid var(--clr-border-grey);
}
.seo .devider-line-2 {
    margin-bottom: 20px;
}

/*****************ACCOUNT*****************/
.btn-account {
    margin-top: 40px;
}
.password-fogot {
    margin-top: 10px;
    font-size: 1.6rem;
    color: var(--clr-text-secondary);
    cursor: pointer;
    display: block;
    margin-left: auto;
    width: fit-content;
}
.password-fogot:hover {
    color: var(--clr-accent-light);
}
.password-wrapper {
    position: relative;
}
.password-wrapper input {
    padding-right: 40px; /* место для глазика */
}
.toggle-password {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.toggle-password img {
    width: 22px;
    height: 22px;
}
.account-block {
    display: none;
}
.account-block.active {
    display: block;
}
.js-confirm-sms {
    padding: 19px 0;
}
.js-confirm-sms,
#sms-code {
    width: 50%;
}
#sms-code {
    margin-right: 10px;
}
.residency-toggle {
    gap: 20px;
    margin: 40px 0 30px 0;
}

.radio-option {
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    color: var(--clr-text-primary);
    cursor: pointer;
    user-select: none;
}

.radio-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.custom-radio {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--clr-border-grey);
    border-radius: 50%;
    transition: var(--transition);
}

.radio-option input[type="radio"]:checked + .custom-radio {
    border-color: var(--clr-accent-light);
    background-color: var(--clr-accent-light);
}

.custom-radio::after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--clr-white);
}

.radio-option input[type="radio"]:checked + .custom-radio::after {
    display: block;
}
#iin-field,
#passport-field {
    margin-top: 0px !important;
}
/* toast */
#toast-container > div.toast {
    opacity: 1;
    box-shadow: none;
    background-image: none !important;
}

#toast-container .toast-success {
    background-color: #e9ffd9;
    border-left: 5px solid #6d8d55;
}

#toast-container .toast-success:before {
    display: none;
}

.toast-success .toast-message {
    color: #498048;
}

#toast-container .toast-error {
    background-color: #ffecec;
    border-left: 5px solid #f5aca6;
}

.toast-error .toast-message {
    color: #a94442;
}

#toast-container .toast-error:before {
    display: none;
}

#toast-container ul {
    list-style: none;
}
/* toast */
/************************ACCOUNT*********************/
.account-main h1 {
    color: var(--clr-accent-light);
    font-size: 5.5rem;
}
.greating {
    width: 100%;
    border-radius: var(--radius-lg);
    background: rgba(var(--clr-accent-light-rgb), 0.2);
    padding: 30px 100px 30px 40px;
}
.greating .flex-b-c {
    width: 100%;
}
.greating p {
    width: 80%;
}
.account-nav-block {
    display: block;
    padding: 20px 20px 30px 20px;
    border-radius: var(--radius-sm);
    background: var(--clr-bg-grey);
    transition: var(--transition);
    position: relative;
}
.greating img {
    width: 22%;
}
.greating-sub-title {
    font-size: 1.6rem;
    color: rgba(var(--clr-accent-light-rgb), 0.6);
}
.greating-text {
    font-size: 2.2rem;
}
.account-nav-block img {
    width: 40%;
    display: block;
    margin-left: auto;
}
.account-nav-block .flex-b-s-row {
    height: auto;
}
.account-nav-block-number {
    font-size: 2rem;
    font-weight: 600;
}
.account-link {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--clr-border-grey);
}
.account-link .circle-link {
    width: 35px;
    height: 35px;
    background: var(--clr-border-grey);
    transition: var(--transition);
}
.circle-link svg {
    margin: 0;
}
.account-nav-block:hover {
    background: rgba(var(--clr-accent-light-rgb), 0.3);
}
.account-nav-block:hover .account-link {
    border-top: 1px solid var(--clr-accent-light);
}
.account-nav-block:hover .circle-link {
    background: var(--clr-accent-light);
}
.qty {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: var(--clr-orange);
    color: var(--clr-white);
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.insurance {
    padding: 20px 40px;
    background: #faf3e8;
    margin-top: 20px;
    border-radius: var(--radius-sm);
}
.insurance img {
    width: 20%;
    margin-right: 20px;
}
.btn-insurance {
    background: var(--clr-orange);
    margin-top: 40px;
    display: inline-block !important;
    width: auto !important;
    padding: 10px 40px;
    transition: var(--transition);
}
.insurance p {
    border-left: 7px solid var(--clr-orange);
    margin-top: 20px;
    padding-left: 10px;
    font-size: 2rem;
    padding-right: 100px;
}

.account-main .btn-type-2 {
    width: auto !important; /* ширина по содержимому */
}
.account-main-btns {
    margin-top: 30px;
}
.account-subtitle {
    font-size: 3rem;
    padding-left: 15px;
    border-left: 10px solid var(--clr-accent-light);
}
.no-data {
    margin-top: 20px;
}
.year-filter {
    padding: 10px 20px;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
    color: var(--clr-text-primary);
    margin-right: 10px;
    cursor: pointer;
    transition: var(--transition);
}
.year:hover {
    background: var(--clr-accent-light);
    color: var(--clr-white);
}
.year-filter-wrap {
    margin: 20px 0 40px 0;
}
.year-active {
    background: var(--clr-accent-light);
    color: var(--clr-white);
}
.result-item {
    position: relative;
    padding: 20px 10px;
    border-bottom: 1px solid var(--clr-border-grey);
    overflow: hidden;
    transition: var(--transition);
}

.result-item .grid-cols-2 {
    text-align: right;
}

h3 + .result-item {
    border-top: 1px solid var(--clr-border-grey);
}

.result-title {
    text-align: left !important;
}

.section-devider {
    width: 100%;
    height: 2px;
    background: var(--clr-accent-light);
    margin-bottom: 50px;
}
.result-item:hover {
    background: var(--clr-bg-grey);
}
.result-item-circle,
.booking-item-circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    background: var(--clr-accent-light);
}
.account-laboratory h3,
.account-radiology h3 {
    margin: 40px 0 20px 0;
}
.message-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    margin: 0 auto;
}
.message-wrap h2 {
    text-align: center;
    color: var(--clr-text-primary);
    margin-bottom: 40px;
}
/******************ACCOUNT BOOKING PAGE **************************/
.booking-item-wrap {
    margin-top: 30px;
}
.booking-item {
    padding: 30px 20px;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
    margin-bottom: 10px;
}
.booking-item span {
    font-weight: 500;
    margin-right: 10px;
    font-size: 2rem;
}
.booking-item ul p {
    font-weight: 400;
    opacity: 0.6;
    font-size: 2rem;
}
.span-qty {
    text-decoration: underline;
    text-decoration-thickness: 1.5px; /* толщина линии */
    text-underline-offset: 4px; /* отступ от текста */
}
.booking-item li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.booking-item-department {
    align-items: start;
    font-weight: 500;
}
.attention {
    border-left: 7px solid var(--clr-orange);
    padding-left: 10px;
    font-size: 1.6rem;
}
.attention span {
    text-decoration: underline;
}
.attention p {
    line-height: 130%;
}
.appointment-rebooking,
.appointment-delete {
    padding: 12px 0;
}
.appointment-delete {
    background: var(--clr-error) !important;
    color: var(--clr-white);
    text-align: center;
    border-radius: var(--radius-sm);
}
.booking-dop-info p {
    font-size: 2rem;
}
.iteration {
    padding: 5px;
    border-radius: var(--radius-sm);
    background: var(--clr-border-grey);
}
.booking-item ul {
    margin-top: 20px;
}
/***********ACCOUNT SETTINGS**********/

.settings .accordion-content {
    background: var(--clr-bg-grey);
}
.settings .btn-account {
    display: inline-block;
    width: auto;
    padding: 17px 30px;
}
.settings form {
    width: 50%;
}

/***********INSURANCE**********/
.main-insurance {
    width: 100%;
    border-radius: var(--radius-lg);
    background: rgba(var(--clr-accent-light-rgb), 0.3);
    padding: 30px 70px 30px 40px;
}
.main-insurance img {
    width: 22%;
}
.main-insurance p {
    width: 70%;
}
.insurance-wrap {
    padding: 40px 40px 50px 40px;
    background: var(--clr-bg-grey);
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
}
.insurance-data {
    padding: 0px 40px;
    border: 1px solid var(--clr-border-grey);
    border-top: none;
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
}
.attantion {
    margin-top: 10px;
    color: var(--clr-accent-light);
    margin-bottom: 30px;
}
.table-header {
    width: 100%;
    background: rgba(var(--clr-accent-light-rgb), 0.3);
}
.insurance-data-title {
    font-size: 3rem;
    padding-top: 40px;
}
.table-title {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 20px;
    text-transform: uppercase;
}
.table-title span {
    font-size: 1.6rem;
    opacity: 0.7;
    text-transform: none !important;
}
.table-body-text {
    padding: 20px;
    font-size: 1.6rem;
}
.table-body-raw {
    border-bottom: 1px solid var(--clr-border-grey);
    background: var(--clr-white);
}

.table-body-raw:nth-child(even) {
    background: #f8f8f8;
}
.table-footer {
    background: var(--clr-bg-grey);
}
.table-footer .table-title {
    font-size: 1.6rem;
}
.documentation-wrap {
    margin-top: 40px;
    padding-bottom: 40px;
}
.documentation-wrap h2 {
    margin-bottom: 30px;
}
.documentation-wrap .flex-b-c {
    padding: 20px 5px;
    border-top: 1px solid var(--clr-border-grey);
    transition: var(--transition);
}
.documentation-wrap .flex-b-c:last-child {
    border-bottom: 1px solid var(--clr-border-grey);
}
.btn-insurance-limit {
    margin-top: 20px;
    color: var(--clr-white);
}
.documentation-wrap .flex-b-c:hover {
    background: var(--clr-bg-grey);
}
/**************ABOUT*********************/
.about img {
    width: 100%;
    border-radius: var(--radius-lg);
}
.about-block-number {
    font-size: 10rem;
    font-weight: 700;
    color: var(--clr-accent-light);
    margin-right: 10px;
    letter-spacing: -5px;
}
.about-blocks-wrap {
    margin-top: 30px;
}

.about-block img {
    width: 100%;
    border-radius: var(--radius-sm);
}
.about-doctor-circle {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.about-block-text {
    padding: 20px 0;
    border-top: 2px solid var(--clr-accent-light);
}
.about-number-description {
    font-size: 2rem;
    line-height: 100%;
    padding-bottom: 25px;
    font-weight: 500;
}
.about-doctor-circle-1 {
    background: url(/images/services/dr-oncotherapy.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.about-doctor-circle-2 {
    background: url(/images/services/doctor-13.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -40px;
}
.about-doctor-circle-3 {
    background: url(/images/services/doctor-8.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -40px;
}
.about-doctor-circle-4 {
    background: url(/images/services/doctor-10.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -40px;
}
.about-doctor-circle-5 {
    background: url(/images/services/doctor-11.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -40px;
}
.sub-text {
    color: var(--clr-text-secondary);
    margin-top: 10px;
}
.about-doctors .grid-3-block-1 p:first-child {
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: 500;
}
.about-doctors .grid-3-span-2-4 img {
    width: 100%;
    border-radius: var(--radius-sm);
}
.about-doctors .grid-cols-3 {
    margin-top: 20px;
}
.about-advantages-block {
    padding: 20px;
    border-radius: var(--radius-sm);
    background: var(--clr-bg-grey);
}
.adv-number {
    font-weight: 500;
    margin-bottom: 20px;
}
.adv-title {
    font-weight: 500;
    font-size: 2rem;
}
.about-advantages-wrap .grid-cols-4 {
    grid-template-rows: 1fr 1fr;
}
.about-advantages-block-2parts {
    grid-area: 2 /1 / 3 / 3;
}
.about-advantages-block-2parts img {
    width: 100%;
    border-radius: var(--radius-sm);
}
.about-advantages-wrap {
    margin-top: 30px;
}
.partners img {
    height: 40px;
    margin-right: 10px;
}
.about-licenses {
    margin-bottom: 70px;
}
.partners .grid-cols-4 {
    align-items: center;
}
.partners .grey-block {
    padding: 50px 40px !important;
}
.affiltae-companies {
    margin-top: 50px;
    padding-top: 60px;
    border-top: 1px solid var(--clr-border-grey);
}
.contact-block {
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
    padding: 40px;
}
.contact-block .flex-b-c {
    padding: 20px 0;
    border-top: 1px solid var(--clr-border-grey);
}
.contact-block .flex-b-c:last-child {
    border-bottom: 1px solid var(--clr-border-grey);
}
.contact-block-title {
    font-size: 2.4rem;
    font-weight: 500;
    padding-left: 10px;
    border-left: 10px solid var(--clr-accent-light);
    margin-bottom: 30px;
}
.contact-block-title-dop {
    margin-top: 50px;
}
.logos {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}
.partners h2 {
    font-weight: 600;
}
/*******************VIDEO PAGE*****************/
.filters-video-wrap {
    width: 100%;
    padding: 10px;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
}
.filter-video {
    padding: 8px 25px;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    cursor: pointer;
    margin-right: 5px;
    color: var(--clr-text-secondary);
}
.filter-video-active {
    background: var(--clr-accent-light);
    color: var(--clr-white);
}
.filter-video:hover {
    background: var(--clr-accent-light);
    color: var(--clr-white);
}
.video-blocks-wrap {
    margin-top: 20px;
}
.video-blocks-wrap .video-poster img {
    width: 100%;
}
.video-blocks-wrap .overlay {
    background-color: rgba(0, 0, 0, 0.25);
    transition: var(--transition);
}
.video-blocks-wrap .video-wrap:hover .overlay {
    background-color: rgba(0, 0, 0, 0.05);
}
.video-blocks-wrap .play-icon {
    width: 50px;
    height: 50px;
}
.video-blocks-wrap h3 {
    font-size: 1.6rem;
    margin-top: 10px;
    font-weight: 400;
}

.video-blocks-wrap .video-wrap {
    padding: 7px 7px 10px 7px;
    border: 2px solid var(--clr-accent-light);
    border-radius: var(--radius-sm);
    margin-top: 0 !important;
}
.video-embed-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

.video-embed-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/****************CHECK UP******************/
.flame {
    width: 30px;
    margin-left: 10px;
}
.checkup-block {
    padding: 10px;
    border: 2px solid var(--clr-accent-light);
    border-radius: var(--radius-sm);
    position: relative;
}
.sale-icon {
    padding: 5px 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--clr-error);
    color: var(--clr-white);
    border-radius: var(--radius-sm);
    text-align: center;
}
.checkup-block img {
    border-radius: var(--radius-sm);
    width: 100%;
    margin-bottom: 10px;
}
.checkup-block h3 {
    font-size: 2rem;
}
.checkup-block ul {
    margin: 15px 0 20px 0;
    margin-left: 20px;
}
.checkup-block ul li {
    margin: 7px 0;
    list-style: disc;
    color: var(--clr-accent-light);
}
.checkup-block ul li p {
    color: var(--clr-text-primary);
    font-size: 1.6rem;
}
.price {
    color: var(--clr-accent-light);
    font-weight: 500;
    white-space: nowrap;
    margin-right: 10px;
    font-size: 2.2rem;

    margin-left: 5px;
}
.sale {
    color: var(--clr-error);
}
.price-discount {
    text-decoration: line-through;
    color: var(--clr-text-secondary);
}
.checkup-bottom {
    width: 100%;
}
.checkup-block .btn {
    padding: 10px 20px;
    width: 100%;
    margin-top: 30px;
}
.checkup-block .flex-b-c {
    width: 100%;
    gap: 10px;
}
.popular-checkup-wrap {
    margin-top: 20px;
    width: 100%;
    position: relative;
}
.all-checkup-filter {
    margin: 20px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding: 15px;
    background-color: rgba(var(--clr-accent-light-rgb), 0.7);
    border-bottom-right-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
}
.checkup-qty {
    color: var(--clr-text-secondary);
}
.main__dop-pages .grid-cols-2 {
    grid-template-columns: 68% 30%;
}
.main__dop-pages .grid-2-block-2 img {
    width: 100%;
}

.ginekologiya .h1-style-3,
.mammologiya .h1-style-3 {
    font-size: 17rem;
}

.cardiology .h1-style-3 {
    font-size: 16.6rem;
}
.gastro .h1-style-3 {
    font-size: 16rem;
}
.kolonoskopiya .h1-style-3 {
    font-size: 15rem;
}
.mySwiper-1 .swiper-slide {
    width: 90%; /* или calc(100% - 20px) */
}
.account-main .subtitle {
    display: block !important;
}
/************BOOKING MODAL***********/
.booking-modal-wrap {
    visibility: hidden;
    opacity: 1;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 150000;
}
.booking-block-close {
    margin-left: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--clr-accent-light);
    color: var(--clr-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
    margin-bottom: 10px;
    margin-right: -30px;
    margin-top: -10px;
}
.booking-block-close svg {
    width: 30px;
    height: 30px;
    transition: transform 0.4s ease;
}
.booking-block {
    padding: 20px 40px 60px 40px;
    background: var(--clr-bg-grey);
    border-radius: var(--radius-sm);
}
.booking-block .modal__title {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--clr-border-grey);
    text-align: center;
    font-size: 2.6rem;
    font-weight: 600;
}
.booking-block-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.booking-block-info p {
    margin-top: 10px;
    color: var(--clr-text-secondary);
    font-size: 1.6rem;
}
.booking-block-info a {
    margin-left: 0;
    width: 100%;
}
.booking-block-call a {
    padding: 15px 30px;
}
.endo-instruction {
    margin-top: 40px;
}
.lab-medcenters-wrap {
    margin-top: 30px;
}
.lab-medcenters-wrap .grid-cols-4:first-child {
    border-top: 1px solid var(--clr-border-grey);
}
.lab-medcenters-wrap .grid-cols-4 {
    padding: 18px 0;
    align-items: start;
    border-bottom: 1px solid var(--clr-border-grey);
}
.lab-medcenters-wrap .grid-cols-4 p {
    line-height: 120%;
}
.lab-medcenters-wrap .flex-s-c {
    justify-content: space-between;
    padding-top: 2px;
}
.laboratory-treatment .btn {
    margin-top: 40px !important;
}
/**************LAB*****************/

.error-page {
    height: 70vh;
    padding: 20px 0 20px 10px;
    font-weight: 600;
    font-size: 2.4rem;
}
form .btn {
    margin-top: 40px;
}
.mobile-menu-wrap,
.mobile-menu-modal,
.mobile-doctors,
.mobile-emergency-services,
.mobile-diagnosticks,
.mobile-oncology,
.mobile-dopservices,
.mobile-endoskopiya,
.whatsapp-btn {
    display: none;
}
/*********APPOINTMENT*******************/

.appointment-steps {
    width: 100%;
}

.appointment-steps-title {
    font-size: 3rem;
    font-weight: 500;
    color: var(--clr-text-primary);
}

.calendar-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 40px 0;
}

/* === Блок месяца === */
.month-block,
.slots-block {
    background: var(--clr-white);
    border-radius: var(--radius-sm);
    padding: 20px;
}
.days.no-slots {
    color: var(--clr-text-secondary);
    text-decoration: line-through;
}
.days.no-slots:hover,
.days.past-date:hover {
    background: #f8f8f8;
    cursor: default;
}
.days.past-date {
    background-color: #f8f8f8;
    text-decoration: line-through;
    color: var(--clr-text-secondary);
}

/* === Шапка календаря (месяц + стрелки) === */
.month-block-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--clr-border-grey);
}

.month-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--clr-dark);
    text-transform: uppercase;
}

.btn-month-prev,
.btn-month-next {
    width: 38px;
    height: 38px;
    background-color: var(--clr-accent-light);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45%;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    transition: background-color 0.3s ease;
}

.btn-month-prev {
    background-image: url("/images/icons/back.png");
}
.btn-month-prev-inactive {
    opacity: 0;
}

.btn-month-next {
    background-image: url("/images/icons/next.png");
}

.btn-month-prev:hover,
.btn-month-next:hover {
    background-color: var(--clr-accent-light);
}

/* === Дни недели === */
.weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    color: var(--clr-text-primary);
    margin-bottom: 10px;
}

/* === Сетка дней === */
.month-block-body {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}

.days {
    padding: 10px 0;
    text-align: center;
    border-radius: var(--radius-sm);
    background: #f8f8f8;
    color: var(--clr-accent-light);
    font-weight: 600;
    cursor: pointer;
    font-size: 1.6rem;
    transition: var(--transition);
}
.days.selected {
    background: var(--clr-accent-light);
    color: var(--clr-white);
}
.days.selected:hover {
    background: var(--clr-accent-light);
}
.day-slots {
    color: var(--clr-text-primary);
    text-decoration: none;
    background: var(--clr-border-grey);
}
.days:hover {
    background: var(--clr-bg-filter);
}

/* === Слоты времени === */
.slots-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 40px;
    gap: 10px;
    position: relative;
}

.slot {
    border-radius: var(--radius-sm);
    border: 2px solid var(--clr-accent-light);
    background: var(--clr-white);
    font-size: 1.6rem;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.slot:hover {
    background: var(--clr-bg-filter);
}

.slot.active {
    background: var(--clr-accent-dark);
    color: var(--clr-white);
    border-color: var(--clr-accent-dark);
}
.error-message-type-2 {
    font-size: 2rem;
    margin: 20px 0;
}
.modal__block-container form {
    margin-top: 40px;
}
.modal__block-container .btn-type-2 {
    margin-left: 0;
}
.modal__block-container .input-group label {
    background: var(--clr-bg-grey);
}
.appointment-success {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 2.4rem;
}
.appointmet-body-info {
    padding: 30px 0;
    margin: 30px 0;
    border-top: 1px solid var(--clr-border-grey);
    border-bottom: 1px solid var(--clr-border-grey);
}
.appointmet-body-info ul {
    margin-left: 20px;
    margin-top: 20px;
}
.appointmet-body-info ul li {
    list-style: disc;
    color: var(--clr-accent-light);
    margin: 7px 0;
}
.appointmet-body-info ul li p {
    color: var(--clr-text-primary);
}
.doctor-fio {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--clr-text-primary);
}
.doctor-department-text {
    font-size: 1.6rem;
    color: var(--clr-text-secondary);
}
.underline {
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 4px;
}
.appointmet-footer-info p,
.appointmet-info p:last-child {
    color: var(--clr-text-primary);
    font-size: 1.8rem;
}
.code-timer {
    display: block;
    margin-top: 30px;
    margin-bottom: 5px;
    padding: 17px 0;
    background: var(--clr-accent-dark);
    border-radius: var(--radius-sm);
    color: var(--clr-white);
    text-align: center;
    font-size: 1.8rem;
    transition: var(--transition);
}
.slot.selected {
    background: var(--clr-accent-light);
    color: var(--clr-white);
    font-weight: 500;
}
.booking-cnt {
    width: 18px;
    height: 18px;
    background: var(--clr-orange);
    color: var(--clr-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 50%;
    margin-left: 5px;
}
.description-info > div {
    margin-bottom: 10px;
}
.main-list {
    font-size: 2rem;
    font-weight: 600;
}
.procedureroom .flex-b-s .flex-s-s {
    margin-bottom: 10px;
}
.procedureroom .circle {
    margin-top: 10px;
}
.seo-h1-home {
    font-size: 1.6rem !important;
    color: var(--clr-bg-grey);
}

/*******************MOBILE VERSION*******************/
@media screen and (max-width: 1599px) {
    .container {
        max-width: 1520px;
        padding: 0 40px;
    }
    .doctor-page-intro-wrap {
        padding: 40px;
    }
    .doctor-page-info {
        margin-top: 40px;
        padding-top: 20px;
    }
    .doctor-nav-buttons {
        right: 40px;
        top: -7px;
    }
}
@media screen and (max-width: 1519px) {
    .container {
        max-width: 1440px;
        padding: 0 20px;
    }
    section,
    .diagnostic-services-tabs {
        margin: 50px 0;
    }
    .grey-block {
        padding: 50px 30px;
    }
    .h1-style-7 {
        font-size: 12rem;
    }
    .h1-style-3,
    .h1-style-6 {
        font-size: 15rem;
    }
    .h1-style-2 {
        font-size: 16rem;
    }
    .main__dop-pages h1 {
        font-size: 5.5rem;
    }
    .h1-style-4,
    .foreignpatients .h1-style-4 {
        font-size: 10rem;
        margin-bottom: 10px;
    }

    .h1-style-5 {
        font-size: 17rem;
    }
    h3 {
        font-size: 2rem;
    }
    h2,
    .orhun-title,
    .lowcase__title,
    .main-subtitle,
    .main-subtitle-small {
        font-size: 3rem;
    }
    .urologiya .main-subtitle {
        font-size: 3rem;
    }
    .section-subtitle-uppercase {
        font-size: 3.2rem;
    }
    .section-subtitle-small {
        margin-top: 15px;
    }
    .subtitle {
        font-size: 1.8rem;
    }
    .doctor-page-intro-wrap {
        padding: 20px;
    }
    .doctor-page-info {
        margin-top: 20px;
        padding-top: 0px;
    }
    .main__dop-pages {
        height: auto;
        padding: 30px 50px 30px 30px;
    }
    /*
    .main__dop-pages .grid-2-block-2 img {
        width: 45%;
        height: auto;
    }*/
    .home-video__wrap {
        padding: 30px;
    }
    .video-frame {
        padding: 15px 20px;
    }
    .tabs-content {
        padding: 10px;
    }
    .tabs-content ul {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .top-doctors .flex-b-c {
        margin-bottom: 20px;
    }
    .doctor-nav-buttons {
        right: 20px;
    }
    .select2-container--open .select2-dropdown--below {
        width: 388px !important;
    }
    .license-image {
        bottom: 20px;
    }

    .doctors-filter-wrapper .select2-container--default .select2-dropdown {
        width: 445px !important;
    }
    .main-block-image {
        margin-top: 10px;
    }

    .service-description-block img {
        width: 100%;
    }
    .big-num {
        font-size: 10rem;
    }
    .big-num-plus {
        font-size: 5rem;
    }
    .section-subtitle-big {
        font-size: 2.4rem;
    }
    .main .grey-block {
        padding: 40px;
    }
    .xray-image {
        height: 420px !important;
    }
    .uzi-image {
        width: 100%;
        height: auto !important;
    }
    .service-banner {
        padding: 70px 80px;
    }
    .services-page-doctors-wrap {
        margin-top: 20px;
    }
    .medinsurance .main-subtitle-small {
        margin-bottom: 10px !important;
    }
    .insurance-wrap {
        padding: 40px 30px;
    }
    .insurance-data {
        padding: 0 30px;
    }
    .contact-block {
        padding: 30px 20px;
    }
    .contact-block-title-dop {
        margin-top: 30px;
    }
    .diagnostic-services-tabs .tabs-content,
    .account-laboratory .tabs-content {
        padding: 30px 20px;
    }
    .call-center__number {
        font-size: 2.2rem;
    }
    .h1-style-7 {
        margin-bottom: 10px;
    }
    .stationary .h1-style-4 {
        font-size: 11rem;
    }
    .service-banner-title {
        font-size: 3rem;
    }
    .cards-block-wrap {
        margin-top: 20px;
    }
    .main .video-block,
    .main .video-embed-wrap,
    .main .video-block iframe,
    .main .video-block img {
        height: 280px;
    }
    .services-nav .flex-e-c {
        gap: 30px;
    }
    .home-advantages__block__top {
        height: 255px;
    }
    .h1-ultrasound-en {
        font-size: 9rem !important;
    }
}
@media screen and (max-width: 1439px) {
    body {
        font-size: 1.7rem;
    }
    .container {
        max-width: 1280px;
    }
    section,
    .diagnostic-services-tabs {
        margin: 40px 0;
    }
    .grey-block {
        padding: 40px 30px;
    }
    h2,
    .orhun-title,
    .lowcase__title,
    .main-subtitle,
    .main-subtitle-small {
        font-size: 2.8rem;
    }
    .video-frame-text {
        font-size: 2rem;
    }
    .video-description-wrap p {
        font-size: 1.4rem;
    }
    .video-description-icon {
        min-width: 45px;
        min-height: 45px;
    }
    .video-description-wrap {
        bottom: 10px;
    }
    .home-video__wrap .swiper {
        height: 220px;
    }
    .select2-container--open .select2-dropdown--below {
        width: 340px !important;
    }
    .doctors-filter-wrapper .select2-container--default .select2-dropdown {
        width: 90vw !important;
    }
    .main .grey-block {
        padding: 40px 30px;
    }
    .ul-title {
        margin-bottom: 15px;
    }
    .section-subtitle-uppercase,
    .awards-title {
        font-size: 2.8rem;
    }
    .section-subtitle-small {
        font-size: 2rem;
    }
    .h1-style-7 {
        font-size: 10rem;
    }
    .doctortohome .h1-style-4,
    .ekg .h1-style-4 {
        font-size: 6.5rem;
    }

    .main-doctors-wrap img {
        width: 95px;
    }
    .main-doctors-wrap p {
        margin-left: 15px;
    }
    .doctortohome .h1-style-4,
    .ekg .h1-style-4 {
        margin-bottom: 15px;
    }
    .license-image img {
        width: 330px;
    }
    .stationary .h1-style-4 {
        font-size: 11rem;
    }
    .stationary .main-block-image {
        width: 88%;
    }
    .radixact-advantages .grid-cols-4 {
        padding: 20px 0;
    }
    .radixact-advantages {
        margin-top: 20px;
    }
    .adv-title {
        font-size: 1.8rem;
    }
    .h1-style-3,
    .h1-style-6 {
        font-size: 13.2rem;
    }
    .gastro .flex-b-s {
        height: 90px;
    }
    .single-doctor {
        width: 100px !important;
        height: 100px;
    }
    .ginekologiya .main-subtitle,
    .gastro .main-subtitle {
        font-size: 2.6rem;
    }
    .urologiya .main-subtitle {
        font-size: 3rem;
    }
    .service-description-block ul {
        width: 100%;
    }
    .mri-tech-block {
        padding: 15px;
    }
    .grid-cols-2,
    .grid-cols-3,
    .grid-cols-4,
    .grid-cols-5,
    .grid-cols-6,
    .grid-cols-7,
    .grid-cols-8,
    .mri-tech-wrap,
    .doctors-wrap,
    .doctors-wrap {
        gap: 15px;
    }
    .doctors-wrap {
        margin-top: 15px;
    }
    .video-list-wrap img {
        width: 40px;
    }
    .video-transcrip-wrap img {
        width: 50px;
    }
    .video-list-wrap {
        height: 330px;
    }
    .video-transcrip-wrap {
        height: 50px;
        bottom: 10px;
        left: 10px;
        right: 10px;
    }
    .accordion-header {
        padding: 15px;
    }
    .accordion-item.active .accordion-content .grid-cols-4 {
        padding-top: 20px;
    }
    .ul-title {
        font-size: 1.9rem;
    }
    .big-num {
        font-size: 9rem;
    }
    .big-num-plus {
        margin-bottom: 10px;
    }
    .h1-style-5 {
        font-size: 14rem;
    }
    .xray-image {
        height: 400px !important;
    }
    .mri-image {
        width: 92%;
    }
    .tech-title {
        padding: 7px 15px;
        font-size: 1.6rem;
    }
    .mri-tech-block {
        padding: 10px;
    }
    .tech-text {
        font-size: 1.6rem;
    }
    .service-banner-title {
        font-size: 2.8rem;
    }
    .ct .main-subtitle-small,
    .ekg .main-subtitle-small {
        font-size: 2.6rem;
    }
    .service-banner-description {
        font-size: 2.2rem;
    }

    .doctortohome .main-subtitle-small,
    .ekg .main-subtitle-small {
        margin-bottom: 20px;
    }
    .doctortohome .main-doctors-wrap,
    .ekg .main-doctors-wrap {
        margin-top: 20px;
    }
    .circle-decor {
        width: 115px;
        height: 115px;
    }
    .circle-decor-5,
    .circle-decor-2,
    .circle-decor-3,
    .circle-decor-4 {
        margin-left: -55px;
    }
    .main-doctors-wrap p {
        margin-left: 10px;
    }
    .text-content-big {
        font-size: 2rem;
    }
    .subtitle-long-text {
        font-size: 2.6rem;
    }
    .dr-img {
        width: 115px;
        height: 115px;
    }
    .h1-style-3,
    .h1-style-6 {
        font-size: 13rem;
    }
    .main .video-block,
    .main .video-embed-wrap,
    .main .video-block iframe,
    .main .video-block img {
        height: 250px;
    }

    .btn {
        padding: 12px 20px;
    }
    .arrow-45deg,
    .arrow--45deg {
        margin-left: 7px;
    }
    .insurance-data-title {
        font-size: 2.8rem;
    }
    .about-block-number {
        font-size: 8rem;
    }
    .about-number-description {
        padding-bottom: 20px;
        font-size: 1.8rem;
    }
    .about-block-text {
        padding: 17px 0;
    }
    .about-doctors .grid-3-block-1 p:first-child {
        font-size: 1.8rem;
    }
    .licenses {
        margin: 70px 0 30px 0;
    }
    .awards__wrap {
        padding: 20px 30px 20px 20px;
    }
    .social-block {
        height: 450px;
    }
    .footer-top {
        padding: 0 0 10px 0;
    }

    .ginekologiya .h1-style-3,
    .mammologiya .h1-style-3 {
        font-size: 15rem;
    }

    .cardiology .h1-style-3 {
        font-size: 14.5rem;
    }
    .gastro .h1-style-3 {
        font-size: 14rem;
    }
    .kolonoskopiya .h1-style-3 {
        font-size: 13.5rem;
    }
    .doctor-block-image {
        height: 230px;
    }
    .tech-title {
        margin-bottom: 20px;
    }
    .service-description-block li p {
        font-size: 1.8rem;
    }
    .home-advantages__block__top {
        height: 225px;
    }
    .slide-title {
        font-size: 6rem;
        line-height: 100%;
    }
    .swiper-btn {
        margin-top: 40px;
    }
    .swiper-ul li {
        padding: 5px 0;
    }
    .slide-text {
        padding-left: 30px;
    }
    .ambulance-kk .h1-style-7 {
        font-size: 12rem;
    }
    .ekg-kk .h1-style-4 {
        font-size: 5.5rem;
    }
    .foreignpatients-kk .main-subtitle-small {
        width: 120%;
    }
    .btn-doctor-more-info {
        padding: 10px 15px;
    }
    .ambulance-en .h1-style-7 {
        font-size: 10.7rem;
    }
    .booking-block-call a {
        padding: 10px 20px;
    }
    .diagnostic-services-block-text {
        padding: 20px 5px 20px 100px;
    }
}
@media screen and (max-width: 1279px) {
    :root {
        /* === RADIUS === */
        --radius-lg: clamp(10px, 0.6vw, 10px);
    }
    .container {
        max-width: 1024px;
    }
    section {
        margin: 30px 0;
    }
    .grey-block,
    .home-video__wrap {
        padding: 30px 20px;
    }
    header .logo-title {
        font-size: 2rem;
    }
    .account,
    .language-toggle,
    .get-results,
    .easy-appointment {
        padding: 8px 10px;
    }
    .account-btn {
        padding: 10px;
    }
    .call-center img {
        width: 40px;
    }
    .call-center__number {
        font-size: 2rem;
    }
    header .grid-cols-4 {
        padding: 7px 0;
    }
    .header__navigation {
        padding: 12px;
    }
    .header__navigation {
        font-size: 1.5rem;
    }
    section.main {
        margin-top: 7px !important;
    }
    h2,
    .orhun-title,
    .lowcase__title,
    .main-subtitle,
    .main-subtitle-small {
        font-size: 2.6rem;
    }
    .video-frame {
        padding: 10px 15px;
    }
    .video-frame-text {
        font-size: 1.7rem;
    }
    .home-video__wrap .swiper {
        height: 180px;
    }
    .video-description-icon {
        min-width: 40px;
        min-height: 40px;
    }
    .home-services_blocks-wrap {
        gap: 15px !important;
    }
    .tabs-content ul {
        margin: 0px 0 10px 10px;
    }
    .home-advantages .grid-cols-3 {
        display: block;
    }
    .lowcase__title {
        width: 100%;
        margin-bottom: 15px;
        font-size: 2.7rem;
    }
    .rating .grid-3-block-1 {
        grid-area: 1 / 1 / 2 / 3;
    }
    .awards__wrap {
        padding: 15px 20px 15px 10px;
    }
    .awards-images {
        position: absolute;
        width: 250px;
        top: -25px;
    }
    .section-subtitle-uppercase,
    .awards-title {
        font-size: 2.8rem;
    }
    .licenses__wrap {
        padding: 40px;
    }
    .licenses__wrap .lowcase__title {
        margin-bottom: 30px;
    }
    .social-body img {
        margin-top: 20px;
    }
    .social-btn {
        margin-top: 10px;
    }
    .social-block {
        height: 430px;
    }
    footer .logo-title {
        font-size: 2rem;
    }
    .footer-title {
        font-size: 2.2rem;
    }
    .footer-body {
        padding: 30px 0 20px 0;
    }
    footer {
        padding: 30px 0;
    }
    .footer-top {
        padding-bottom: 0;
    }
    .footer-body h3 {
        font-size: 1.5rem;
    }
    .footer-bottom {
        padding-top: 30px;
    }
    .btn-up {
        width: 45px;
    }
    .filter-city {
        padding: 7px 20px;
    }
    .filters__cities,
    .tabs {
        padding: 7px;
    }
    .tabs,
    .med-centers__filters {
        margin: 15px 0 10px 0;
    }
    .select2-container .select2-dropdown .select2-results__option {
        padding: 15px 12px !important;
    }
    .custom-select-wrap {
        border-radius: var(--radius-sm);
        height: 50px;
    }
    .select2-container--default .select2-selection--single,
    .select2-container .select2-selection--single .select2-selection__rendered,
    .select2-container--default
        .select2-selection--single
        .select2-selection__arrow {
        height: 50px !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        height: 50px !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 50px !important;
    }
    .med-centers__result {
        grid-template-columns: 300px 1fr;
    }
    .medcenter-title {
        font-size: 2rem;
    }
    .icon-block {
        min-width: 30px;
        min-height: 30px;
    }
    .med-centers__main-text .internal-link {
        margin-right: 20px;
        font-size: 1.5rem;
    }
    .arrow-45deg,
    .arrow--45deg {
        width: 11px;
        height: 11px;
    }

    .med-centers__info-grid {
        grid-template-columns: 200px 1fr; /* только 2 колонки */
    }
    .med-centers__info-grid p {
        display: flex;
    }
    .select2-container--open .select2-dropdown--below {
        width: 270px !important;
    }
    .submenu-wrap {
        padding: 20px 20px 30px 20px;
        max-height: 80vh;
        overflow-y: auto;
    }
    .submenu {
        grid-template-columns: repeat(2, 1fr);
    }
    .submenu-title,
    .submenu-image {
        display: none;
    }
    section.main {
        margin-bottom: 20px;
    }
    .slider-buttons-wrap {
        top: 40%;
    }
    .main__dop-pages h1 {
        font-size: 5rem;
    }
    .main__dop-pages .grid-cols-2 {
        grid-template-columns: 68% 28%;
    }
    .main__dop-pages .grid-2-block-2 img {
        width: 85%;
    }
    .subtitle,
    .main__dop-pages h1 {
        width: 100%;
    }
    .doctors-filter-search {
        padding: 10px;
    }
    .doctors-filters {
        padding: 10px;
    }
    .doctors-filter-wrapper .select2-container--default .select2-dropdown {
        width: 310px !important;
    }
    .doctors-wrap {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    .ambulance .h1-style-7 {
        font-size: 9.8rem;
    }
    h2,
    .orhun-title,
    .lowcase__title,
    .main-subtitle,
    .main-subtitle-small {
        font-size: 2.2rem;
    }
    .main-block-image {
        width: 85%;
    }
    .mini-description {
        display: none;
    }
    .section-subtitle-small {
        width: 100%;
    }
    .license-image img {
        width: 275px;
    }
    .licenses {
        margin: 90px 0 30px 0;
    }
    .doctortohome .h1-style-4,
    .ekg .h1-style-4 {
        font-size: 5rem;
    }
    .ct .main-subtitle-small,
    .ekg .main-subtitle-small {
        font-size: 2.2rem;
    }
    .doctortohome .main-subtitle-small,
    .ekg .main-subtitle-small {
        width: 100%;
    }
    .main-doctors-wrap p {
        font-size: 1.6rem;
    }
    .main-doctors-wrap img {
        width: 90px;
    }
    .doctortohome .main-block-nav-wrap,
    .ekg .main-block-nav-wrap {
        margin-top: 15px;
    }
    h2.section-title {
        font-size: 1.6rem;
    }
    .stationary .h1-style-4 {
        font-size: 9rem;
    }
    .stationary .main-block-image {
        width: 100%;
        margin-top: 0;
    }
    .ortopediya .main-doctors-wrap,
    .main-doctors-wrap {
        margin-top: 40px;
    }
    .ortopediya .h1-style-3 {
        font-size: 14rem;
    }
    .urologiya .h1-style-3 {
        font-size: 16rem;
    }
    .urologiya .main-subtitle,
    .gastro .main-subtitle {
        font-size: 2.2rem;
    }
    .ginekologiya .h1-style-3 {
        font-size: 12rem;
    }

    .mammologiya .h1-style-3 {
        font-size: 11.6rem;
    }
    .cardiology .h1-style-3 {
        font-size: 11.4rem;
    }
    .gastro .h1-style-3 {
        font-size: 11rem;
    }
    .kolonoskopiya .h1-style-3 {
        font-size: 10.5rem;
    }
    .btn-description {
        border-left: 7px solid var(--clr-accent-light);
        margin-left: 15px;
    }
    .circle-decor {
        width: 100px;
        height: 100px;
    }
    .circle-decor-5 {
        margin-right: 5px;
    }

    .btn {
        min-width: 200px;
    }
    .btn-type-2 {
        margin-left: 10px;
        padding: 10px 20px;
    }
    .service-description > .container > .grid-cols-4:first-of-type,
    .services-page-doctors .grid-cols-4:first-of-type,
    .faq-video .grid-cols-4:first-of-type,
    .insruction-block > .container > .grid-cols-4:first-of-type,
    .med-centers .grid-cols-4:first-of-type,
    .ambulance-description .grid-cols-4:first-of-type,
    .doctortohome-description .grid-cols-4:first-of-type,
    .ekg-description .grid-cols-4:first-of-type,
    .stationary-description > .container > .grid-cols-4:first-of-type,
    .ortopediya-description .grid-cols-4:first-of-type,
    .urologiya-description .grid-cols-4:first-of-type,
    .ginekologiya-description .grid-cols-4:first-of-type,
    .mammologiya-description .grid-cols-4:first-of-type,
    .cardiology-description > .container > .grid-cols-4:first-of-type,
    .recovery .radiax-wrap > .grid-cols-4:first-of-type,
    .gastro-description .grid-cols-4:first-of-type,
    .kolonoskopiya-description .grid-cols-4:first-of-type,
    .laboratory-treatment .grid-cols-4:first-of-type,
    .service-description .radiax-wrap > .grid-cols-4:first-of-type,
    .oncosupport-purpose > .container > .grid-cols-4:first-of-type,
    .filtered-medceners .grey-block > .grid-cols-4:first-of-type,
    .treatment .container > .grid-cols-4:first-of-type,
    .treatment-control .grid-cols-4:first-of-type,
    .medinsurance-description > .container > .grid-cols-4:first-of-type,
    .about-advantages > .container > .grid-cols-4:first-of-type,
    .medinsurance-packages .grid-cols-4:first-of-type,
    .foreignpatients-description > .container > .grid-cols-4:first-of-type,
    .about-company > .container > .grid-cols-4:first-of-type {
        display: block;
    }

    .about-doctors .grid-4-span-2-5 {
        grid-area: 1/1/2/5;
    }
    .about-doctors .grid-4-block-1 {
        display: none;
    }
    .about-doctors .grid-4-span-2-5 .grid-cols-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .licenses {
        margin: 50px 0 30px 0;
    }
    .license-image {
        bottom: 10px;
    }
    .awards-dop {
        margin-bottom: 50px;
    }
    .social-links .grid-cols-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .social-links .grid-cols-3 .grid-3-block-1 {
        grid-area: 1/1/2/3;
    }
    .lid {
        margin: 20px 0;
    }
    .social-links .grid-cols-3 .grid-3-block-2 {
        grid-area: 2/1/3/2;
    }
    .social-links .grid-cols-3 .grid-3-block-3 {
        grid-area: 2/2/3/3;
    }
    .accordion-header .grid-cols-4 {
        grid-template-columns: 20px auto;
    }
    .radixact-advantages .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .radixact-advantages .grid-4-block-1 {
        grid-area: 1/1/2/3;
    }
    .radixact-advantages .grid-4-block-2 {
        grid-area: 1/1/2/3;
        padding-left: 50px;
    }
    .radixact-advantages .grid-4-span-3-5 {
        grid-area: 2/1/3/3;
    }
    .radixact-advantages .grid-4-span-3-5 p {
        opacity: 0.8;
    }
    .radiax-wrap {
        margin-top: 40px;
    }
    .ginekologiya .main-subtitle {
        font-size: 2rem;
    }
    .adv-title {
        font-size: 2rem;
        font-weight: 600;
    }
    .orhun-title,
    .lowcase__title {
        font-size: 2.6rem;
    }
    .accordion-title {
        padding-top: 5px;
    }
    .accordion-content .grid-cols-4 {
        display: block;
    }
    .accordion-item.active .accordion-content {
        padding: 0 20px 20px 20px;
    }

    .faq-video .grid-cols-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .subtitle-block p {
        font-size: 1.7rem;
    }
    .dr-circle {
        width: 80px;
        height: 80px;
    }
    .subtitle-block .flex-b-s {
        height: 70px;
    }
    .subtitle-block img {
        width: 80px;
        height: 80px;
        margin-left: -60px;
    }
    .grid-cols-4--bottom {
        grid-template-columns: repeat(2, 1fr);
    }
    .diagnostic-services-block-desc {
        font-size: 1.8rem;
    }
    .subtitle-block p {
        font-size: 1.7rem;
    }
    .small-text {
        font-size: 1.4rem !important;
    }
    .doctor-block-image {
        height: 200px;
    }
    .doctor-card-wrap {
        padding: 7px 7px 50px 7px;
    }
    .btn-doctor-wrap {
        bottom: 10px;
    }
    .video-list-wrap {
        height: 260px;
    }
    .doctor-fio {
        font-size: 1.8rem;
    }
    .video-wrap {
        margin-top: 20px;
    }
    .total-rate {
        font-size: 4rem;
    }
    .star {
        width: 25px;
        height: 25px;
    }
    .rating-block-num {
        font-size: 3.6rem;
    }
    .doctor-page-name {
        font-size: 2.2rem;
    }
    .doctor-page-image {
        height: 250px;
    }
    .doctor-page-main-info {
        margin-top: 20px;
        padding-top: 20px;
    }
    .h1-style-2 {
        font-size: 12rem;
    }
    .ct .main-subtitle-small {
        font-size: 2rem;
    }

    .mri-image {
        width: 98%;
    }
    .mri-category p {
        font-size: 1.7rem;
        padding-left: 10px;
    }
    .mri-category:hover .mri-cat-border,
    .mri-category-active .mri-cat-border {
        height: 50px;
        width: 7px;
    }
    .mri-cat-border {
        height: 50px;
        width: 7px;
    }
    .mri-category i {
        padding-right: 10px;
    }
    .mri-sub-category {
        padding: 10px 15px;
    }
    .more-info-wrap span {
        font-size: 1.4rem;
        margin-right: 10px;
    }
    .big-num {
        font-size: 8rem;
    }
    .big-num-plus {
        font-size: 4rem;
    }
    .section-subtitle-big {
        font-size: 2rem;
    }
    .mri-services-wrap {
        padding: 30px 0;
        margin-top: 30px;
    }
    .section-subtitle-uppercase {
        margin-top: 20px;
    }
    .service-description-block li p {
        font-size: 1.6rem;
    }
    .service-description-block li {
        margin: 10px 0;
    }
    .grid-cols-4--bottom {
        margin-top: 20px;
    }
    .social-block {
        padding: 15px;
    }
    .diagnostic-services-advantages .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .awards-title {
        font-size: 2.6rem;
    }
    .mammography .h1-style-3 {
        font-size: 11rem;
    }
    .text-content-big {
        font-size: 1.9rem;
    }
    .xray .h1-style-5,
    .ultrasound .h1-style-5 {
        font-size: 12rem;
    }
    .h1-style-3,
    .h1-style-6 {
        font-size: 12rem;
    }
    .xray-image {
        height: 330px !important;
        margin-top: 10px;
    }
    .service-banner {
        padding: 40px;
    }
    .service-banner-title {
        font-size: 2.5rem;
    }
    .service-banner-description {
        font-size: 2rem;
    }
    .circle-decor-4 {
        margin-right: 10px;
    }
    .service-description-block .mri-tech-wrap {
        grid-area: 2/1/3/3;
    }
    .tech-title {
        margin-bottom: 30px;
    }
    .tech-text {
        font-size: 1.7rem;
    }
    .mri-tech-block {
        padding: 15px;
    }
    .main .video-block {
        width: 80% !important;
    }
    .main .video-block,
    .main .video-embed-wrap,
    .main .video-block iframe,
    .main .video-block img {
        height: 210px;
    }
    .petct-block .grid-2-block-1 p:last-child {
        font-size: 1.6rem;
    }
    .petct-block .flex-b-e,
    .tomo .flex-b-e,
    .oncotherapy-block .flex-b-e {
        display: block;
    }
    .petct-block .services-nav .flex-e-c,
    .tomo .services-nav .flex-e-c,
    .oncotherapy-block .flex-e-c {
        justify-content: flex-start;
        margin-top: 20px;
        gap: 50px;
    }
    .petct-block .services-nav .flex-e-c span,
    .tomo .services-nav .flex-e-c span,
    .oncotherapy-block .flex-e-c span {
        font-size: 1.4rem;
        color: var(--clr-text-secondary);
    }
    .oncotherapy-block .main-doctors-wrap p,
    .tomo .flex-s-c p {
        font-size: 1.4rem;
    }
    .oncotherapy-block .h1-style-4,
    .medinsurance .h1-style-4,
    .foreignpatients .h1-style-4 {
        font-size: 7rem;
    }
    .services-nav svg {
        color: var(--clr-text-secondary);
    }
    .subtitle-long-text {
        margin-top: 20px;
    }
    .dr-text {
        width: 70%;
        font-size: 1.6rem;
    }
    .cards-block-wrap .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .cards-block-text p {
        font-size: 1.7rem;
    }
    .services-page-doctors-wrap {
        margin-top: 30px;
    }
    .smallest-text {
        font-size: 1.4rem;
    }
    .services-btn-wrap-insurance {
        width: 120%;
    }
    .about-advantages-wrap .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .medinsurance-advantages .adv-title {
        margin-bottom: 40px;
    }
    .adv-number {
        margin-bottom: 15px;
    }
    .affiltae-companies {
        margin-top: 30px;
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .partners img {
        height: 30px;
    }
    .insurance-wrap {
        padding: 30px 20px;
    }
    .insurance-data {
        padding: 0 20px;
    }
    .account-main h1 {
        font-size: 4.5rem;
    }
    .results-wrap {
        padding: 40px 100px;
    }
    .results-wrap .grid-cols-4 {
        display: block;
    }
    .foreignpatients .services-btn-wrap {
        margin-top: 20px;
    }
    .services-btn-wrap .btn-description a {
        font-size: 1.4rem;
    }
    .about-block-number {
        font-size: 7rem;
    }
    .about-number-description {
        padding-bottom: 18px;
    }
    .about-block-text {
        padding: 15px 0;
        font-size: 1.6rem;
    }
    .about-blocks-wrap .grid-cols-4 .about-block:last-child {
        grid-area: 2/3/3/5;
    }
    .about-advantages-block-2parts {
        grid-area: 4/1/5/3;
    }
    .about-advantages-block {
        height: 200px;
    }
    .all-checkup-filter {
        padding: 10px;
        gap: 10px;
        margin: 15px 0;
    }
    select {
        padding: 10px 30px 10px 10px;
        font-size: 1.5rem;
    }
    .checkup-block {
        padding: 7px;
    }
    .checkup-block h3 {
        font-size: 2rem;
    }
    .price {
        font-size: 2rem;
    }
    .all-checkup-wrap .grid-cols-4 {
        grid-template-columns: repeat(3, 1fr);
    }
    .checkup-block .btn {
        margin-top: 20px;
    }
    .video-blocks-wrap {
        margin-top: 15px;
    }
    .video-blocks-wrap .grid-cols-4 {
        grid-template-columns: repeat(3, 1fr);
    }
    .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
    }
    .swiper-pagination-bullet-active {
        width: 50px !important;
        height: 10px !important;
    }
    .swiper-pagination {
        margin-bottom: 15px;
    }
    .home-advantages__block__top {
        height: 270px;
    }
    #searchInput {
        padding-left: 40px;
    }
    .doctors-filter-search img {
        left: 25px;
    }
    .licenses__wrap {
        padding-left: 30px;
    }
    .services-nav {
        display: none;
    }
    .uzi-image {
        width: 100%;
        margin-top: 35px;
    }
    .subtitle-long-text {
        font-size: 2.4rem;
    }
    .vital-wrap {
        width: 100%;
    }
    .documentation-wrap {
        margin-top: 30px;
    }
    .foreignpatients .main-subtitle-small,
    .foreignpatients .services-btn-wrap {
        width: 150%;
    }
    .xray-wrap {
        width: 100%;
    }
    .account-navigation .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .tablet-menu {
        display: none;
    }
    .slide-title {
        font-size: 4.5rem;
    }
    .swiper-ul li p,
    .slide-dop-info {
        font-size: 1.8rem;
    }
    .swiper-btn {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .slide-dop-info {
        margin-bottom: 10px;
    }
    .main__dop-pages h1.long-title {
        font-size: 3.5rem !important;
    }
    .header-kk .header__navigation {
        font-size: 1.3rem;
    }
    .ekg-kk .h1-style-4 {
        font-size: 4rem;
    }
    .urologiya .grid-2-block-1,
    .cardiology .grid-2-block-1,
    .gastro .grid-2-block-1,
    .kolonoskopiya .grid-2-block-1 {
        width: 115%;
    }
    .laboratory-kk .h1-style-4 {
        font-size: 8rem;
    }
    .ambulance .h1-style-7 {
        font-size: 8rem;
    }
    .ortopediya-en .h1-style-3,
    .urologiya .h1-style-3 {
        font-size: 12rem;
    }
    .h1-ultrasound-en {
        font-size: 6.5rem !important;
    }
    .uzi-image {
        margin-top: 0;
    }
    .modal__block-container {
        width: 90vw;
        padding: 30px;
    }
    .calendar-wrap {
        margin: 20px 0;
    }
    .appointment-steps-title {
        font-size: 2.6rem;
    }
    .code-timer {
        font-size: 1.6rem;
        padding: 18px 10px;
    }
    .btn-type-3 {
        padding: 18px 15px;
    }
    .modal__block-container form {
        margin-top: 20px;
    }
    .about-blocks-wrap {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1023px) {
    .container {
        max-width: 912px;
        padding: 0 15px;
    }
    .tablet-menu {
        width: 45px;
        height: 26px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .tablet-menu-line {
        width: 100%;
        height: 2px; /* целое значение */
        background: var(--clr-text-primary);
        border-radius: 2px;
        transition: all 0.3s ease;
        transform: scaleY(0.8); /* даёт ≈2.4px, но рендер стабильный */
        transform-origin: center;
    }

    /* Активное состояние */
    .tablet-menu.active .tablet-menu-line:nth-child(1) {
        transform: rotate(45deg) translate(9px, 7px);
        width: 90%;
    }

    .tablet-menu.active .tablet-menu-line:nth-child(2) {
        opacity: 0;
    }

    .tablet-menu.active .tablet-menu-line:nth-child(3) {
        transform: rotate(-45deg) translate(10px, -8px);
        width: 90%;
    }

    .call-center {
        display: none;
    }
    .account,
    .language-toggle,
    .get-results,
    .easy-appointment {
        padding: 8px;
    }

    .header__navigation {
        margin: 0 auto;
        position: fixed;
        top: 54px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1000000;
        overflow-y: auto;
        padding: 0px 20px 40px 20px;
        background: var(--clr-bg-grey);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: var(--transition);
    }
    .header__navigation-active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .header__navigation .flex-b-c {
        display: block;
        border-bottom: 1px solid var(--clr-border-grey);
        border-top: 1px solid var(--clr-border-grey);
    }

    .header__navigation .flex-b-c > a,
    .header__navigation .flex-b-c .has-submenu {
        display: block;
        padding: 18px 0;
        width: 260px;
        padding-right: 10px;
        font-size: 1.8rem;
        border-right: 2px solid var(--clr-border-grey);
        border-bottom: 1px solid var(--clr-border-grey);
    }
    .has-submenu > a .fa-angle-down {
        transform: rotate(-90deg);
    }
    .has-submenu > a:hover .fa-angle-down {
        transform: rotate(-90deg);
    }
    .has-submenu > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .submenu-wrap {
        left: 278px;
        border-left: 2px solid var(--clr-border-grey);
        top: 5px;
        box-shadow: none;
        padding-top: 14px;
    }
    .submenu-wrap-small-1,
    .submenu-wrap-small-2 {
        left: 260px;
        top: -272px;
        box-shadow: none;
        border-radius: inherit;
        border-left: none;
        padding-top: 0;
    }
    .submenu-wrap-small-2 {
        left: 260px;
        top: -390px;
    }

    .submenu {
        display: grid;
        grid-template-columns: 1fr;
    }
    .has-submenu.open .submenu-wrap {
        overflow-y: scroll;
        padding-bottom: 90px;
    }
    .submenu-image img {
        display: none;
    }
    .submenu-list a {
        display: block;
        transition: var(--transition);
        white-space: wrap;
    }
    .circle {
        min-width: 8px;
        min-height: 8px;
    }
    .has-submenu.open > a .fa-angle-down {
        transform: rotate(-90deg);
    }
    .header__navigation {
        max-width: 912px;
        margin: 0 auto;
    }
    header .grid-cols-4 {
        border-bottom: 1px solid var(--clr-border-grey);
    }
    header .grid-4-block-1 {
        grid-area: 1 / 1 / 2 / 3;
    }
    .grey-block,
    .home-video__wrap {
        padding: 30px 15px;
    }
    .home-video__wrap .grid-cols-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .home-video__wrap .swiper {
        height: 255px;
    }
    .video-description-icon {
        min-width: 45px;
        min-height: 45px;
    }
    .video-frame-text {
        font-size: 2rem;
    }
    h2,
    .orhun-title,
    .main-subtitle,
    .main-subtitle-small {
        font-size: 2.2rem;
    }
    .lowcase__title {
        font-size: 2.8rem;
    }
    .licenses .lowcase__title,
    .awards-title {
        font-size: 2.4rem;
    }
    .video-description-wrap p {
        font-size: 1.6rem;
    }
    .home-advantages__block {
        padding: 15px;
    }
    .med-centers__info-grid {
        grid-template-columns: 180px 1fr;
    }
    .filters__cities {
        overflow-x: scroll;
        padding-bottom: 10px !important;
    }
    .filter-city {
        padding: 7px 18px;
    }
    .select2-container--open .select2-dropdown--below {
        width: 345px !important;
        left: -140px !important;
    }
    .awards-images {
        position: absolute;
        width: 220px;
        top: -20px;
    }
    .awards__wrap {
        padding-left: 0;
    }
    .logo-text {
        display: none;
    }
    .footer-top .grid-4-block-1 {
        grid-area: 1/1/2/5;
    }
    .footer-top .grid-4-span-2-4 {
        grid-area: 2/1/3/4;
    }
    .footer-top .grid-4-block-4 {
        grid-area: 2/4/3/5;
    }
    .footer-body .grid-cols-4 {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 колонки */
        grid-auto-rows: auto;
        gap: 20px; /* расстояние между блоками */
    }

    /* Первая строка */
    .footer-body .grid-4-block-1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    .footer-body .grid-4-block-2 {
        grid-area: 1 / 2 / 2 / 3;
    }

    /* Вторая строка */
    .footer-body .grid-4-block-3 {
        grid-area: 2 / 1 / 3 / 2;
    }
    .footer-body .grid-4-block-4 {
        grid-area: 2 / 2 / 3 / 3;
    }
    .footer-bottom .grid-4-span-2-5 {
        grid-area: 2 / 1 / 3 / 5;
    }
    .main__dop-pages h1 {
        font-size: 4rem;
    }
    .subtitle {
        font-size: 1.7rem;
    }
    .main__dop-pages {
        padding: 30px 20px;
    }
    .doctor-page-intro-wrap {
        padding: 15px;
    }
    .ambulance .h1-style-7 {
        font-size: 9rem;
    }
    .main .grey-block {
        padding: 30px 20px;
    }
    .main-subtitle,
    .main-subtitle-small {
        margin-bottom: 20px;
    }
    .rating-block {
        padding: 15px;
    }
    .licenses__wrap {
        padding-left: 20px;
    }
    .license-image img {
        width: 256px;
    }
    .doctors-filter-wrapper .select2-container--default .select2-dropdown {
        width: 280px !important;
    }
    .doctortohome .h1-style-4,
    .ekg .h1-style-4 {
        font-size: 4.7rem;
    }
    .stationary .h1-style-4 {
        font-size: 7rem;
    }
    .ortopediya .h1-style-3 {
        font-size: 13rem;
    }
    .ortopediya .main-doctors-wrap,
    .main-doctors-wrap {
        margin-top: 30px;
        width: 110%;
    }
    .urologiya .h1-style-3 {
        font-size: 14rem;
    }
    .urologiya .main-subtitle,
    .ginekologiya .main-subtitle,
    .mammologiya .main-subtitle,
    .gastro .main-subtitle,
    .kolonoskopiya .main-subtitle {
        width: 110%;
    }
    .gastro .main-doctors-wrap p,
    .kolonoskopiya .main-doctors-wrap p {
        font-size: 1.5rem;
    }
    .urologiya .main-doctors-wrap,
    .ginekologiya .main-doctors-wrap,
    .gastro .main-doctors-wrap,
    .kolonoskopiya .main-doctors-wrap {
        width: 112%;
        margin-top: 25px;
    }
    .section-subtitle-uppercase,
    .awards-title {
        font-size: 2.6rem;
    }
    .ginekologiya .h1-style-3 {
        font-size: 11rem;
    }
    .mammologiya .h1-style-3 {
        font-size: 10.8rem;
    }
    .cardiology .h1-style-3 {
        font-size: 10.3rem;
    }
    .gastro .h1-style-3 {
        font-size: 10rem;
    }
    .single-doctor {
        width: 80px !important;
        height: 80px;
    }
    .gastro .flex-b-s,
    .kolonoskopiya .flex-b-s {
        height: 70px;
    }
    .kolonoskopiya .h1-style-3 {
        font-size: 9.5rem;
    }
    .h1-style-7 {
        font-size: 8.8rem;
    }
    .video-item p,
    .video-transcrip-wrap p {
        font-size: 1.5rem;
    }
    .video-list-wrap {
        height: 235px;
    }
    .h1-style-2 {
        font-size: 10rem;
    }
    .ct .main-subtitle-small {
        font-size: 1.9rem;
        width: 110%;
    }
    .main-doctors-wrap img {
        width: 80px;
    }
    .ct .main-doctors-wrap p {
        font-size: 1.5rem;
    }
    .section-subtitle-big {
        font-size: 1.8rem;
    }
    .big-num-description {
        font-size: 1.5rem;
    }
    .accordion-title {
        font-size: 1.8rem;
    }
    .mammography .h1-style-3 {
        font-size: 10rem;
    }
    .xray .h1-style-5,
    .ultrasound .h1-style-5 {
        font-size: 10rem;
    }
    .xray-image {
        height: 300px !important;
    }
    .service-banner-title {
        font-size: 2.2rem;
    }
    .ultrasound .main-doctors-wrap p {
        font-size: 1.5rem;
    }
    .uzi-image {
        width: 95%;
        margin-top: 50px;
    }
    .h1-style-4,
    .foreignpatients .h1-style-4 {
        font-size: 7rem;
    }
    .laboratory .flex-s-c p,
    .tomo .flex-s-c p,
    .petct-block .grid-2-block-1 p:last-child {
        font-size: 1.5rem;
    }
    .petct-block .grid-2-block-1,
    .oncotherapy .grid-2-block-1,
    .tomo .grid-2-block-1 {
        width: 115%;
    }
    .h1-style-3,
    .h1-style-6 {
        font-size: 10rem;
    }
    .main .video-block,
    .main .video-embed-wrap,
    .main .video-block iframe,
    .main .video-block img {
        height: 190px;
    }
    .oncotherapy .services-btn-wrap {
        margin-top: 25px;
    }
    .services-btn-wrap-insurance {
        width: 130%;
    }
    .insurance-wrap .grid-cols-2 {
        display: block;
    }
    .documentation-wrap {
        margin-top: 20px;
    }
    .foreignpatients .main-subtitle-small,
    .foreignpatients .services-btn-wrap {
        width: 170%;
    }
    .filter-video {
        padding: 8px 20px;
    }
    .contacts-page .grid-cols-2 {
        display: block;
    }
    .contact-block .flex-b-c {
        padding: 15px 0;
    }
    .contact-block-title {
        margin-bottom: 20px;
    }
    .contact-block {
        padding: 30px 15px;
        margin-top: -10px;
    }
    .results-wrap {
        padding: 40px 15px;
    }
    .h1-style-1 {
        font-size: 3rem;
    }
    .doctor-qty {
        font-size: 2.6rem;
    }
    .account-nav-block img {
        width: 25%;
    }
    .insurance {
        padding: 30px 20px;
    }
    .account-nav-block {
        padding: 15px 15px 20px 15px;
    }
    .account-link {
        margin-top: 15px;
        padding-top: 15px;
    }
    .settings .btn-account {
        padding: 15px 20px;
    }
    .input-group input,
    .input-group textarea {
        padding: 15px;
    }
    .settings form {
        width: 100%;
    }
    .main-insurance,
    .greating {
        padding: 20px 40px 20px 20px;
    }
    .accordion-item.active .accordion-content {
        padding: 0 15px 15px 15px;
    }
    .account-main h1 {
        font-size: 4rem;
    }
    .slide-text {
        width: 70%;
    }
    .swiper-ul {
        padding-left: 20px;
    }
    .swiper-ul li {
        padding: 3px 0;
    }

    .slide-text {
        padding-left: 15px;
    }
    .slide-dop-info {
        margin-bottom: 10px;
    }
    .home-advantages__block__top {
        height: 255px;
    }
    .urologiya .grid-2-block-1,
    .cardiology .grid-2-block-1,
    .gastro .grid-2-block-1,
    .kolonoskopiya .grid-2-block-1 {
        width: 105%;
    }
    .mammography-kk .grid-2-block-1,
    .dencitometry-kk .main-doctors-wrap,
    .oncosupport .grid-2-block-1 {
        width: 110%;
    }
    .ambulance .h1-style-7 {
        font-size: 7.5rem;
    }
    .ortopediya .h1-style-3 {
        font-size: 11rem;
    }
    .btn-doctor-more-info {
        padding: 10px;
    }
    .modal__title {
        font-size: 2.8rem;
    }
    .top-doctors .doctor-department {
        height: 40px;
    }
    .lab-medcenters .grid-cols-4 {
        display: block;
    }
    .lab-medcenters .grid-cols-4 .flex-s-c {
        justify-content: flex-start;
    }
    .lab-medcenters .grid-cols-4 .flex-s-c a {
        margin-right: 30px;
    }
    .lab-medcenters .grid-cols-4 .flex-s-c a:last-child {
        margin-right: 0;
    }
    .lab-medcenters-wrap .grid-cols-4 p {
        line-height: 150%;
    }
    .laboratory-treatment .btn {
        margin-top: 30px !important;
    }
    .account-subtitle {
        font-size: 2.6rem;
    }
    .booking-item span,
    .booking-item ul p,
    .booking-dop-info p {
        font-size: 1.8rem;
    }
    .appointment-rebooking,
    .appointment-delete {
        padding: 10px 0;
    }
    .about-number-description {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 911px) {
    .container {
        max-width: 768px;
        padding: 0 10px;
    }
    .header__navigation {
        max-width: 768px;
    }
    .home-video__wrap .swiper {
        height: 210px;
    }
    .video-frame-text {
        font-size: 1.7rem;
    }
    .video-description-wrap p {
        font-size: 1.4rem;
    }
    .tab-button {
        padding: 12px 20px;
    }
    .swiper-nav-buttons {
        width: 40px;
        height: 40px;
    }
    .home-advantages__block__top {
        height: 210px;
    }
    .slider-buttons-wrap {
        left: -15px;
        right: -15px;
    }
    .select2-container--open .select2-dropdown--below {
        width: 715px !important;
        left: -553px !important;
    }
    .med-centers__info-grid {
        display: block;
    }
    .med-centers__info-grid p {
        padding: 2px 0;
    }
    .med-centers__result {
        grid-template-columns: 48% 49%;
        gap: 15px;
    }
    .med-centers__info-name {
        font-weight: 500;
    }
    .med-centers__info-scheduel {
        opacity: 0.8;
    }
    .rating .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .rating .grid-cols-3 {
        margin-bottom: 20px;
    }
    .licenses__wrap {
        padding-right: 20px;
    }
    .license-image {
        right: 20px;
    }
    .lowcase__title {
        font-size: 2.6rem;
    }
    .licenses .lowcase__title,
    .awards-title {
        font-size: 2.2rem;
    }
    .nav-buttons {
        right: -15px;
        left: -15px;
    }
    .main__dop-pages h1 {
        font-size: 5rem;
    }
    .h1-style-3,
    .h1-style-6 {
        font-size: 9rem;
    }
    .doctors-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .doctors-filter-wrapper .select2-container--default .select2-dropdown {
        width: 230px !important;
    }
    .ambulance .h1-style-7 {
        font-size: 7.5rem;
    }
    .main-block-image {
        width: 70%;
        margin-left: inherit;
    }
    .ambulance .grid-cols-2,
    .doctortohome .grid-cols-2,
    .ekg .grid-cols-2,
    .stationary .grid-cols-2,
    .ortopediya .grid-cols-2,
    .urologiya .grid-cols-2,
    .ginekologiya .grid-cols-2,
    .mammologiya .grid-cols-2,
    .gastro .grid-cols-2,
    .kolonoskopiya .grid-cols-2,
    .cardiology .grid-cols-2,
    .dencitometry .grid-cols-2,
    .ct .grid-cols-2,
    .mri .grid-cols-2,
    .mammography .grid-cols-2,
    .xray .grid-cols-2,
    .ultrasound .grid-cols-2,
    .laboratory .grid-cols-2,
    .petct .grid-cols-2,
    .tomo .grid-cols-2,
    .oncosupport .grid-cols-2,
    .oncotherapy .grid-cols-2,
    .medinsurance .grid-cols-2 {
        grid-template-columns: 1fr;
        gap: 0px;
    }
    .ambulance .grid-2-block-2,
    .doctortohome .grid-2-block-2,
    .ekg .grid-2-block-2,
    .stationary .grid-2-block-2,
    .ortopediya .grid-2-block-2,
    .urologiya .grid-2-block-2,
    .ginekologiya .grid-2-block-2,
    .mammologiya .grid-2-block-2,
    .gastro .grid-2-block-2,
    .kolonoskopiya .grid-2-block-2,
    .cardiology .grid-2-block-2,
    .dencitometry .grid-2-block-2,
    .ct .grid-2-block-2,
    .mammography .grid-2-block-2,
    .xray .grid-2-block-2,
    .ultrasound .grid-2-block-2,
    .mri .grid-2-block-2,
    .laboratory .grid-2-block-2,
    .petct .grid-2-block-2,
    .tomo .grid-2-block-2,
    .oncosupport .grid-2-block-2,
    .oncotherapy .grid-2-block-2,
    .medinsurance .grid-2-block-2 {
        grid-area: 1/1/2/2;
    }
    .ambulance .grid-2-block-1,
    .doctortohome .grid-2-block-1,
    .ekg .grid-2-block-1,
    .stationary .grid-2-block-1,
    .ortopediya .grid-2-block-1,
    .urologiya .grid-2-block-1,
    .ginekologiya .grid-2-block-1,
    .mammologiya .grid-2-block-1,
    .gastro .grid-2-block-1,
    .kolonoskopiya .grid-2-block-1,
    .cardiology .grid-2-block-1,
    .dencitometry .grid-2-block-1,
    .ct .grid-2-block-1,
    .mammography .grid-2-block-1,
    .xray .grid-2-block-1,
    .ultrasound .grid-2-block-1,
    .mri .grid-2-block-1,
    .laboratory .grid-2-block-1,
    .petct .grid-2-block-1,
    .tomo .grid-2-block-1,
    .oncosupport .grid-2-block-1,
    .oncotherapy .grid-2-block-1,
    .medinsurance .grid-2-block-1 {
        grid-area: 2/1/3/2;
    }
    .main-subtitle,
    .main-subtitle-small {
        margin-top: 0px;
    }
    .stationary .main-block-image {
        position: relative;
    }
    .stationary .h1-style-4 {
        font-size: 7rem;
    }
    .ambulance .flex-s-c {
        width: 110%;
    }
    .ambulance .flex-s-c p {
        font-size: 1.8rem;
    }

    .section-subtitle-uppercase {
        font-size: 2.4rem;
    }
    .awards-title {
        font-size: 2rem;
    }
    .awards-images {
        position: absolute;
        width: 180px;
        top: -11px;
    }
    .ambulance .flex-s-c {
        width: 100%;
    }
    .main-block-nav-wrap {
        margin-top: 30px;
    }
    .main-subtitle,
    .main-subtitle-small {
        margin-bottom: 30px !important;
    }
    .doctortohome .main-doctors-wrap {
        margin: 30px 0 10px 0;
    }

    .main-doctors-wrap p {
        font-size: 1.8rem;
    }
    .services-btn-wrap .btn-description a {
        font-size: 1.6rem;
    }
    .ortopediya .h1-style-3 {
        font-size: 11rem;
    }
    h2,
    .main-subtitle,
    .main-subtitle-small,
    .ginekologiya .main-subtitle {
        font-size: 2.4rem;
        margin-top: 20px;
    }
    .ortopediya .main-doctors-wrap,
    .main-doctors-wrap {
        width: 100%;
    }
    .doctor-fio {
        font-size: 2rem;
    }
    .urologiya .h1-style-3 {
        font-size: 11rem;
    }
    .urologiya .main-subtitle,
    .ginekologiya .main-subtitle,
    .mammologiya .main-subtitle,
    .gastro .main-subtitle,
    .kolonoskopiya .main-subtitle,
    .urologiya .main-doctors-wrap,
    .ginekologiya .main-doctors-wrap,
    .gastro .main-doctors-wrap,
    .kolonoskopiya .main-doctors-wrap {
        width: 100%;
    }
    .ginekologiya .h1-style-3 {
        font-size: 9rem;
    }
    .mammologiya .h1-style-3 {
        font-size: 8.8rem;
    }
    .cardiology .h1-style-3,
    .gastro .h1-style-3 {
        font-size: 8.5rem;
    }
    .single-doctor {
        width: 110px !important;
        height: 110px;
    }
    .gastro .flex-b-s,
    .kolonoskopiya .flex-b-s {
        height: 100px;
    }
    .gastro .main-doctors-wrap p,
    .kolonoskopiya .main-doctors-wrap p {
        font-size: 1.8rem;
    }
    .kolonoskopiya .h1-style-3 {
        font-size: 8rem;
    }
    .all-checkup-filter {
        grid-template-columns: repeat(2, 1fr);
    }
    .all-checkup-wrap .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .checkup-top {
        width: 100%;
    }
    .h1-style-7 {
        font-size: 7.3rem;
    }
    .oncotherapy-block .main-doctors-wrap p {
        font-size: 1.8rem;
    }
    .service-description-block .grid-cols-2,
    .video-wrap .grid-cols-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .subtitle-block p {
        font-size: 1.6rem;
    }
    .video-list-wrap {
        height: 380px;
    }
    .mri-image {
        width: 50%;
        margin-left: inherit;
    }
    .mammography .h1-style-3 {
        font-size: 8.5rem;
    }
    .xray-image {
        margin-left: inherit;
    }
    .doctortohome .h1-style-4,
    .ekg .h1-style-4 {
        font-size: 7rem;
    }
    .service-banner {
        padding: 40px 20px;
    }
    .diagnostic-services .grey-block .grid-cols-3:first-child {
        display: block;
    }
    .diagnostic-services .grey-block .grid-cols-3:first-child .grid-3-span-2-4 {
        margin-top: 20px;
    }
    .big-num-description {
        font-size: 1.4rem;
        width: 130px;
    }
    .mri-category p,
    .mri-sub-category-group p {
        font-size: 1.6rem;
    }
    .uzi-image {
        width: 70%;
        margin-left: inherit;
    }
    .btns-ultrasound {
        margin-top: 0;
    }
    .mri-image {
        display: none;
    }
    .h1-style-2 {
        font-size: 14rem;
    }
    .ct .main-subtitle-small {
        width: 100%;
        font-size: 2.4rem;
    }
    .main .grid-2-block-2 {
        display: none;
    }
    .petct-block .grid-2-block-1,
    .oncotherapy .grid-2-block-1,
    .tomo .grid-2-block-1 {
        width: 100%;
    }
    .service-description-block li p {
        font-size: 1.8rem;
    }
    .text-content-big {
        font-size: 2.2rem;
        width: 100%;
    }
    .radiax-wrap {
        margin-top: 20px;
    }
    .tomo-filtered-medceners .med-centers-info .grid-cols-2,
    .petct-filtered-medceners .med-centers-info .grid-cols-2 {
        display: block;
    }
    .ct .main-subtitle-small,
    .ekg .main-subtitle-small {
        font-size: 2.4rem;
    }
    .ct .btn-navigator-wrap,
    .mri .services-btn-wrap,
    .xray .services-btn-wrap,
    .ultrasound .services-btn-wrap {
        margin-top: 25px;
    }
    .ultrasound .h1-style-5 {
        font-size: 12rem;
    }
    .services-btn-wrap-insurance {
        width: 100%;
    }
    .main-insurance {
        padding: 30px 20px;
    }
    .main-insurance p {
        width: 100%;
    }
    .about-blocks-wrap .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .about-blocks-wrap .grid-cols-4 .about-block:last-child {
        grid-area: auto;
    }
    .about-blocks-wrap .grid-cols-4 .about-block:nth-child(6) {
        display: none;
    }
    .about-number-description {
        font-size: 1.8rem;
    }
    .about-doctors .grid-4-span-2-5 .grid-cols-3 {
        grid-template-columns: 1fr;
    }
    .about-doctors .grid-4-span-2-5 .grid-cols-3 .grid-3-span-2-4 {
        grid-area: 1/1/2/2;
    }
    .about-doctors .grid-4-span-2-5 .grid-cols-3 .grid-3-block-1 {
        grid-area: 2/1/3/2;
    }
    .controls {
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    .filters-video-wrap {
        padding-bottom: 0;
    }
    .filter-video {
        white-space: nowrap;
    }
    .video-blocks-wrap .grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .doctor-qty {
        font-size: 2.4rem;
    }
    .long-title {
        font-size: 3rem !important;
    }
    .doctor-nav-buttons {
        top: 0;
    }
    .medcenter-title {
        font-size: 2.2rem;
    }
    .foreignpatients .main-subtitle-small,
    .foreignpatients .services-btn-wrap {
        width: 100%;
    }
    .foreignpatients .grid-cols-2 {
        display: block;
    }
    .insurance-data-title {
        font-size: 2.6rem;
    }
    .diagnostic-services-tabs .tabs-content,
    .account-laboratory .tabs-content {
        padding: 20px 15px;
    }
    .account-main h1 {
        font-size: 3.8rem;
    }

    .booking-item-wrap {
        margin-top: 20px;
    }
    .booking-item,
    .insurance-wrap {
        padding: 20px 15px;
    }
    .insurance p {
        font-size: 1.8rem;
        padding-right: 20px;
    }
    .mri-services-mobile {
        display: none;
    }
    .slide-text {
        width: 80%;
    }
    .slide-title {
        font-size: 3.5rem;
        margin-bottom: 15px;
    }
    .swiper-btn {
        padding: 10px 20px !important;
    }
    .btn-type-2.swiper-btn {
        padding: 9px 20px !important;
    }
    .swiper-ul li p,
    .slide-dop-info {
        font-size: 1.6rem;
    }
    .main__dop-pages .grid-cols-2 {
        grid-template-columns: 1fr;
    }
    .swiper-btn {
        margin-top: 30px;
    }
    .swiper-ul li p,
    .slide-dop-info {
        font-size: 1.5rem;
    }
    .ekg .h1-style-4 {
        font-size: 6rem;
    }
    .dencitometry-kk .main-subtitle,
    .mammography-kk .grid-2-block-1,
    .dencitometry-kk .main-doctors-wrap,
    .oncosupport .grid-2-block-1 {
        width: 100%;
    }
    .laboratory-kk .h1-style-4 {
        font-size: 7rem;
    }
    .laboratory .flex-s-c p,
    .tomo .flex-s-c p,
    .petct-block .grid-2-block-1 p:last-child {
        font-size: 1.6rem;
    }
    .main__dop-pages h1 {
        font-size: 4rem !important;
    }
    .main .h1-style-3 {
        font-size: 8rem !important;
    }
    .urologiya .grid-2-block-1,
    .cardiology .grid-2-block-1,
    .gastro .grid-2-block-1,
    .kolonoskopiya .grid-2-block-1 {
        width: 100%;
    }
    header .grid-4-block-1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    header .logo-title {
        font-size: 1.6rem;
    }
    .modal__title {
        font-size: 2.6rem;
    }
    .doctor-page-department-wrap .flex-s-c {
        flex-wrap: wrap;
        gap: 5px;
    }
    .modal__block-container {
        width: 100%;
        padding: 20px;
    }
    .appointment-steps-title {
        font-size: 2.4rem;
    }
    .month-block,
    .slots-block {
        padding: 15px;
    }
    .calendar-wrap {
        gap: 15px;
    }
    .about-block-text {
        font-size: 1.8rem;
    }
    .seo-h1-home {
        font-size: 1.4rem !important;
    }
}
@media screen and (max-width: 767px) {
    body {
        font-size: 1.8rem;
    }
    .container {
        max-width: 430px;
        width: 100% !important;
    }
    .call-center {
        display: none;
    }
    header .logo-title {
        font-size: 1.8rem;
    }
    .main__dop-pages h1 {
        font-size: 4rem;
    }
    .main__dop-pages .grid-cols-2 {
        grid-template-columns: 1fr;
    }
    .main__dop-pages .grid-2-block-2 {
        display: none;
    }
    .subtitle {
        border-left: 7px solid var(--clr-accent-light);
    }
    .branches .grey-block {
        padding: 10px !important;
    }
    .med-centers__filters .flex-b-c {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .filters__centers {
        grid-area: 2/1/3/2;
        width: 100%;
    }
    .filters__cities {
        grid-area: 1/1/2/2;
        width: 100%;
    }
    .filters__cities,
    .tabs {
        padding: 10px 12px 0px 12px;
    }
    .select2-container--open .select2-dropdown--below {
        width: 389px !important;
        left: -45px !important;
        padding-bottom: 50px;
    }
    .med-centers__result,
    .med-centers-info .grid-cols-2 {
        display: block;
    }
    .med-centers__info {
        padding: 0 10px;
    }
    .medcenter-title {
        font-size: 2rem;
        padding-top: 0 !important;
    }
    .med-center-text-raw .flex-b-c {
        display: block;
    }
    .med-center-text-raw .flex-b-c a,
    .med-center-text-raw .flex-b-c > p:last-child {
        padding-left: 40px;
    }
    .med-center-text-raw .internal-link {
        margin-left: 0;
    }
    .med-center-text-raw .flex-b-c .flex-s-c {
        margin-bottom: 5px;
    }
    .raw-style {
        margin: 12px 0;
    }
    .doctors-filters {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .doctors-filter-wrapper .select2-container--default .select2-dropdown {
        width: 390px !important;
    }
    .doctor-block-image {
        height: 240px;
    }
    .doctor-fio {
        font-size: 2rem;
    }
    .doctors-filters {
        gap: 10px;
    }
    .doctors-wrap {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .ambulance .h1-style-7 {
        font-size: 5.5rem;
    }
    .services-btn-wrap .flex-s-c {
        display: block;
    }
    .btn-description {
        display: none;
    }
    .ambulance .btn-description {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }
    .doctortohome .grid-2-block-2,
    .ekg .grid-2-block-2 {
        display: none !important;
    }
    .main .grid-2-block-2 {
        display: block;
    }
    .main .grid-2-block-2 img {
        width: 100%;
    }
    .btn {
        width: 100%;
    }
    .main-block-nav-wrap .flex-b-e {
        display: block;
    }
    .license-image {
        position: relative;
    }
    .licenses .lowcase__title,
    .awards-title {
        width: 100%;
    }
    .license-image img {
        width: 70%;
        display: block;
        margin: 10px auto;
    }
    .licenses__wrap {
        padding: 20px 15px;
        display: grid;
        grid-template-columns: 1fr;
    }
    .license-image {
        grid-area: 1/1/2/2;
    }
    .licenses__wrap .lowcase__title {
        grid-area: 2/1/3/2;
    }
    .awards-images {
        position: relative;
        width: 60%;
        margin-left: -15px;
        margin-bottom: -10px;
    }
    .awards__wrap .grid-cols-4 {
        display: block;
    }
    .awards__wrap {
        padding: 30px 20px;
    }
    .awards-title {
        font-size: 2.2rem;
    }
    .social-links .grid-cols-3 {
        grid-template-columns: 1fr;
    }
    .social-links .grid-cols-3 .grid-3-block-1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    .social-links .grid-cols-3 .grid-3-block-2 {
        grid-area: 2 / 1 / 3 / 2;
    }
    .social-links .grid-cols-3 .grid-3-block-3 {
        grid-area: 3 / 1 / 4 / 2;
    }
    .doctortohome .h1-style-4,
    .ekg .h1-style-4 {
        font-size: 4.2rem;
        margin-top: 20px;
    }
    .main-doctors-wrap .flex-s-c {
        display: block;
    }
    .main-doctors-wrap p {
        margin: 15px 0 10px 0;
    }
    .stationary .h1-style-4 {
        font-size: 4rem;
    }
    .h1-style-1,
    .h1-style-2,
    .h1-style-3,
    .h1-style-4,
    .h1-style-5,
    .h1-style-6,
    .h1-style-7,
    .long-title {
        line-height: 100%;
    }
    h2,
    .main-subtitle,
    .main-subtitle-small,
    .ginekologiya .main-subtitle {
        font-size: 2.2rem;
    }
    .stationary .services-btn-wrap {
        width: 100%;
    }
    .ortopediya .h1-style-3 {
        font-size: 5.5rem;
    }
    .urologiya .h1-style-3 {
        font-size: 6.5rem;
    }
    .ginekologiya .h1-style-3 {
        font-size: 4.5rem;
    }
    .mammologiya .h1-style-3,
    .cardiology .h1-style-3 {
        font-size: 4.7rem;
    }

    .gastro .h1-style-3 {
        font-size: 4.5em;
    }
    .gastro .h1-style-3,
    .kolonoskopiya .h1-style-3 {
        font-size: 2.4em;
    }
    .h1-style-7 {
        font-size: 4rem;
    }
    .main-doctors-wrap .flex-s-c .flex-s-c {
        display: flex;
    }
    .btn-type-2 {
        margin-left: 0;
        margin-top: 15px;
        padding: 12px 20px;
    }
    .grid-cols-4--bottom {
        grid-template-columns: 1fr;
    }
    .diagnostic-services-block img,
    .diagnostic-services-block {
        height: 85px;
    }
    .diagnostic-services-block-text {
        padding: 13px 15px 13px 80px;
    }
    .diagnostic-services-block-title {
        margin-bottom: 7px;
        font-size: 2rem;
    }
    .diagnostic-services-block-desc {
        font-size: 1.6rem;
    }
    .section-subtitle-uppercase {
        font-size: 2.2rem;
    }
    .main .grey-block {
        padding: 15px;
    }
    .faq-video .grid-cols-3 {
        grid-template-columns: 1fr;
    }
    .faq-video .grid-cols-3 .grid-3-span-2-4 {
        grid-area: 2/1/3/2;
    }
    .section-subtitle-small {
        font-size: 1.7rem;
        opacity: 0.8;
    }
    .grey-block {
        padding: 20px 15px;
    }
    .service-description-block .mri-tech-wrap {
        grid-template-columns: 1fr;
        grid-area: 2 / 1 / 3 / 2;
    }
    .btn-navigator-wrap .flex-b-e {
        display: block;
    }
    .diagnostic-services .grid-3-span-2-4 .flex-b-c {
        display: block;
    }
    .section-subtitle-big {
        margin-top: 20px;
    }
    .med-centers__info-name {
        font-size: 2rem;
    }
    .rating .grid-cols-3 {
        display: block;
    }
    .rating .grid-cols-3 .flex-e-c {
        justify-content: flex-start;
    }
    .mammography .h1-style-3 {
        font-size: 4.5rem;
    }
    .xray .h1-style-5,
    .ultrasound .h1-style-5 {
        font-size: 8rem;
    }
    .xray-image {
        height: auto !important;
    }
    .service-banner-description {
        font-size: 1.8rem;
        width: 100%;
    }
    .h1-style-4,
    .foreignpatients .h1-style-4 {
        font-size: 4rem;
    }
    .laboratory .flex-s-c,
    .petct .flex-s-c,
    .tomo .flex-s-c {
        display: block;
    }
    .laboratory .flex-s-c p,
    .petct .flex-s-c p,
    .tomo .flex-s-c p {
        margin-top: 20px;
    }
    .laboratory .flex-s-c .flex-s-c,
    .petct .flex-s-c .flex-s-c,
    .tomo .flex-s-c .flex-s-c,
    .xray-wrap .flex-s-c .flex-s-c,
    .dencitometry .flex-s-c .flex-s-c,
    .mammography .flex-s-c .flex-s-c {
        display: none;
    }
    .main .video-block {
        width: 100% !important;
        height: 220px;
        margin-bottom: 10px;
    }
    .main .video-wrap {
        margin-top: 10px;
    }
    .main .video-block,
    .main .video-embed-wrap,
    .main .video-block iframe,
    .main .video-block img {
        height: 220px;
    }
    .dr-text {
        width: 100%;
    }

    .oncotherapy-block .h1-style-4,
    .medinsurance .h1-style-4,
    .foreignpatients .h1-style-4 {
        font-size: 4.5rem;
    }
    .cards-block-wrap .grid-cols-4 {
        grid-template-columns: 1fr;
    }
    .h1-style-3,
    .h1-style-6 {
        font-size: 4.8rem;
    }
    .accordion-btn {
        min-width: 30px;
        min-height: 30px;
    }
    .about-advantages-wrap .grid-cols-4 {
        grid-template-columns: 1fr;
    }
    .medinsurance-packages .grid-4-span-2-5 .grid-cols-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .partners .grid-cols-2 {
        display: block;
    }

    .affiltae-companies .grid-cols-3 {
        display: block;
    }
    .partners img {
        margin: 10px 20px 10px 0;
    }
    .affiltae-companies {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .partners h2 {
        margin-bottom: 20px;
    }
    .subtitle-long-text {
        font-size: 2.2rem;
    }
    .about-blocks-wrap .grid-cols-4 {
        grid-template-columns: 1fr;
    }
    .about-advantages-wrap .grid-cols-4 {
        grid-template-rows: 1fr;
    }
    .about-advantages-block-2parts {
        grid-area: 4 / 1 / 5 / 2;
    }
    .about-advantages-block {
        height: auto;
    }
    .about-advantages-block > div {
        margin-bottom: 10px;
    }
    .footer-top .grid-4-span-2-4,
    .footer-top .grid-4-block-4 {
        display: none;
    }
    .footer-top .grid-4-block-1 {
        padding-bottom: 20px;
    }
    .footer-body {
        padding: 0;
    }
    .footer-body .grid-cols-4 {
        display: block;
    }
    .footer-body h3 {
        margin-bottom: 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        padding-top: 30px;
    }
    .footer-bottom {
        margin-top: 30px;
        border-top: 1px solid rgba(255, 255, 255, 0.4);
    }
    .footer .footer-body ul {
        margin-bottom: 30px;
    }
    .footer-body,
    .footer-top {
        border-bottom: none;
    }
    .footer-bottom p {
        font-size: 1.4rem;
    }
    .footer-bottom .grid-cols-4 {
        display: block;
    }
    .footer-bottom .grid-4-block-1 {
        margin-bottom: 20px;
    }
    .btn-up {
        display: none;
    }
    .mri-block .flex-b-e,
    .ct .flex-b-e {
        display: block;
    }
    .video-blocks-wrap .grid-cols-4 {
        grid-template-columns: 1fr;
    }
    .contacts-page .flex-b-c {
        display: block;
    }
    .contacts-page .flex-b-c a,
    .contacts-page .flex-b-c > p,
    .insta-nick {
        padding-left: 45px;
    }
    .contacts-page .flex-s-c {
        margin-bottom: 5px;
    }
    .contacts-page .flex-s-c:nth-of-type(1) p {
        font-weight: 500;
        font-size: 2rem;
    }
    .contacts-page .flex-s-c:nth-of-type(2) p,
    .contacts-page .flex-b-c a {
        opacity: 0.8;
    }
    .icon-block {
        min-width: 35px;
        min-height: 35px;
    }
    .xray-image {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .btn-type-1 {
        padding: 15px 20px;
    }
    .appointment-modal {
        display: none;
    }
    .uzi-image {
        margin: 0 0 20px 0;
    }
    .petct .h1-style-3 {
        font-size: 9rem;
    }
    .home-video,
    .home-services,
    .top-doctors,
    .home-advantages,
    .home-med-centers,
    .home-social-links,
    .home-licenses,
    .home-awards,
    .home-rating {
        display: none;
    }
    .main__dop-pages .grid-2-block-2 img {
        width: 70%;
        display: block;
        margin: 0px auto 10px auto;
    }
    .licenses__wrap .lowcase__title {
        margin-bottom: 10px;
    }
    .awards-dop {
        margin-bottom: 30px;
    }
    .text-content-big {
        font-size: 2rem;
    }
    .section-subtitle-small {
        font-size: 2rem;
        opacity: 1;
    }
    .services-page-doctors-wrap {
        margin-top: 20px;
    }
    .circle {
        min-width: 8px;
        min-height: 8px;
    }
    .doctor-page-intro-wrap .grid-cols-3 {
        display: block;
    }
    .doctor-page-intro-wrap .grid-cols-3 .doctor-page-name {
        margin-top: 20px;
    }
    .doctor-page-main-info .flex-s-s {
        display: block;
    }
    .doctor-page-main-info-title {
        white-space: nowrap;
        margin-bottom: 10px;
    }
    .doctor-page-main-info-text {
        opacity: 0.8;
    }
    .tab-button {
        white-space: nowrap;
    }
    .tabs .flex-s-c {
        overflow-x: scroll;
        padding-bottom: 12px;
    }

    .diagnostic-services-advantages .grid-cols-4 {
        grid-template-columns: 1fr;
    }

    .doctor-qty {
        font-size: 2.2rem;
    }
    .all-checkup-filter,
    .all-checkup-wrap .grid-cols-4 {
        grid-template-columns: 1fr;
    }
    select {
        padding: 12px 30px 12px 12px;
    }
    .h1-style-7 {
        margin-bottom: 0px;
    }
    .doctor-page-main-info-text {
        width: 100%;
    }
    .h1-style-2 {
        font-size: 12rem;
    }
    .treatment-control-wrap .grid-cols-2 {
        grid-template-columns: 1fr;
    }
    .treatment-control-block .circle-decor-3 {
        display: none;
    }
    .treatment-control-block {
        padding: 20px 15px;
    }
    .about-advantages-block {
        padding: 15px;
    }
    .main-insurance .flex-b-c {
        display: block;
    }
    .main-insurance img {
        width: 70%;
        display: block;
        margin: 0 auto;
    }
    .about-advantages .adv-title {
        margin-bottom: 40px;
    }
    .radixact-advantages .grid-cols-4 {
        display: block;
    }
    .radixact-advantages .grid-4-block-2 {
        margin: 5px 0 20px 0;
        padding-left: 0;
    }
    .gastro .flex-b-s,
    .kolonoskopiya .flex-b-s {
        height: auto;
    }
    .sale-icon {
        font-size: 1.4rem;
    }
    .play-icon {
        width: 50px;
        height: 50px;
    }
    .insurance-data-title {
        font-size: 2.4rem;
    }
    .documentation-wrap .flex-b-c {
        display: block;
    }
    .table-title span {
        font-size: 1.4rem;
    }
    .table-title,
    .table-body-text {
        padding: 12px;
    }
    .documentation-wrap h2 {
        margin-bottom: 0px;
        background: rgba(var(--clr-accent-light-rgb), 0.2);
        padding: 15px;
        font-size: 2rem;
    }
    .text {
        margin-top: 20px;
        color: var(--clr-accent-light);
    }
    .download {
        margin-top: 20px;
        color: var(--clr-accent-light);
    }
    .active-link {
        margin-top: 20px;
    }
    .account-subtitle {
        font-size: 2.2rem;
    }
    .insurance-data {
        padding: 0 10px;
    }
    .result-block-success .flex-b-c {
        padding: 15px 10px;
        display: block;
    }
    .download-link {
        margin: 0;
        display: flex;
        justify-content: space-between;
    }
    .refresh {
        margin-top: 30px;
        padding: 15px 10px;
    }
    .account-menu {
        width: 410px;
        height: 100vh;
        overflow-y: scroll;
        box-shadow: none;
        padding-bottom: 130px;
    }
    .account-menu .flex-s-c {
        margin-bottom: 0;
        padding: 20px 0;
        border-bottom: 1px solid var(--clr-border-grey);
    }
    .account-menu h4:nth-of-type(2) {
        margin-top: 30px;
    }
    .greating .flex-b-c {
        display: block;
    }
    .greating img {
        width: 50%;
        display: block;
        margin: 20px auto 0 auto;
        display: none;
    }
    .greating p {
        width: 100%;
        font-size: 2rem;
    }
    .account-navigation .grid-cols-4 {
        grid-template-columns: 1fr;
    }
    .account-laboratory h3,
    .account-radiology h3 {
        margin: 20px 0;
        padding: 15px;
        border-radius: var(--radius-sm);
        background: rgba(var(--clr-accent-light-rgb), 0.2);
        font-size: 2.2rem;
    }
    .result-item .grid-cols-2 {
        display: block;
    }
    .result-item .grid-cols-2 {
        text-align: left;
    }
    .result-item {
        padding: 20px 0;
    }
    .result-item .grid-cols-2 .flex-e-c {
        justify-content: flex-start;
    }
    .result-item .grid-cols-2 .flex-s-c {
        margin-bottom: 20px;
    }
    .result-item .grid-cols-2 .flex-s-c p {
        font-weight: 500;
        border-left: 5px solid var(--clr-accent-light);
        padding-left: 10px;
    }
    .text,
    .active-link {
        font-size: 1.8rem;
        margin-top: 20px;
        display: block;
    }
    .result-item .grid-cols-2 .flex-s-c .tabs-content p {
        font-weight: 500;
    }
    .booking-item-wrap .grid-cols-2 {
        grid-template-columns: 1fr;
    }
    .attention {
        margin-top: 20px;
    }
    .insurance .flex-b-c {
        display: grid;
    }
    .insurance .flex-b-c img {
        grid-area: 1/1/2/2;
        width: 25%;
        display: block;
        margin-left: auto;
        margin-right: 0;
        display: none;
    }
    .insurance p {
        border-left: none;
        padding-left: 0;
    }
    .btn {
        width: 100% !important;
    }
    .insurance {
        padding: 20px 15px;
    }
    .booking-item-department {
        padding-bottom: 20px;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--clr-border-grey);
    }
    .documentation-wrap:nth-of-type(2) {
        margin-top: 20px;
        padding-bottom: 0;
    }
    .documentation-wrap p {
        font-size: 2rem;
    }
    .main-insurance,
    .greating {
        padding: 30px 15px 20px 15px;
    }
    .documentation-wrap {
        margin-top: 40px;
    }
    .mri-services-wrap .grid-cols-3 {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .mri-services-wrap .grid-cols-3 .grid-3-block-1 {
        grid-area: 1 / 1 / 2 / 2;
        display: flex;
        overflow-x: scroll;
        padding: 0 10px 15px 10px;
    }
    .mri-services-wrap .grid-cols-3 .grid-3-span-2-4 {
        grid-area: 2 / 1 / 3 / 2;
        border-left: none;
    }
    .mri-category p,
    .mri-category i {
        color: var(--clr-text-primary);
    }
    .mri-category p {
        min-width: 180px;
        padding-left: 0px;
    }
    .mri-category-active p,
    .mri-category:hover p {
        border-left: none;
        color: var(--clr-white) !important;
    }
    .mri-category:hover .mri-cat-border,
    .mri-category .mri-cat-border {
        display: none;
    }
    .mri-services-wrap {
        padding-top: 15px;
    }
    .mri-category i {
        display: none;
    }
    .mri-category:hover .mri-cat-border,
    .mri-category .mri-cat-border {
        height: 60px;
    }
    .mri-services-wrap .grid-3-span-2-4 .flex-b-c {
        display: flex;
    }
    .more-info-wrap span {
        display: none;
    }
    .mri-sub-category {
        border-bottom: 1px solid var(--clr-border-grey);
        padding: 15px 10px;
    }
    .mri-category {
        background: #f8f8f8;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
    }

    .mri-category-active,
    .mri-category:hover {
        background: rgba(var(--clr-accent-light-rgb), 1);
        border-radius: var(--radius-sm);
    }
    .password-fogot {
        margin: 0;
    }
    .results-wrap {
        padding-bottom: 0;
    }
    input[type="checkbox"] {
        min-width: 20px;
    }
    .tablet-menu {
        display: none;
    }
    .account,
    .language-toggle,
    .get-results,
    .easy-appointment {
        padding: 10px;
    }
    /***********Mobile Menu***************/
    .mobile-menu-wrap {
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 120000;
        background: var(--clr-accent-dark);
    }
    .mobile-menu {
        width: 100%;

        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm);
        padding: 7px 7px 7px 7px;
    }

    .mobile-menu-btn {
        text-align: center;
    }
    .mobile-menu-btn p {
        text-align: center;
        color: var(--clr-white);
        font-size: 1.4rem;
    }
    .mobile-menu-wrap-kk .mobile-menu-btn p {
        font-size: 1.2rem;
    }
    .mobile-menu-btn img {
        width: 20px;
    }
    .mobile-menu-btn-results {
        position: relative;
    }
    .mobile-menu-btn-results img {
        position: absolute;
        width: 60px;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    .mobile-menu-btn-results p {
        padding-top: 26px;
    }
    .mobile-menu-modal {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .mobile-menu-modal-active {
        display: block;
        opacity: 1;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--clr-accent-dark);
        z-index: 1300000;
        overflow-y: scroll;
    }
    .mobile-menu-modal-top {
        padding: 15px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .mobile-menu-modal-top span {
        color: var(--clr-white);
        font-size: 1.6rem;
        width: 50px;
    }
    .btn-close {
        width: 30px;
        height: 30px;
        position: relative;
        cursor: pointer;
    }

    .btn-close-line-1,
    .btn-close-line-2 {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 2px;
        background-color: var(--clr-white);
        transform-origin: center;
        transition: transform 0.3s ease;
    }

    .btn-close-line-1 {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .btn-close-line-2 {
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    .mobile-menu-modal-body {
        padding: 30px 20px;
    }
    .mobile-menu-modal-body h4 {
        color: var(--clr-white);
    }
    .mobile-menu-modal-body .devider-line {
        background: var(--clr-white);
        margin-bottom: 20px;
    }
    .mobile-menu-modal-body p {
        color: var(--clr-white);
        opacity: 0.8;
        font-weight: 300;
        font-size: 1.8rem;
    }
    .mobile-menu-modal-body img {
        width: 30px;
        margin-right: 10px;
        opacity: 0.7;
    }
    .mobile-menu-item {
        padding: 15px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        display: grid;
        grid-template-columns: 96% auto;
    }
    .mobile-menu-item:last-of-type {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .mobile-menu-modal-body .fa {
        color: var(--clr-white);
        opacity: 0.7;
    }
    .mobile-submenu {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.3s ease, opacity 0.3s ease;
        padding-left: 25px;
    }

    .mobile-submenu.open {
        max-height: 500px;
        opacity: 1;
        margin-top: 20px;
    }
    .mobile-menu-item-wrap {
        margin-bottom: 40px;
    }
    .mobile-submenu a {
        color: var(--clr-white);
        opacity: 0.7;
        display: block;
        padding: 10px 0;
        font-size: 1.6rem;
    }
    .mobile-submenu li {
        list-style: disc;
        color: rgba(255, 255, 255, 0.4);
    }
    .contact-block-title {
        font-size: 2.2rem;
    }
    /***home mobile sections*/
    ::-webkit-scrollbar {
        height: 5px;
        width: 5px;
    }

    ::-webkit-scrollbar-track {
        background: var(--clr-bg-grey);
        border-radius: var(--radius-sm);
    }

    ::-webkit-scrollbar-thumb {
        background: var(--clr-border-grey);
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: var(--clr-accent-light);
    }
    .mobile-doctors,
    .mobile-emergency-services,
    .mobile-diagnosticks,
    .mobile-oncology,
    .mobile-dopservices {
        display: block;
    }
    .mobile-section-wrap {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        display: flex;
        gap: 10px;
        padding-bottom: 10px;
    }

    .mobile-doctor-block {
        flex: 0 0 calc(50% - 5px);
        background: var(--clr-bg-grey);
        border-radius: var(--radius-sm);
        padding: 10px;
    }
    .mobile-all-doctors {
        width: 60px !important;
        margin-bottom: 10px;
    }
    .mobile-doctor-block .flex-s-c img:nth-child(2),
    .mobile-doctor-block .flex-s-c img:nth-child(3) {
        margin-left: -25px;
    }
    .mobile-block-btn {
        padding: 7px;
        background: var(--clr-accent-light);
        border-radius: var(--radius-sm);
        color: var(--clr-white);
        font-size: 1.5rem;
        text-align: center;
        margin-top: 15px;
        width: 100%;
    }
    .mobile-block-btn-type-2 {
        border: 1px solid var(--clr-accent-light);
        border-radius: var(--radius-sm);
        text-align: center;
        padding: 7px;
        margin-top: 15px;
        color: var(--clr-accent-light);
        font-size: 1.5rem;
        width: 100%;
    }
    .mobile-doctor-block .mobile-block-description {
        font-size: 1.3rem;
    }
    .mobile-doctor-block .flex-b-s-row {
        height: auto !important     ;
    }
    .mobile-section-title {
        font-weight: 500;
        font-size: 2rem;
        margin-bottom: 10px;
    }
    .mobile-block-title {
        font-size: 1.7rem;
        font-weight: 500;
    }
    .mobile-block-description {
        font-size: 1.5rem;
        opacity: 0.7;
    }

    .mobile-doctor-block-image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    .mobile-doctor-block {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .mobile-doctor-block > div {
        width: 100%;
    }
    .mobile-doctor-block-single-category {
        font-size: 1.3rem;
        padding: 5px 7px;
        background: var(--clr-border-grey);
        border-radius: var(--radius-sm);
    }

    .mobile-doctors .icon-big {
        width: 15px;
        margin-left: 5px;
        margin-bottom: 10px;
    }
    .mobile-emergency-services-block {
        border-radius: var(--radius-sm);
        min-width: 300px;
        padding: 20px;
        min-height: 150px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .mobile-emergency-services-block-1 {
        background: url(/images/mobile/service-bg-1.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: right center;
    }
    .mobile-emergency-services-block-2 {
        background: url(/images/mobile/service-bg-2.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: right center;
    }
    .mobile-emergency-services-block-3 {
        background: url(/images/mobile/service-bg-3.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: right center;
    }
    .mobile-emergency-services-block .mobile-block-title {
        margin-bottom: 10px;
        color: var(--clr-white);
        font-weight: 500;
    }
    .mobile-emergency-services-block .mobile-block-description {
        color: var(--clr-white);
        opacity: 0.5;
    }
    .mobile-emergency-services-block .internal-link {
        color: var(--clr-white);
        opacity: 0.6;
        font-size: 1.3rem;
        margin-top: 15px;
    }
    .mobile-diagnosticks-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    .mobile-diagnostick-block {
        background: var(--clr-bg-grey);
        border-radius: var(--radius-sm);
        padding: 15px 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mobile-diagnostick-block .mobile-block-title {
        font-size: 1.3rem;
    }
    .mobile-diagnostick-block-image {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: var(--clr-white);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        padding: 7px;
    }
    .mobile-diagnostick-block-image img {
        width: 80%;
    }

    .oncology-block {
        display: grid;
        grid-template-columns: 68% 30%;
        gap: 10px;
        align-items: center;
        background: var(--clr-bg-grey);
        border-radius: var(--radius-sm);
        padding: 15px;
        margin-bottom: 10px;
    }
    .oncology-block img {
        width: 100%;
        border-radius: var(--radius-sm);
    }
    .oncology-block .mobile-block-description {
        font-size: 1.3rem;
        margin-top: 5px;
    }
    .mobile-endoskopiya .mobile-diagnosticks-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    footer {
        background: var(--clr-white);
        padding-top: 0;
        padding-bottom: 60px;
    }
    .copyrights {
        width: 100%;
    }
    .footer-top,
    .footer-body,
    .footer-bottom {
        display: none;
    }
    .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
    }
    .swiper-pagination-bullet-active {
        width: 50px !important;
        height: 6px !important;
    }
    .h1-style-1 {
        font-size: 2.6rem;
    }
    .slide-text ul {
        display: none;
    }
    .slide-title {
        font-size: 2.5rem;
        width: 80%;
    }
    .swiper-ul li p,
    .slide-dop-info {
        margin-left: 0;
    }
    .swiper-btn,
    .btn-type-2.swiper-btn {
        padding: 7px 10px !important;
        font-size: 1.5rem;
        margin-top: 15px;
        width: fit-content !important;
        min-width: inherit;
    }
    .btn-type-2.swiper-btn {
        padding: 5px 10px !important;
        margin-left: 10px;
    }
    .swiper-ul li p,
    .slide-dop-info {
        font-size: 1.4rem;
        padding-left: 10px;
        border-left: 5px solid var(--clr-white);
    }
    .swiper-pagination {
        margin-bottom: 5px;
    }
    .swiper-btn,
    .btn-type-2.swiper-btn {
        margin-top: 10px;
    }
    .slide-block {
        height: 190px;
        overflow: hidden;
    }
    .slide-block img {
        width: auto;
        height: 100%;
    }
    .mobile-menu-modal-active {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .mobile-menu-modal-active::-webkit-scrollbar {
        display: none;
    }
    .main__dop-pages h1 {
        margin-bottom: 0px;
        font-size: 3.5rem !important;
    }
    .mobile-endoskopiya {
        display: block;
    }
    .ekg-kk .h1-style-4 {
        font-size: 3.5rem;
    }
    .big-num-description {
        width: 140px;
    }
    .laboratory-kk .h1-style-4 {
        font-size: 3.6rem;
    }
    .main .h1-style-3 {
        font-size: 4.5rem !important;
    }
    .petct .h1-style-3 {
        font-size: 8rem !important;
    }
    .h1-ultrasound-en {
        font-size: 5rem !important;
    }
    .easy-appointment,
    .get-results {
        display: none;
    }
    .booking-block-info {
        grid-template-columns: 1fr;
    }
    .booking-block {
        padding: 20px 15px 40px 15px;
    }
    .modal__title {
        font-size: 2.4rem;
    }
    .booking-block-close {
        margin-right: -10px;
    }
    .top-doctors .doctor-department {
        height: auto;
    }
    .mob-list-department {
        padding-left: 5px;
    }
    .endo-instruction {
        margin-top: 20px;
    }
    .lab-medcenters .grid-cols-4 .flex-s-c {
        margin: 5px 0;
    }
    .lab-medcenters .grid-cols-4 .flex-s-c a {
        padding-left: 0;
    }
    .error-page {
        padding: 20px 0 20px 5px;
        font-weight: 600;
        font-size: 2rem;
    }
    header .grid-cols-4 {
        border-top: 7px solid var(--clr-accent-dark);
        padding: 10px 0;
    }
    /* .mobile-menu-btn {
        width: 19%;
    }
    .mobile-menu-btn-results {
        width: 20%;
    }*/
    .reset-filter {
        right: 30px;
    }
    .doctors-filters
        .select2-container--default
        .select2-selection--single
        .select2-selection__arrow {
        right: 0 !important;
    }
    .doctors-filter-search .reset-filter {
        right: 20px !important;
    }
    .doctors-filters
        .select2-container
        .select2-selection--single
        .select2-selection__rendered {
        padding: 0 10px !important;
    }
    .doctors-filter-search img {
        left: 20px;
    }
    #searchInput {
        padding-left: 35px;
    }

    .account-menu h4 {
        font-weight: 500;
    }
    header .account-menu a {
        font-size: 1.8rem !important;
    }
    .account-btn {
        padding: 12px 10px;
    }
    .main__dop-pages h1.long-title {
        font-size: 3.2rem !important;
    }
    .diagnostic-service-page .main__dop-pages h1 {
        font-size: 3.2rem;
    }
    .diagnostic-service-page .flex-s-c {
        display: block;
    }
    .btn-desktop {
        display: none;
    }
    .btn-mobile {
        display: block;
    }
    .appointment-btn-wrap {
        margin-top: 30px;
    }
    .user-fullname {
        display: none;
    }
    .user-initials {
        display: inline;
    }
    .account-mobile p {
        display: none;
    }
    .account-mobile svg {
        margin-right: 0;
    }
    .calendar-wrap,
    .appointment-step-3 .grid-cols-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .btn-type-3 {
        margin-top: 15px !important;
        margin-bottom: 20px;
    }
    .code-timer {
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .message-wrap {
        width: 100%;
    }
    .subtitle-long-text-2 {
        font-size: 2.2rem;
    }
    h2.section-title {
        margin-top: 0 !important;
    }
    .whatsapp-btn {
        display: block;
        position: fixed;
        right: 15px;
        bottom: 80px;
        width: 55px;
        height: 55px;
        background-color: var(--clr-accent-light); /* цвет кнопки отдельно */
        border-radius: 50%;
        cursor: pointer;
        z-index: 100;
        overflow: visible;

        /* иконка через отдельный слой */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .whatsapp-btn img {
        width: 50%; /* размер иконки */
        height: 50%;
        display: block;
    }

    /* волна вокруг кнопки */
    .whatsapp-btn::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 55px;
        height: 55px;
        background: rgba(var(--clr-accent-light-rgb), 0.7);
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(1);
        animation: wave 2s infinite;
        z-index: -1; /* за кнопкой */
    }

    @keyframes wave {
        0% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0.8;
        }
        50% {
            transform: translate(-50%, -50%) scale(1.4);
            opacity: 0.4;
        }
        100% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0;
        }
    }
    .booking-block-info p {
        display: none;
    }
    .booking-block-call a {
        margin-top: 0 !important;
        padding: 15px 20px !important;
        background: var(--clr-accent-dark);
        color: var(--clr-white);
        border: 1px solid var(--clr-accent-dark);
    }
    .booking-block-whatsapp a {
        padding: 15px 20px !important;
    }
    .booking-block .modal__title {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 429px) {
    .container {
        max-width: 100%;
    }
    .gastro .h1-style-3,
    .kolonoskopiya .h1-style-3 {
        font-size: 3.8rem;
    }
    .main__dop-pages h1 {
        font-size: 3.8rem;
    }
    .select2-container--open .select2-dropdown--below {
        left: -45px !important;
        padding-bottom: 50px;
    }

    span.alert {
        font-size: 1.4rem;
        padding-top: 2px;
    }
    .doctors-filter-wrapper .select2-container--default .select2-dropdown {
        width: 90vw !important;
    }
    .ortopediya .h1-style-3 {
        font-size: 5rem;
    }
    .urologiya .h1-style-3 {
        font-size: 5.5rem;
    }
    .ginekologiya .h1-style-3 {
        font-size: 4.2rem;
    }
    .mammologiya .h1-style-3,
    .cardiology .h1-style-3 {
        font-size: 4rem;
    }
    .text-content-big {
        font-size: 1.8rem;
    }
    .h1-style-7 {
        font-size: 3.5rem;
    }
    .video-transcrip-wrap {
        display: none;
    }
    .mammography .h1-style-3 {
        font-size: 4rem;
    }
    .xray .h1-style-5,
    .ultrasound .h1-style-5 {
        font-size: 7rem;
    }
    .petct .h1-style-3 {
        font-size: 8rem;
    }
    .main .video-block,
    .main .video-embed-wrap,
    .main .video-block iframe,
    .main .video-block img {
        height: 200px;
    }
    .cards-block-text {
        padding: 10px 15px 20px 15px;
    }

    .oncotherapy-block .h1-style-4,
    .medinsurance .h1-style-4,
    .foreignpatients .h1-style-4 {
        font-size: 4rem;
    }
    .h1-style-3,
    .h1-style-6 {
        font-size: 4.4rem;
    }
    .insurance-wrap {
        padding: 20px 15px;
    }
    .account-main h1 {
        font-size: 4rem;
    }
    .dr-img {
        width: 100px;
        height: 100px;
    }
    .rating .grid-cols-4 {
        grid-template-columns: 1fr;
    }
    .lowcase__title {
        font-size: 2.4rem;
    }
    .med-center-text-raw .flex-b-c a,
    .med-center-text-raw .flex-b-c > p:last-child {
        font-size: 1.6rem;
    }
    .med-center-text-raw .flex-b-c .flex-s-c:last-child a {
        padding: 0 5px;
    }
    .med-center-text-raw .flex-b-c .flex-s-c:last-child {
        justify-content: space-between;
        margin-top: 5px;
    }
    .account-main h1 {
        font-size: 3.5rem;
    }
    .account-menu {
        position: fixed;
        top: 65px;
        bottom: 0;
        width: 100%;
        left: 0;
        box-shadow: none;
        padding-top: 30px;
    }
    input[type="checkbox"] {
        min-width: 20px;
        min-height: 20px;
    }
    .password-fogot {
        margin: 0;
    }
    .result-item-circle {
        display: none;
    }
    .mri-category {
        padding: 0 10px;
    }
    header .logo-title {
        font-size: 1.6rem;
    }
    .language-toggle {
        font-size: 1.5rem;
    }
    .account svg,
    .account-wrapper svg {
        width: 18px;
        margin-right: 3px;
    }
    header .grid-4-block-1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    .account {
        font-size: 1.6rem;
    }
    .get-results,
    .easy-appointment {
        font-size: 1.5rem;
    }

    .account,
    .language-toggle,
    .get-results,
    .easy-appointment {
        padding: 8px;
    }
    .input-group {
        margin-top: 30px;
    }
    .btn-account {
        margin-top: 40px;
    }
    .slide-block {
        height: 185px;
    }
    .laboratory-kk .h1-style-4 {
        font-size: 3.3rem;
    }
    .ambulance .h1-style-7 {
        font-size: 4.5rem;
    }
    .main .h1-style-3 {
        font-size: 4rem !important;
    }
    .btn-get-results,
    .btn-login {
        padding: 10px 15px;
    }
    .petct .h1-style-3 {
        font-size: 8rem !important;
    }
    .select2-container--open .select2-dropdown--below {
        width: 90vw !important;
    }
    .account-btn {
        padding: 10px;
    }
}
@media screen and (max-width: 389px) {
    .container {
        max-width: 375px;
    }
    .med-centers__main {
        max-width: 330px !important;
    }
    .med-centers__main > div:first-of-type {
        width: 100%;
    }
    .med-centers__main-text {
        padding: 0;
    }
    .med-centers__info-grid p,
    .med-centers__info-grid span {
        display: block;
    }
    .med-centers__info-grid .alert {
        margin-left: 0px;
        margin-top: 5px;
    }

    .main__dop-pages {
        padding: 20px 15px;
    }

    .ct .main-subtitle-small,
    .ekg .main-subtitle-small {
        font-size: 2.2rem;
    }
    .stationary .h1-style-4 {
        font-size: 3rem;
    }
    .ortopediya .h1-style-3 {
        font-size: 4rem;
    }
    .urologiya .h1-style-3 {
        font-size: 4.7rem;
    }
    .main-doctors-wrap img {
        width: 90px;
    }
    .main-subtitle,
    h2,
    .main-subtitle-small,
    .ginekologiya .main-subtitle {
        font-size: 2rem !important;
    }
    .ginekologiya .h1-style-3,
    .mammologiya .h1-style-3,
    .cardiology .h1-style-3,
    .gastro .h1-style-3 {
        font-size: 3.3rem;
    }

    .kolonoskopiya .h1-style-3 {
        font-size: 3rem;
    }
    .single-doctor {
        width: 90px !important;
        height: 90px !important;
    }
    .main__dop-pages h1 {
        font-size: 3rem;
    }
    .h1-style-7 {
        font-size: 2.8rem;
    }
    .h1-style-2 {
        font-size: 10rem;
    }
    .mammography .h1-style-3 {
        font-size: 3.2rem;
    }
    .xray .h1-style-5,
    .ultrasound .h1-style-5 {
        font-size: 6rem;
    }
    .h1-style-4,
    .foreignpatients .h1-style-4 {
        font-size: 3.2rem;
    }
    .petct .h1-style-3 {
        font-size: 6rem;
    }
    .main .video-block,
    .main .video-embed-wrap,
    .main .video-block iframe,
    .main .video-block img {
        height: 160px;
    }
    .play-icon {
        width: 40px;
        height: 40px;
    }
    .oncotherapy-block .h1-style-4,
    .medinsurance .h1-style-4,
    .foreignpatients .h1-style-4 {
        font-size: 3rem;
    }
    .doctor-block-image {
        height: 200px;
    }
    .h1-style-3,
    .h1-style-6 {
        font-size: 3.4rem;
    }
    .internal-link {
        padding-left: 10px;
    }
    .med-center-text-wrap .medcenter-title {
        font-size: 2rem;
    }
    .med-center-text-raw .flex-b-c a,
    .med-center-text-raw .flex-b-c > p:last-child {
        padding-left: 5px;
        margin-top: 5px;
        opacity: 0.5;
        font-size: 1.7rem;
    }
    .account-main h1 {
        font-size: 3rem;
    }
    .main-insurance {
        padding: 20px 15px;
    }
    .h1-style-1 {
        font-size: 2.5rem;
    }
    .results-wrap .grid-4-span-2-4 {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .input-group input,
    .input-group textarea {
        padding: 15px;
    }

    .results-wrap {
        padding-bottom: 20px;
    }

    .mobile-menu-wrap-kk .mobile-menu-btn p {
        font-size: 1.2rem;
    }
    .mobile-menu-btn-results img {
        width: 55px;
        bottom: 15px;
    }
    .mobile-diagnosticks-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .mobile-diagnostick-block-image {
        width: 60px;
        height: 60px;
    }
    .mobile-doctor-block-single-category {
        font-size: 1.1rem;
    }
    .mobile-block-title {
        font-size: 1.6rem;
        font-weight: 500;
    }
    .h1-style-2 {
        font-size: 8rem;
    }
    .h1-ultrasound-en {
        font-size: 4.5rem !important;
    }
    .select2-container--open .select2-dropdown--below {
        width: 87vw !important;
    }
    .account-btn {
        padding: 9px 4px;
    }
}
@media screen and (max-width: 374px) {
    .container {
        max-width: 360px;
    }
    .language-toggle {
        font-size: 1.4rem;
    }
    .med-centers__main {
        max-width: 315px !important;
    }

    .logo-img {
        height: 38px;
        margin-right: 3px;
    }
    .mobile-menu-wrap-kk .mobile-menu-btn p {
        font-size: 1.1rem;
    }
    .mobile-doctor-block {
        flex: 0 0 calc(60% - 5px);
        background: var(--clr-bg-grey);
        border-radius: var(--radius-sm);
        padding: 10px;
    }
    .slide-block {
        height: 170px;
    }
    .slide-title {
        margin-bottom: 10px;
    }
    .slide-dop-info {
        margin-bottom: 5px;
    }
    .slide-title {
        width: 100%;
    }
    .main .h1-style-3 {
        font-size: 3.5rem !important;
    }
    .btn-get-results,
    .btn-login {
        font-size: 1.6rem;
        padding: 10px;
    }
    .h1-ultrasound-en {
        font-size: 3.8rem !important;
    }
    .account {
        font-size: 1.5rem;
    }
    .raw-style .flex-s-c {
        flex-wrap: wrap;
        gap: 10px;
    }
    .med-centers__main-text .internal-link {
        margin-right: 0;
    }
    .modal__block-container {
        padding: 10px;
    }
    .appointment-steps-title {
        font-size: 2.2rem;
        margin-top: 7px;
        padding-right: 50px;
    }
    .devider-line-2 {
        margin: 7px 0 10px 0;
    }
    .modalCloseBtn {
        top: 10px;
        right: 10px;
    }
    .month-title {
        font-size: 1.6rem;
    }
    .month-block,
    .slots-block {
        padding: 10px;
    }
    .month-block-header {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .btn-month-prev,
    .btn-month-next {
        width: 30px;
        height: 30px;
    }
    .days {
        padding: 8px 0;
    }
    .language-toggle {
        padding: 7px;
    }
}
@media screen and (max-width: 359px) {
    .container {
        max-width: 100%;
    }
    .mobile-emergency-services-block {
        min-width: 320px;
    }
    .doctortohome-kk .h1-style-4,
    .ekg-kk .h1-style-4 {
        font-size: 3.4rem;
    }
    .laboratory-kk .h1-style-4 {
        font-size: 2.8rem;
    }
    .account,
    .language-toggle,
    .get-results,
    .easy-appointment {
        padding: 7px 4px;
    }
    .checkbox-group label,
    .password-fogot a {
        font-size: 1.4rem;
    }
    form .btn {
        margin-top: 30px !important;
    }
}
@media screen and (max-width: 343px) {
    .med-centers__main {
        max-width: 280px !important;
    }

    .ambulance .h1-style-7 {
        font-size: 5rem;
    }
    .section-subtitle-uppercase {
        font-size: 2rem;
    }
    .section-subtitle-small {
        font-size: 1.8rem;
    }
    .licenses .lowcase__title,
    .awards-title {
        font-size: 2rem;
    }

    .account-main h1 {
        font-size: 2.7rem;
    }
    .grey-block {
        padding: 20px 10px;
    }
    .mri-category p {
        min-width: 150px;
        padding-left: 0px;
    }
    .account,
    .language-toggle,
    .get-results,
    .easy-appointment {
        padding: 8px;
    }
    header .logo-title {
        font-size: 1.4rem;
    }
    .password-fogot {
        text-align: right;
    }
    .results-wrap {
        padding: 30px 15px;
    }
    .mobile-menu-wrap-kk .mobile-menu-btn p {
        font-size: 1rem;
    }
    .slide-dop-info {
        margin-bottom: 0px;
    }
    .ambulance .h1-style-7,
    .doctortohome .h1-style-4,
    .ekg .h1-style-4 {
        font-size: 3.8rem;
    }
    .main .h1-style-3 {
        font-size: 3.2rem !important;
    }
    .language-toggle {
        font-size: 1.5rem;
    }
}