@import "reset.css";
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.cdnfonts.com/css/sf-ui-display');
@import url('https://fonts.cdnfonts.com/css/rubik');

@font-face {
    font-family: "Intro Black";
    src: url("../fonts/Intro.ttf");
}

* {
    box-sizing: border-box;
}

.hidden {
    display: none!important;
}

body {
    background: #F5F3EF;
}

.swiper-certificates img {
    cursor: pointer;
}

.pr-cards-swiper.swiper {
    display: none;
}

.header-wrapper {
    width: 100%;
    height: max-content;
    padding-top: 18px;
}

#header-cont {
    display: flex;
    width: max-content;
    height: 84px;
    margin: 0 auto;
    padding-top: 7px;
}

.fw-500 {
    font-weight: 500;
}

.header-logo {
    object-fit: cover;
    width: 136px;
    height: 58.625px;
    margin-top: -8px;
}

.logo-tag-cont {
    display: none!important;
    flex-direction: column;

    color: #2A75BA;

    font-family: Montserrat Alternates;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-right: 80px;
    margin-top: -3px;
}

.tag-logo {
    margin-right: 8px;
}

.tag-row {
    display: flex;
}

.tag-s {
    font-size: 17px;
    margin-top: -3px;
}

.header-subcont {
    display: flex;
    flex-direction: column;
}

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

.address-cont {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.address-title {
    color: #88A5AC;

    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.address-info {
    color: #232F38;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.address-cont-f {
    margin-right: 28px;
}

.header-bottom {
    display: flex;
}

.tel-cont {
    display: flex;
    flex-direction: column;
    margin-left: 21px;
    margin-right: 20px;
}

.tel-cont a {
    color: #232F38;
    text-decoration: none;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

a:hover {
    color: #80c2f1!important;
    transition: color .5s;
}

.wa-after, .tg-after {
    display: flex;
}

.wa-after:after {
    content: url("../images/wa.svg");
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    background: #73EF12;
    margin-left: 10px;
}

.tg-after:after {
    content: url("../images/telegram.svg");
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 12px;
    padding-right: 2px;
    padding-bottom: 4px;
    border-radius: 20px;
    background: #3D81FA;
    margin-left: 10px;
}

.order-call {
    border-radius: 20px;
    border: 1.5px solid #2A75BA;

    display: flex;
    width: 173px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: inherit;

    color: #365C8C;

    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16px;

    cursor: pointer;

    height: 39px;
}

.order-call:hover {
    background: #365C8C;
    color: #fff;
    transition: background .3s, color .3s;
}

.eye {
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-left: 16px;
}

.header-bottom {
    --width: 580px;
    display: flex;
    border-radius: 20px;
    border: 1px solid #E7EDED;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(7px);

    padding: 2px 8px 4px 8px;
    position: absolute;
    top: 86px;
    left: calc(50% - var(--width) / 2);
    z-index: 3;
    width: max-content;
}

.header-bottom a {
    color: #42808F;

    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;

    padding: 0px 10px;
    height: 31px;
    display: flex;
    align-items: center;
}

.header-bottom .has-children {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.header-bottom .has-children:after {
    content: url("../images/has-children.svg");
    display: block;
    width: 16px;
    margin-left: 2px;
    height: 16px;
    transition: transform .3s;
    transform: rotate(0deg);
}

.has-children {
    position: relative;
}

.has-children:before {
    content: "9";
    position: absolute;
    right: 25px;
    top: 5px;
    color: #26D5C0;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.otzivi {
    position: relative;
}

.otzivi:before {
    content: "123";
    position: absolute;
    right: -5px;
    top: 6px;
    color: #26D5C0;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.banner-swiper {
    width: 1624px;
    height: 686px;
    margin-bottom: 81px;
}

.banner-swiper .swiper-slide.video {
    background: inherit;
}

.banner-swiper .swiper-slide.video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 20px;
}

.banner-swiper .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.banner-swiper .swiper-slide img {
    position: absolute;
    right: 150px;
    bottom: 0;
    z-index: -1;
    height: 600px;
}

.banner-swiper .swiper-slide {
    background: url("../images/banner-bg.png") 100% 100%;
    background-size: cover;
}

.banner-swiper .banner-title {
    color: #FFF;

    font-family: Intro Black, sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;

    width: 505px;

    margin-left: 166px;
    margin-top: 197px;
}

.priem-form {
    border-radius: 26px;
    background: #FFF;
    width: 215px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #42808F;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.16px;

    border: none;

    cursor: pointer;

}

.priem-form:hover {
    color: #fff;
    background: #42808F;
    transition: color .3s, background .3s;
}

.banner-swiper .swiper-slide .priem-form {
    margin-left: 166px;
    margin-top: 50px;
}

.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next {
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.20);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4.772727012634277px);
    top: 584px
}

.banner-swiper .swiper-button-prev:after, .banner-swiper .swiper-button-next:after {
    content: url("../images/swiper-arrow.svg");
    display: block;
}


.banner-swiper .swiper-button-prev:after {
    margin-bottom: 2px;
}

.swiper-button-next:after {
    transform: rotate(180deg);
    margin-top: 2px;
}

.banner-swiper .swiper-button-prev {
    left: 166px;
}

.banner-swiper .swiper-button-next {
    left: 211px;
}

.pr-section {
    display: flex;
    justify-content: space-between;
    width: 1308px;
    margin: 0 auto 61px;
}

.pr-text-cont {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 50px;
    width: 394px;
}

.pr-title {
    color: #42808F;

    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */
}

.pr-title span {
    color: #88A5AC;
}

.pr-description {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.pr-cards-cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 30px;
    width: 783px;
}

.pr-card {
    width: 374px;
    height: 265px;
    border: 1px solid rgba(231, 237, 237, 0.06);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.pr-card-image-corner {
    width: 84px;
    position: absolute;
    right: 17px;
    top: 32px;
}

.pr-card-title {
    color: #42808F;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
    margin: 74px 0 0 45px;
    width: 173px;
}

.pr-card-description {
    width: 220px;
    color: #42808F;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    margin: 10px 0 0 45px;
}

.pr-card-number {
    position: absolute;
    bottom: -47px;
    right: 37px;
    color: rgba(255, 255, 255, .2);
    font-family: Inter;
    font-size: 128px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%; /* 179.2px */
}

.plus-after:after {
    content: "+";
}

.procent-after:after {
    content: "%";
}

.numbers-section {
    width: 1308px;
    margin: 0 auto 101px;
    display: flex;
    justify-content: space-between;
}

.numbers-cont {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.numbers-cont .number-title {
    color: #88A5AC;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.32px;
}

.numbers-cont .number {
    color: #42808F;
    font-family: Inter;
    font-size: 96px;
    font-weight: 400;
    line-height: 120%; /* 115.2px */
    text-transform: uppercase;
}

.special-section {
    display: flex;
    flex-direction: column;
    width: 1344px;
    margin: 0 auto 98px;
}

.special-title {
    color: #42808F;
    width: 493px;

    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 40px;
}

.special-description {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    width: 880px;
    margin-bottom: 78px;
}

.special-slider .swiper-slide {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 20px;
    width: 630px;
    height: 360px;
}

.fw-400 {
    font-weight: 400;
}

.special-slider {
    width: 1308px;
    margin: 0 auto;
}

.special-slider .swiper-slide.type-f h1 {
    color: #FFF;

    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%; /* 50.4px */
    margin: 47px 0 0 40px;
}

.special-slider .swiper-slide.type-f h2 {
    color: #F3F3F3;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%; /* 38.4px */
    margin: -5px 0 0 40px;
}

.special-slider .swiper-slide.type-f p, .special-slider .swiper-slide.type-f li {
    color: #DFF2F6;

    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%; /* 14.4px */
    width: 358px;
    margin-left: 58px;
    margin-top: 15px;
    list-style-type: circle;
}

.special-slider .swiper-slide.type-f .special-percent {
    position: absolute;
    width: 126px;
    height: 126px;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;

    right: 21px;
    top: 34px;
    background: url("../images/percent-bg.svg") no-repeat 30% 10%;
}

.special-slider .swiper-slide.type-f > img {
    position: absolute;
    right: -25px;
}

.special-slider .swiper-slide .priem-form {
    margin-left: 40px;
    margin-top: 30px;
    height: 39px;
    color: #42808F;
}

.special-slider .swiper-slide .priem-form:hover {
    color: #fff;
}


.special-slider .swiper-slide.type-s > img {
    position: absolute;
    right: 36px;
    top: 106px;
}

.special-slider .swiper-slide.type-s h1 {
    color: #FFF;

    font-family: Intro Black;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%; /* 56px */
    margin: 55px 0 0 53px;
}

.special-slider .swiper-slide.type-s h3 {
    color: #42808F;

    font-family: Intro Black;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%; /* 28.8px */
    margin-left: 55px;
    margin-top: 10px;
}

.special-slider .swiper-slide.type-s h2 {
    color: #42808F;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    margin-left: 55px;
}

.special-slider .swiper-slide.type-s p {
    color: #42808F;

    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    margin-left: 55px;
    width: 214px;
}

.special-best {
    color: #FFF;

    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 14px */
    letter-spacing: 0.2px;
    border-radius: 29px;
    background: #59ACDB;
    width: 135px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 38px;
    top: 27px;
}

.swiper-button-prev-special {
    transform: rotate(180deg);
    display: block;
    z-index: 2;
    width: 36px;
    height: 36px;
    position: absolute;
    left: -24px;
    top: 156px;
    cursor: pointer;
    background: #F3F3F3;
    padding: 6.5px;
    border-radius: 50%;
    box-sizing: content-box;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.swiper-button-next-special.swiper-button-disabled img, .swiper-button-prev-special.swiper-button-disabled img {
    opacity: 0.5;
}

.swiper-button-next-special {
    z-index: 2;
    width: 36px;
    height: 36px;
    position: absolute;
    right: -70px;
    top: 156px;
    cursor: pointer;
    box-sizing: content-box;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6.5px;
}

.swiper-button-next-special img {
}

.swiper-button-next-special:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: -1;
    background: #F3F3F3;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.special-slider-wrapper {
    width: 100%;
    position: relative;
}

.special-price-slider .swiper-slide, .product-about-custom .about-info {
    position: relative;
    height: 229px;
    border-radius: 20px;
}

.special-price-slider .swiper-slide h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 22px */
    margin: 63px 0 0 31px;
}

.product-section .product-about-custom .about-info h1 {
    color: #42808F;
    font-family: Intro Black;
    width: 181px;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 22px */
    margin: 63px 0 0 31px;
}

.special-price-slider .swiper-slide > p {
    color: #42808F;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    width: 232px;
    margin-top: 6px;
    margin-left: 31px;
}

.product-section .product-about-custom .about-info > p {
    color: #42808F;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    width: 232px;
    margin-top: 6px;
    margin-left: 31px;
}

.special-price-slider .swiper-slide > img {
    position: absolute;
    top: 19px;
    right: 20px;
    padding: 11px;
    border-radius: 50%;
}

.product-about-custom .about-info > img {
    position: absolute;
    top: 19px;
    right: 20px;
    padding: 11px;
    border-radius: 50%;
}

.special-price-slider .swiper-slide .row {
    display: flex;
    margin-left: 31px;
    margin-top: 35px;
    justify-content: space-between;
    margin-right: 24px;
}

.product-about-custom .about-info .row {
    display: flex;
    margin-left: 31px;
    margin-top: 13px;
    justify-content: space-between;
    margin-right: 24px;
}

.special-price-slider .swiper-slide h2, .product-about-custom .about-info h2 {
    color: #42808F;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
}

.special-price-slider .swiper-slide .row .order-price-slider, .product-about-custom .about-info .row .order-price-slider {
    border-radius: 29px;
    background: #59ACDB;
    width: 101px;
    height: 26px;
    color: #FFF;

    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 14px */
    letter-spacing: 0.2px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
}

.special-price-slider .swiper-slide .row .order-price-slider:hover, .product-about-custom .about-info .row .order-price-slider:hover {
    color: #59ACDB;
    background: #FFF;
    transition: color .3s ease-in-out, background .3s ease-in-out;
}

.special-price-slider .swiper-slide .row .order-price-slider:after, .product-about-custom .about-info .row .order-price-slider:after {
    content: url("../images/arrow.svg");
}

.special-price-slider .swiper-slide .row .order-price-slider:hover:after, .product-about-custom .about-info .row .order-price-slider:hover:after {
    content: url("../images/arrow_hover.svg");
}

.swiper-button-prev-special-price, .swiper-button-next-special-price {
    top: 90px;
}

.swiper-button-prev-special-price {
    left: -24px;
}

.swiper-button-next-special-price {
    right: -24px;
}

.aboutus-section {
    display: flex;
    justify-content: space-between;
    width: 1344px;
    margin: 0 auto 100px;
}

.about-text-cont {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 425px;
}

.about-text-cont h1 {
    color: #42808F;

    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.about-text-cont p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.about-images-cont {
    display: flex;
    width: max-content;
    gap: 28px;
}

.about-images-cont > img {
    width: 358px;
    height: 541px;
}

.about-images-cont img {
    border-radius: 20px;
}

.about-images-sub-cont {
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.about-images-sub-cont > img {
    width: 362px;
    height: 257px;
}

.specialist-section {
    display: flex;
    flex-direction: column;
    width: 1344px;
    margin: 0 auto 98px;
}

.specialist-section .special-description {
    width: 694px;
}

.special-slider-wrapper {
    width: 100%;
}

.special-spec-slider {
    width: 100%;
}

.swiper-button-next-special-sp {
    right: -9px;
}

.special-spec-slider .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-radius: 20px;
    text-decoration: none;
}

.special-spec-slider .photo-cont {
    max-width: 100%;
    border-radius: 20px;
    background: url("../images/spec-bg.png");
    background-size: cover;
    width: max-content;
    height: 350px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 40px;
}

.special-spec-slider img {
    width: 380px;
}

.special-spec-slider .text-cont {
    display: flex;
    flex-direction: column;
    padding-top: 37px;
    margin-top: -20px;
    z-index: -1;
    height: 100%;
    width: 380px;
    border-radius: 0 0 20px 20px;
    background: #E7EDED;
    align-items: center;
}

.special-spec-slider .text-cont h2 {
    color: #42808F;

    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 28.8px */
    margin-bottom: 5px;
}

.special-spec-slider .text-cont p:first-of-type {
    color: #88A5AC;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.special-spec-slider .text-cont .line {
    margin: 25px 0 12px;
    width: 100%;
    height: 1px;
    background: #CCDEE3;
}

.staj {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 24px;

    color: #88A5AC;

    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.pro:before {
    content: "PRO";
    color: #FFF;

    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 14px */
    text-transform: uppercase;

    border-radius: 10px;
    border: 1px solid #D0E2EF;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7FA7B0;
    width: 35px;
    height: 18px;
}

.swiper-button-next-special-spec {
    right: -11px;
}

.swiper-button-prev-special-spec {
    left: 9px;
}

.swiper-button-prev-special-sp {
    left: -5px;
}

.swiper-button-next-special-spec, .swiper-button-prev-special-spec {
    top: 246px;
}

.posts-section {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 1308px;
    margin: 0 auto 105px;
}

.posts-section h1 {
    color: #42808F;

    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.posts-section .posts-cont {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    column-gap: 60px;
    row-gap: 50px;
}

.posts-section .posts-cont .post {
    border-radius: 20px;
    display: flex;
    gap: 41px;
    cursor: pointer;
    text-decoration: none;
    transform: scale(1);
    transition: transform .4s;
}

.posts-section .posts-cont .post:hover {
    transform: scale(1.02);
}

.posts-section .posts-cont .post img {
    border-radius: 20px;
}

.posts-section .posts-cont .post h2 {
    color:#42808F;
    width: 275px;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 26.4px */
    margin-bottom: 15px;
}

.posts-section .posts-cont .post p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.contact-section {
    margin: 0 auto 126px;
    width: 1295px;
    height: 489px;
    border-radius: 20px;
    border: 1px solid #D8E4E4;

    background: #E7EDED;
    display: flex;
    padding: 36px 33px 35px 68px;
    gap: 81px
}

.contact-section .text-cont {
    display: flex;
    flex-direction: column;
}

.contact-section .text-cont h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 24px;
}

.contact-section .text-cont h2 {
    color: #88A5AC;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    margin-bottom: 5px;
}

.contact-section .text-cont p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    margin-bottom: 24px;
}

.contact-section .text-cont .sub {
    width: 357px;
    display: flex;
    justify-content: space-between;
}

.contact-section .text-cont > div:last-of-type {
    margin-top: auto;
}

#y-map {
    width: 723px;
    height: 417px;
    border-radius: 20px;
    border: 1px solid #D8E4E4;
}

#footer-cont {
    width: 100%;
    height: max-content;
    display: flex;
    background: #3F6068;
    align-items: center;
    flex-direction: column;
}

#footer-cont .main {
    display: flex;
    width: 1293px;
    padding-top: 36px;
}

