/* ANCHOR - common */

:root {
    --color-primary: rgba(200, 163, 148, 1);
    --color-secondary: rgba(71, 84, 99, 1);
    --color-primary-white: #ffffff;
    --color-primary-black: rgba(28, 28, 28, 1);
    --color-background-accent: rgba(248, 245, 244, 1);
    --color-opacity-white-80: rgba(255, 255, 255, 0.8);
    --color-opacity-white-40: rgba(255, 255, 255, 0.4);
    --color-opacity-white-20: rgba(255, 255, 255, 0.2);
    --color-opacity-black-60: rgba(109, 109, 109, 1);
    --color-opacity-black-40: rgba(158, 158, 158, 1);
    --color-opacity-black-20: rgba(206, 206, 206, 1);
    --color-opacity-black-10: rgba(232, 232, 232, 1);
    --color-opacity-black-70: rgba(37, 31, 27, 0.7);
    --color-opacity-black-50: rgba(37, 31, 27, 0.5);
    --color-opacity-black-80: rgba(61, 61, 61, 1);

}

@font-face {
    font-family: 'Involve';
    src: url('/assets/fonts/Involve-Regular.ttf');
    font-weight: 300;
}

@font-face {
    font-family: 'Involve';
    src: url('/assets/fonts/Involve-Medium.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'Involve';
    src: url('/assets/fonts/Involve-SemiBold.ttf');
    font-weight: 600;
}

@font-face {
    font-family: 'Zen Maru Gothic';
    src: url('/assets/fonts/ZenMaruGothic-Medium.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'Poiret One';
    src: url('/assets/fonts/PoiretOne-Regular.ttf');
    font-weight: 400;
}


/* 
@font-face {
    font-family: 'Involve';
    src: url('/assets/fonts/Involve-Bold.ttf') format('truetype');
} */

/* @font-face {
    font-family: 'Involve';
    src: url('/assets/fonts/Involve-BoldOblique.ttf') format('truetype');
}


@font-face {
    font-family: 'Involve';
    src: url('/assets/fonts/Involve-MediumOblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Involve';
    src: url('/assets/fonts/Involve-Oblique.ttf') format('truetype');
}


@font-face {
    font-family: 'Involve';
    src: url('/assets/fonts/Involve-SemiBoldOblique.ttf') format('truetype');
} */



body {
    font-family: 'Involve', 'Open Sans', sans-serif;
    font-weight: 400;
    color: var(--color-opacity-black-60);
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    background: var(--color-primary-white);
    margin: 0;
    -webkit-text-size-adjust: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-weight: 400;
    margin: 0;
    line-height: 1.3;
    color: var(--color-primary-black);
}

h1,
.h1 {
    font-size: 44px;
}
h2,
.h2 {
    font-size: 32px;
}

h3,
.h3 {
    font-size: 20px;
}

h4,
.h4 {
    font-size: 16px;
    font-weight: 500;
}

h5,
.h5 {
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 850px) {

    h1,
    .h1 {
        font-size: 28px;
    }
    h2,
    .h2 {
        font-size: 24px;
    }

    h3,
    .h3 {
        font-size: 16px;
    }

    h4,
    .h4 {
        font-size: 14px;
        font-weight: 500;
    }

    h5,
    .h5 {
        font-size: 14px;
        font-weight: 500;
    }
}




a,
a:link,
a:visited {
    text-decoration: none;
    color: var(--color-opacity-black-60);
}

a:hover {
    cursor: pointer;
}


button,
.btn {
    display: block;
    height: fit-content;
    width: fit-content;
    text-align: center;
    padding: 17.5px 32px;
    border-radius: 8px;
    color: var(--color-primary-black);
}


button:active, button:focus {
	outline: none;
}

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


button:hover,
.btn:hover {
    cursor: pointer;
}

button,
.btn,
img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img {
    overflow-clip-margin: unset;
}


section {
    margin: 100px 0;
}

input {
    all: unset;
    height: 53px;
    border: 1px solid var(--color-primary-background);
    background-color: var(--color-background-accent);
    border-radius: 8px;
    padding: 0 18px;
}

input:hover {
    border: 1px solid var(--color-opacity-dark-10);
}

input:active {
    border: 1px solid var(--color-opacity-dark-60);
}

input::placeholder {
    font-size: 14px;
    color: var(--color-opacity-dark-40);
}


ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin-block-start: 16px;
    margin-block-end: 16px;

}

ul li {
    position: relative;
    padding-left: 16px;
    margin: 8px 0;

}

ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    background-image: url("/assets/imag/icons/marker.png");
}

iframe {
border: 0px;
}

.btn-primary,
a.btn-primary {
    color: var(--color-primary-white);
    background-color: var(--color-primary);
    transition: all .3s ease;
}

.btn-primary:hover,
a.btn-primary:hover {
    background-color: rgba(187, 153, 138, 1);
}

.btn-primary:active,
a.btn-primary:active  {
    background-color: rgba(179, 146, 133, 1);
}

.btn-secondary,
a.btn-secondary {
    color: var(--color-primary-black);
    border: 1px solid var(--color-opacity-black-20);
    transition: all .3s ease;
}

.btn-secondary:hover,
a.btn-secondary:hover {
    border: 1px solid var(--color-opacity-black-60);
}

.btn-secondary:active,
a.btn-secondary:active {
    border: 1px solid var(--color-opacity-black-80);
}

.text-accent {
    font-style: italic;
    color: var(--color-primary);
}

.text-small {
    color: var(--color-opacity-black-20);
    font-size: 12px;
    line-height: 1.2;
}

.base-width {
    box-sizing: border-box;
    position: relative;
    max-width: 1440px;
    padding: 0 48px;
    margin: 0 auto;
}

.arrow-right {
    margin-bottom: 4px;
}

.section-header__text-wraper {
    flex-direction: column;
}

.js-hidden {
    display: none;
}

.social {
    display: flex;
    gap: 8px;
}

.social__icon {
    width: 32px;
    height: 32px;
}

ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin-block-start: 12px;
    margin-block-end: 12px;
}

ul li {
    position: relative;
    padding-left: 14px;
    margin: 4px 0;
}

ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-image: url(/assets/img/icons/ul-marker.png);
    background-repeat: no-repeat;
}
a {
    cursor: pointer;
}

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

.input-label {
    font-weight: 500;
    margin-bottom: 8px;
}

.hidden-label {
    opacity: 0;
}

@media (max-width: 1024px) {

    section {
        margin: 72px 0;
    }

    .base-width {
        padding: 0 25px;
        max-width: 1000px;
    }

}

/* ANCHOR - slider */

.base-width.overflow-hidden-slider {
    padding-right: 0;
}

.overflow-hidden-slider{
    overflow: hidden;
}

.swiper-slide {
    overflow: hidden;
    border-radius: 12px;
}

.slider-buttons {
    display: flex;
    gap: 12px;
    height: fit-content;
}

.slider-button-prev,
.slider-button-next {
    border-radius: 8px;
    border: 1px solid var(--color-opacity-black-20) !important;
    transition: all .3s ease;
    cursor: pointer;
    height: 54px;
    width: 54px;
    transition: all .3s ease;
}


.slider-button-prev .arrow,
.slider-button-next .arrow {
    margin: 14px; 
}


.slider-button-prev .arrow path,
.slider-button-next .arrow path {
    stroke: var(--color-opacity-black-60);
    transition: all .3s ease;
}

.slider-button-prev:hover,
.slider-button-next:hover {
    border: 1px solid var(--color-opacity-black-60) !important;
}


.slider-button-prev:hover .arrow path,
.slider-button-next:hover .arrow path {
    stroke: var(--color-opacity-black-80);
}

@media (max-width: 850px) {
    .slider-buttons {
        display: none;
    }

    /* .overflow-hidden-slider{
        overflow: visible;
    } */
}

/* ANCHOR - tag */

.tag {
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 12px;
    backdrop-filter: blur(8px);
    color: var(--color-opacity-black-60);
    background-color: var(--color-background-accent);
    transition: all .3s ease;
    max-width: fit-content;
}

.card:hover .tag {
    color: var(--color-primary-white);
    background-color: var(--color-opacity-white-20);
}

/* ANCHOR - card */

.card .arrow path {
    stroke: var(--color-opacity-black-80);
    transition: all .3s ease;
}

.card:hover .arrow path {
    stroke: var(--color-primary-white);
}


.card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: all .3s ease;
}

.card__background-img {
    opacity: 0;
    position: absolute;
    z-index: 1;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
}

.card__background-filter {
    opacity: 0;
    z-index: 2;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-opacity-black-70);
    transition: all .3s ease;
}

.card:hover .card__background-img {
    opacity: 1;
}

.card:hover .card__background-filter {
    opacity: 1;
}

.card__content {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 24px;
    z-index: 3;
    transition: all .3s ease;
}

.card:hover .card__content {
    background-color: transparent;
}

.card__title {
    color: var(--color-primary-black);
    transition: all .3s ease;
}


.card__content .arrow {
    align-self: end;
}