#footer-cont .main .col-1 {
    display: flex;
    flex-direction: column;
    width: 202px;
    margin-right: auto;
}

#footer-cont .main .col-1 img {
    width: 116px;
    height: 58.625px;
    margin-bottom: 33px;
}

#footer-cont .main .col-1 h2 {
    margin-bottom: 5px;
    color: #88A5AC;

    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


#footer-cont .main .col-1 p {
    color: #FFF;

    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 19px;
}


#footer-cont .main .col-2 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-right: 61px;
    width: 171px;
}

#footer-cont .main .col-2 a{
    color: #8AD6D9;

    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}



#footer-cont .main .col-3 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 255px;
}

#footer-cont .main .col-3 a {
    color: #FFF;

    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    text-decoration: none;
}


#footer-cont .main .col-4 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: -2px;
    width: 322px;
}

#footer-cont .main .col-4 a {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    text-decoration: none;
}

#footer-cont .main .col-5 {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
}

#footer-cont .main .col-5 .tel {
    margin-bottom: 5px;
    color: #FFF;

    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

#footer-cont .main .col-5 h2 {
    color: #88A5AC;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
    text-align: right;
}

#footer-cont .main .col-5 p {
    color: #FFF;

    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 37px;
}

#footer-cont .main .col-5 .tel:last-of-type {
    margin-bottom: 24px;
}

#footer-cont .line {
    background: #4B6F78;
    width: 1293px;
    height: 1px;
    margin: 46px auto 20px;
}

#footer-cont .sub {
    display: flex;
    justify-content: space-between;
    padding-bottom: 19px;
    width: 1293px;
    margin: 0 auto;
}

#footer-cont .sub p, #footer-cont .sub p a {
    color: #C3D7DE;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

#footer-cont .sub div {
    display: flex;
    gap: 5px;
}

#footer-cont .sub div a {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer-cont .sub div .vk {
    background: #07F;
}

#footer-cont .sub div .wa {
    background: #73EF12;
}

#footer-cont .sub div .tg {
    background: #3D81FA;
}

#footer-cont .sub div .tg img {
    width: 13px;
    height: 11px;
}

.banner-section {
    width: 1618px;
    height: 550px;
    margin: 0 auto 45px;
    background: url("../images/banner-bg.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 20px;
    position: relative;
}

.banner-section img {
    height: 530px;
    position: absolute;
    right: 130px;
    bottom: 0;
    z-index: 0;
}

.banner-section h1 {
    color: #FFF;
    z-index: 1;
    position: relative;
    font-family: Intro Black;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    width: 578px;
    padding-top: 166px;
    margin-left: 164px;
    line-height: 100%;
}


.banner-section p, .banner-section ul{
    color: #F3F3F3;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-left: 184px;
    list-style-type: initial;
    margin-top: 24px;
}

.banner-section .priem-form {
    margin-left: 164px;
    margin-top: 50px;
}

.banner-section.type-s h1 {
    color: #FFF;
    font-family: Intro Black;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    padding-top: 115px;
}

.breadcrumbs-section {
    width: 1280px;
    margin: 0 auto 60px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
}

.breadcrumbs-section a {
    color: #88A5AC;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    text-decoration: none;
    display: flex;
    align-items: center;
}

.breadcrumbs-section a:after {
    content: url("../images/breadecrumb_separator.svg");
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-right: 8px;
}

.breadcrumbs-section p {
    color: #42808F;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.product-section {
    width: 1280px;
    margin: 0 auto 100px;
}

.product-section .product-about {
    margin-bottom: 100px;
}

.product-section .product-about h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 40px;
}

.product-section .product-about p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.product-section .product-cards-wrapper h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */
    width: 561px;
    margin-bottom: 46px;
}

.product-section .product-cards-wrapper {
    margin-bottom: 100px;
}

.product-section .product-cards-wrapper .product-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 32px;
}

.product-section .product-cards-wrapper .product-cards .card {
    display: flex;
    flex-direction: column;
    width: 627px;
    height: 276px;
    padding: 0 65px 0;
    justify-content: center;
    border-radius: 20px;
    background: #EEEADB;
}

.product-section .product-cards-wrapper .product-cards .card h2 {
    color: #42808F;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    margin-bottom: 24px;
}

.product-section .product-cards-wrapper .product-cards .card p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.product-price-wrapper h1 {
    color: #42808F;

    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    width: 495px;
    margin-bottom: 60px;
}

.product-price-wrapper .price-cont {
    display: flex;
    padding: 40px 0;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #C3D7DE;
}

.product-price-wrapper .price-cont:first-of-type {
    border-top: 1px solid #C3D7DE;
}

.product-price-wrapper .price-cont h2 {
    color: #42808F;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 243px;
}

.product-price-wrapper .price-cont .description {
    color: #4C6171;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 446px;
}

.product-price-wrapper .price-cont .price {
    color: #42808F;
    font-family: Inter;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
}