.card__content-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.card__content-bottom {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.card__tags {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width:850px) {
    .card__content {
        padding: 20px;
        gap: 60px;
    }
}

/* ANCHOR - service-card */

.services-card {
    border: 1px solid var(--color-opacity-black-20);
    height: 318px;
    cursor: pointer;
}

.services-card .card__description {
    opacity: 1;
    transition: all .3s ease;
}

.services-card:hover .card__description {
    opacity: 0;
}

.services-card:hover .card__title {
    color: var(--color-primary-white);
}

@media (max-width:850px) {
   .services-card {
        height: auto;
    }

}


/* ANCHOR - section-header */

.section-header {
    display: grid;
    width: 100%;
    grid-template-columns: auto 888px;
    margin-bottom: 40px;
}

.section-header.page-header {
    margin-bottom: 32px;
}

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

.section-header__wrapper .section-header__btn {
    align-self: flex-end;
}

.section-header .slider-buttons {
    align-self: center;
}

.section-header__text {
    max-width: 650px;
    margin-top: 20px;
    margin-bottom: 32px;
}

.section-header__title {
    align-self: flex-start;
    justify-self: start;
}

.section-header__btn {
    align-self: flex-end;
    margin: auto 0;
}

.section-header__description {
    max-width: 650px;
}

@media (max-width: 1200px) {

    .section-header__description {
        max-width: 600px;
    }

    .section-header {
        grid-template-columns: auto 780px;
    }
}

@media (max-width: 1024px) {
    .section-header {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .section-header__btn {
        display: none;
    }
}

@media (max-width: 850px) {
    .section-header {
        margin-bottom: 32px;
    }
}


/* ANCHOR - header */

.header-top { 
    background-color: var(--color-background-accent); 
}

.header-top__wrapper   {
    display: flex;
    justify-content: space-between;
    color: var(--color-opacity-black-60);
    font-size: 12px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.header-top__adress {
    display: flex;
    gap: 4px;
}

.header-top__adress-icon {
    width: 16px;
    height: 16px;
}

.header-top__contacts {
    display: flex;
    gap: 12px;
}

.header-top__social {
    display: flex;
    gap: 4px;
}

.header-top__social-icon {
    width: 14px;
    height: 14px;
}

@media (max-width: 1024px) {
    .header-top {
        display: none;
    }
}

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

.base-width.header-content {
    padding: 0;
}

.header-content__wrapper {
    display: flex;
}

.header-logo__img {
    height: 60px;
    padding: 6px 16px;
}


.header-menu__mobile {
    display: none;
}

.header-menu-desktop {
    display: flex;
}

.header-menu__item {
    display: flex;
    padding: 19.5px 20px;
    width: max-content;
    font-weight: 500;
    color: var(--color-primary-black);
}

.header-menu__services-img {
    width: 20px;
    height: 20px;
    margin-left: 6px;
}

.header-menu__arrow-img {
    width: 16px;
    height: 16px;
    margin: auto 0px 5px 6px;
}

.header-menu__btn {
    padding: 19.5px 50px;
    border-radius: 0;
}

.header-menu__contact-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: end;
    margin: auto 25px auto 22px;
}

a.header-menu__phone {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary-black);
}

a.header-menu__phone:hover {
    color: var(--color-opacity-black-60);
}

.header-menu__callback {
    font-size: 10px;
}

.header-menu__callback:hover {
    color: var(--color-opacity-black-80);
}

.main-menu {
    border-top: 1px solid var(--color-opacity-black-10);
    border-bottom: 1px solid var(--color-opacity-black-10);
    display: flex;
}

.base-width.main-menu {
    padding: 0;
}

.main-menu__item {
    color: var(--color-opacity-black-60);
    padding: 12px 32px;
    border-right: 1px solid var(--color-opacity-black-10);
    text-align: center;
}

.main-menu__item:last-child {
    border-right: 0px;
}

.main-menu__item:hover {
    color: var(--color-opacity-black-80);
}

.ticker {
    background-color: var(--color-secondary);
    color: var(--color-primary-white);
    padding: 8px 0;
}

.header-menu__phone-mobile {
    border-left: 1px solid var(--color-opacity-black-10);
}

.header-menu__mobile-icon {
    width: 24px;
    height: 24px;
    margin: 12px;
}

.header-menu__menu-btn {
    background-color: var(--color-primary);
}

@media (max-width: 1325px) {

    .header-menu__contact-block {
        display: none;
    }

    .header-menu__item {
        padding: 19.5px 10px;
    }

    .header-menu__btn {
        padding: 20px 30px;
    }
}

@media (max-width: 1024px) {

    .header-top,
    .header-menu__btn,
    .header-menu-desktop,
    .main-menu {
        display: none;
    }

    .header-menu__mobile {display: flex;}

    .header-logo__img {
        height: 49px;
        padding: 5px 30px;
    }
}

@media (max-width: 700px) {
    .header-logo__img {
        padding: 5px 10px;
    }
}

@media (max-width: 390px) {
    .header-logo__img {
        padding: 5px 0px;
    }
}

@media (max-width: 380px) {
    .header-logo__img {
        width: 160px;
    }
}

/* ANCHOR - footer */
.footer__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 48px;
    border-top: 1px solid var(--color-opacity-black-10);
    border-bottom: 1px solid var(--color-opacity-black-10);
}

.footer__content-wrapper{
    display: flex;
}


.footer__adress {
    display: flex;
    flex-direction: column;
    max-width: 410px;
    justify-content: space-between;
}

.footer__adress-logo {
    width: 276px;
    margin-bottom: 20px;
}

.footer__adress-btn {
    display: flex;
    flex-wrap: wrap;
    align-content: end;
    margin-top: 24px;
}

.footer__adress-btn-icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    align-self: center;
}

.footer__menu {
    display: flex;
    justify-content: space-between;
    gap: 140px;
    margin: 0 48px;
}

.footer__menu-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__menu-item-title {
    font-weight: 600;
    color: var(--color-primary-black);
}

.footer__menu-item {
    color: var(--color-opacity-black-60);
    transition: all .3s ease;
}

.footer__menu-item:hover {
    color: var(--color-opacity-black-80);
}

.footer__contacts {
    display: flex;
    flex-direction: column;
    justify-self: end;
    width: 204px;
    justify-content: space-between;
}

.footer__contact-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 16px;
}

.footer__schedule {
    margin: 28px 0;
    color: var(--color-opacity-black-40);
}

.footer__agreements {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer__agreements a,
.footer__bottom a {
    transition: all .3s ease;
}

.footer__agreements a:hover,
.footer__bottom a:hover {
    color: var(--color-opacity-black-80);
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer-design {
    color: var(--color-opacity-black-60);
    width: 204px;
}

.footer__logo-img {
    max-width: 100%;
}

@media (max-width: 1600px) {
    .footer__content {
        flex-wrap: nowrap;
    }

    .footer__menu {
        gap: 10px;
        margin: 0 10px;
    }
}

@media (max-width: 850px) {
    .footer__content {
        flex-direction: column;
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .footer__content-wrapper {
        flex-direction: column;
    }

    .footer__menu {
        flex-direction: column;
        justify-content: space-between;
        gap: 32px;
        margin: 32px 0;
    }

    .footer__adress-logo {
        width: 248px;
        margin-bottom: 16px;
    }

    .footer__adress-btn {
        width: 100%;
        justify-content: center;
    }

    .footer__schedule {
        margin: 24px 0 32px;
    }
}

/* ANCHOR - main-slider */

.main-slider__wrapper {
    position: relative;
    display: flex;
    gap: 24px;
    height: 433px;
}

.main-swiper__slide-img {
    position: absolute;
    z-index: 1;
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.main-swiper__slide-gradient {
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: rgb(37,31,27);
    background: linear-gradient(0deg, rgba(37,31,27,1) 0%, rgba(37,31,27,0) 80%);
}

.main-swiper__slide-content {
    z-index: 3;
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 20px 24px;
    color: var(--color-primary-white);
}

.h2.main-swiper__slide-title {
    color: var(--color-primary-white);
    margin-top: 8px;
}

.main-slider__slider-section {
    width: 888px;
    position: relative;
}

.main-slider__btn-block {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    background-color: var(--color-primary-white);
    border-radius: 0 0 20px 0;
    height: 76px;
    width: 456px;
}

.main-slider__btn {
    position: absolute;
    top: 0;
    padding: 0px 18px;
    height: 57px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 19px);
}

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

@media (max-width: 382px) {
    div.main-slider__btn {
        padding: 14px;
    }
}

.main-slider__triangle-1 {
    position: absolute;
    top: 0;
    left: 456px;
}

.main-slider__triangle-2 {
    position: absolute;
    top: 76px;
    left: 0;
}

.main-swiper {
    width: 100%;
    height: 430px;
    position: relative;
    overflow: hidden;
}

.main-slider__controls {
    position: absolute;
    z-index: 4;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
}


.main-swiper__slider-buttons {
    background-color: var(--color-primary-white);
    border-radius: 20px 0 0 0;
    padding: 24px 0 0 24px;
}

.main-slider__triangle-3 {
    position: absolute;
    z-index: 4;
    top: -2px;
    right: 0;
}

.main-slider__triangle-4 {
    position: absolute;
    z-index: 4;
    top: 76px;
    left: -12px;
}

.main-slider__controls .slider-pagination {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
    padding-bottom: 2px;
}

.main-slider__controls .slider-pagination .swiper-pagination-bullet{
    background: var(--color-opacity-white-20);
    opacity: 1;
}

.main-slider__controls .slider-pagination .swiper-pagination-bullet-active{
    background: var(--color-opacity-white-80);
    opacity: 1;
}


.main-swiper__slide-tags {
    display: flex;
    gap: 8px;
}

.main-slider__title {
    max-width: 620px;
    margin-bottom: 16px;
}

.main-swiper__slide-tags .tag {
    color: var(--color-primary-white);
    background-color: var(--color-opacity-white-20);
}

.main-swiper__slide-title .arrow {
    width: 28px;
    height: 28px;
    margin-bottom: -5px;
}

.main-swiper__slide-title .arrow path {
    stroke: var(--color-primary-white);
}

.main-slider {
    margin-top: 32px;
}

.main-slider__info-item .card__content {
    background-color: var(--color-background-accent);
}

.main-slider__info-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
    height: 100%;
}

.main-slider__info-item:last-child {
    grid-column: span 2;
}

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

.info-item__btn {
    display: flex;
    justify-content: space-between;
}

.info-item__btn-icon {
    border-radius: 50%;
    background-color: var(--color-primary);
    transition: all .3s ease;
}

.main-slider__info-item:hover .info-item__btn-icon{
    border-radius: 50%;
    background-color: rgba(187, 153, 138, 1);
}

.main-slider__info-item:hover .card__title {
    color: var(--color-primary-white);
}


.info-item__btn-icon .play-img {
    width: 24px;
    margin: 17px;
}

@media (max-width: 1400px) {
    .main-slider__slider-section {
        width: 60%;
    }
}

@media (max-width: 1200px) {
    .h2.main-swiper__slide-title {
        max-width: 300px;
    }

    .main-slider__info-item:last-child {
        grid-column: span 2;
        height: 230px;
    }

    .main-slider__info-section {
        grid-template-rows: repeat(2, auto);
    }
}

@media (max-width: 1024px) {

    .main-slider {
        margin-top: 28px;
    }

    .main-slider__title {
        max-width: 100%;
    }

    .h2.main-swiper__slide-title {
        max-width: 100%;
    }

    .main-slider__wrapper {
        flex-direction: column;
        height: auto;
        width: 100%;
    }

    .main-swiper__slider-buttons {
        display: none;
    }

    .main-slider__triangle-1,
    .main-slider__triangle-2 {
        display: none;
    }

    .main-slider__btn-block {
        position: relative;
        margin-bottom: 28px;
    }

    .main-slider__btn {
        position: relative;
    }

    .main-slider__slider-section {
        width: 100%;
    }

    .main-swiper__slide-content {
        padding: 34px 20px;
    }

    .main-swiper {
        height: 320px;
    }

    .main-slider__info-item {
        height: 260px;
    }

    .main-slider__btn-block {
        width: 100%;
        height: auto;
    }

    .main-slider__controls {
        bottom: 20px;
        left: 20px;
        right: auto;

    }

    .main-slider__controls .slider-pagination {
        padding-right: 0;
        padding-bottom: 0;
        bottom: 0; 
    }
}

@media (max-width: 850px) {

    .main-swiper {
        height: 220px;
    }

    .main-slider__btn {
        width: 100%;
        padding: 17.5px 32px
    }

    .main-slider__info-item {
        height: 160px;
    }

    .main-swiper__slide-title .arrow {
        width: 16px;
        height: 16px;
        margin-bottom: -5px;
    }

    .info-item__btn-icon .play-img {
        width: 20px;
        margin: 14px;
    }

    .main-slider__info-item .card__content {
        gap: 0;
    }
}

@media (max-width: 480px) {

    .main-slider__info-item:last-child {
        grid-column: span 2;
        height: 230px;
    }
}

/* ANCHOR - popular-services */

.popular-services__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 24px;
}

.popular-services__grid .services-card:first-child {
    grid-column: 1 / span 2;
}

.popular-services__grid .services-card:last-child {
    grid-column: 3 / span 2;
}

.popular-services__card-cta {
    background-color: var(--color-background-accent);
}

.card-cta__btn {
    width: 100%;
}

@media (max-width: 850px) {

    .popular-services__grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(10, auto);
        gap: 15px;
    }
    .popular-services__grid .services-card:first-child {
        grid-column: 1 / span 1;
    }

    .popular-services__grid .services-card:last-child {
        grid-column: 1 / span 1;
    }

    .popular-services__card-img {
        height: 260px;
    }
}

/* ANCHOR - main-about */


.main-about .section-header__wrapper,
.how-it-works .section-header__wrapper,
.equipment-advantages .section-header__wrapper,
.equipment-services .section-header__wrapper {
    flex-direction: column;
}

.main-about .section-header__btn {
    align-self: flex-start;
}

/* ANCHOR - advantages */

.clinic-advantages__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.card-advantages {
    background-color: var(--color-primary-white);
}

.certificate-advanages .card-advantages {
    background-color: var(--color-background-accent);
}

.card-advantages .card__title {
    max-width: calc(100% - 65px);
}

.card-advantages .card__description {
    margin-top: 22px;
    margin-bottom: 32px;
}

.card-advantages .card__icon-wrapper {
    position: absolute;
    background-color: var(--color-background-accent);
    top: 0;
    right: 0;
    z-index: 4;
    border-radius: 0 0 0 36px;
}

.certificate-advanages .card-advantages .card__icon-wrapper {
    background-color: var(--color-primary-white);
}

.card-advantages .card__icon {
    width: 48px;
    margin: 10px 10px 14px 14px;
}

.card__triangle-1 {
    position: absolute;
    top: 0;
    right: 72px;
}
.card__triangle-2 {
    position: absolute;
    top: 72px;
    right: 0;
}

.certificate-advanages__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width:850px) {
    .clinic-advantages__wrapper {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .card-advantages .card__content {
        gap: 0;
    }

    .card-advantages .card__icon-wrapper {
        top: auto;
        bottom: 0;
        border-radius: 36px 0 0 0 ;
    }

    .card__triangle-1 {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 72px;
        transform: rotate(90deg);
    }
    .card__triangle-2 {
        position: absolute;
        top: auto;
        bottom: 72px;
        right: 0;
        transform: rotate(90deg);
    }

    .card-advantages .card__description {
        margin-top: 16px;
        margin-bottom: 38px;
    }

    .card-advantages .card__icon {
        width: 48px;
        margin: 14px 10px 10px 14px;
    }

    .certificate-advanages__wrapper {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* ANCHOR - problems */

.problems .section-header__wrapper {
    flex-direction: column;
}

.problems__list {
    display: flex;
    flex-direction: column;
}

.problems-item {
    border-top: 1px solid var(--color-opacity-black-10);
    cursor: pointer;
}

.problems-item__wrapper{
    display: grid;
    width: 100%;
    grid-template-columns:  auto 888px;
    transition: all .3s ease;
    position: relative;
    padding: 24px 0;
}

.problems-item__img {
    position: absolute;
    opacity: 0;
    border-radius: 12px;
    width: 318px;
    height: 166px;
    object-fit: cover;
    top: -28px;
    right: 275px;
    z-index: 1;
    transition: all .3s ease;
}

.problems-item__content {
    display: flex;
    justify-content: space-between;
}

.problems-item__title {
    margin-bottom: 8px;
}
.problems-item__link {
    display: flex;
    align-self: flex-end;
    gap: 4px;
}

.problems-item__link-text {
    color: var(--color-primary-black);
    font-weight: 600;
    opacity: 0;
    transition: all .3s ease;

}

.problems-item .arrow path {
    stroke: var(--color-opacity-black-60);
    transition: all .3s ease;
}

.problems-item .tag {
    background-color: var(--color-background-accent);
    transition: all .3s ease;
}

.problems-item__number {
    transition: all .3s ease;
}

.problems-item:hover {
    background-color: var(--color-background-accent);
}

.problems-item:last-child:hover {
    background-color: transparent;
    cursor: auto;
}

.problems-item:hover .tag{
    background-color: var(--color-primary-white);
}

.problems-item:hover .problems-item__img{
    opacity: 1;
}

.problems-item:hover .problems-item__link-text{

    opacity: 1;
}

.problems-item:hover .arrow path {
    stroke: var(--color-primary-black);
}

.problems-item:hover .problems-item__number {
    color: var(--color-opacity-black-40);
}

.problems-item__description {
    max-width: 435px;
}

.problems-item__btn {
    margin-top: 32px;
}

@media (max-width: 850px) {
    .problems-item__wrapper {
        grid-template-columns: 1fr;
        padding: 24px 0;
    }

    .problems-item__img {
        display: none;
    }

    .problems-item__number {
        margin-bottom: 16px;
    }

    .problems-item__btn {
        margin-top: 28px;
        width: 100%;
    }

    .problems-item__description {
        max-width: 100%;
    }

}

/* ANCHOR - promo-swiper */

@media (max-width: 1200px) {
    .promo-swiper  {
        overflow: hidden;
    }
}

@media (max-width: 1440px) {
    /* .promo-swiper  {
        overflow: visible;
    } */
}

.promo-card {
    height: 220px;
    cursor: pointer;
}

.promo-card.equipment-advantages-slider-card {
    height: 432px;
    cursor: default;
}

.promo-card__img {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease;

}

.promo-card__gradient {
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-opacity-black-70);
    transition: all .3s ease;
}

.promo-card__content {
    z-index: 3;
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: end;
    padding: 20px 24px;
    color: var(--color-primary-white);
}

.promo-card__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-self: end;
}

.promo-card__title {
    color: var(--color-primary-white);
}

.promo-card__description {
    color: var(--color-opacity-white-80);
}

.promo-card .arrow {
    align-self: end;
}

.promo-card .arrow path {
    stroke: var(--color-opacity-white-40);
}

.promo-card:hover .promo-card__gradient {
    background-color: var(--color-opacity-black-50);
}

.promo-card:hover  .promo-card__img {
transform: scale(1.1);
}

@media (max-width:850px) {
    .promo-card {
        height: 170px;
    }

    .promo-card__description {
        font-size: 12px;
    }
}

/* ANCHOR - main-cta */
/* ANCHOR - category-cta */

.main-cta__wrapper {
    display: flex;
    gap: 46px;
    width: 100%;
    background-color: var(--color-background-accent);
    border-radius: 24px;
}

.main-cta__img-block {
    width: 402px;
    position: relative;
    background-color: var(--color-primary);
    border-radius: 16px;
    margin: 8px 0 8px 8px;
    display: flex;
}

.main-cta__img-background {
    position: absolute;
    z-index: 1;
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.main-cta__img {
    position: absolute;
    z-index: 3;
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    top: 2px;
}

.category-cta .main-cta__img {
    height: 515px;
    top: 0px;
}

.main-cta__img-wrapper {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 110%;
    bottom: 0;
    border-radius: 16px;
}


.main-cta__img-content {
    z-index: 4;
    position: relative;
    height: 60%;
    width: 100%;
    display: flex;
    align-self: end;
    justify-content: center;
    background: rgb(200,163,148);
    background: linear-gradient(0deg, rgba(200,163,148,1) 0%, rgba(200,163,148,0) 100%);
    border-radius: 0 0 16px 16px;
}

.main-cta__label {
    display: flex;
    align-self: end;
    margin: 24px;
    width: 100%;
    border-radius: 100px;
    background-color: var(--color-primary-white);
    padding: 13px 12px;
    gap: 12px;
}

.main-cta__label-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-self: center;
}

.main-cta .base-width {
    overflow: hidden;
    padding-top: 21px;
}

.main-cta__content {
    display: flex;
    flex-direction: column;
    padding: 64px 124px 64px 0;
}

.main-cta__text {
    max-width: 370px;
    margin-top: 20px;
    margin-bottom: 32px;
}

.main-cta__form-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.main-cta__form-bottom {
    display: flex;
    gap: 24px;
    margin-top: 24px;
}

.main-cta__agreement-text {
    max-width: 326px;
    align-self: center;
}

.main-cta__form .input-field {
    background-color: var(--color-primary-white);
    border: 1px solid var(--color-opacity-black-10);
    transition: all .3s ease;
}

.main-cta__form .input-field:hover {
    border: 1px solid var(--color-opacity-black-20);
}

.main-cta__form .form-group.focused .input-field {
border: 1px solid var(--color-opacity-black-60);
}

.main-cta__form .input-label {
    font-weight: 500;
}


@media (max-width:850px) {
    .main-cta .base-width {
        padding: 0;
    }

    .main-cta__img-wrapper {
        height: calc(100% + 40px);
        bottom: auto;
        top: -40px;
    }

    .main-cta__wrapper {
        flex-direction: column;
        padding: 20px 20px 32px 20px;
        margin-top: 20px;
        gap: 28px;
    }

    .main-cta__img-block {
        width: 100%;
        height: 400px;
        margin: 0;
    }

    .main-cta__img {
        top: -15px;
        bottom: auto;
    }

    .main-cta__content {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .main-cta__label {
        margin: 20px;
    }

    .main-cta__text {
        max-width: 100%;
        margin-top: 16px;
        margin-bottom: 24px;
    }
    
    .main-cta__form-fields {
        grid-template-columns: 1fr;
    }

    .main-cta__form-fields .form-group {
        display: flex;
        flex-direction: column;
    }

    .main-cta__form-bottom {
        flex-direction: column;
        gap: 12px;
        margin-top: 28px;
    }

    .main-cta__btn {
        width: 100%;
    }
    
    .main-cta__agreement-text {
        text-align: center;
    }

}

@media (max-width: 380px) {
    .main-cta__img {
        top: auto;
        bottom: 0;
    }
}


/* ANCHOR - specialists-slider */

.specialist-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 0;
    cursor: pointer;
}

.specialist-card__img-wrapper {
    height: 420px;
    background-color: var(--color-background-accent);
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    display: flex;
}

.specialist-card__img {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease;
}

.specialist-card__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.specialist-card__hover {
    z-index: 2;
    position: relative;
    height: 50%;
    width: 100%;
    display: flex;
    opacity: 0;
    align-self: end;
    justify-content: center;
    background: rgb(248, 245, 244);
    background: linear-gradient(0deg, rgba(248, 245, 244, 1) 0%, rgba(248, 245, 244, 0) 100%);
    border-radius: 0 0 16px 16px;
    transition: all .3s ease;
}

.specialist-card:hover .specialist-card__hover {
    opacity: 1;
}

.specialist-card:hover .specialist-card__img {
    transform: scale(1.1);
}

.specialist-card__btn {
    align-self: end;
    margin: 24px;
    width: 100%;
    text-align: center;
}



/* ANCHOR - cases-slider */

.cases-swiper__slide {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 0;
    cursor: pointer;
}

.cases-swiper__slide-img-wrapper {
    height: 248px;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    display: flex;
}

.cases-swiper__slide-img {
    /* z-index: 1;
    position: absolute;
    width: 100%;*/
    height: 100%; 
    object-fit: cover;
}

.cases-swiper__slide-text {
    display: flex;
    flex-direction: column;
}

.cases-swiper__slide-title {
    margin-bottom: 8px;
}

.cases-swiper__slide-description {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-opacity-black-40);
}