.product-price-wrapper .price-cont button {
    border-radius: 26px;
    border: 1px solid #88A5AC;
    background: inherit;
    width: 189px;
    height: 40px;

    color: #42808F;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.14px;
    cursor: pointer;
}

.product-price-wrapper .price-cont button:hover {
    background: #42808F;
    color: #fff;
    transition: color .2s, background .2s;
}

.product-about-custom {
    display: flex;
    justify-content: space-between;
}

.product-about-custom > div {
    width: 837px;
}

.product-about-custom .about-info {
    width: 298px;
    height: 229px;
    background: #E7EDED;
    display: flex;
    flex-direction: column;
}

.banner_section_after {
    margin-bottom: 100px;
    border-radius: 15px;
    width: 1294px;
    height: 640px;
    object-fit: cover;
}

.product-plus-section h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */
    width: 611px;
    margin-bottom: 64px;
}

.product-plus-section .container {
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.product-plus-section .plus-cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    padding-left: 66px;
}

.product-plus-section .plus-cont:before {
    content: url("../images/plus-icon.svg");
    position: absolute;
    left: 0;
    top: -5px;
}

.swiper {
    border-radius: 30px;
}

.product-plus-section .plus-cont h2 {
    color: #42808F;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
}

.product-plus-section .plus-cont p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.prices-section {
    display: flex;
    flex-direction: column;
    width: 1291px;
    margin: 0 auto 100px;
}

.prices-section h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;

    width: 495px;
}

.prices-section > p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    margin: 40px 0;
}

.prices-section .prices-cont {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.prices-section .prices-cont .price-elem {
    width: 100%;

    display: flex;
    flex-direction: column;

}

.prices-section .prices-cont .price-elem .price-visible:hover {
    background: rgb(211, 236, 236);
}

.prices-section .prices-cont .price-elem .price-visible {
    display: flex;
    align-items: center;
    border-radius: 7px;
    height: 82px;
    padding: 0 20px;
    background: #E7EDED;
    transition: background .3s;
    border: 1px solid rgba(231, 234, 237, 0.80);
    cursor: pointer;
}

.prices-section .prices-cont .price-elem .price-visible > *:first-of-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.prices-section .prices-cont .price-elem .price-hidden {
    display: none;
}

.prices-section .prices-cont .price-elem h2 {
    color: #55727a;
    font-family: Intro Black;
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 30.8px */
}

.prices-section .prices-cont .price-elem .price-visible > *:first-of-type:after {
    content: url("../images/arrow-open.svg");
    transform: rotate(0deg);
    width: 42px;
    height: 42px;
    transition: transform .3s;
}

.prices-section .prices-cont .price-elem.active .price-visible > *:first-of-type:after {
    transform: rotate(180deg);
}

.prices-section .prices-cont .price-elem.active .price-hidden {
    display: flex;
    flex-direction: column;
    border-radius: 0 0 7px 7px;
    border: 1px solid #E7EDED;

    background: #F8F6F6;
    margin-top: -1px;
    padding: 39px 50px 61px 69px;
}

.prices-section .prices-cont .price-elem.active .price-hidden > div:first-of-type {
    border-top: 1px solid #E7EDED;
}

.prices-section .prices-cont .price-elem.active .price-hidden > div {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E7EDED;
    padding: 20px 0 22px;
}

.prices-section .prices-cont .price-elem.active .price-hidden > div .title {
    color: #42808F;
    max-width: 80%;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.prices-section .prices-cont .price-elem.active .price-hidden > div .price {
    color: #42808F;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
}

.prices-section .prices-cont .price-elem.active .price-hidden > h3 {
    color: #42808F;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 24px 0;
}

.prices-section .prices-cont .price-elem.active .price-hidden > h3 ~ * {
    border-top: 1px solid #E7EDED;
}

.wrapper-dropdown {
    width: 1285px;
    border-radius: 20px;
    border: 1px solid rgba(225, 227, 227, 0.88);

    background: #E7EAED;
    position: relative;
    padding: 71px 86px 55px 59px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper-dropdown > h2 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */
    width: 574px;
    margin-bottom: 40px;
}

.wrapper-dropdown > p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.wrapper-dropdown .wrapper-icon {
    position: absolute;
    top: 90px;
    right: 49px;
    cursor: pointer;
    transform: rotate(0);
    transition: transform .3s;
}

.wrapper-dropdown.active .wrapper-icon {
    transform: rotate(180deg);
}

.wrapper-dropdown .wrapper-hidden {
    display: none;
}

.wrapper-dropdown.active {
    padding-bottom: 95px;
}

.wrapper-dropdown.active .wrapper-hidden {
    display: flex;
    flex-direction: column;
}

.wrapper-dropdown.active .wrapper-hidden h3 {
    color: #286675;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
    margin-top: 40px;
}

.wrapper-dropdown.active .wrapper-hidden .images-cont {
    box-sizing: content-box;
    display: flex;
    align-items: center;
    gap: 33px;
    height: 64px;
    padding: 28px 0;
    border-bottom: 1px solid #D0E2EF;
    border-top: 1px solid #D0E2EF;
    margin: 28px 0 58px;
}

.wrapper-dropdown.active .wrapper-hidden .images-cont img {
    height: 64px;
}

.wrapper-dropdown.active .wrapper-hidden h4 {
    color: #42808F;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
    margin-bottom: 15px;
}

.wrapper-dropdown.active .wrapper-hidden p, .wrapper-dropdown.active .wrapper-hidden p ul,  .wrapper-dropdown.active .wrapper-hidden ul li {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.wrapper-dropdown.active .wrapper-hidden ul li {
    margin-left: 20px;
    list-style-type: circle;
}

.wrapper-dropdown.active .wrapper-hidden ul:not(:last-of-type), .wrapper-dropdown.active .wrapper-hidden p:not(:last-of-type) {
    margin-bottom: 55px;
}

.word-section {
    width: 1294px;
    display: flex;
    flex-direction: column;
    margin: 0 auto 100px;
}

.word-section h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */
    margin-bottom: 40px;
}

.word-section p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    margin-bottom: 60px;
}

.word-section > img {
    border-radius: 15px;
}

.sertificates-section {
    width: 1290px;
    margin: 0 auto 120px;
}

.sertificates-section h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */

    margin-bottom: 40px;
}

.sertificates-section > p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */

    margin-bottom: 70px;
}

.swiper-button-next-special-cert {
    right: -24px;
}

.section-reviews {
    width: 1292px;
    margin: 0 auto 100px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.section-reviews h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */
}

.section-reviews .row {
    display: flex;
    gap: 32px;
    align-items: center;
}

.section-reviews .row .stats-cont {
    display: flex;
    align-items: center;
}

.section-reviews .row .stats-cont .review-level {
    color: #09D1B9;
    font-family: SF UI Display;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: 12px;
}