a.cases-swiper__slide-link {
    font-weight: 600;
    color: var(--color-primary-black);
    margin-top: 20px;
}

@media (max-width:850px) {
    .base-width.cases-slider__tabs-wrapper {
        width: 100%;
    }

    .cases-slider .section-header__tabs {
        width: 100%;
    }

    .cases-slider .section-header__tab {
        display: flex;
        flex-wrap: nowrap;
    }

    .cases-slider .slider-buttons {
        display: flex;
        align-self: end;
    }

    .cases-slider .section-header__wrapper {
        flex-direction: column;
        gap: 15px;
    }

    .cases-slider__tabs-wrapper {
        display: none;
    }
    .cases-swiper__slide-img-wrapper {
        height: 50vw;
    }

}


/* ANCHOR - accent-block */

.accent-block {
    background-color: var(--color-background-accent);
    border-radius: 24px;
    padding: 100px 0;
}

.accent-block section:first-child {
    margin-top: 0;
}

.accent-block section:last-child {
    margin-bottom: 0;
}

@media (max-width: 850px) {
    .accent-block {
        padding: 72px 0;
    }
}

/* ANCHOR - about-clinic */

@media (max-width: 850px) {
    .about-clinic .section-header__btn{
        display: block;
        width: 100%;
    }
}



/* ANCHOR - reviews-slider */

.reviews-swiper__slide {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    background-color: var(--color-primary-white);
}

.reviews-swiper__slide-title {
    display: flex;
    gap: 16px;
}

.reviews-swiper__slide-img-wrapper {
    position: relative;
    width: 64px;
    height: 64px;
}

.reviews-swiper__slide-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    border-radius: 50%;
}

.reviews-swiper__slide-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    object-fit: cover;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.reviews-swiper__slide-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-self: center;
}

.reviews-swiper__slide-review {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.reviews-swiper__review-info {
    display: flex;
    gap: 12px;
}

.reviews-swiper__slide-stars {
    width: 116px;
    object-fit: cover;
}

.reviews-swiper__slide-text {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reviews-swiper__slide-text p {
    margin-block-start: 0;
    margin-block-end: 0;
}

a.reviews-swiper__slide-link {
    font-weight: 600;
    color: var(--color-primary-black);
    display: flex;
    gap: 4px;
    transition: all .3s ease;
}

.reviews-swiper__slide-arrow {
    width: 16px;
    height: 16px;
    align-self: center;
}

.reviews-swiper__slide-arrow path {
    stroke: var(--color-primary-black);
    transition: all .3s ease;
}

.reviews-swiper__slide-link:hover .reviews-swiper__slide-arrow path {
    stroke: var(--color-opacity-black-60);
    transition: all .3s ease;
}

.reviews-swiper__slide-link:hover {
    color: var(--color-opacity-black-60);
}

.reviews-swiper{
    overflow: hidden;
}

@media (max-width: 850px) {
    /* .reviews-swiper {
        overflow: visible;
    } */
}


/* ANCHOR - clients-slider */

.clients-swiper {
    width: 100%;
}

.clients-swiper__slide {
    height: 546px;
}

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

/* ANCHOR - faq */

.faq__wrapper {
    display: grid;
    grid-template-columns: auto 888px;
}

.faq__img {
    object-fit: cover;
    margin-right: 24px;
}

.faq-list__item{
    background-color: var(--color-primary-white);    
}

.faq-nalog .faq-list__item{
    background-color: var(--color-background-accent);    
}

.faq-nalog .section-header__description {
    max-width: 100%;
}

@media (max-width: 1600px) {
    .faq__wrapper {
        grid-template-columns: auto 1fr;
    }
}



@media (max-width: 850px) {

    .faq__wrapper {
    grid-template-columns: 1fr;
    }
    .faq__img {
        display: none;
    }
}



/* ANCHOR - dropdown-list */

.dropdown-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
}

.dropdown-list__item {
    border-radius: 12px;   
}

.dropdown-list__title-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.dropdown-list__title-wrapper:hover {
    cursor: pointer;
}

.dropdown-list__item-title {
    margin: 21.5px 24px;
    color: var(--color-primary-black);
}

.dropdown-list__item-content {
    margin: 0px 60px 0px 24px;
    /* padding-bottom: 24px; */
}

.dropdown-list__icon {
    margin: auto 20px;
    transition-duration: 300ms;
    transform: scale(1, 1);
}

.dropdown-list__arrow path {
    stroke: var(--color-opacity-black-60);
}

.dropdown-list__arrow.js-active {
    transform: scale(1, -1)
}

.dropdown-list__item.active .dropdown-list__arrow {
    transform: scale(1, -1)
}

/* ANCHOR - cta-banner */

.cta-banner__wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
}

.cta-banner__background-img {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cta-banner___background-filter {
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-opacity-black-70);
}

.cta-banner__m-logo {
    z-index: 3;
    position: absolute;
    bottom: -22px;
    left: 16px;
    width: 390px;
    height: 312px;
}

.cta-banner__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 64px 0 64px 455px;
    position: relative;
    z-index: 4;
}

.cta-banner__description {
    margin-top: 20px;
    margin-bottom: 32px;
    max-width: 420px;
    color: var(--color-opacity-white-80);
}

.cta-banner__title {
    color: var(--color-primary-white);
}

@media (max-width: 850px) {

    .cta-banner__m-logo {
        bottom: -22px;
        left: calc(50% - 177px);
        width: 355px;
        height: 244px;
    }

    .cta-banner__content {
        padding: 20px 20px 270px 20px;
    }

    .cta-banner__btn {
        width: 100%;
    }

    .cta-banner__description {
        margin-top: 16px;
        margin-bottom: 28px;
        max-width: 420px;
        color: var(--color-opacity-white-80);
    }
}


/* ANCHOR - contacts */

.main-contacts__wrapper {
    display: flex;
    gap: 48px;
}

.main-contacts__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 410px;
}

.main-contacts__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.main-contacts__item a{
    color: var(--color-primary-black);
}

.main-contacts__map {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
}

@media (max-width: 850px) {
    .main-contacts__wrapper {
        flex-direction: column;
        gap: 28px;
    }

    .main-contacts__content {
        gap: 20px;
    }

    .main-contacts__map {
        height: 460px;
    }

    .main-contacts__map .popup__content {
        position: relative;
        width: calc(100% - 50px);
    }

}

/* ANCHOR - more-info */

.more-info__title {
    margin-bottom: 20px;
}

.more-info__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.more-info__seo-text {
    margin-top: 12px;
}

.more-info__btn {
    display: flex;
    flex-wrap: wrap;
    align-content: end;
    padding: 0;
    margin-top: 24px;
    transition: all .3s ease;
}

.more-btn__arrow-img path{
    stroke: var(--color-primary-black);
    transition: all .3s ease;
}

.more-info__btn:hover {
    color: var(--color-opacity-black-60);
}

.more-info__btn:hover .more-btn__arrow-img path {
    stroke: var(--color-opacity-black-60);
    transition: all .3s ease;
}

.more-info__btn.js-hidden {
    display: none;
}

.more-btn__arrow-img {
  margin-left: 4px;  
}

.hide-btn .more-btn__arrow-img{
    transform: scale(1, -1)
}

.more-info__seo-text {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.more-info.js-show .more-info__seo-text {
    -webkit-line-clamp: none;
}

/* ANCHOR - service-banner */

.service-banner {
margin-top: 32px;}

.service-banner__wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background-color: var(--color-background-accent);
}

.service-banner__img {
    position: absolute;
    z-index: 1;
    display: block;
    object-fit: cover;
    object-position: center;
    right: 0;
    width: 60%;
    height: 100%;
}

.service-banner__gradient {
    z-index: 2;
    position: absolute;
    left: 40%;
    width: 40%;
    height: 100%;
    background: rgb(248,245,244);
    background: linear-gradient(270deg, rgba(248,245,244,0) 0%, rgba(248,245,244,1) 100%);
}

.service-banner__content {
    z-index: 3;
    position: relative;
    height: 100%;
    width: 40%;
    display: flex;
    flex-direction: column;
    padding: 32px;
}

.service-banner__title {
    margin-bottom: 12px;
}

.service-banner__description {
    margin-top: 12px;
    margin-bottom: 32px;
}

.service-banner__buttons {
    display: flex;
    gap: 24px;
    margin-top: 32px;
}

@media (max-width:850px) {

    .service-banner {
        margin-top: 24px;
        margin-bottom: 32px;
    }

    .service-banner__content {

        height: auto;
        width: 100%;
        padding: 20px 20px 162px 20px;
        gap: 12px;
    }

    .service-banner__img {
        bottom: 0;
        width: 100%;
        height: 130px;
    }

    .service-banner__title {
        margin-bottom: 0;
    }

    .service-banner__description {
        margin-top: 0;
        margin-bottom: 0;
    }

    .service-banner__buttons {
        flex-direction: column;
        gap: 12px;
        margin-top: 16px;
    }

    .service-banner__btn {
        width: 100%;
    }

    .service-banner__gradient {
    left: 0;
    bottom: 60px;
    width: 100%;
    height: 70px;
    background: rgb(248, 245, 244);
    background: linear-gradient(0deg, rgba(248, 245, 244, 0) 0%, rgba(248, 245, 244, 1) 100%);
}

}


/* ANCHOR - category-banner */ 
/* ANCHOR - page-banner */ 

.category-banner {
    margin: 32px 0 40px;
}

.page-banner {
    margin-top: 32px 
}



.category-banner__wrapper,
.page-banner__wrapper {
    display: flex;
    overflow: hidden;
    padding: 8px;
    border-radius: 24px;
    justify-content: space-between;
    background-color: var(--color-background-accent);
}

.category-banner__img,
.page-banner__img {
    border-radius: 16px;
    overflow: hidden;
    object-fit: cover;
}

.category-banner__img {
    width: 424px;

}

.page-banner__img {
    width: 538px;
    flex-shrink: 0;
}

.category-banner__content{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
}

.page-banner__content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
}

.category-banner__top {
    display: flex;
    gap: 24px;
}

.category-banner__description {
    max-width: 514px;
}

.page-banner___description {
    max-width: 690px;
}

.page-banner__btn {
    margin-top: 12px;
}

.category-banner__quantity {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-primary);
    align-self: end;
    margin-bottom: 11PX;
}

@media (max-width:1200px) {

    .page-banner__img {
        width: 450px;
    }
}

@media (max-width:850px) {

    .category-banner {
        margin: 24px 0px 40px;
    }

    .page-banner {
        margin-top: 24px 
    }

    .category-banner__wrapper, .page-banner__wrapper {
        flex-direction: column;
        padding: 8px;
    }

    .category-banner__content {
        padding: 16px;
    }

    .category-banner__top {
    flex-direction: column;
    gap: 8px;
    }

    .category-banner__img {
        width: 100%;
        height: 124px;
    }

    .category-banner__quantity {
        font-size: 18px;
        align-self: start;
        margin-bottom: 0;
    }

    .page-banner__btn {
        width: 100%;
    }

    .page-banner__img {
        width: 100%;
        height: 194px;
    }
}

/* ANCHOR - service-info */

.service-info__wrapper {
    display: flex;
    width: 100%;
}

.service-info__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    border-right: 1px solid var(--color-opacity-black-10);
    justify-content: center;
}

.service-info__item-wrapper {
    margin: 0 auto;
}

.service-info__item:first-child .service-info__item-wrapper{
    margin: 0 auto 0 0;
}

.service-info__item:last-child .service-info__item-wrapper{
    margin: 0 0 0 auto;
}

.service-info__item:last-child {
    border-right: 0px solid var(--color-opacity-black-10);
}

.service-info__item-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-opacity-black-60);
}

@media (max-width:850px) {
    .service-info {
        margin-top: 32px;
    }

    .service-info__wrapper {
        flex-direction: column;
    }

    .service-info__item {
        border-right: 0px solid var(--color-opacity-black-10);
        border-bottom: 1px solid var(--color-opacity-black-10);
    }

    .service-info__item:last-child {
        border-bottom: 0px solid var(--color-opacity-black-10);
    }

    .service-info__item-wrapper {
        display: flex;
        flex-direction: column;
        margin: 16px 0;
        gap: 8px;
    }
    .service-info__item:first-child .service-info__item-wrapper {
        margin: 0 0 16px 0;
    }
    
    .service-info__item:last-child .service-info__item-wrapper {
        margin: 16px 0 0 0;
    }
}


/* ANCHOR - service-description */

.service-description__wrapper {
    display: flex;
    gap: 24px;
}

.service-description__img {
    overflow: hidden;
    border-radius: 12px;
    width: 432px;
    max-height: 320px;
    object-fit: cover;
    flex-shrink: 0;
}

.service-description__content {
    border-radius: 12px;
    background-color: var(--color-background-accent);
    padding: 32px;
    width: 100%;
}

.service-description__text  {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 18;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.service-description__text h2 {
    font-size: 24px;
}

.service-description__content.js-show .service-description__text {
    -webkit-line-clamp: none;
}

@media (max-width: 850px) {
    .service-description__img {
        display: none;
    }

    .service-description__content {
        padding: 20px;
    }

    .service-description__text h2 {
        font-size: 22px;
    }
}

/* ANCHOR - equipment-slider */

.equipment-swiper__slide {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 0;
    cursor: pointer;
}

.equipment-swiper__slide-img-wrapper {
    height: 360px;
    border: 1px solid var(--color-opacity-black-20);
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    transition: all .3s ease;
    padding-top: 26px;
}

.equipment-swiper__slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: all .3s ease;
}

.equipment-swiper__slide-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.equipment-swiper__slide-description {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.equipment-swiper__slide-btn {   
    color: var(--color-primary-black);
    font-weight: 600;
    transition: all .3s ease;
}

.equipment-swiper__slide:hover .equipment-swiper__slide-img {
        transform: scale(1.1);
}

.equipment-swiper__slide:hover .equipment-swiper__slide-img-wrapper {
        border: 1px solid var(--color-opacity-black-60);
}

.equipment-swiper__slide:hover .equipment-swiper__slide-btn  {
        color: var(--color-opacity-black-60);
}

/* ANCHOR - services */

.services {
    margin-top: 40px;
}

.services__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.services .services-card {
    min-height: 220px;
    height: 100%;
}

.services .services-card .card__content{
    gap: 20px;
}

.services .services-card .arrow path{
    stroke: var(--color-opacity-black-60);
}

.services .services-card:hover {
border: 1px solid var(--color-opacity-black-60);
}

.services .services-card:hover .card__title{
    color: var(--color-primary-black);
}

.services .services-card:hover .card__description{
    opacity: 1;
}

.services .services-card:hover .arrow path{
    stroke: var(--color-opacity-black-80);
}

.card__price {
    font-size: 16px;
    color: var(--color-opacity-black-80);
}

@media (max-width:850px) {

    .services__wrapper {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* ANCHOR - directions */
.directions {
    margin-top: 32px;
}

.directions__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

@media (max-width:1024px) {

    .directions__wrapper {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
        
}

@media (max-width:850px) {
    .directions {
        margin-top: 24px;
    }

    .directions__wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }      
}

@media (max-width:480px) {
    .directions__wrapper {
        grid-template-columns: 1fr;
    }      
}

/* ANCHOR - breadcrumbs */
.breadcrumbs {
    margin: 20px 0 32px;
}

.breadcrumbs__wrapper {
    display: flex;
    flex-wrap: wrap;
    color: var(--color-opacity-black-40);
    row-gap: 8px;
}
.breadcrumbs__wrapper a {
    color: var(--color-opacity-black-40);
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    font-size: 12px;
    line-height: 1.2px;
    margin-right: 8px;
}

.breadcrumbs__item:last-child {
    color: var(--color-opacity-black-60);
}

.breadcrumbs__item:last-child::after {
    content: "";
}

.breadcrumbs__item::after {
    content: "/";
}

.breadcrumbs ul li::before {
    width: 0;
    height: 0;
    background-image: none;
}

.breadcrumbs ul li {
    padding: 0;
}

/* ANCHOR - article */

.article {
    margin-top: 32px;
}

.article__wrapper {
    display: grid;
    grid-template-columns: 204px 1fr;
    grid-template-rows: auto;
    grid-template-areas: "article-navigation article-img"
                        "article-navigation article-content";
    column-gap: 24px;
    border-bottom: 1px solid var(--color-opacity-black-10);
    position: relative;
}

.article__top {
    max-width: 888px;
}

@media (min-width:930px) {
    .article__top {
        padding: 0;
    }  
}

.article__content {
    grid-area: article-content;
}


.article-navigation {
    display: flex;
    flex-direction: column;
    grid-area: article-navigation;
    width: fit-content;
    height: fit-content;
    top: 120px;
    position: sticky;
}

.article__content .article__text p:first-child {
    margin-top: 0;
}

.article__img-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
    height: 450px;
    margin-bottom: 40px;
    grid-area: article-img;
}

.article-navigation__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.article-navigation__list a{
    color: var(--color-opacity-black-40);
    transition: all .3s ease;
}

.article-navigation__list a:hover{
    color: var(--color-opacity-black-60);
}


.article-navigation__item {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--color-opacity-dark-40);
}

.article-navigation__title {
    font-size: 12px;
    color: var(--color-opacity-black-60);
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--color-opacity-black-10);
}

.article__date {
    display: flex;
    gap: 4px;
    color: var(--color-opacity-black-60);
    font-size: 12px;
    line-height: 1.2;
}

.article__date-img {
    width: 16px;
    height: 16px;
}

.article__date-content {
    text-align: end;
}

.article__title {
    margin: 8px 0 24px;
}

.article__img {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article__img-filter {
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(37, 31, 27, 0.2);
}

.article__text h2 {
    font-size: 20px;
}

.article__text h3 {
    font-size: 14px;
    font-weight: 500;
}

.article-services {
    margin: 32px 0;
}

.article-services__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.article-services .services-card{
    height: 220px;
}

.article-services .services-card:hover{
    border: 1px solid var(--color-opacity-black-60);
}

.article-services .services-card:hover .card__title{
    color: var(--color-primary-black);
}

.article-services .services-card:hover .card__description{
    opacity: 1;
}

.article-services .services-card .arrow path{
    stroke: var(--color-opacity-black-60);
}

.article-services .services-card:hover .arrow path{
    stroke: var(--color-opacity-black-80);
}

.article-services__title {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-primary-black);
    margin-bottom: 24px;
}

.cta_banner_article {
    margin: 32px 0 100px;
}

.cta_banner_article .cta-banner__content{
    padding: 64px;
}

@media (max-width: 1024px) {
    .article__wrapper {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: "article-img"
                            "article-navigation"
                            " article-content";
    }


    
}

@media (max-width: 850px) {

    .article__wrapper {
        gap: 32px;
    }

    .article__img-wrapper {
        height: 170px;
        margin-bottom: 0;
    }
}

/* ANCHOR - more-articles */

.more-articles__wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.article-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.article-card__img-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
    height: 220px;
}

.article-card__img {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease;
}

.article-card__img-filter {
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(37, 31, 27, 0.2);
    opacity: 1;
    transition: all .3s ease;
}

.article-card__tag {
    z-index: 2;
    position: absolute;
    top: 16px;
    left: 16px;
}

.article-card__title {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .3s ease;
}

.article-card__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.article-card__date {
    font-size: 12px;
    color: var(--color-opacity-black-40);
}

.article-card:hover .article-card__img {
    transform: scale(1.1);
}

.article-card:hover .article-card__img-filter {
    opacity: 0;
}

.article-card:hover .article-card__title {
    color: var(--color-opacity-black-60);
}


.certificate-banner .service-banner__content {
    width: 60%;
}

@media (max-width:850px) {
    .certificate-banner .service-banner__content {
        width: 100%;
    }   
}

/* ANCHOR - about-banner */

.about-banner {
margin: 32px 0 0;}

.about-banner .section-header {
    margin-bottom: 0;
}

.about-banner .section-header__wrapper {
    flex-direction: column;
}

.about-banner .section-header__description {
    max-width: 850px;
}

.about-banner .section-header__text{
    max-width: 430px;
    margin-top: 24px;
    margin-bottom: 40px;
}

.about-banner__m-logo-wrapper{
    position: relative;
    padding-right: 24px;
    overflow: hidden;
}

.about-banner__m-logo {
    position: absolute;
    top: 12px;
    right: 0;
}

.about-banner__img{
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
}

@media (max-width:1380px) {
    .about-banner .section-header {
        grid-template-columns: 1fr;
        position: relative;
    }
    .about-banner__m-logo-wrapper {
        position: absolute;
        z-index: -1;
        top: 12px;
        right: 0;
    }

    .about-banner__m-logo {
        position: relative;
        top: 0;
    }
}

@media (max-width:850px) {
    .about-banner .section-header {
        grid-template-columns: 1fr;
        position: relative;
    }
    .about-banner__m-logo-wrapper {
        height: 140px;
        top: 0;
        right: -70px;
    }

    .about-banner__m-logo {
        position: relative;
        top: 0;
    }

    .about-banner__m-logo {
        height: 100%;
    }
}

/* ANCHOR - about-info */
.about-info {
    margin-top: -24px;
    position: relative;
    z-index: 1;
}

/* ANCHOR - clinic-figures */

.clinic-figures__wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 24px;
}

.clinic-figures__item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.clinic-figures__item-text {
    font-weight: 400;
    color: var(--color-opacity-black-40);
}