.section-reviews .row .stats-cont .stars-cont {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

.section-reviews .row .stats-cont .review-count {
    margin-left: 12px;
    color: #8B8B8B;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

.section-reviews > p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 22px;
    line-height: 140%; /* 22.4px */
}

.reviews-cont {
    height: max-content;
    border-radius: 8px;
    background: #E7EDED;
    padding: 67px 82px 84px 88px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.reviews-cont .review-solo-cont {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding-bottom: 40px;
    border-bottom: 1px solid #D0E2E2;
}

.reviews-cont .review-solo-cont .reviewer-cont {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reviews-cont .review-solo-cont .reviewer-cont img {
    width: 46.787px;
    height: 46px;
    border-radius: 46.787px;
}

.reviews-cont .review-solo-cont .reviewer-cont .col {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.reviews-cont .review-solo-cont .reviewer-cont .col .row {
    display: flex;
    align-items: flex-end;
    gap: 16.3px;
}

.reviews-cont .review-solo-cont .reviewer-cont .col .row .reviewer {
    color: #232F38;
    font-family: Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.reviews-cont .review-solo-cont .reviewer-cont .col .row .date {
    color: #4C6171;
    font-family: Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

.reviews-cont .review-solo-cont .reviewer-cont .col .stars-cont {
    display: flex;
    gap: 5px;
}

.reviews-cont .review-solo-cont .reviewer-cont .col .stars-cont img {
    width: 16px;
    height: 16px;
}

.reviews-cont .review-solo-cont .review-content {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.pagination-cont {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    gap: 59px;
}

.pagination-cont p {
    color: #232F38;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 20px */
    cursor: pointer;
    transition: color .3s;
}

.pagination-cont img {
    width: 22.638px;
}

.pagination-cont p.active {
    color: #09D1B9;
}

.pagination-cont p:hover {
    color: #42808F;
}

.pagination-cont .next, .pagination-cont .prev {
    cursor: pointer;
}

.pagination-cont .next {
    transform: rotate(180deg);
}

.doctors-cont .photo-cont {
    border-radius: 20px;
    background: url("../images/spec-bg.png") 10%;
    width: 100%;
    height: 350px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 40px;
}

.doctors-cont > img {
    width: 410px;
}

.doctors-cont .text-cont {
    display: flex;
    flex-direction: column;
    padding-top: 37px;
    margin-top: -20px;
    z-index: -1;
    height: 100%;
    width: 410px;
    border-radius: 0 0 20px 20px;
    background: #E7EDED;
    align-items: center;
}

.doctors-cont .text-cont h2 {
    color: #42808F;

    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 28.8px */
    margin-bottom: 5px;
}

.doctors-cont .text-cont p:first-of-type {
    color: #88A5AC;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.doctors-cont .text-cont .line {
    margin: 25px 0 12px;
    width: 100%;
    height: 1px;
    background: #CCDEE3;
}

.section-doctors {
    width: 1295px;
    margin: 0 auto 100px;
}

.section-doctors > h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */
    margin-bottom: 40px;
}

.section-doctors > p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.section-doctors .doctors-cont {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.section-doctors .doctors-cont .doctor-card {
    width: 411px;
    height: 573px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.doctors-cont .pagination-cont {
    margin: 73px auto 0;
}

.posts-main-section {
    display: flex;
    flex-direction: column;
    margin: 0 auto 100px;
    width: 1260px;
}

.posts-main-section h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 56px;
}

.posts-main-section .posts-cont {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    column-gap: 60px;
    row-gap: 50px;
    margin-bottom:65px;
}

.posts-main-section .posts-cont .post {
    border-radius: 20px;
    display: flex;
    gap: 41px;
    cursor: pointer;
    text-decoration: none;
}

.posts-main-section .posts-cont .post:hover {
    transform: scale(1.02);
    transition: transform .4s;
}

.posts-main-section .posts-cont .post img {
    border-radius: 20px;
}

.posts-main-section .posts-cont .post h2 {
    color:#42808F;
    width: 275px;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 26.4px */
    margin-bottom: 15px;
}

.posts-main-section .posts-cont .post p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.videos-section {
    width: 1260px;
    margin: 0 auto 100px;
    display: flex;
    flex-direction: column;
}

.videos-section h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 62px;
}

.videos-section .videos-cont {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 34px;
    row-gap: 86px;
    margin-bottom: 60px;
}

.videos-section .videos-cont .video {
    width: 406px;
    text-decoration: none;
}

.videos-section .videos-cont .video:hover p {
    color: #0894b7;
}

.videos-section .videos-cont .video p {
    margin-top: 25px;
    color: #42808F;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 26.4px */
    transition: color .3s;
}

.banner-section.type-doctor {
    position: relative;
}

.banner-section.type-doctor p {
    margin-left: 166px;
}

.banner-section.type-doctor img {
    position: absolute;
    right: 110px;
    bottom: 0;
}

.doctor-content {
    display: flex;
    flex-direction: column;
    width: 1290px;
    margin: 0 auto 100px;
}

.doctor-content .info-section {
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
}

.doctor-content .info-section h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */
    margin-bottom: 40px;
}

.doctor-content .info-section p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.education-section {
    margin-bottom: 100px;
}

.education-section h1 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%; /* 39.6px */
    margin-bottom: 80px;
}

.education-section .educations-cont {
    display: flex;
    flex-direction: column;
}

.education-section .educations-cont .education-card {
    display: flex;
    gap: 64px;
    padding: 40px 0;
}

.education-section .educations-cont .education-card .year {
    color: #4C6171;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}

.education-section .educations-cont .education-card .description {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.post-content-section {
    display: flex;
    width: 1288px;
    margin: 0 auto 100px;
    justify-content: space-between;
}

.post-content-section .post-content {
    width: 843px;
}

.post-content-section .post-content .date {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 30px;
}

.post-content-section .post-content .date:before {
    content: url("../images/date.svg");
    width: 16px;
    height: 16px;
}

.post-content-section .post-content h1 {
    color: #42808F;
    width: 547px;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    margin-bottom: 34px;
}

.post-content-section .post-content .author {
    display: flex;
    height: 77px;
    margin-bottom: 45px;
    gap: 32px;
}

.post-content-section .post-content .author > img {
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-color: #fff;
}

.post-content-section .post-content .author div {
    display: flex;
    flex-direction: column;
}

.post-content-section .post-content .author div .text-1 {
    color: #4C6171;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: auto ;
}

.post-content-section .post-content .author div .name {
    color: #42808F;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 3px;
}

.post-content-section .post-content .author div .post {
    color: #88A5AC;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 3px;
}

.post-content-section .post-content .text-content {
    color: #4C6171;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */
    margin-bottom: 28px;
}

.post-content-section .post-content .photo-cont {
    display: flex;
    flex-direction: column;
    gap: 21px;
    margin-bottom: 52px;
}

.post-content-section .post-content .photo-cont .photo-desc {
    color: #4C6171;
    font-family: Inter;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.post-content-section .post-content > .title {
    color: #42808F;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    margin: 60px 0 40px;
}

.post-content-section .post-right {
    display: flex;
    flex-direction: column;
    width: 426px;
}

.post-content-section .post-right .posts-cont {
    display: flex;
    flex-direction: column;
    width: 426px;
}

.post-content-section .post-right .posts-cont > h2 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 50px;
}


.post-content-section .post-right .posts-cont .post {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}

.post-content-section .post-right .posts-cont .post > img {
    width: 121px;
    height: 103px;
    border-radius: 20px;
}

.post-content-section .post-right .posts-cont .post > div {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.post-content-section .post-right .posts-cont .post > div h2 {
    color: #42808F;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 26.4px */
}

.post-content-section .post-right .posts-cont .post > div p {
    color: #4C6171;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}


.post-content-section .post-right {
    margin-bottom: 100px;
}

.post-content-section .post-right .posts-cont > a {
    color: #42808F;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.post-content-section .post-right .video-right {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
}

.post-content-section .post-right .video-right > h2 {
    color: #42808F;
    font-family: Intro Black;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 40px;
}

.post-content-section .post-right .video-right .video {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 410px;
    text-decoration: none;
}

.post-content-section .post-right .video-right .video img {
    width: 406px;
    height: 250px;
}

.post-content-section .post-right .video-right .video h2 {
    color: #42808F;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 26.4px */
}

.post-content-section .post-right .video-right > a {
    color: #42808F;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.address-mobile-wrapper {
    display: flex;
}

.about-mob-swiper {
    display: none!important;
}

#footer-mob {
    display: none;
}

#header-mob-menu {
    display: none;
}

.header-bottom-mob {
    display: none;
}

.wrapper-dropdown-swiper-mob {
    display: none!important;
}

.mob-link {
    display: none;
}

.posts-swiper {
    display: none!important;
}

.education-section .educations-cont {
    border-top: 1px solid #E7EDED;
    border-bottom: 1px solid #E7EDED;
}

.popup-order, .popup-call {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 30;
    display: none;
    align-items: center;
    justify-content: center;
}

.price-special {
    width: 1290px;
}

.popup-order.active, .popup-call.active {
    display: flex;
}

.popup-order > div {
    width: 580px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 95px 129px 89px 99px;
}

.popup-order > div h1 {
    margin-bottom: 38px;
    color: #42808F;
    width: 276px;
    text-align: center;
    font-family: Intro Black;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.popup-order > div .input-cont {
    display: flex;
    flex-direction: column;
    width: 352px;
    gap: 10px;
    margin-bottom: 17px;
}

.popup-order > div .input-cont h2 {
    color: #42808F;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.popup-order > div .input-cont input,
.popup-order > div .input-cont select {
    height: 42px;
    border-radius: 7px;
    border: 1px solid #88A5AC;
    outline: none;
    padding-left: 20px;
    padding-right: 10px;

    color: #14677c;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.popup-order > div .input-cont input::-webkit-input-placeholder {
    color: #88A5AC;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.popup-order > div .input-cont input:focus {
    outline: 1px solid #5dc5de;
}

.popup-order > div .input-cont select {
    appearance: none;
    -webkit-appearance: none; /* Safari и Chrome */
    -moz-appearance: none; /* Mozilla */
    -ms-appearance: none; /* IE */
    background-image: url("../images/select.svg");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: calc(100% - 15px) center;
}

.popup-order > div .terms-cont, .popup-call > div .terms-cont {
    display: flex;
    margin-bottom: 60px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.popup-call > div .terms-cont label, .popup-order > div .terms-cont label {
    color: #4C6171;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    display: flex;
    gap: 14px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    cursor: pointer;
}

.popup-call > div .terms-cont input, .popup-order > div .terms-cont input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.popup-call > div .terms-cont label:before, .popup-order > div .terms-cont label:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1px solid #42808F;
}

.popup-call > div .terms-cont input:checked + label:before, .popup-order > div .terms-cont input:checked + label:before {
    content:url("../images/checked.svg");
    display: flex;
    align-items: center;
    justify-content: center;
    background: #42808F;
    border: 1px solid #fff;
}

.popup-order > div > button {
    border-radius: 20px;
    border: 1px solid #88A5AC;
    width: 207px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #42808F;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.16px;
}

.popup-order > div > .close-order {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}

.popup-call > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 94px 120px 93px 90px;
    background-color: #fff;
    position: relative;
}

.popup-call > div h1 {
    color: #42808F;
    margin-bottom: 13px;
    font-family: Intro Black;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.popup-call > div > h2 {
    color: #4C6171;
    text-align: center;
    padding: 0 10px;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 45px;
}

.popup-call > div input {
    width: 352px;
    height: 42px;
    border-radius: 37px;
    border: 1px solid #88A5AC;
    padding-left: 20px;
    margin-bottom: 24px;

    color: #13677a;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.popup-call > div .terms-cont {
    width: 352px;
}

.popup-call > div input::placeholder {
    color: #88A5AC;
}

.popup-call > div input:focus {
    outline: 1px solid #5cc7e0;
}

.popup-call > div button {
    width: 207px;
    height: 43px;
    border-radius: 20px;
    border: 1px solid #88A5AC;
    background-color: #fff;
    cursor: pointer;
    color: #42808F;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.16px;

    box-shadow: none;
    transition: box-shadow .3s;
}

.popup-call > div button:hover, .popup-order div button:hover  {
    box-shadow: 0 0 30px 1px #5cc7e0;
}

.popup-call > div button:active, .popup-order div button:active {
    box-shadow: 0 0 30px 1px #08586b;
}

.popup-call > div .close-call {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.header-bottom-menu:hover {
    display: flex;
}

.header-bottom-menu {
    position: absolute;
    display: none;
    padding: 78px 98px 39px 88px;
    width: 1292px;
    height: 361px;

    left: calc(50% - 646px);
    top: 100px;
    border-radius: 30px;
    border: 1px solid #D8E4E4;

    background: #F0F4F4;

    gap: 134px;

    box-shadow: 0px 2px 20px 0px rgba(19, 56, 65, 0.10), 0px 2px 11px 0px rgba(19, 56, 65, 0.10);
    z-index: 2;
}


.header-bottom-menu.active {
    display: flex;
}

.header-bottom-menu.fixed-header {
    position: fixed;
    z-index: 21;
    top: 85px;
    background-color: #fff;
}


.header-bottom-menu .menu-main-points {
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: #4C6171;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    width: 255px;
    cursor: pointer;
}

.header-bottom-menu .menu-main-points p.active {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-left: -17px;
}

.header-bottom-menu .menu-main-points p.active[data-id="Детская стоматология"] {
    color: #FF6087;
}

.header-bottom-menu .menu-main-points p.active:before {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background: #42808F;
}

.header-bottom-menu .menu-main-points p.active[data-id="Детская стоматология"]:before {
    background: #FF6087;
}

.header-bottom-menu .menu-main-points p:hover {
    color: #5e9fd0;
}

.header-bottom-menu .menu-links > div {
    display: none;
}

.header-bottom-menu .menu-links > div.active {
    display: flex;
    flex-direction: column;
}

.header-bottom-menu .menu-links > div.active[data-id="Детская стоматология"] > h2 {
    color: #FF6087;
    display: flex;
    gap: 10px;
    align-items: center;
}

.header-bottom-menu .menu-links > div.active[data-id="Детская стоматология"] > h2:before {
    content: url("../images/detskaya.svg");
}

.header-bottom-menu .menu-links > div.active a {
    text-decoration: none;
    color: #4C6171;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 7px 5px;
    width: max-content;
    border-radius: 10px;
}

.header-bottom-menu .menu-links > div.active a:hover {
    background: rgba(254, 254, 254, 0.70);
}

.header-bottom-menu .menu-links > div.active a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #4C6171;
    border-radius: 50%;
}

.header-bottom-menu .menu-links > div.active h2 {
    color: #232F38;
    margin-bottom: 15px;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
}

.header-bottom-menu .banner {
    text-decoration: none;
    margin-left: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    background: #C5DCDC;
    width: 280px;
    height: 217.224px;
}

.header-bottom-menu .banner h2 {
    color: #FFF;
    font-family: Intro Black;
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    line-height: 98%; /* 25.48px */
    margin: 37px 0 4px 29px;
    width: 108px;
}

.header-bottom-menu .banner .price {
    color: #286675;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    margin: 0 0 0 29px;
}

.header-bottom-menu .banner .price strong {
    font-weight: 900;
}

.header-bottom-menu .banner .description {
    margin: 15px 0 0 29px;
    width: 108px;
    color: #4C6171;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
}

.header-bottom-menu .banner img {
    position: absolute;
    right: -70px;
    top: 0;
}

.header-bottom-menu-mob, .header-bottom-menu-mob.active {
    display: none;
}

.header-scroll {
    display: none;
}

.header-scroll.active {
    display: flex;
    animation: headerAnimation .5s ease-in-out;
}

.header-scroll.active-end {
    display: flex;
    animation: headerAnimationRev .5s ease-in-out;
}

@keyframes headerAnimation {
    from {
        top: -300px;
    }
    to {
        top: 0;
    }
}

@keyframes headerAnimationRev {
    from {
        top: 0;
    }
    to {
        top: -300px;
    }
}

.header-scroll {
    width: 100%;
    background-color: #F3F3F3;
    position: fixed;
    left: 0;
    display: none;
    top: 0;
    align-items: center;
    justify-content: center;
    height: 95px;
    z-index: 20;
}

.header-scroll .eye {
    margin: 0 0 0 10px;
}

.header-scroll .logo-mob-after {
    margin: 10px 0 0 0;
}


.header-scroll .container {
    width: 1283px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-scroll .container .header-bottom {
    position: initial;
    height: 37px;
    margin: 0 auto;
}

.header-scroll .container .logo-tag-cont {
    margin-right: 0;
}

.menu-opener.active:after {
    transform: rotate(180deg);
}

.videos-swiper {
    display: none!important;
}

.post-mob {
    display: none;
}

.section-404 {
    margin: 0 auto;
    width: 1624px;
    height: 878px;
    border-radius: 30px;
    background: #E7EDED;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
}

.section-404 .text-upper {
    position: relative;
    color: #88A5AC;
    font-family: Intro Black;
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.28px;
    width: 233px;
    align-self: flex-start;
    margin: 150px 0 0 10%;
}

.section-404 .text-upper:after {
    content: url("../images/404_1.svg");
    position: absolute;
    left: -63px;
    top: -61px;
    display: block;
    width: 392px;
    height: 188px;
}


.section-404 .four {
    color: #AABFC5;
    font-family: Inter;
    font-size: 500px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 5px;
}

.section-404 > div {
    width: 1081px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: auto;
    margin-bottom: 68px;
}

.section-404 > div img {
    width: 690px;
    height: 690px;
    position: absolute;
    left: 217px;
}

.mob-buttons {
    display: none;
}

.mob-logo {
    display: none;
}

.special-slider-wrapper .swiper-pagination {
    display: none;
}

.logo-cont {
    display: flex;
    gap: 7px;
}

.logo-mob-after {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto 30px 35px 10px;
    height: max-content;
}

.logo-mob-after p {
    width: 120px;
    color: #838386;

    font-family: Gilroy;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 8.4px */
    letter-spacing: 0.49px;
    text-transform: uppercase;
}

.logo-mob-after .line {
    margin: 0 10px;
    width: 0.5px;
    height: 20px;
    background: #AABFC5;
}

.special-spec-slider {
    left: -19px;
}

@media screen and (max-width: 1635px) {

    .section-404 {
        width: 80%;
    }

    .banner-swiper {
        width: 90%;
        height: max-content;
    }

    .banner-swiper .swiper-slide img {
        height: 450px;
    }

    .banner-swiper .swiper-slide {
        width: 100%;
        min-height: 490px;
        height: auto;
        object-fit: cover;
    }

    .banner-swiper .swiper-slide {
        height: max-content;
    }

    .banner-swiper .banner-title {
        margin-top: 100px;
    }

    .banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next {
        top: 454px
    }

    .banner-section {
        width: 85%;
        border-radius: 20px;
    }

    .banner-section img {
        right: 20px;
        height: 470px;
    }


    .banner-section.type-doctor img {
        right: 0;
    }

    .banner-section.type-s {
        background-size: cover;
        background-position: 40% 100% !important;
        background-repeat: no-repeat!important;
    }
}

@media screen and (max-width: 1345px) {

    .special-spec-slider {
        left: 5px;
    }

    .swiper-button-prev-special-spec, .swiper-button-prev-special-sp {
        left: -19px;
    }

    .section-404 {
        height: 700px;
    }

    .section-404 > div {
        width: 100%;
        padding: 0 50px;
    }

    .section-404 .four {
        font-size: 330px;
    }

    .section-404 > div img {
        width: 500px;
        height: 500px;
        left: calc(50% - 250px);
    }

    .header-bottom-menu {
        width: 80%;
        padding: 30px 30px 30px 50px;
        left: calc(10%);
        gap: 0;
        justify-content: space-between;
    }

    .header-bottom-menu .menu-links {
        margin-left: 70px;
    }

    .banner-swiper .swiper-slide img {
        right: 0;
        height: 350px;
    }

    .banner-section img {
        right: 20px;
        height: 370px;
    }


    .breadcrumbs-section {
        width: 85%;
    }

    .post-content-section {
        width: 80%;
    }

    .post-content-section .post-content {
        width: 65%;
    }

    .post-content-section .post-right {
        width: 30%;
    }

    .post-content-section .post-right .posts-cont {
        width: 100%;
    }

    .post-content-section .post-right .posts-cont .post {
        flex-direction: column;
        width: 100%;
    }

    .post-content-section .post-right .posts-cont .post img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .post-content-section .post-right .video-right .video, .post-content-section .post-right .video-right .video img {
        width: 100%;
    }

    .post-content-section .post-right .video-right .video img {
        object-fit: cover;
        height: 200px;
    }

    .contact-section {
        width: 95%;
    }

    .address-cont .address-title {
        display: none;
    }

    .address-mobile-wrapper {
        flex-direction: column;
    }

    #header-cont {
        width: 85%;
        display: flex;
        justify-content: space-between;
    }

    .header-logo, .logo-tag-cont, .address-cont, .tel-cont, .eye {
        margin-left: 0;
        margin-right: 0;
    }

    .header-scroll .header-logo {
        margin-right: 20px;
        margin-left: 10px;
        width: 75px;
    }

    .header-scroll .order-call {
        margin-right: 10px;
    }

    .header-scroll .eye {
       display: none;
    }

    #footer-cont .main .col-1, #footer-cont .main .col-2, #footer-cont .main .col-3, #footer-cont .main .col-4, #footer-cont .main .col-5 {
        margin-right: 0;
        margin-left: 0;
        width: max-content;
    }

    #footer-cont .main {
        width: 93%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #footer-cont .main .col-5 {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 50px;
    }

    #footer-cont .main .col-5 .tel, #footer-cont .main .col-5 .tel:last-of-type, #footer-cont .main .col-5 p {
        margin: 0;
    }

    #footer-cont .main .col-4, #footer-cont .main .col-3 {
        width: 220px;
    }

    #footer-cont .sub {
        width: 90%;
    }

    #footer-cont .line {
        width: 100%;
    }

    .banner-section {
        background-position: 40% 100% !important;
    }

    .special-section,
    .prices-section,
    .wrapper-dropdown,
    .posts-section,
    .product-section,
    .specialist-section,
    .word-section,
    .pr-section,
    .numbers-section,
    .sertificates-section,
    .doctor-content {
        width: 85%;
    }

    .special-price-slider .swiper-slide {
        width: 298px;
        height: 229px;
    }

    .special-slider-wrapper {
        width: 100%;
    }

    .special-slider {
        width: 100%;
    }

    .swiper-button-next-special {
        right: -27px;
    }

    .product-section .product-cards-wrapper .product-cards .card {
        width: 100%;
    }

    .special-spec-slider img {
        width: 100%;
    }
    .special-spec-slider .text-cont {
        width: 100%;
    }

    .special-spec-slider .photo-cont {
        background: url("../images/spec-bg.png") no-repeat;
    }

    .aboutus-section {
        width: 85%;
        gap: 50px;
        justify-content: space-between;
    }
    .about-images-cont {
        width: 50%;
        align-items: center;
        justify-content: flex-end;
    }

    .about-images-sub-cont {
        width: 50%;
        height: 300px;
    }

    .aboutus-section img {
        width: 60%;
        height: 300px;
        object-fit: cover;
    }

    .about-images-sub-cont img {
        width: 100%;
    }

    .pr-cards-cont {
        width: 60%;
    }

    .pr-card {
        width: 100%;
    }

    .swiper-certificates .swiper-slide {
        width: max-content;
    }

    .product-price-wrapper {
        width: 80%;
        margin: 0 auto;
    }

    .product-section .product-price-wrapper {
        width: 100%;
    }

    .product-price-wrapper .price-cont h2 {
        font-size: 20px;
    }

    .product-price-wrapper .price-cont .description {
        font-size: 16px;
        width: 30%;
    }

    .product-price-wrapper .price-cont .price {
        font-size: 20px;
    }

    .section-doctors {
        width: 80%;
    }

    .section-doctors .doctors-cont {
        justify-content: space-between;
    }

    .doctors-cont .pagination-cont {
        width: 100%;
    }

    .banner-section.type-doctor {
        overflow: hidden;
    }

    .banner-section.type-doctor img {
        right: -20%;
        z-index: 0;
        width: 60%;
    }

    .post-content-section {
        flex-direction: column;
    }

    .post-content-section .post-content, .post-content-section .post-right {
        width: 100%;
    }

    .post-content-section .post-right .posts-cont, .post-content-section .post-right .video-right {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 50px;
    }

    .post-content-section .post-right {
        margin-top: 100px;
    }

    .post-content-section .post-right .posts-cont h2 {
        width: 100%;
    }

    .post-content-section .post-right .posts-cont .post, .post-content-section .post-right .video-right .video {
        width: 300px;
    }

    .post-content-section .post-right .video-right a:last-of-type {
        width: 100%;
    }

    .post-content-section .post-right .posts-cont > a {
       width: 100%;
    }

    .address-mobile-wrapper {
        max-width: 175px;
    }

    .pr-card-title, .pr-card-description {
        margin: 20px 0 0 20px;
    }

    .pr-card-image-corner {
        width: 30px;
    }

    .pr-text-cont {
        width: 40%;
    }

    .numbers-cont .number {
        font-size: 70px;
    }

    .swiper-certificates img {
        object-fit: cover;
        width: 100%;
    }

    .special-spec-slider .text-cont p:first-of-type {
        height: 45px;
    }

    .banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next {
        top: 435px;
    }

    .posts-section .posts-cont .post {
        width: 250px;
    }

    .posts-section .posts-cont .post img {
        width: 50%;
        height: max-content;
    }

    .banner-section.type-s h1, .banner-section p, .banner-section ul, .banner-section .priem-form, .banner-section h1 {
        margin-left: 100px;
    }

    .product-about-custom > div {
        width: 60%;
    }

    .wrapper-dropdown, .product-section .specialist-section {
        width: 100%;
    }

    .product-section .swiper-button-prev-special-spec {
        left: -24px;
    }

    .product-section .product-cards-wrapper .product-cards .card {
        padding: 0 25px;
    }

    .banner_section_after {
        width: 100%;
        height: auto;
    }

    .section-reviews, .posts-main-section, .videos-section {
        width: 85%;
    }

    .posts-main-section .posts-cont .post img {
        width: 30%;
        height: fit-content;
    }

    .videos-section .videos-cont {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .product-price-wrapper .price-cont h2 {
        width: 30%;
    }

    .special-spec-slider .swiper-slide {
        width: 278px;
    }

    .special-spec-slider .swiper-slide h2 {
        font-size: 18px;
    }

    .special-spec-slider .swiper-slide p:first-of-type {
        font-size: 14px;
    }
}

@media screen and (max-width: 1045px) {

    .section-404 .text-upper {
        display: none;
    }

    .section-404 {
        height: 500px;
    }

    .section-404 > div .four {
        font-size: 250px;
    }

    .section-404 > div img {
        width: 300px;
        height: 300px;
        left: calc(50% - 150px)
    }

    .header-bottom-menu {
        padding: 50px 50px 50px 70px;
        justify-content: center;
    }


    .header-scroll .logo-tag-cont {
        display: none;
    }

    .header-scroll .header-logo {
        width: 95px;
        display: none;
    }

    .header-scroll .container {
        align-items: center;
    }

    .header-scroll .order-call {
        width: 130px;
        font-size: 12px;
        height: 30px;
    }

    .header-bottom-menu .banner {
        display: none;
    }

    .banner-section img {
        right: 10px;
        height: 270px;
    }


    .tel-cont a.wa-after, .tel-cont a.tg-after {
        content: "";
        font-size: 0;
    }

    .tg-after:after, .wa-after:after {
        margin: 0;
        width: 25px;
        height: 25px;
        padding: 0;
    }

    #header-cont .order-call, #header-cont .eye {
        display: none;
    }

    .banner-section {
        background-position: 70% 100% !important;
        height: 500px;
    }

    .banner-section h1 {
        padding-top: 80px;
        margin-left: 20px;
    }

    .banner-section .priem-form {
        margin-left: 20px;
    }

    .about-images-cont, .aboutus-section, .about-images-sub-cont {
        height: max-content;
    }

    .about-images-cont, .about-images-sub-cont, .aboutus-section img {
        flex-direction: column;
        width: 100%;
    }

    .about-text-cont {
        width: 100%;
    }

    .pr-section {
        flex-direction: column;
    }

    .pr-text-cont {
        width: 100%;
        margin-bottom: 50px;
    }

    .pr-cards-cont {
        width: 100%;
    }

    .numbers-section {
        flex-wrap: wrap;
        align-items: center;
        gap: 50px;
    }

    .numbers-cont .number {
        font-size: 96px;
    }
    .numbers-cont {
        align-items: center;
    }

    .numbers-cont .number-title {
        font-size: 24px;
    }

    .swiper-button-prev-special-spec {
        left: -24px;
    }

    .contact-section {
        flex-direction: column;
        height: max-content;
        gap: 30px;
    }

    #footer-cont .main {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
    }

    #footer-cont .main .col-2, #footer-cont .main .col-4 {
        text-align: right;
        margin-left: auto;
    }

    #footer-cont .main .col-4,  #footer-cont .main .col-3 {
        margin-top: 30px;
    }

    #footer-cont .main .col-5 {
        grid-column: 1 / 3;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #y-map {
        width: 100%;
    }

    .banner-section.type-doctor p {
        margin-left: 20px;
    }

    .product-price-wrapper .price-cont h2 {
        font-size: 16px;
    }

    .product-price-wrapper .price-cont .description {
        font-size: 12px;
    }

    .product-price-wrapper .price-cont .price {
        font-size: 16px;
    }

    .product-price-wrapper .price-cont button {
        width: 130px;
        font-size: 10px;
        height: 30px;
    }

    .product-price-wrapper .price-cont {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto;
    }

    .product-price-wrapper .price-cont h2, .product-price-wrapper .price-cont .description {
        width: 100%;
        margin-bottom: 50px;
    }

    .section-doctors .doctors-cont {
        justify-content: center;
    }

    .contact-section {
        padding: 36px 33px;
    }

    .banner-swiper .banner-title {
        margin-top: 50px;
        margin-left: 20px;
    }

    .banner-swiper .swiper-slide .priem-form {
        margin-top: 30px;
        margin-left: 20px;
    }

    .banner-swiper .swiper-button-prev {
        left: 20px;
    }

    .banner-swiper .swiper-button-next {
        left: 70px;
    }

    .posts-section .posts-cont {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .posts-section .posts-cont .post {
        width: auto;
    }

    .banner-section.type-s h1, .banner-section p, .banner-section .priem-form, .banner-section h1 {
        margin-left: 20px;
    }

    .banner-section ul {
        margin-left: 40px;
    }

    .banner-section.type-s {
        background-position: 60% 100%!important;
    }

    .product-about-custom {
        flex-direction: column;
        gap: 20px;
    }

    .product-about-custom > div {
        width: 100%;
    }

    .product-about-custom .about-info {
        width: 100%;
    }

    .wrapper-dropdown > h2 {
        font-size: 25px;
        padding-right: 150px;
    }

    .wrapper-dropdown.active .wrapper-hidden .images-cont {
        flex-wrap: wrap;
        margin-bottom: 120px;
        height: auto;
        justify-content: center;
    }

    .product-section .product-cards-wrapper .product-cards {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .special-description {
        width: 100%;
    }

    .posts-main-section .posts-cont {
        display: flex;
        flex-direction: column;
    }

    .post-content-section .post-right .posts-cont .post, .post-content-section .post-right .video-right .video {
        width: 100%;
    }

    .videos-section .videos-cont .video {
        width: 100%;

    }

    .videos-section .videos-cont .video img {
        width: 100%;
        object-fit: cover;
        height: 250px;
    }
    .specialist-section .special-description {
        margin-bottom: 10px;
    }

}

@media screen and (max-width: 720px) {

    .special-spec-slider {
        left: 0;
    }

    .logo-cont {
        margin-right: auto;
    }

    .special-slider-wrapper .swiper-pagination {
        display: initial;
        --swiper-pagination-top: 175px;
    }

    .special-slider-wrapper .swiper-pagination .swiper-pagination-bullet {
        --swiper-pagination-bullet-width: 5px;
        --swiper-pagination-bullet-height: 5px;
        --swiper-pagination-color: #D9D9D9;
    }

    .special-slider-wrapper .swiper-pagination .swiper-pagination-bullet-active {
        --swiper-pagination-color: #09D1B9;

    }

    .address-mobile-wrapper {
        display: none;
    }

    .section-404 {
        height: 200px;
    }

    .section-404 > div {
        width: 350px;
    }

    .section-404 > div .four {
        font-size: 100px;
    }

    .section-404 > div img {
        width: 150px;
        height: 150px;
        left: calc(50% - 75px)
    }

    .header-scroll.active {
        display: none;
    }

    .header-bottom-menu.active, .header-bottom-menu:hover, .header-bottom-menu {
        display: none;
    }

    .popup-call > div, .popup-order > div {
        padding: 20px 0;
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: max-content;
    }

    .popup-call > div input, .popup-order > div .input-cont, .popup-order > div .input-cont {
        width: 90%;
    }

    .popup-call > div .terms-cont, .popup-order > div .terms-cont {
        width: 90%;
        margin-bottom: 30px;
    }

    .popup-call > div .close-call, .popup-order > div .close-order {
        top: 15px;
        right: 10px;
    }

    body, html {
        overflow-x: hidden;
    }

    #header-mob-menu {
        display: initial;
        background-color: inherit;
        border: none;
        outline: none;
        margin-right: 16px;
        padding: 0;
    }

    #header-mob-menu .close-menu {
        display: none;
    }

    #header-mob-menu.active .close-menu {
        display: initial;
        width: 16px;
        height: 16px;
        margin-top: 4px;
    }

    #header-mob-menu.active .open-menu {
        display: none;
    }

    .header-bottom-mob {
        display: flex;
        width: 94%;
        position: absolute;
        top: 43px;
        z-index: 2;
        left: 3%;
        height: 27px;
        border-radius: 20px;
        border: 1px solid #E7EDED;
        align-items: center;
        justify-content: space-between;

        background: rgba(255, 255, 255, 0.80);

        backdrop-filter: blur(7px);
        padding: 0 20px;
    }


    .header-bottom-mob .tel {
        color: #4C6171;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
    }

    .header-bottom-mob .btns-cont {
        display: flex;
        gap: 5px;
    }

    .header-bottom-mob .btns-cont a {
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
    }

    .header-bottom-mob .btns-cont a img {
        width: 8px;
    }

    .pr-cards-swiper, .special-price-slider, .about-mob-swiper, .special-spec-slider {
        width: 100vw;
    }

    .header-logo {
        width: 54px;
        height: 25px;
        margin-top: -2px!important;
        margin-right: 12px;
    }

    .logo-tag-cont {
        width: 71.907px;
        height: 20px;
        margin-top: 3px;
        content: url("../images/Детская поликлиника.svg");
        margin-right: auto;
    }

    .header-wrapper .tel-cont {
        display: none;
    }

    .address-mobile-wrapper {
        width: 153px;
        flex-direction: column-reverse;
        gap: 2px;
        margin-top: 3px;
    }

    .address-mobile-wrapper .address-cont {
        flex-direction: row;
        gap: 4px;
        align-items: center;
        height: 8px;
    }

    .address-mobile-wrapper .address-cont-f:before {
        content: url("../images/geo.svg");
        margin-top: -3px;
    }

    .address-mobile-wrapper .address-cont:not(.address-cont-f):before {
        content: url("../images/cloak.svg");
    }

    .address-mobile-wrapper .address-info {
        font-size: 7px;
    }

    #header-cont {
        width: 96%;
        height: 45px;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 12px 0 0 0;
    }

    .header-wrapper {
        margin-top: 0;
        padding-top: 0;
    }

    .header-bottom {
        display: none;
    }

    #header-cont > a:first-of-type {
        height: 23px;
    }

    .banner-swiper {
        border-radius: 0;
        width: 100%;
        height: 343px;
        margin-bottom: 29px;
    }

    .banner-swiper .banner-title {
        font-size: 27px;
        width: 184px;
        margin-top: 89px;
        margin-left: 20px;
    }

    .priem-form {
        width: 152px;
        height: 35px;
        font-size: 12px;
    }

    .banner-swiper .swiper-slide .priem-form {
        margin-top: 94px;
    }

    .banner-swiper .swiper-slide img {
        width: 250px;
        height: auto;
        bottom: 0;
        object-fit: contain;
    }

    .banner-swiper .swiper-slide {
        /*background: linear-gradient(243deg, rgb(145, 174, 184) 8.15%, rgb(149, 178, 187) 53.52%, rgb(149, 178, 187) 71.64%), #8ba7b4 -68.562px 54.601px;*/
        /*background-blend-mode: soft-light, normal, normal;*/
        background: url("../images/banner-bg.png") 100% 100%;
        background-size: cover;
        border-radius: 0;
        min-height: 343px;
    }

    .banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next {
        display: none;
    }

    .pr-section {
        margin-bottom: 29px;
    }

    .pr-section .pr-text-cont {
        padding-top: 0;
        gap: 14px;
        margin-bottom: 18px;
    }

    .pr-section .pr-text-cont .pr-title {
        font-size: 18px;
    }

    .pr-cards-cont {
        display: none;
    }

    .pr-cards-swiper.swiper {
        display: inherit;
    }

    .pr-cards-swiper.swiper .swiper-slide .pr-card {
        width: 232px;
        height: 159px;
    }

    .pr-cards-swiper.swiper .swiper-slide .pr-card .pr-card-title {
        font-size: 16px;
        margin: 22px 0 10px 24px;
    }

    .pr-cards-swiper.swiper .swiper-slide .pr-card .pr-card-description {
        font-size: 14px;
        margin: 0 0 0 24px;
    }

    .pr-card-number {
        font-size: 60px;
        bottom: -25px;
        right: 10px;
    }

    .pr-cards-swiper.swiper .swiper-slide {
        width: fit-content;
    }

    .swiper {
        border-radius: 0;
    }

    .pr-card-image-corner {
        width: 33px;
        height: 32px;
        top: 10px;
        right: 13px;
    }

    .numbers-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        margin-bottom: 51px;
    }

    .numbers-section .numbers-cont {
        align-items: flex-start;
    }

    .numbers-section .numbers-cont .number-title {
        font-size: 10px;
    }

    .numbers-section .numbers-cont .number-counter {
        font-size: 36px;
    }

    .special-title {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .special-description {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .special-slider-wrapper .swiper-button-prev-special, .special-slider-wrapper .swiper-button-next-special {
        display: none;
    }

    .special-slider-wrapper .special-slider .swiper-slide {
        width: 320px;
        height: 169px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-f h1 {
        font-size: 21px;
        margin: 15px 0 0 20px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-f h2 {
        font-size: 20px;
        margin: 0 0 0 20px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-f ul {
        display: none;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-f ul li {
        margin: 0 0 0 30px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-f ul li {
        font-size: 12px;
        width: 150px;
        line-height: 120%;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-f .special-percent {
        font-size: 14px;
        width: 50px;
        height: 50px;
        background: url("../images/percent-bg.svg") no-repeat;
        background-size: cover;
        right: 20px;
        top: 20px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-f > img {
        height: 250px;
        right: -30px;
        top: -10px;
    }

    .special-slider .swiper-slide .priem-form {
        margin: auto 0 18px 20px;
        height: 22px;
        font-size: 8px;
        width: 111px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-s h1 {
        font-size: 21px;
        margin: 25px 0 0 20px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-s h3 {
        font-size: 12px;
        margin: 0 0 0 20px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-s h2 {
        font-size: 20px;
        margin: 0 0 0 20px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-s p {
        margin: 2px 0 0 20px;
        width: 148px;
        font-size: 10px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-s .special-best {
        width: 104px;
        height: 17px;
        font-size: 8px;
        top: 9px;
        right: 10px;
    }

    .special-slider-wrapper .special-slider .swiper-slide.type-s > img {
        width: 142px;
        top: 65px;
        right: 18px;
    }

    .special-section {
        margin-bottom: 40px;
    }

    .aboutus-section .about-images-cont {
        display: none;
    }

    .aboutus-section .about-text-cont {
        gap: 14px;
    }

    .aboutus-section .about-text-cont h1 {
        font-size: 18px;
    }

    .aboutus-section .about-text-cont p {
        font-size: 14px;
    }

    .about-mob-swiper {
        display: initial !important;
    }

    .aboutus-section {
        flex-direction: column;
        margin-bottom: 40px;
        gap: 27px;
    }

    .aboutus-section .about-mob-swiper .swiper-slide {
        width: 283px;
        height: 201px;
        border-radius: 8px;
        object-fit: cover;
    }

    .aboutus-section .about-mob-swiper .swiper-slide img {
        border-radius: 8px;
        width: 283px;
        height: 201px;
    }

    .specialist-section {
        margin-bottom: 40px;
    }

    .specialist-section .special-title {
        font-size: 18px;
    }

    .specialist-section .special-description {
        font-size: 14px;
        width: 100%;
    }

    .special-slider-wrapper .swiper .swiper-slide .photo-cont {
        height: 239px;
    }

    .special-spec-slider .swiper-slide h2 {
        font-size: 16px;
    }

    .special-spec-slider .swiper-slide p:first-of-type {
        font-size: 11px;
        height: max-content;
    }

    .special-spec-slider .text-cont .line {
        margin: 17px 0 8px;
    }

    .staj {
        margin-bottom: 14px;
        font-size: 10px;
        gap: 4px;
    }

    .special-section, .prices-section, .wrapper-dropdown, .posts-section, .product-section, .specialist-section, .word-section, .pr-section, .numbers-section, .sertificates-section, .doctor-content, .aboutus-section{
        width: 90%;
    }

    .posts-section {
        gap: 21px;
        margin-bottom: 40px;
    }

    .posts-section h1 {
        font-size: 18px;
    }

    .posts-section .posts-cont {
        gap: 40px;
    }

    .posts-section .posts-cont .post {
        width: 100%;
        flex-direction: column;
        gap: 24px;
    }

    .posts-section .posts-cont .post img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }

    .posts-section .posts-cont .post .text-cont h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .posts-section .posts-cont .post .text-cont p {
        font-size: 14px;
    }

    .contact-section {
        padding: 28px 13px 13px;
        margin-bottom: 40px;
    }

    .contact-section .text-cont h1 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .contact-section .text-cont h2 {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .contact-section .text-cont p {
        font-size: 16px;
        margin-bottom: 22px;
        width: 90%;
    }

    .contact-section .text-cont .sub {
        flex-direction: column;
    }

    #footer-cont {
        display: none;
    }

    #footer-mob {
        display: flex;
        flex-direction: column;
        background: #3F6068;
        width: 100%;
        height: max-content;
        padding: 21px 19px 25px 21px;
    }

    #footer-mob .col-1 {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-bottom: 27px;
    }

    #footer-mob .col-1 h4 {
        color: #88A5AC;
        font-family: Inter, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    #footer-mob .col-1 p {
        color: #FFF;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #footer-mob .row-1 {
        display: flex;
        gap: 20px;
        margin-bottom: 24px;
    }

    #footer-mob .row-1 .col-2 {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    #footer-mob .row-1 .col-2 a {
        color: #FFF;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-decoration: none;
    }

    #footer-mob .row-1 .row-2 {
        display: flex;
        gap: 5px;
    }

    #footer-mob .row-1 .row-2 a {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #footer-mob .row-1 .row-2 a img {
        width: 13px;
    }

    #footer-mob .footer-wrappers {
        display: flex;
        flex-direction: column;
        margin-bottom: 32px;
    }

    #footer-mob .footer-wrappers p:first-of-type {
        border-top: 1px solid #4B6F78;
    }

    #footer-mob .footer-wrappers p {
        color: #8AD6D9;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 13px 0;
        border-bottom: 1px solid #4B6F78;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #footer-mob .footer-wrappers p:after {
        content: url("../images/footer-wrapper.svg");
        margin-top: 2px;
        transform: rotate(0deg);
        transition: transform .3s;

    }

    #footer-mob .footer-wrappers .footer-wrapper-cont {
        display: none;
    }

    #footer-mob .footer-wrappers p.active {
        border-bottom: none;
    }

    #footer-mob .footer-wrappers p.active:after {
        transform: rotate(90deg);
    }

    #footer-mob .footer-wrappers p.active + .footer-wrapper-cont {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #4B6F78;
        gap: 10px;
        padding-bottom: 13px;
    }

    #footer-mob .footer-wrappers p.active + .footer-wrapper-cont a {
        text-decoration: none;
        color: #FFF;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-left: 10px;
    }

    #footer-mob .col-3 {
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    #footer-mob .col-3 p {
        color: #88A5AC;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    #footer-mob .col-3 .row {
        display: flex;
        gap: 8px;
    }

    .banner-section {
        width: 100vw;
        border-radius: 0;
        height: 343px;
        display: flex;
        flex-direction: column;
        margin-bottom: 7px;
    }

    .banner-section h1 {
        color: #FFF;
        font-family: Intro Black;
        font-size: 27px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        width: 200px;
        padding: 92px 0 0 20px;
        margin: 0;
    }

    .banner-section img {
        right: -120px;
        height: 300px;
    }

    .banner-section .priem-form {
        margin-bottom: 41px;
        margin-top: auto;
    }

    .breadcrumbs-section {
        margin-bottom: 18px;
        padding-right: 0;
        padding-left: 0;
        flex-wrap: wrap;
    }

    .breadcrumbs-section a, .breadcrumbs-section p {
        font-size: 10px;
    }

    .product-section {
        margin-bottom: 40px;
    }

    .product-section .product-about {
        margin-bottom: 40px;
    }

    .product-section .product-about h1 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .product-section .product-about p {
        font-size: 14px;
    }

    .product-section .product-cards-wrapper {
        margin-bottom: 40px;
    }

    .product-section .product-cards-wrapper h1 {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .product-section .product-cards-wrapper .product-cards .card {
        padding: 35px 21px 39px 26px;
        height: auto;
        width: auto;
    }

    .product-section .product-cards-wrapper .product-cards .card h2 {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .product-section .product-cards-wrapper .product-cards .card p {
        font-size: 14px;
    }

    .product-price-wrapper .price-cont {
        display: flex;
        flex-direction: column;
        padding: 20px 0;
    }

    .product-price-wrapper .price-cont h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .product-price-wrapper .price-cont .description {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .product-price-wrapper .price-cont .price {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .product-price-wrapper .price-cont button {
        height: 40px;
        width: 189px;
        font-size: 14px;
    }

    .product-price-wrapper h1 {
        font-size: 18px;
        width: 100%;
        margin-bottom: 26px;
    }

    .banner-section.type-s h1 {
        font-size: 24px;
        margin: 0;
        padding: 82px 0 0 19px;
    }

    .banner-section.type-s img {
        right: -70px;
        height: 280px;
    }

    .banner-section.type-s ul li {
        font-size: 12px;
        width: 173px;
    }

    .banner-section.type-s .priem-form {
        margin-bottom: 31px;
    }

    .wrapper-dropdown {
        width: 100%;
        height: auto;
        padding: 36px 30px 36px 15px;
        margin-bottom: 40px;
    }

    .wrapper-dropdown > h2 {
        font-size: 18px;
        width: 100%;
        max-width: 70%;
        padding: 0;
    }

    .wrapper-dropdown > p {
        font-size: 14px;
    }

    .wrapper-dropdown .wrapper-icon {
        top: 36px;
        right: 18px;
    }

    .banner_section_after {
        margin-bottom: 40px;
    }

    .wrapper-dropdown-swiper-mob {
        display: initial !important;
        width: 100%;
        padding: 21px 0 18px !important;
        border-top: 1px solid #D0E2EF;
        margin: 24px 0;
        border-bottom: 1px solid #D0E2EF;
    }

    .wrapper-dropdown-swiper-mob .swiper-slide {
        width: max-content;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .wrapper-dropdown.active .wrapper-hidden .images-cont {
        display: none;
    }

    .wrapper-dropdown.active .wrapper-hidden h3 {
        font-size: 14px;
    }

    .wrapper-dropdown.active .wrapper-hidden h4 {
        font-size: 14px;
    }

    .wrapper-dropdown.active .wrapper-hidden ul:not(:last-of-type) {
        margin-bottom: 44px;
    }

    .wrapper-dropdown.active .wrapper-hidden ul li {
        font-size: 14px;
    }

    .product-plus-section h1 {
        font-size: 18px;
        width: 100%;
        margin-bottom: 35px;
    }

    .product-plus-section .container .plus-cont {
        gap: 10px;
    }

    .product-plus-section .container .plus-cont h2 {
        font-size: 16px;
    }

    .product-plus-section .container .plus-cont p {
        font-size: 14px;
    }

    .prices-section h1 {
        font-size: 18px;
        width: 100%;
    }

    .prices-section > p {
        margin-top: 20px;
        font-size: 14px;
    }

    .prices-section .prices-cont .price-elem h2 {
        font-size: 14px;
    }

    .prices-section .prices-cont .price-elem .price-visible {
        height: 48px;
    }

    .prices-section .prices-cont .price-elem.active .price-hidden > div .title {
        font-size: 14px;
        width: 100%;
        max-width: initial;
        margin-bottom: 10px;
    }

    .prices-section .prices-cont .price-elem.active .price-hidden > div {
        flex-direction: column;
    }

    .prices-section .prices-cont .price-elem.active .price-hidden {
        padding: 28px 27px;
    }

    .word-section {
        margin-bottom: 40px;
    }

    .word-section h1 {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .word-section p {
        font-size: 14px;
        margin-bottom: 19px;
    }

    .sertificates-section {
        margin-bottom: 40px;
    }

    .sertificates-section > h1 {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .sertificates-section > p {
        margin-bottom: 26px;
        font-size: 14px;
    }

    .section-reviews > h1 {
        font-size: 18px;
        gap: 15px;
    }

    .section-reviews > .row {
        flex-wrap: wrap;
    }

    .section-reviews > .row .stats-cont {
        flex-wrap: wrap;
        gap: 12px;
    }

    .section-reviews .row .stats-cont .review-count {
        margin: 0;
    }

    .section-reviews > p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .reviews-cont .review-solo-cont .reviewer-cont .col .row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .reviews-cont {
        padding: 33px 20px;
        width: 100%;
    }

    .reviews-cont .review-solo-cont .review-content {
        font-size: 14px;
    }

    .pagination-cont .dots, .pagination-cont p:last-of-type, .pagination-cont p:nth-of-type(5) {
        display: none;
    }

    .section-reviews {
        margin-bottom: 40px;
        width: 90%;
    }

    .section-doctors {
        margin-bottom: 40px;
    }

    .section-doctors > h1 {
        font-size: 18px;
    }

    .section-doctors > p {
        font-size: 14px;
    }

    .section-doctors .doctors-cont .doctor-card {
        width: 319px;
        height: max-content;
    }

    .section-doctors .doctors-cont .doctor-card img {
        width: 100%;
    }

    .section-doctors .doctors-cont .doctor-card .photo-cont {
        height: 278px;
    }

    .section-doctors .doctors-cont .doctor-card .text-cont {
        width: 100%;
        height: max-content;
    }

    .doctors-cont .text-cont h2 {
        font-size: 17px;
    }

    .doctors-cont .text-cont p:first-of-type {
        font-size: 11px;
    }

    .doctors-cont .text-cont .line {
        margin: 18px 0 15px;
    }

    .posts-main-section h1, .videos-section h1 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .posts-main-section .posts-cont, .posts-main-section .pagination-cont,
    .videos-section .videos-cont, .videos-section .pagination-cont {
        display: none;
    }

    .posts-main-section .mob-flex, .videos-section .mob-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 29px;
    }

    .mob-link {
        display: initial;
        text-decoration: none;
        color: #42808F;
        font-family: Inter;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        height: max-content;
        padding: 11px 20px;
        border-radius: 5px;
        border: 1px solid #88A5AC;
    }

    .posts-swiper {
        display: initial !important;
    }

    .videos-swiper {
        display: initial !important;
    }

    .posts-swiper .post {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        width: 280px;
    }

    .posts-swiper .swiper-wrapper .swiper-slide {
        width: 280px;
    }

    .posts-swiper .post img {
        height: 150px;
        margin-bottom: 24px;
        object-fit: cover;
        border-radius: 8px;
    }

    .posts-swiper .post h2 {
        color: #42808F;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 19.2px */
        margin-bottom: 15px;
    }

    .posts-swiper .post p {
        color: #4C6171;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 19.6px */
    }

    .videos-swiper .video {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        gap: 18px;
        width: 280px;
    }

    .videos-section {
        margin-bottom: 52px;
    }

    .videos-swiper .video p {
        color: #42808F;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 16.8px */
    }

    .banner-section.type-doctor img {
        width: auto;
        height: 250px;
        right: -150px;
    }

    .banner-section.type-doctor p {
        font-size: 14px;
        width: 200px;
    }

    .doctor-content .info-section {
        margin-bottom: 44px;
    }

    .doctor-content .info-section h1 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .doctor-content .info-section p {
        font-size: 14px;
    }

    .education-section h1 {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .education-section .educations-cont .education-card {
        flex-direction: column;
        gap: 15px;
    }

    .education-section .educations-cont .education-card .year {
        font-size: 20px;
    }

    .education-section .educations-cont .education-card .description {
        font-size: 14px;
    }

    .post-content-section .post-content .date {
        font-size: 13px;
        gap: 18px;
    }

    .post-content-section {
        width: 90%;
    }

    .post-content-section .post-content h1 {
        width: 100%;
        font-size: 18px;
        margin-bottom: 18px;
    }

    .post-content-section .post-content .author {
        gap: 20px;
    }

    .post-content-section .post-content .author div .text-1 {
        font-size: 12px;
    }

    .post-content-section .post-content .author div .name {
        font-size: 15px;
    }

    .post-content-section .post-content .author div .post {
        font-size: 12px;
    }

    .post-content-section .post-content .text-content {
        font-size: 16px;
    }

    .post-content-section .post-content .photo-cont {
        margin-bottom: 20px;
        gap: 17px;
    }

    .post-content-section .post-content > .title {
        margin: 21px 0 12px;
        font-size: 14px;
    }

    .post-content-section .post-right {
        margin-top: 50px;
    }

    .post-content-section .post-right .posts-cont h2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .post-content-section .post-right {
        display: none;
    }

    .post-mob {
        display: initial;
        width: 100%;
        margin-top: 50px;
    }

    .post-mob .posts-main-section {
        margin-bottom: 47px;
    }

    .post-mob .posts-main-section, .post-mob .videos-section {
        width: 100%;
    }

    .post-mob .videos-section {
        margin-bottom: 0;
    }

    .post-content-section {
        margin-bottom: 27px;
    }

    .header-bottom-menu-mob.active {
        display: flex;
    }

    .header-bottom-menu-mob {
        flex-direction: column;
        position: fixed;
        left: 0;
        top: 0;
        margin-top: 45px;
        z-index: 50;
        height: 100%;
        overflow-y: scroll;
        width: 100%;
        background-color: #F0F4F4;
    }

    .header-bottom-menu-mob div {
        display: none;
    }

    .header-bottom-menu-mob p, .header-bottom-menu-mob > a {
        color: #42808F;
        text-decoration: none;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 19.2px */
        width: 100%;
        padding: 22px 21px 16px 39px;
        display: flex;
        justify-content: space-between;
    }

    .header-bottom-menu-mob a {
        color: #219ab7;
    }

    .header-bottom-menu-mob p:after {
        content: url("../images/footer-wrapper.svg");
        transform: rotate(90deg);
        transition: transform .3s;
    }

    .header-bottom-menu-mob div.active {
        display: flex;
        flex-direction: column;
        padding-left: 39px;
        padding-bottom: 20px;
    }

    .header-bottom-menu-mob > div.active p {
        padding-left: 10px;
    }

    .header-bottom-menu-mob > div.active a {
        color: #4C6171;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 5px;
        width: max-content;
        padding: 7px 5px;
        border-radius: 8px;
    }

    .header-bottom-menu-mob > div.active a:hover {
        background: rgba(254, 254, 254, 0.70);
    }

    .header-bottom-menu-mob > div.active a:before {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        background-color: #4C6171;
        border-radius: 50%;
    }

    .header-bottom-menu-mob p.active:after {
        transform: rotate(270deg);
    }

    .logo-mob-after, .mob-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 24px;
    }

    .logo-mob-after {
        margin-right: auto;
    }

    .logo-mob-after .line {
        margin: 0 10px;
        width: 0.5px;
        height: 20px;
        background: #AABFC5;
    }


    .header-logo {
        margin: 0;
    }

    .logo-mob-after p {
        width: 67px;
        color: #838386;

        font-family: Gilroy;
        font-size: 7px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 8.4px */
        letter-spacing: 0.49px;
        text-transform: uppercase;
    }

    .mob-buttons {
        margin-right: 19px;
        gap: 5px;
    }

    .mob-buttons img {
        padding: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 23px;
        border: 1px solid #88A5AC;
    }

    .header-bottom-info {
        position: fixed;
        width: 100%;
        left: 0;
        top: 44px;
        z-index: 10;
        background-color: inherit;
        height: 30px;
        display: none;
        justify-content: center;
        align-items: center;
        border-radius: 0 0 10px 10px;
    }

    .header-bottom-info.active {
        display: flex;
    }

    .header-bottom-info p {
        color: #000000;

        font-family: Inter;
        font-size: 11px;
        text-align: center;
        font-style: normal;
        font-weight: 200;
        line-height: 120%; /* 8.4px */
        letter-spacing: 0.49px;
        text-transform: uppercase;
    }

    .header-wrapper {
        position: fixed;
        z-index: 30;
        background: #F3F3F3;
    }

    .banner-swiper, .section-404 {
        margin-top: 45px;
    }

    .pr-description {
        font-size: 14px;
    }

    .desktop-logo {
        display: none;
    }

    .mob-logo {
        display: initial;
    }

    .banner-swiper .swiper-slide.video video {
        border-radius: 0;
    }

    .header-scroll.active-end {
        display: none;
    }

    .logo-mob-after {
        margin: 0;
    }

    .logo-cont {
        gap: 0;
    }
}