@media (max-width:850px) {
    .clinic-figures__wrapper {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width:480px) {
    .clinic-figures__wrapper {
        grid-template-columns: 1fr;
    }
}

/* ANCHOR - clinic-video */
.clinic-video__wrapper {
    width: 100%;
    /* height: 560px; */
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}

.clinic-video__img {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.clinic-video__wrapper video {
    width: 100%;
    height: 100%;
}

.clinic-video__filter {
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(37, 31, 27, 0.4);
}

.video-btn {
    z-index: 3;
    position: absolute;
    top: calc(50% - 29px);
    left: calc(50% - 29px);
    width: 58px;
    height: 58px;
}

@media (max-width:850px) {
    .clinic-video__wrapper {
        height: 200px;
    }

}

/* ANCHOR - interior-slider */ 
.interior-swiper__slide {
    max-width: 888px;
    height: 500px;
}

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

.faq-page .accent-block {
    margin: 0;
    border-radius: 24px 24px 0 0;
}

.section-header__tabs {
    display: flex;
    gap: 32px;
    width: 888px;
    justify-self: end;
    margin-bottom: 24px;
}

.section-header__tab {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-opacity-black-40);
    border-bottom: 2px solid transparent;
    padding-bottom: 15px;
    transition: all .3s ease;
    cursor: pointer;
}

.section-header__tab.active {
    color: var(--color-primary-black);
    border-bottom: 2px solid var(--color-primary);
}

.section-header__tab-background {
    opacity: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgb(200,163,148);
    background: linear-gradient(0deg, rgba(200,163,148,0.1516981792717087) 0%, rgba(200,163,148,0) 100%);
    transition: all .3s ease;
}

.section-header__tab.active .section-header__tab-background {
    opacity: 1;
}

.specialists-page__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.promo-page__wrapper,
.blog-page__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 100px;
}

@media (max-width: 1024px) {
    .specialists-page__wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .promo-page__wrapper,
    .blog-page__wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-bottom: 100px;
    }
}


@media (max-width: 850px) {
    .specialists-page__wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .promo-page__wrapper,
    .blog-page__wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-bottom: 72px;
    }
}

@media (max-width: 480px) {
    .specialists-page__wrapper {
        grid-template-columns: 1fr;
    }

    .promo-page__wrapper,
    .blog-page__wrapper {
        grid-template-columns: 1fr;
    }
}


/* ANCHOR - documents */ 

.documents {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    margin-top: 40px;
}

.documents-item {
    border-radius: 12px;
    background-color: var(--color-background-accent);
    padding: 22.5px 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.documents-item__download-btn {
    display: flex;
    gap: 4px;
}

.documents-item__btn-title {
    font-weight: 600;
    color: var(--color-primary-black);
}

.download-icon {
    width: 16px;
    height: 16px;
    align-self: center;
}

.page-documents {
    margin-top: 32px;
}

.page-documents__title{
    text-align: center;
}

@media (max-width:850px) {
    .documents {
        margin-top: 32px;
    }

    .page-documents__title{
        text-align: start;
    }
}

/* ANCHOR - service-table */ 

.service-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--color-opacity-black-10);
    overflow: hidden;
}

.table-header {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 24px;
    padding: 20px 24px;
    background-color: var(--color-primary);
    color: var(--color-primary-white);
    font-weight: 500;
}

.table-row {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 24px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--color-opacity-black-10);
}

.table-row:nth-child(even) {
    background-color: var(--color-background-accent);
}

.table-row:last-child {
    border-bottom: 1px solid transparent;
}

.table-row__item-name {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.table-row__item-title {
    color: var(--color-primary-black);
}

.table-row__item-description {
    font-size: 12px;
    color: var(--color-opacity-black-60);
}

.table-row__item-price {
    display: flex;
    gap: 24px;
    align-self: center;
    font-weight: 500;
}

.table-row__item-сost {
    color: var(--color-primary-black);
}

.table-row__item-price {
    color: var(--color-primary-black);
}

.service-pricelist__table .table-header,
.price-block .price-title{
    grid-template-columns: 1fr 120px 120px;
}

.service-pricelist__table .table-row,
.price-block .table-row {
    grid-template-columns: 1fr 120px 120px;
}


@media (max-width: 850px) {

    .service-pricelist__table .table-header,
    .price-block .price-title {
        grid-template-columns: 1fr 100px 110px;
    }

    .service-pricelist__table .table-row,
    .price-block .table-row {
        grid-template-columns: 1fr 100px 110px;
        gap: 8px;
    }

    .price-block .dropdown-list__item-content {
        margin: 0px 24px;
    }
}

@media (max-width: 500px) {

    .price-block .dropdown-list__item-content {
        margin: 0px 24px;
    }

    .price-block .table-row {
            padding: 20px 0px;
        }
}

@media (max-width: 430px) {

    .service-pricelist__table .table-header,
    .price-block .price-title {
        grid-template-columns: 100px 1fr 1fr;
    }

    .service-pricelist__table .table-row,
    .price-block .table-row {
        grid-template-columns: 100px 1fr 1fr;
    }
}

.service-pricelist {
    margin-bottom: 40px;
}

.service-subscriptions__buttons {
    display: flex;
    gap: 24px;
    margin-top: 24px;
    justify-content: center;
}

@media (max-width: 850px) {

    .table-header {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 20px;
    }

    .table-row {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 20px;
    }
    
    .table-row__item-price {
        gap: 16px;
    }

    .service-subscriptions__buttons {
        flex-direction: column;
        gap: 12px;
        margin-top: 20px;
    }

    .service-subscriptions__btn {
        width: 100%;
    }

}

/* ANCHOR - service-cta */ 

.service-cta {
    margin-top: 40px;
}

.service-cta__wrapper {
    display: flex;
    gap: 24px;
    border-radius: 12px;
    background-color: var(--color-background-accent);
    position: relative;
    overflow: hidden;
}

.service-cta__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 64px 0;
    max-width: 660px;
}

.service-cta__img {
    width: 431px;
    object-fit: cover;
}

.service-cta__m-logo {
    position: absolute;
    width: 432px;
    object-fit: cover;
    right: 0;
    bottom: 0;
}

@media (max-width:850px) {
    .service-cta__wrapper {
        flex-direction: column-reverse;
        gap: 16px;
    }

    .service-cta__content {
        margin: 20px 20px 0 20px;
    }

    .service-cta__btn {
        width: 100%;
    }

    .service-cta__m-logo {
        display: none;
    }

    .service-cta__title {
        max-width: 500px;
    }

    .service-cta__img {
            margin: 0 auto;
    }

}


/* ANCHOR - contacts*/

.contacts {
    margin-top: 32px;
    margin-bottom: -260px;
}

.contacts__header {
    position: relative;
    padding: 0 0 32px 456px;
    overflow: hidden;
}

.contacts__m-logo {
    position: absolute;
    left: 0;
    bottom: -86px;
}

.contacts__header-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contacts__adress-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.contacts__adress-wrapper .btn {
    flex-shrink: 0;
    align-self: center;
    margin-top: 0;
}

.contacts__items {
    display: flex;
    gap: 52px;
}

.contacts-map.main-contacts__map {
    width: 100%;
    height: 520px;
}

.contacts-accent-block {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 260px;
}

.accent-block section.details {
    margin-top: 40px;
}

.details-items {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

@media (max-width: 850px) {
    .contacts__header {
        padding: 0;
    }

    .contacts__adress-wrapper {
        flex-direction: column;
        gap: 12px;
    }

    .contacts__items {
        flex-direction: column;
        gap: 20px;
    }

    .contacts__header-content {
        position: relative;
        gap: 20px;
        z-index: 1;
        margin-bottom: 32px;
    }

    .contacts__m-logo {
        z-index: 0;
        left: auto;
        right: -120px;
    }

    .details-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 15px;
    }

    .main-contacts__item:first-child {
        grid-column: span 2;
    }

    .details-items .btn {
        grid-column: span 2;
        width: 100%;
    }
}

/* ANCHOR - error-page*/

.error-page {
    margin-top: 22px;
    margin-bottom: 57px;
}

.error-page__wrapper {
    display: flex;
    gap: 24px;
}

.error-page__img {
    width: 888px;
}

.error-page__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: center;
}

.error-page__btn {
    margin-top: 12px;
}

@media (max-width: 1300px) {
    .error-page__img {
        width: 570px;
    }
}

@media (max-width: 850px) {

    .error-page {
        margin-top: 106px;
        margin-bottom: 140px;
    }

    .error-page__wrapper {
        flex-direction: column-reverse;
        gap: 32px;
    }

    .error-page__content {
        text-align: center;
    }

    .error-page__img {
        width: 100%;
    }

    .error-page__btn {
        margin: 0 auto;
    }
}

/* ANCHOR - privacy-policy*/

.privacy-policy {
    margin-top: 32px;
}

.privacy-policy .article__text {
    margin-top: 24px;
    margin-bottom: 32px;
}

.privacy-policy__content {
    max-width: 888px;
    margin: 0 auto;
}

/* ANCHOR - modals*/

.hystmodal__window.modal-wrapper {
    width: 660px;
    border-radius: 24px;
    overflow: hidden;
}

.modal-wrapper .hystmodal__close {
    z-index: 10;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    padding: 0;
    background-image: url(/assets/img/icons/close-icon.svg);
    transition: all .3s ease;
}

.modal-wrapper .hystmodal__close:hover {
    background-image: url(/assets/img/icons/hover-close-icon.svg);
}

.modal-img {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 16px;
}

.modal__services-list .arrow-right path {
    stroke: var(--color-opacity-black-60);
}

.modal__services-list {
    margin-block-start: 0;
    margin-block-end: 0;
}

.modal__services-item {
    display: flex;
    align-content: center;
}

.modal__services-item .arrow-right {
    margin-bottom: -3px;
}

.problems-modal,
.cases-modal,
.promo-modal,
.preparations-modal,
.equipment-modal  {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 8px;
    border-radius: 24px;
    overflow: hidden;
}

.problems-modal__img,
.promo-modal__img {
    height: 328px;
}

.problems-modal__content,
.cases-modal__content,
.promo-modal__content,
.preparations-modal__content,
.equipment-modal__content {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 12px;
}

.problems-modal__title,
.cases-modal__title,
.promo-modal__title,
.preparations-modal__title,
.equipment-modal__title {
    font-size: 20px;
    color: var(--color-primary-black);
}

.problems-modal__text,
.cases-modal__text,
.promo-modal__text,
.preparations-modal__text,
.equipment-modal__text  {
    margin-bottom: 12px;
}

.problems-modal__img {
    height: 339px;
}

.preparations-modal__img-wrapper,
.equipment-modal__img-wrapper {
    width: 100%;
    height:290px;
    border-radius: 16px;
    border: 1px solid var(--color-opacity-black-20);
    position: relative;
    overflow: hidden;
}

.preparations-modal__img-wrapper,
.equipment-modal__img-wrapper {
    width: 100%;
    height: 290px;
    border-radius: 16px;
    border: 1px solid var(--color-opacity-black-20);
    position: relative;
    overflow: hidden;
}

.preparations-modal__img,
.equipment-modal__img {
    width: 300px;
    height: 100%;
    object-fit: cover;
    object-position: top;
    margin: 0 auto;
}

.form-modal {
    display: flex;
    flex-direction: column;
    padding: 32px;
}
.form-modal__title {
    max-width: 440px;
}

.form-modal__description {
    max-width: 385px;
    margin-top: 12px;
    margin-bottom: 24px;
}

.form-modal__form-fields {
    display: flex;
    gap: 24px;
}

.form-modal__form-fields .form-group {
    width: 100%;
}

.form-modal__form-fields input {
    background-color: var(--color-primary-white);
    border: 1px solid var(--color-opacity-black-10);
}

.form-modal__form-bottom {
    display: flex;
    gap: 20px;
    margin-top: 28px;
}

.form-modal__agreement-text {
    align-self: center;
    max-width: 300px;
}

.success-modal {
    display: flex;
    flex-direction: column;
    padding: 66px 138px;
    text-align: center;
}
.success-modal__img {
    width: 68px;
    height: 68px;
    margin: 0 auto;
}

.success-modal__title {
    margin-top: 8px;
    margin-bottom: 12px;
}

.faq-modal__form-fields,
.vacancy-modal__form-fields,
.nalog-modal__form-fields,
.documents-modal__form-fields {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.faq-modal__form-fields .form-group:last-child,
.vacancy-modal__form-fields .form-group:last-child,
.documents-modal__form-fields .form-group:last-child {
    grid-column: span 2;
}

.certificate-modal__form-fields {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

@media (max-width:850px) {
    .hystmodal__window.modal-wrapper {
        width: calc(100% - 40px);
    }

    .form-modal__title {
        max-width: 100%;
    }

    .problems-modal__img,
    .promo-modal__img,
    .problems-modal__img  {
        height: 162px;
    }

    .preparations-modal__img-wrapper,
    .equipment-modal__img-wrapper {
        height:260px;
    }

    .preparations-modal__img,
    .equipment-modal__img {
        width: 270px;
    }


    .form-modal__description {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .form-modal__form-fields {
        flex-direction: column;
        gap: 16px;
    }

    .form-modal__form-bottom {
        flex-direction: column;
        gap: 12px;
        margin-top: 24px;
    }

    .form-modal__agreement-text {
        text-align: center;
        max-width: 100%;
    }

    .form-modal__btn {
        width: 100%;
    }

    .success-modal {
        padding: 120px 24px;
    }
    .success-modal__img {
        width: 55px;
        height: 55px;
    }

    .faq-modal__form-fields,
    .certificate-modal__form-fields,
    .vacancy-modal__form-fields,
    .nalog-modal__form-fields,
    .documents-modal__form-fields  {
        grid-template-columns: 1fr;
    }

    .faq-modal__form-fields .form-group:last-child,
    .vacancy-modal__form-fields .form-group:last-child,
    .documents-modal__form-fields .form-group:last-child{
        grid-column: span 1;
    }

}

/* ANCHOR - price*/

.price-page .accent-block {
    margin-top: 30px;
    margin-bottom: 104px;
}

.price-header .section-header__wrapper {
    width: 100%;
    justify-content: start;
    gap: 20px;
}

.price-header .section-header__tabs {
    width: 100%;
}

.price-header .section-header {
    grid-template-columns: 1fr;
    max-width: 888px;
    margin-left:auto;
    margin-right:auto;
}

.price-header .btn-primary {
    height: auto;
    align-self: flex-end;
    flex-shrink: 0;
}

.price-content {
    display: flex;
    flex-direction: column;
    gap: 50px;
    max-width: 888px;
    margin: 0 auto;
}


.price-content .service-subscriptions-dropdown .table-row {
    grid-template-columns: 1fr 210px;
}

.service-subscriptions-dropdown .dropdown-list__item-content {
    margin: 0 40px 0 24px;
}

.price-content .table-row:nth-child(even) {
    background-color: var(--color-primary-white);
}



.price-block-title {
    margin-bottom: 24px;
}

.price-subscriptions-title-wrapper {
    display: flex;
    gap: 10px;
}

.price-subscriptions-img {
    width:20px;
    height: auto;
    align-self: start;
}

@media (max-width: 1440px) {

    .price-header .section-header__tabs {
        margin-left: 0;
    }

    .price-header .section-header {
        max-width: 100%;
        margin-left:auto;
        margin-right:auto;
    }

    .price-header .section-header__description {
        max-width: 100%;
    }

}

@media (max-width: 1024px) {

    .price-page .accent-block {
        margin-top: 48px;
        margin-bottom: 72px;
    }

    .price-content {
        gap: 32px;
    }

    .price-block-title {
        margin-bottom: 16px;
    }
}

@media (max-width: 850px) {

    .price-header .section-header__wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .price-header .btn-primary {
        width: 100%;
    }
}

.anchor-wrapper {
    position: relative;
}

.anchor {
    position: absolute;
    top: -82px;
    left: 0px;
}


.share-wrapper {
    position: relative;
}

.share-menu {
    opacity: 0;
    transition: all 0.3s ease;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--color-primary);
    position: absolute;
    background-color: var(--color-primary-white);
    padding: 24px;
    top: 60px;
    left: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.share-wrapper:hover .share-menu {
    opacity: 1;
}

.share-menu__item {
    border: none;
    padding: 0;
    text-align: start;
    font-weight: 500;
    color: var(--color-opacity-black-60);
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    background: var(--color-primary-white);
    cursor: pointer;
}

.share-menu__item.done{
    color: rgb(124, 168, 124);
}

.grecaptcha-badge {
    display: none;
}


.cookie-note {
    position: sticky;
    background-color: white;
    color: var(--color-delivery);
    bottom: 0px;
    display: none;
    gap: 20px;
    padding: 10px;
    font-size: 14px;

    border: 1px solid var(--color-slider);
    width: 100%;
    justify-content:center;
    border: 1px solid rgba(7, 21, 49, .1);
    z-index: 10;
}

.cookie-note.show {
    display: flex !important;
}


.cookie-note__text {
    align-self: center;
    padding-left: 10px;
}


.cookie-note__btn {
    opacity: 1;
}

.cookie-note__btn:hover {
    /* opacity: 0.9; */
}

@media (max-width: 650px){
    .cookie-note {
        flex-direction: column;
        gap: 10px;
    }

    .cookie-note__btn {
        align-self: center;
    }
}  


h1.main-slider__title {
    font-family: 'Poiret One', 'Involve';
}

.specialists-header {
    margin-top: 0;
}

.specialists-header__wrapper {
    display: grid;
    grid-template-columns: 1fr 430px 318px;
    grid-template-areas: "specialists-img specialists-title specialists-title"
                        "specialists-img specialists-content specialists-services"
                        "specialists-img specialists-content specialists-services";
    column-gap: 24px;
    row-gap: 20px;
}

.specialists-header__img-wrapper {
    grid-area: specialists-img;
    height: 100%;
    background-color: var(--color-background-accent);
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    display: flex;
}

.specialists-header__img{
    z-index: 1;
    margin: 0 auto;
    object-fit: cover;

}

.specialists-header__title {
    grid-area: specialists-title;
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.specialists-header__content-wrapper {
    grid-area: specialists-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.specialists-header__services {
    grid-area: specialists-services;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.specialists-header__btn {
    width: 100%;
    margin-top: 35px;
}

.specialists-header__cta.card__content {
    justify-content: start;
    background-color: var(--color-background-accent);
    border-radius: 12px;
    height: auto;
}

.specialists-header__cta .card__title {
    margin-bottom: 12px;
}

.specialists-header__table .table-row {
    grid-template-columns: 1fr 1fr;
}


.specialists-header__table-row-text {
    display: block;
    text-align: end;
    font-weight: 500;
    color: var(--color-primary-black);
}

.specialists-header__table--row-title {
    display: block;
    text-align: end;
    font-weight: 500;
    color: var(--color-primary-black);
}

@media (max-width: 1300px) {
    .specialists-header__wrapper {
        grid-template-columns: 1fr 1fr 250px;
    }

    .specialists-header__img{
        position: relative;
    }
}

@media (max-width: 1024px) {
    .specialists-header__wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "specialists-img specialists-title"
                            "specialists-img specialists-content"
                            "specialists-services specialists-services";
    }
}

@media (max-width: 850px) {
    .specialists-header__wrapper {
        grid-template-columns: 1fr;
        grid-template-areas: "specialists-img"
                            "specialists-title"
                            "specialists-content"
                            "specialists-services";
    }

    .specialists-header__cta.card__content {
        gap: 0;
    }

    .specialists-header__img-wrapper {
        height: 330px;
    }

    .specialists-header__img{
        z-index: 1;
        width: auto;
        height: auto;
        max-height: 100%;
        object-fit: cover;
        margin: 0 auto;
    }
}

.equipment-banner .service-banner__content {
    width: 60%;
}

@media (max-width: 850px) {
    .equipment-banner .service-banner__content {
        width: 100%;
        padding: 20px 20px 32px 20px;
    }

    .equipment-banner .category-banner__img {
        height: 320px;
    }
}

.how-it-works-item__img {
    width: 100%;
    height: 240px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 24px;
}

.how-it-works-item .card__title {
    margin-bottom: 16px;
}

.equipment-advantages__wrapper {
    display: grid;
    grid-template-columns: 546px 1fr;
    width: 100%;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}

.equipment-advantages__cards {
    display: flex;
    flex-direction: column;
    gap: 19px;
    z-index: 2;
    position: relative;
}

.equipment-advantages__accent-block.accent-block {
    padding: 100px 0 0 0;
}

.equipment-advantages__img {
    position: absolute;
    bottom: -200px;
    right: 0;
    width: 800px;
    z-index: 1;
}

@media (max-width: 1400px) {
    .equipment-advantages__img {
        bottom: 0;
        width: 500px;
    }
}

@media (max-width: 1024px) {

    .equipment-advantages__wrapper {
        grid-template-columns: 1fr;
        padding-bottom: 300px;
    }
    .equipment-advantages__img {
        bottom: 0;
        right: calc(50% - 150px);
        max-height: 300px;
        width: 300px;
        object-fit: cover;
        margin: 0 auto;
    }
}

.procedure-swiper {
    overflow: hidden;
}

.footer__callback,
.header-menu__callback {
cursor: pointer;
transition: all .3s ease;
}

.footer__callback,
.header-menu__callback {
    color: var(--color-opacity-black-80);
}

.header-top__station,
.header-top__schedule {
    color: var(--color-opacity-black-40);
}

a.main-contacts__item-text,
a.footer__phone,
.footer__callback {
    transition: all .3s ease;
}

a.main-contacts__item-text:hover,
a.footer__phone:hover,
.footer__callback:hover {
    color: var(--color-opacity-black-60);
}

.wa-icon-background {
    fill: #28A63C;
    transition: all .3s ease;
}
.tg-icon-background {
    fill: #269FDB;
    transition: all .3s ease;
}

.vk-icon-background {
    fill: #006EEB;
    transition: all .3s ease;
}

.social-item:hover .wa-icon-background {
    fill: #249236;
}

.social-item:hover .tg-icon-background {
    fill: #238EC3;
}

.social-item:hover .vk-icon-background {
    fill: #005AC1;
}

.header-top-social-opacity {
    opacity: 0.6;
    transition: all .3s ease;
}

.header-top__social:hover .header-top-social-opacity {
    opacity: 1;
}

.footer__mobile-apps-flex {
    display: flex;
    gap: 32px;
}

.footer__mobile-apps-section {
    margin-top: 32px;
}

.footer__mobile-apps-section.mobile {
    display: none;
}

.footer__mobile-apps-title {
    font-size: 14px;
    font-weight: 600;
    color: black;
    margin-bottom: 16px;
}

.footer__mobile-apps-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer__mobile-apps-small-text {
    font-size: 12px;
    color: black;
    margin-top: 2px;
}

.footer__mobile-apps-big-text {
    font-size: 16px;
    color: black;
}

@media (max-width: 850px) {
    .footer__mobile-apps-section.mobile {
        display: block;
    }

    .footer__mobile-apps-section.desktop {
        display: none;
    }
}

@media (max-width: 550px) {
    .footer__mobile-apps-flex {
        flex-direction: column;
        gap: 16px;
    }
}

.docs__top-section {
    position: relative;
    height: 504px;
}

.docs__top-background {
    width: 100%;
    position: absolute;
    top: -20px;
    left: 0px;
    object-fit: contain;
}

.docs__top-background.logo {
    top: auto;
    bottom: 20px;
}

.docs__top-background-img {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.docs__top-background-logo {
    width: 100%;
    z-index: 1;
    max-width: 1440px;
    margin: 0px auto;
    padding: 0px 50px;
}

.docs__top-title {
    margin: 50px auto 30px;
    max-width: 700px;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 44px;
    font-weight: 300;
}

.docs__top-description {
    font-size: 14px;
    margin: 0px auto;
    max-width: 800px;
    width: 100%;
    text-align: center;
    color: white;
    opacity: 0.8;
}

@media (max-width: 1440px) {
    .docs__top-section {
        height: 34vw;
        min-height: 409px;
    }

    .docs__top-background.logo {
        bottom: 0px;
    }
}

@media (max-width: 1200px) {
    .docs__top-background-img {
        height: 425px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    
}

@media (max-width: 620px) {
    .docs__top-title {
        margin: 20px auto 20px;
        font-size: 28px;
        text-align: left;
    }

    .docs__top-description {
        text-align: left;
    }
    
    .docs__top-background-logo {
        padding: 0px 20px;
    }
}

@media (max-width: 390px) {
    .docs__top-title {
        margin: 24px auto 16px;
        line-height: 1.3;
    }
}

@media (max-width: 380px) {
    .docs__top-title {
        font-size: 24px;
        margin: 16px auto 14px;
        line-height: 1.3;
    }
}

.docs__content {
    margin-top: 80px;
}

.docs__title {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 40px;
    margin-top: 80px;
    color: black;
}

.docs__subtitle {
    font-size: 20px;
    font-weight: 300;
    color: black;
    margin-bottom: 24px;
    max-width: 700px;
}

.docs__info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}

.docs__info-grid-item-title {
    font-size: 12px;
    margin-bottom: 8px;
}

.docs__info-grid-item-text {
    font-size: 20px;
    color: black;
    display: flex;
    gap: 4px;
}

.docs__info-grid-item-text > div {
    font-size: 14px;
}

a.docs__info-grid-item-text {
    cursor: pointer;
    color: black;
    margin-top: 12px;
}

@media (max-width: 1380px) {
    .docs__info-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1100px) {
    .docs__info-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .docs__info-grid-item-text {
        font-size: 18px;
    }
}

@media (max-width: 600px) {
    .docs__info-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.docs__list-block {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 40px;
}

.docs__list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.docs__list-item:nth-child(odd) {
    background-color: #F8F5F4;
}

.docs__list-item:last-child {
    border-bottom: 0px;
}

.docs__list-item-value {
    color: black;
}

@media (max-width: 900px) {
    .docs__list-item {
        flex-direction: column;
        align-items: start;
        gap: 12px;
    }
}

.docs__license-block {
    margin-bottom: 40px;
}

.docs__license-title {
    margin-bottom: 8px;
    font-size: 12px;
}

.docs__license-text {
    font-size: 20px;
    color: black;
}

.specialist-education-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
}

.education-item {
    padding: 20px 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.education-title {
    margin-bottom: 12px;
    font-size: 16px;
    color: black;
}

.specialist-education-block {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.vacancy-top-block {
    display: flex;
    padding: 8px;
    border-radius: 24px;
    background-color: #F8F5F4;
}

.vacancy-top-content {
    padding: 24px;
}

.vacancy-title {
    margin-bottom: 20px;
}

.vacancy-description {
    margin-bottom: 32px;
}

.vacancy-top-block img {
    border-radius: 16px;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .vacancy-top-block {
        flex-direction: column;
        gap: 24px;
    }
}

@media (max-width: 500px) {
    .vacancy-title {
        margin-bottom: 12px;
    }

    .vacancy-description {
        margin-bottom: 28px;
    }

    .vacancy-top-content {
        padding: 12px;
    }

    .vacancy-top-block .btn {
        width: 100%;
    }
}

.header-icon-btn {
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.header-icon-btn:hover {
    opacity: 0.6;
}

.header-icon-btn.center {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
    .header-icon-btn {
        width: 49px;
    }

    .header-content__wrapper.icons {
        margin-left: auto;
    }
}


@media (max-width: 360px) {
    .header-menu__phone-mobile {
        display: none;
    }
}


.js-dropdown-item .js-dropdown-content {
    transition-duration: 300ms;
    overflow: hidden;
    max-height: 0px;
}

.hystmodal__window > .wrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.search-box {
    position: fixed;
    top: 95px;
    left: 0px;
    z-index: 150;
    width: 100%;
    height: 81px;
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.fixed-header .search-box {
    top: 59px;
}

.search-input {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 773px;
}

.search-input:hover, 
.search-input:focus {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.btn.search-btn {
    padding: 16px 32px;
}

.search-btn .icon {
    display: none;
}

@media (max-width: 1038px) {
    .search-box {
        top: 110px;
    }
}

@media (max-width: 1024px) {
    .search-box {
        top: 49px;
        padding: 0px 20px;
    }

    .fixed-header .search-box {
        top: 49px;
    }
}

@media (max-width: 500px) {
    .btn.search-btn {
        height: 53px;
        width: 53px;
        flex-shrink: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .search-btn .text {
        display: none;
    }

    .search-btn .icon {
        display: block;
    }
}

.header-icon-btn.search .close {
    display: none;
}

.search-opened .header-icon-btn.search .close {
    display: block;
}

.search-opened .header-icon-btn.search .open {
    display: none;
}

.search-opened .search-box {
    display: flex;
}

.search-result-float {
    position: fixed;
    top: 190px;
    margin: 0 auto;
    z-index: 150;
    width: 100%;
    /* display: none; */
    /* align-items: center;
    justify-content: center; */
    gap: 8px;
}

.search-result-block {
    width: 100%;
    margin: 0 auto;
    max-width: 888px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 10px 0px 24px;
}

.search-result-item {
    display: block;
    cursor: pointer;
}

.search-result-item .border-wrapper {
    display: flex;
    gap: 15px;
    margin: 0px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.search-result-item:hover {
    background-color: #F8F5F4;
}

.search-result-title {
    font-size: 16px;
    color: black;
    margin-bottom: 8px;
    margin-top: 14px;
}

.search-result-text {
    font-size: 14px;
    margin-bottom: 14px;
}

.fixed-header .search-result-float {
    top: 151px;
}

.search-result-float .btn {
    margin-top: 24px;
    margin-left: 24px;
}

.search-result-float .no-options {
    margin: 14px 24px;
}

.search-query {
    font-size: 18px;
    margin-bottom: 15px;
}

.search-result-grid {
    margin-bottom: 30px;
}

.search-result-grid .no-result {
    font-size: 18px;
}

.search-quantity {
    margin-bottom: 40px;
    margin-top: 4px;
}

.search-quantity > span {
    color: var(--color-primary);
}

.vacancy-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px;
   margin-top: 40px;
}

.vacancy-item {
    display: block;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition-duration: 300ms;
}

.vacancy-item:hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.vacancy-name {
    font-size: 20px;
    color: black;
    margin-bottom: 4px;
}

.vacancy-address {
    font-size: 12px;
    margin-bottom: 24px;
}

.vacancy-salary {
    font-size: 32px;
    color: black;
    font-weight: 300;
    margin-bottom: 24px;
}

.vacancy-link {
   display: flex;
   justify-content: space-between;
   color: black;
}

@media (max-width: 800px) {
    .vacancy-grid {
        gap: 15px;
    }

    .vacancy-item {
        padding: 20px;
    }
}

@media (max-width: 600px) {
    .vacancy-grid {
        grid-template-columns: 1fr;
    }        

    .vacancy-name {
        font-size: 18px;
    }

    .vacancy-address {
        margin-bottom: 20px;    
    }

    .vacancy-salary {
        font-size: 28px;
        margin-bottom: 20px;
    }
}

.apps-block {
    display: flex;
    gap: 4px;
    padding: 8px;
    background-color: #F8F5F4;
    border-radius: 24px;
}

.apps-img-block {
    flex-shrink: 0;
    width: 448px;
    height: 350px;
    border-radius: 16px;
    position: relative;
}

.apps-background-img {
    width: 100%;
    border-radius: 16px;
}

.apps-content-block {
    padding: 52px;
}

.apps-title {
    font-size: 32px;
    margin-bottom: 20px;
    color: var(--color-primary-black)
}

.apps-description {
    margin-bottom: 48px;
}

.apps-subtitle {
    font-size: 20px;
    margin-bottom: 24px;
    color: var(--color-primary-black)
}

.apps-phone-img {
    position: absolute;
    bottom: 0px;
    left: 13%;
    width: 75%;
}

@media (max-width: 1350px) {
    .apps-content-block {
        padding: 16px;
    }
}

@media (max-width: 1050px) {
    .apps-content-block .footer__mobile-apps-item-content {
        display: none;
    }
}

@media (max-width: 950px) {
    .apps-title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .apps-subtitle {
        font-size: 16px;
        margin-bottom: 16px;
    }
}

@media (max-width: 780px) {
    .apps-block {
        flex-direction: column;
    }

    .apps-content-block .footer__mobile-apps-item-content {
        display: block;
    }
}

@media (max-width: 516px) {
    .apps-img-block {
        width: 100%;
        height: auto;
    }

    .apps-description {
        margin-bottom: 36px;
    }
}

.article__text {
    max-width: 100%;
    overflow-x: auto;
}

.article__text table {
    border-radius: 12px;
    border: 1px solid var(--color-opacity-black-10);
    padding: 20px 24px;
    width: 100%;
    min-width: 680px;
}

.article__text table tr td {
    border-bottom: 1px solid var(--color-opacity-black-10);
}

.article__content .article__text table tr td p,
.article__content .article__text table tr td p:first-child{
    margin-top: 24px;
    margin-bottom: 24px;
}

.article__content .article__text table tr:first-child td p{
    margin-top: 0;
}

.article__content .article__text table tr:last-child td p{
    margin-bottom: 0;
}

.article__text table tr:last-child td{
    border-bottom: 0px solid var(--color-opacity-black-10);
}
 
@media (max-width:1024px) {
    .article-navigation {
        position: relative;
    top: 0;
    margin-bottom: 20px;
    }
}
   
.header-top__social img {
    width: 15px;
    height: 15px;
}

@media (max-width: 1200px) {
    .header-top__station {
        display: none;
    }
}

.social-item img {
    width: 32px;
    height: 32px;
}

@media (max-width: 405px) {
    .mobile-menu-social-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .mobile-menu-social-wrapper div.social {
        align-self: start;
    }
}